/* =========================================================
   ARENA EXPERIENCE — FINAL STABLE VERSION
   ========================================================= */

.ar-final-experience {
  width: 100%;
  overflow: hidden;
  background: #f4f0e7;
  color: #172521;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ar-final-experience > .ar-container {
  width: min(1440px, calc(100% - 96px)) !important;
  max-width: 1440px !important;

  margin: 0 auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.ar-final-heading {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(320px, 0.65fr) !important;

  gap:
    clamp(70px, 9vw, 150px) !important;

  align-items: end !important;

  width: 100%;

  padding:
    0 0 32px !important;

  border-bottom:
    1px solid rgba(22, 53, 46, 0.18);
}


.ar-final-heading .ar-eyebrow {
  margin:
    0 0 14px;
}


.ar-final-heading h2 {
  margin:
    0 !important;

  max-width:
    700px;

  font-family:
    "Instrument Serif",
    Georgia,
    serif !important;

  font-size:
    clamp(66px, 6.2vw, 98px) !important;

  font-weight:
    400 !important;

  line-height:
    0.88 !important;

  letter-spacing:
    -0.045em !important;

  color:
    #172521;
}


.ar-final-heading-copy {
  max-width:
    430px;

  padding-bottom:
    5px;
}


.ar-final-heading-copy p {
  margin:
    0 0 16px !important;

  font-size:
    13px !important;

  line-height:
    1.75 !important;

  color:
    rgba(23, 37, 33, 0.67);
}


.ar-final-heading-copy span {
  display:
    block;

  font-size:
    8px !important;

  line-height:
    1.4;

  letter-spacing:
    0.12em;

  text-transform:
    uppercase;

  color:
    #92794d;
}


/* =========================================================
   FEATURE ROWS
   ========================================================= */

.ar-final-feature {
  display:
    grid !important;

  width:
    100%;

  align-items:
    start !important;

  padding:
    30px 0 !important;
}


/* PROJECT:
   image left / copy right */

.ar-final-project {
  grid-template-columns:
    minmax(0, 1.22fr)
    minmax(370px, 0.78fr) !important;

  gap:
    clamp(70px, 7vw, 115px) !important;
}


/* CLUBHOUSE:
   copy left / image right */

.ar-final-clubhouse {
  grid-template-columns:
    minmax(370px, 0.78fr)
    minmax(0, 1.22fr) !important;

  gap:
    clamp(70px, 7vw, 115px) !important;

  padding-top:
    26px !important;

  padding-bottom:
    24px !important;

  border-top:
    1px solid rgba(22, 53, 46, 0.18);
}


.ar-final-visual,
.ar-final-feature-copy {
  min-width:
    0 !important;

  width:
    100%;
}


/* =========================================================
   FEATURE COPY
   ========================================================= */

.ar-final-feature-copy {
  max-width:
    520px !important;
}


.ar-final-feature-copy > .ar-eyebrow {
  margin:
    4px 0 11px;
}


.ar-final-feature-copy > h3 {
  margin:
    0 0 15px !important;

  font-family:
    "Instrument Serif",
    Georgia,
    serif !important;

  font-size:
    clamp(52px, 4.7vw, 74px) !important;

  font-weight:
    400 !important;

  line-height:
    0.91 !important;

  letter-spacing:
    -0.035em !important;

  color:
    #172521;
}


.ar-final-lead {
  max-width:
    470px;

  margin:
    0 !important;

  font-size:
    12px !important;

  line-height:
    1.7 !important;

  color:
    rgba(23, 37, 33, 0.66);
}


/* =========================================================
   FEATURE POINTS
   ========================================================= */

.ar-final-points {
  width:
    100%;

  margin-top:
    19px !important;

  border-top:
    1px solid rgba(22, 53, 46, 0.17);
}


.ar-final-points article {
  display:
    grid !important;

  grid-template-columns:
    34px
    minmax(0, 1fr);

  gap:
    18px;

  padding:
    15px 0 !important;

  border-bottom:
    1px solid rgba(22, 53, 46, 0.17);
}


.ar-final-points article > span {
  padding-top:
    4px;

  font-size:
    8px !important;

  color:
    #b59a68;
}


.ar-final-points strong {
  display:
    block;

  margin-bottom:
    5px;

  font-family:
    "Instrument Serif",
    Georgia,
    serif;

  font-size:
    26px !important;

  font-weight:
    400;

  line-height:
    1.05;

  color:
    #172521;
}


.ar-final-points p {
  margin:
    0 !important;

  max-width:
    420px;

  font-size:
    10px !important;

  line-height:
    1.6 !important;

  color:
    rgba(23, 37, 33, 0.63);
}


.ar-final-points-compact article {
  padding:
    13px 0 !important;
}


.ar-final-points-compact strong {
  font-size:
    24px !important;
}


/* =========================================================
   CAROUSEL
   ========================================================= */

.ar-final-carousel {
  display:
    block !important;

  width:
    100% !important;

  min-width:
    0 !important;

  outline:
    none;
}


.ar-final-stage {
  display:
    block !important;

  width:
    100% !important;
}


.ar-final-slide {
  width:
    100% !important;
}


.ar-final-slide[hidden] {
  display:
    none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.ar-final-image {
  position:
    relative;

  display:
    block;

  width:
    100% !important;

  height:
    clamp(420px, 35vw, 590px) !important;

  margin:
    0 !important;

  overflow:
    hidden;

  background:
    #0d2722;
}


.ar-final-image img {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.ar-final-placeholder {
  position:
    relative;

  display:
    grid !important;

  place-items:
    center;

  width:
    100% !important;

  height:
    clamp(400px, 33vw, 560px) !important;

  overflow:
    hidden;

  border:
    1px solid rgba(22, 53, 46, 0.18);

  background:
    rgba(22, 53, 46, 0.025);
}


.ar-final-placeholder::before {
  content:
    "";

  position:
    absolute;

  inset:
    20px;

  border:
    1px solid rgba(22, 53, 46, 0.10);
}


.ar-final-placeholder span {
  position:
    relative;

  z-index:
    1;

  font-size:
    8px;

  letter-spacing:
    0.16em;

  color:
    rgba(22, 53, 46, 0.38);
}


/* =========================================================
   IMAGE SHADE
   ========================================================= */

.ar-final-image-shade {
  position:
    absolute;

  inset:
    0;

  z-index:
    2;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      rgba(13, 39, 34, 0) 55%,
      rgba(13, 39, 34, 0.08) 70%,
      rgba(13, 39, 34, 0.55) 100%
    );
}


/* =========================================================
   IMAGE DISCLOSURE
   ========================================================= */

.ar-final-disclosure {
  position:
    absolute;

  left:
    15px;

  bottom:
    15px;

  z-index:
    4;

  display:
    inline-flex !important;

  align-items:
    center;

  max-width:
    calc(100% - 30px);

  padding:
    7px 10px;

  border:
    1px solid rgba(250, 248, 242, 0.20);

  border-radius:
    2px;

  background:
    rgba(13, 39, 34, 0.78);

  color:
    #faf8f2 !important;

  font-family:
    "Manrope",
    Arial,
    sans-serif;

  font-size:
    9px !important;

  font-weight:
    700 !important;

  line-height:
    1.35;

  letter-spacing:
    0.075em;

  text-transform:
    uppercase;

  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.45);

  backdrop-filter:
    blur(4px);

  -webkit-backdrop-filter:
    blur(4px);
}


/* =========================================================
   CAROUSEL CAPTION
   ========================================================= */

.ar-final-caption {
  display:
    grid !important;

  grid-template-columns:
    minmax(130px, 0.35fr)
    minmax(0, 1fr);

  gap:
    28px;

  width:
    100%;

  padding:
    14px 0 4px !important;
}


.ar-final-category {
  padding-top:
    5px;

  font-size:
    8px !important;

  font-weight:
    600;

  line-height:
    1.4;

  letter-spacing:
    0.14em;

  text-transform:
    uppercase;

  color:
    #b59a68;
}


.ar-final-caption h3 {
  margin:
    0 0 5px !important;

  font-family:
    "Instrument Serif",
    Georgia,
    serif !important;

  font-size:
    clamp(32px, 2.8vw, 46px) !important;

  font-weight:
    400 !important;

  line-height:
    0.98 !important;

  letter-spacing:
    -0.025em;

  color:
    #172521;
}


.ar-final-caption p {
  max-width:
    520px;

  margin:
    0 !important;

  font-size:
    10px !important;

  line-height:
    1.6 !important;

  color:
    rgba(23, 37, 33, 0.63);
}


/* =========================================================
   CAROUSEL CONTROLS
   ========================================================= */

.ar-final-controls {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  width:
    100% !important;

  margin-top:
    5px !important;

  padding-top:
    9px !important;

  border-top:
    1px solid rgba(22, 53, 46, 0.22);

  opacity:
    1 !important;

  visibility:
    visible !important;
}


.ar-final-count {
  display:
    flex !important;

  align-items:
    baseline;

  gap:
    7px;

  opacity:
    1 !important;

  visibility:
    visible !important;

  color:
    rgba(23, 37, 33, 0.68) !important;

  font-size:
    8px !important;
}


.ar-final-count strong {
  font-family:
    "Instrument Serif",
    Georgia,
    serif;

  font-size:
    24px !important;

  font-weight:
    400;

  color:
    #172521 !important;
}


.ar-final-arrows {
  display:
    flex !important;

  gap:
    9px !important;

  opacity:
    1 !important;

  visibility:
    visible !important;
}


.ar-final-arrows button {
  display:
    grid !important;

  place-items:
    center;

  width:
    46px !important;

  height:
    46px !important;

  padding:
    0 !important;

  border:
    1px solid rgba(22, 53, 46, 0.52) !important;

  border-radius:
    50% !important;

  background:
    #faf8f2 !important;

  color:
    #16352e !important;

  font-size:
    18px !important;

  line-height:
    1 !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  cursor:
    pointer;

  box-shadow:
    0 1px 3px rgba(13, 39, 34, 0.08);

  transition:
    background 160ms ease,
    color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}


@media (hover:hover) and (pointer:fine) {

  .ar-final-arrows button:hover {
    background:
      #16352e !important;

    border-color:
      #16352e !important;

    color:
      #faf8f2 !important;

    transform:
      translateY(-1px);
  }

}


/* =========================================================
   CLEAN ENDING
   ========================================================= */

.ar-final-ending {
  position:
    relative;

  display:
    grid !important;

  grid-template-columns:
    minmax(160px, 0.34fr)
    minmax(360px, 0.90fr)
    minmax(300px, 0.70fr);

  column-gap:
    clamp(48px, 6vw, 95px);

  row-gap:
    20px;

  align-items:
    start;

  width:
    100%;

  margin-top:
    18px !important;

  padding:
    32px 0 20px !important;

  border-top:
    1px solid rgba(22, 53, 46, 0.18);

  border-bottom:
    1px solid rgba(22, 53, 46, 0.18);

  background:
    transparent !important;
}


.ar-final-ending::before {
  content:
    "";

  position:
    absolute;

  top:
    -1px;

  left:
    0;

  width:
    78px;

  height:
    2px;

  background:
    #b59a68;
}


/* =========================================================
   ENDING LABEL
   ========================================================= */

.ar-final-ending-label {
  padding-top:
    6px;
}


.ar-final-ending-label .ar-eyebrow {
  margin:
    0 0 11px;

  color:
    #b59a68;
}


.ar-final-ending-label > span {
  display:
    block;

  font-size:
    7px !important;

  letter-spacing:
    0.14em;

  text-transform:
    uppercase;

  color:
    rgba(23, 37, 33, 0.38);
}


/* =========================================================
   ENDING TITLE
   ========================================================= */

.ar-final-ending-title h3 {
  margin:
    0 !important;

  font-family:
    "Instrument Serif",
    Georgia,
    serif !important;

  font-size:
    clamp(58px, 5.4vw, 82px) !important;

  font-weight:
    400 !important;

  line-height:
    0.89 !important;

  letter-spacing:
    -0.04em !important;

  color:
    #172521;
}


/* =========================================================
   ENDING ACTION
   ========================================================= */

.ar-final-ending-action {
  padding-top:
    8px;
}


.ar-final-ending-action > p {
  max-width:
    410px;

  margin:
    0 !important;

  font-size:
    11px !important;

  line-height:
    1.7 !important;

  color:
    rgba(23, 37, 33, 0.65);
}


.ar-final-ending-cta {
  display:
    flex !important;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    28px;

  width:
    min(100%, 330px);

  margin-top:
    19px;

  padding:
    11px 0;

  border-bottom:
    1px solid rgba(22, 53, 46, 0.44);

  color:
    #172521;

  font-size:
    11px !important;

  font-weight:
    600;

  text-decoration:
    none;
}


.ar-final-ending-cta svg {
  width:
    17px;

  color:
    #b59a68;

  transition:
    transform 160ms ease;
}


@media (hover:hover) and (pointer:fine) {

  .ar-final-ending-cta:hover {
    color:
      #92794d;
  }


  .ar-final-ending-cta:hover svg {
    transform:
      translateX(4px);
  }

}


/* =========================================================
   ENDING SOURCE
   ========================================================= */

.ar-final-ending-source {
  grid-column:
    2 / 4;

  display:
    flex !important;

  align-items:
    center;

  gap:
    17px;

  padding-top:
    13px;

  border-top:
    1px solid rgba(22, 53, 46, 0.11);
}


.ar-final-ending-source > span {
  font-size:
    7px !important;

  font-weight:
    600;

  letter-spacing:
    0.13em;

  text-transform:
    uppercase;

  color:
    rgba(23, 37, 33, 0.36);
}


.ar-final-ending-source a {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  color:
    rgba(23, 37, 33, 0.56);

  font-size:
    9px !important;

  text-decoration:
    none;
}


.ar-final-ending-source svg {
  width:
    12px;
}


/* =========================================================
   OLD EXPERIMENTAL SECTION 04 ELEMENTS
   ========================================================= */

.ar-final-experience .ar-x-closing,
.ar-final-experience .ar-x-closing-luxe,
.ar-final-experience .ar-x-closing-rail,
.ar-final-experience .ar-x-ending,
.ar-final-experience .ar-x-source {
  display:
    none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .ar-final-experience > .ar-container {
    width:
      min(100% - 56px, 1200px) !important;
  }


  .ar-final-heading {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(280px, 0.72fr) !important;

    gap:
      52px !important;
  }


  .ar-final-project,
  .ar-final-clubhouse {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(300px, 0.92fr) !important;

    gap:
      48px !important;
  }


  .ar-final-feature-copy > h3 {
    font-size:
      50px !important;
  }


  .ar-final-image {
    height:
      390px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .ar-final-experience > .ar-container {
    width:
      calc(100% - 36px) !important;

    max-width:
      none !important;

    margin:
      0 auto !important;
  }


  /* INTRO */

  .ar-final-heading {
    grid-template-columns:
      1fr !important;

    gap:
      20px !important;

    padding-bottom:
      24px !important;
  }


  .ar-final-heading h2 {
    font-size:
      clamp(52px, 15vw, 68px) !important;

    line-height:
      0.9 !important;
  }


  .ar-final-heading-copy {
    max-width:
      none;
  }


  .ar-final-heading-copy p {
    font-size:
      12px !important;
  }


  /* FEATURES */

  .ar-final-project,
  .ar-final-clubhouse {
    display:
      grid !important;

    grid-template-columns:
      1fr !important;

    gap:
      25px !important;

    padding:
      24px 0 !important;
  }


  /* Project: image first */

  .ar-final-project .ar-final-visual {
    order:
      1;
  }


  .ar-final-project .ar-final-feature-copy {
    order:
      2;
  }


  /* Clubhouse: copy first */

  .ar-final-clubhouse .ar-final-feature-copy {
    order:
      1;
  }


  .ar-final-clubhouse .ar-final-visual {
    order:
      2;
  }


  .ar-final-feature-copy {
    max-width:
      none !important;
  }


  .ar-final-feature-copy > h3 {
    font-size:
      clamp(44px, 12vw, 56px) !important;
  }


  .ar-final-lead {
    max-width:
      none;

    font-size:
      11px !important;
  }


  /* IMAGE */

  .ar-final-image,
  .ar-final-placeholder {
    width:
      100% !important;

    height:
      auto !important;

    aspect-ratio:
      4 / 3 !important;
  }


  /* CAPTION */

  .ar-final-caption {
    grid-template-columns:
      1fr !important;

    gap:
      7px !important;

    padding-top:
      12px !important;
  }


  .ar-final-caption h3 {
    font-size:
      34px !important;
  }


  .ar-final-caption p {
    font-size:
      10px !important;
  }


  /* DISCLOSURE */

  .ar-final-disclosure {
    left:
      10px;

    bottom:
      10px;

    max-width:
      calc(100% - 20px);

    padding:
      6px 8px;

    font-size:
      8px !important;

    letter-spacing:
      0.055em;
  }


  /* CONTROLS */

  .ar-final-controls {
    margin-top:
      4px !important;

    padding-top:
      8px !important;
  }


  .ar-final-arrows button {
    width:
      44px !important;

    height:
      44px !important;
  }


  /* POINTS */

  .ar-final-points {
    margin-top:
      16px !important;
  }


  .ar-final-points article {
    padding:
      13px 0 !important;
  }


  /* ENDING */

  .ar-final-ending {
    grid-template-columns:
      1fr !important;

    gap:
      18px !important;

    margin-top:
      10px !important;

    padding:
      26px 0 19px !important;
  }


  .ar-final-ending-title h3 {
    font-size:
      clamp(50px, 14vw, 66px) !important;
  }


  .ar-final-ending-action {
    padding-top:
      0;
  }


  .ar-final-ending-action > p {
    max-width:
      none;
  }


  .ar-final-ending-cta {
    width:
      100%;
  }


  .ar-final-ending-source {
    grid-column:
      1 !important;

    flex-direction:
      column;

    align-items:
      flex-start;

    gap:
      6px;

    padding-top:
      12px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .ar-final-experience > .ar-container {
    width:
      calc(100% - 28px) !important;
  }


  .ar-final-heading h2 {
    font-size:
      50px !important;
  }


  .ar-final-feature-copy > h3 {
    font-size:
      43px !important;
  }


  .ar-final-caption h3 {
    font-size:
      31px !important;
  }


  .ar-final-ending-title h3 {
    font-size:
      50px !important;
  }

}

/* =========================================================
   SECTION 04 — SAFE FINAL POLISH
   ONLY:
   1. stronger carousel controls
   2. slightly tighter vertical spacing

   DO NOT alter grid / image / column sizing here.
   ========================================================= */


/* ---------------------------------------------------------
   CAROUSEL CONTROLS — HIGH VISIBILITY
   --------------------------------------------------------- */

.ar-final-controls {
  position: relative !important;
  z-index: 20 !important;

  margin-top: 2px !important;
  padding-top: 8px !important;

  opacity: 1 !important;
  visibility: visible !important;
}


.ar-final-count {
  opacity: 1 !important;
  visibility: visible !important;

  color: #172521 !important;
}


.ar-final-count strong {
  color: #172521 !important;
  opacity: 1 !important;
}


.ar-final-arrows {
  position: relative !important;
  z-index: 21 !important;

  display: flex !important;

  gap: 8px !important;

  opacity: 1 !important;
  visibility: visible !important;
}


.ar-final-arrows button {
  display: grid !important;
  place-items: center !important;

  width: 48px !important;
  height: 48px !important;

  min-width: 48px !important;
  min-height: 48px !important;

  padding: 0 !important;

  border: 1px solid #16352E !important;

  border-radius: 50% !important;

  background: #FAF8F2 !important;

  color: #16352E !important;

  font-size: 20px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  opacity: 1 !important;
  visibility: visible !important;

  box-shadow:
    0 2px 7px rgba(13, 39, 34, 0.08) !important;

  cursor: pointer !important;
}


@media (hover:hover) and (pointer:fine) {

  .ar-final-arrows button:hover {
    background: #16352E !important;

    color: #FAF8F2 !important;

    transform: translateY(-1px);
  }

}


/* ---------------------------------------------------------
   SLIGHTLY TIGHTER SECTION RHYTHM
   --------------------------------------------------------- */

/* project row */

.ar-final-project {
  padding-top: 24px !important;
  padding-bottom: 22px !important;
}


/* clubhouse row */

.ar-final-clubhouse {
  padding-top: 20px !important;
  padding-bottom: 18px !important;
}


/* tighten text lists WITHOUT changing layout */

.ar-final-points {
  margin-top: 15px !important;
}


.ar-final-points article {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}


.ar-final-points-compact article {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}


/* carousel caption slightly tighter */

.ar-final-caption {
  padding-top: 11px !important;
  padding-bottom: 2px !important;
}


/* pull closing thought a little closer */

.ar-final-ending {
  margin-top: 10px !important;

  padding-top: 26px !important;
  padding-bottom: 18px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

  .ar-final-project,
  .ar-final-clubhouse {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }


  .ar-final-arrows button {
    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;
    min-height: 46px !important;
  }


  .ar-final-ending {
    margin-top: 8px !important;

    padding-top: 22px !important;
    padding-bottom: 17px !important;
  }

}

/* =========================================================
   SECTION 04 — FIT CAROUSEL + CONTROLS IN ONE VIEW
   SAFE VERTICAL COMPRESSION ONLY
   ========================================================= */


/* ---------------------------------------------------------
   PROJECT + CLUBHOUSE ROW SPACING
   --------------------------------------------------------- */

.ar-final-project,
.ar-final-clubhouse {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}


/* ---------------------------------------------------------
   CAROUSEL IMAGE HEIGHT
   Slightly shorter so caption + controls remain visible
   --------------------------------------------------------- */

.ar-final-image {
  height:
    clamp(360px, 29vw, 500px) !important;
}


/* project placeholder same height */

.ar-final-placeholder {
  height:
    clamp(350px, 28vw, 480px) !important;
}


/* ---------------------------------------------------------
   CAPTION BELOW IMAGE
   --------------------------------------------------------- */

.ar-final-caption {
  gap: 18px !important;

  padding-top: 8px !important;
  padding-bottom: 0 !important;
}


.ar-final-caption h3 {
  margin-bottom: 3px !important;

  font-size:
    clamp(29px, 2.4vw, 39px) !important;
}


.ar-final-caption p {
  font-size: 9px !important;

  line-height: 1.45 !important;
}


/* ---------------------------------------------------------
   CONTROLS — PULL DIRECTLY UNDER CAPTION
   --------------------------------------------------------- */

.ar-final-controls {
  margin-top: 0 !important;

  padding-top: 6px !important;

  transform: translateY(-2px);
}


.ar-final-arrows button {
  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;
  min-height: 42px !important;
}


/* ---------------------------------------------------------
   LEFT/RIGHT COPY ALSO A LITTLE TIGHTER
   --------------------------------------------------------- */

.ar-final-feature-copy > h3 {
  margin-bottom: 10px !important;
}


.ar-final-lead {
  line-height: 1.55 !important;
}


.ar-final-points {
  margin-top: 13px !important;
}


.ar-final-points article {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}


.ar-final-points-compact article {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}


/* ---------------------------------------------------------
   CLOSING BLOCK CLOSER TO CLUBHOUSE
   --------------------------------------------------------- */

.ar-final-ending {
  margin-top: 6px !important;

  padding-top: 22px !important;
  padding-bottom: 16px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

  .ar-final-project,
  .ar-final-clubhouse {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }


  .ar-final-image,
  .ar-final-placeholder {
    height: auto !important;

    aspect-ratio: 4 / 3 !important;
  }


  .ar-final-caption {
    padding-top: 8px !important;
  }


  .ar-final-controls {
    margin-top: 0 !important;

    padding-top: 6px !important;

    transform: none !important;
  }


  .ar-final-ending {
    margin-top: 5px !important;

    padding-top: 20px !important;
    padding-bottom: 15px !important;
  }

}
/* CAROUSEL DESCRIPTION — SLIGHTLY LARGER */

.ar-final-caption p {
  font-size: 10.5px !important;
  line-height: 1.55 !important;
}


/* MOBILE */

@media (max-width: 700px) {

  .ar-final-caption p {
    font-size: 10.5px !important;
    line-height: 1.55 !important;
  }

}

/* CAROUSEL DESCRIPTION — LARGER */

.ar-final-caption p {
  font-size: 12px !important;
  line-height: 1.6 !important;
  max-width: 560px !important;
}


/* MOBILE */

@media (max-width: 700px) {

  .ar-final-caption p {
    font-size: 11.5px !important;
    line-height: 1.6 !important;
  }

}