/* Handwritten accent for the Bentonville scribble only (sample #05) */
@font-face{
  font-family:'Phil Handwriting';
  src:url('/assets/fonts/phil-handwriting-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
/* Editorial serif for large section numerals */
@font-face{
  font-family:'Walbaum';
  src:url('/assets/fonts/walbaum-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

.ap-page{
  --ap-paper:#fbfaf5;
  --ap-line:rgba(22,52,44,.17);
  --ap-radius:18px;
  /* Match close-cta content width: site --wrap with --pad inside (border-box) */
  --ap-wrap:min(calc(var(--wrap) - 2 * var(--pad)),calc(100vw - 2 * var(--pad)));
  --ap-fade-left:linear-gradient(to right,
    rgba(251,250,245,1) 0%,rgba(251,250,245,.99) 2%,rgba(251,250,245,.96) 4%,
    rgba(251,250,245,.92) 6%,rgba(251,250,245,.88) 8%,rgba(251,250,245,.855) 10%,
    rgba(251,250,245,.845) 20%,rgba(251,250,245,.84) 32%,rgba(251,250,245,.84) 40%,
    rgba(251,250,245,.833) 42%,rgba(251,250,245,.79) 44.5%,rgba(251,250,245,.71) 46.5%,
    rgba(251,250,245,.57) 49%,rgba(251,250,245,.42) 51%,rgba(251,250,245,.27) 53%,
    rgba(251,250,245,.13) 55.5%,rgba(251,250,245,.05) 57.5%,rgba(251,250,245,.01) 60%,
    rgba(251,250,245,0) 62%,rgba(251,250,245,0) 68%,rgba(251,250,245,.01) 71%,
    rgba(251,250,245,.06) 74.5%,rgba(251,250,245,.16) 77.5%,rgba(251,250,245,.32) 81%,
    rgba(251,250,245,.5) 84%,rgba(251,250,245,.68) 87%,rgba(251,250,245,.84) 90.5%,
    rgba(251,250,245,.94) 93.5%,rgba(251,250,245,.99) 97%,rgba(251,250,245,1) 100%);
  --ap-fade-soft:linear-gradient(to bottom,
    rgba(251,250,245,1) 0%,rgba(251,250,245,.99) 3.4%,rgba(251,250,245,.94) 6.8%,
    rgba(251,250,245,.84) 10.2%,rgba(251,250,245,.68) 13.6%,rgba(251,250,245,.5) 17%,
    rgba(251,250,245,.32) 20.4%,rgba(251,250,245,.16) 23.8%,rgba(251,250,245,.06) 27.2%,
    rgba(251,250,245,.01) 30.6%,rgba(251,250,245,0) 34%,rgba(251,250,245,0) 66%,
    rgba(251,250,245,.01) 69.4%,rgba(251,250,245,.06) 72.8%,rgba(251,250,245,.16) 76.2%,
    rgba(251,250,245,.32) 79.6%,rgba(251,250,245,.5) 83%,rgba(251,250,245,.68) 86.4%,
    rgba(251,250,245,.84) 89.8%,rgba(251,250,245,.94) 93.2%,rgba(251,250,245,.99) 96.6%,
    rgba(251,250,245,1) 100%);
  background:var(--ap-paper);
  overflow:hidden;
}

.ap-attraction{position:relative;overflow:hidden}
.ap-attraction h2{margin:0;color:var(--ink-solid);font:400 50px/.95 var(--ff-display);letter-spacing:-.043em}
.ap-attraction h2 em{display:inline-block;padding:0 .03em .08em;color:var(--gold);font:400 1.05em/1 var(--ff-script);letter-spacing:0}
.ap-attraction p{margin:0}
.ap-page .ap-visit{min-height:50px;width:max-content;gap:28px;white-space:nowrap}
.ap-page .ap-visit>span{font-size:18px;line-height:1;transition:transform .25s}
.ap-page .ap-visit:hover>span{transform:translateX(4px)}

/* Drive-time markers — soft scrim on the photo, type over it (02–05) */
.ap-dist{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
  padding:36px 18px 16px;
  border:0;
  border-radius:0;
  background:linear-gradient(to top,
    rgba(10,22,18,.58) 0%,
    rgba(10,22,18,.28) 52%,
    rgba(10,22,18,0) 100%);
  color:#F8F4EB;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
}
.ap-dist b{
  font:400 15px/1 var(--ff-display);
  letter-spacing:.01em;
  color:#FBF8F0;
  text-transform:none;
}
.ap-dist span{
  letter-spacing:.14em;
  color:rgba(248,244,235,.88);
  font-size:10.5px;
}

/* Buffalo National River */
.ap1{min-height:700px;margin-top:100px;background:var(--ap-paper);display:flex;align-items:center}
.ap1__photo{position:absolute;inset:-5%;background:url('/attractions/assets/buffalo-national-river.webp') 65% 51%/cover no-repeat;filter:brightness(.98) contrast(.93) saturate(.92);transform:scale(1.035);transition:transform 7s cubic-bezier(.2,.65,.25,1)}
.ap1.is-seen .ap1__photo{transform:scale(1)}
.ap1__veil{position:absolute;inset:0;background:var(--ap-fade-left),var(--ap-fade-soft)}
/* Section numerals 01/04/05 use the same Archivo Black face as 02 and 03. */
.ap1__number,
.ap3__number,
.ap4__number{
  position:absolute;
  z-index:2;
  top:clamp(12px,1.8vw,28px);
  right:clamp(20px,3.5vw,48px);
  color:rgba(22,52,44,.07);
  font:400 150px/.75 var(--ff-ghost);
  pointer-events:none;
  user-select:none;
}
/* 06 sits bottom-right so it clears the Fayetteville ghost and gallery. */
.ap5__number{
  position:absolute;
  z-index:2;
  top:auto;
  bottom:clamp(12px,2vw,28px);
  right:clamp(20px,3.5vw,48px);
  color:rgba(22,52,44,.07);
  font:400 150px/.75 var(--ff-ghost);
  pointer-events:none;
  user-select:none;
}
.ap1__inner{position:relative;z-index:2;width:var(--ap-wrap);margin:auto}
.ap1__copy{position:relative;width:min(560px,45vw);padding-left:0}
.ap1__ghost{position:absolute;left:4px;bottom:calc(100% + 32px);color:rgba(22,52,44,.055);font:400 clamp(80px,10vw,145px)/.7 var(--ff-ghost);letter-spacing:-.06em}
.ap1 h2{font-size:50px;margin-bottom:23px;white-space:nowrap}
.ap1__copy>p{max-width:500px;color:#535d56;margin-bottom:27px}
.ap1__meta{display:flex;flex-wrap:wrap;gap:8px 0;margin-bottom:30px;padding-top:16px;border-top:1px solid var(--ap-line);font-size:11px;letter-spacing:.025em;color:#5e685f}
.ap1__meta span{padding:0 15px}
.ap1__meta span:first-child{padding-left:0}
.ap1__meta span+span{border-left:1px solid rgba(22,52,44,.22)}

/* Crystal Bridges */
.ap2{background:var(--ap-paper);padding:clamp(78px,8vw,112px) 0}
.ap2__topo{position:absolute;inset:-20% 40% -20% -12%;background:url('/assets/art/topo.webp') center/cover no-repeat;opacity:.18;mask:radial-gradient(65% 65% at 48% 52%,#000,transparent 78%)}
.ap2__inner{position:relative;width:var(--ap-wrap);margin:auto;display:grid;grid-template-columns:minmax(320px,.84fr) minmax(420px,1.16fr);gap:clamp(40px,5.5vw,88px);align-items:center}
.ap2__copy{position:relative;padding-left:0}
.ap2__number{position:absolute;right:95%;bottom:95%;color:rgba(22,52,44,.07);font:400 150px/.75 var(--ff-ghost)}
.ap2 h2{margin-bottom:24px}
.ap2__copy>p{max-width:520px;margin-bottom:31px;color:#59615b}
.ap2__media{position:relative;padding-bottom:46px}
.ap2__shot{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  border:5px solid #fff;
  border-radius:50% 50% var(--ap-radius) var(--ap-radius)/31% 31% var(--ap-radius) var(--ap-radius);
  box-shadow:0 30px 60px -30px rgba(22,52,44,.5);
}
.ap2__shot>img{width:100%;height:520px;object-fit:cover;object-position:50% 52%;display:block}
.ap2__media>p{position:absolute;right:0;bottom:0;color:#626a63;font-size:11px;line-height:1.6;text-align:right}

/* Downtown Bentonville */
.ap3{min-height:840px;background:var(--ap-paper);color:var(--body-c,#41473F);padding:clamp(85px,9vw,126px) 0}
.ap3__rings{display:none}
.ap3__inner{position:relative;width:var(--ap-wrap);margin:auto;display:grid;grid-template-columns:minmax(520px,1.18fr) minmax(300px,.82fr);gap:clamp(48px,6vw,100px);align-items:center}
.ap3__album{position:relative;min-height:560px}
.ap3__card{
  position:absolute;
  margin:0;
  padding:0;
  box-sizing:border-box;
  background:#fff;
  border:5px solid #fff;
  border-radius:var(--ap-radius);
  overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(22,52,44,.5);
  transition:
    transform .62s cubic-bezier(.22,.61,.36,1),
    box-shadow .62s cubic-bezier(.22,.61,.36,1),
    filter .45s ease,
    z-index 0s linear .62s;
  transform-origin:center center;
  will-change:transform;
}
.ap3__card img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:calc(var(--ap-radius) - 5px);
  display:block;
  transition:transform .85s cubic-bezier(.22,.61,.36,1), filter .55s ease;
  transform-origin:center center;
}
.ap3__card--wide{left:0;top:26px;width:68%;height:320px;transform:rotate(-2.2deg)}
.ap3__card--tall{right:7%;top:0;width:34%;height:415px;transform:rotate(3deg)}
.ap3__card--small{left:18%;bottom:10px;width:48%;height:250px;transform:rotate(1.3deg);border-width:2px}
.ap3__card--small img{object-position:center 48%;border-radius:calc(var(--ap-radius) - 2px)}
/* Hand sits over the photo stack; size matches ap5 note, thin white outline */
.ap3__scribble{
  position:absolute;
  z-index:12;
  left:22%;
  right:auto;
  bottom:12%;
  color:var(--gold);
  font:400 clamp(30px,2.8vw,40px)/1 'Phil Handwriting',cursive;
  letter-spacing:.01em;
  white-space:nowrap;
  transform:rotate(-8deg);
  pointer-events:none;
  -webkit-text-stroke:1.5px #fff;
  paint-order:stroke fill;
  text-shadow:
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff,
    -1.5px 0 0 #fff,
     1.5px 0 0 #fff,
     0 -1.5px 0 #fff,
     0  1.5px 0 #fff,
     0  3px 8px rgba(22,52,44,.14);
}
.ap3 h2{color:var(--ink-solid);margin-bottom:25px}
.ap3 h2 em{color:var(--gold)}
.ap3__copy>p{max-width:470px;color:#59615b;margin-bottom:31px}
.ap3__chapters{list-style:none;margin:0 0 33px;padding:0;border-top:1px solid var(--ap-line)}
.ap3__chapters li{min-height:53px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--ap-line)}
.ap3__chapters span{color:var(--gold);font-size:10px}
.ap3__chapters b{color:var(--ink-solid);font-weight:400;font-size:14px}

/* War Eagle Mill */
.ap4{background:var(--ap-paper);padding:clamp(92px,10vw,138px) 0}
.ap4__leaf{position:absolute;right:-50px;top:4%;width:350px;height:330px;background:url('/assets/art/botan-oak.webp') center/contain no-repeat;opacity:.22;transform:rotate(-12deg)}
.ap4__inner{position:relative;width:var(--ap-wrap);min-height:600px;margin:auto;display:grid;grid-template-columns:minmax(240px,.58fr) minmax(340px,.82fr) minmax(320px,.8fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.ap4__stat{align-self:start;margin-top:76px;padding-top:22px;border-top:1px solid var(--gold)}
.ap4__stat strong{display:block;color:var(--ink-solid);font:400 clamp(76px,8.4vw,124px)/.68 var(--ff-display);letter-spacing:-.075em}
.ap4__stat span{display:block;margin-top:31px;color:#687068;font-size:11px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
.ap4__arch{position:relative;margin:0}
.ap4__shot{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  border:5px solid #fff;
  border-radius:50% 50% var(--ap-radius) var(--ap-radius)/28% 28% var(--ap-radius) var(--ap-radius);
  box-shadow:0 30px 60px -30px rgba(22,52,44,.5);
}
.ap4__shot>img{width:100%;height:550px;object-fit:cover;object-position:center 50%;display:block}
.ap4__arch figcaption{position:absolute;left:-32px;bottom:42px;z-index:3;padding:11px 18px;border-radius:999px;background:rgba(251,250,245,.94);color:#687068;font-size:10px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 15px 38px -27px rgba(22,52,44,.8)}
.ap4__copy{max-width:515px}
.ap4 h2{margin-bottom:26px}
.ap4__copy>p{margin-bottom:32px;color:#59615b}

/* Dickson Street and the University of Arkansas */
/* Same solid paper ground as War Eagle (ap4) — no bottom cream melt */
.ap5{min-height:850px;background:var(--ap-paper);padding:clamp(94px,9.5vw,138px) 0 clamp(120px,12vw,180px)}
.ap5__ghost{position:absolute;left:50%;top:25px;transform:translateX(-50%);color:rgba(22,52,44,.045);font:400 clamp(84px,12vw,170px)/.72 var(--ff-ghost);letter-spacing:-.065em;white-space:nowrap}
.ap5__topo{position:absolute;inset:-8% -4% -8% 49%;background:url('/assets/art/topo.webp') center/cover no-repeat;opacity:.18;mask:radial-gradient(64% 66% at 54% 48%,#000,transparent 79%)}
.ap5__stage{position:relative;width:var(--ap-wrap);min-height:600px;margin:auto;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(560px,1.22fr);gap:clamp(48px,6vw,100px);align-items:center}
.ap5__copy{position:relative;z-index:4;padding:38px 0 41px 0}
.ap5 h2{font-size:50px;margin-bottom:25px}
.ap5 h2 em{white-space:nowrap}
.ap5__copy>p{max-width:530px;margin-bottom:34px;color:#59615b}
.ap5__gallery{position:relative;min-height:600px}
.ap5__halo{position:absolute;left:20%;top:2%;width:66%;aspect-ratio:1;border:1px solid rgba(168,135,77,.28);border-radius:50%}
.ap5__halo:before,.ap5__halo:after{content:"";position:absolute;border:1px solid rgba(168,135,77,.16);border-radius:50%}
.ap5__halo:before{inset:14px}
.ap5__halo:after{inset:32px}
.ap5__gallery figure{
  position:absolute;
  margin:0;
  padding:0;
  box-sizing:border-box;
  border:5px solid #fff;
  border-radius:var(--ap-radius);
  background:#fff;
  overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(22,52,44,.5);
  /* base rotation is set per card; leave-transition delays z-index so the card finishes
     settling before it slips back under its neighbours */
  transition:
    transform .62s cubic-bezier(.22,.61,.36,1),
    box-shadow .62s cubic-bezier(.22,.61,.36,1),
    filter .45s ease,
    z-index 0s linear .62s;
  transform-origin:center center;
  will-change:transform;
}
.ap5__gallery figure img{
  width:100%;
  height:100%;
  border-radius:calc(var(--ap-radius) - 5px);
  object-fit:cover;
  display:block;
  transition:transform .85s cubic-bezier(.22,.61,.36,1), filter .55s ease;
  transform-origin:center center;
}
/* Caption on the photo: soft bottom scrim + light type (no polaroid band) */
.ap5__gallery figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  margin:0;
  padding:28px 14px 12px;
  color:#F8F4EB;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1.2;
  background:linear-gradient(to top,
    rgba(10,22,18,.62) 0%,
    rgba(10,22,18,.32) 55%,
    rgba(10,22,18,0) 100%);
  pointer-events:none;
  text-shadow:0 1px 8px rgba(10,22,18,.35);
}
.ap5__main{z-index:2;left:25%;top:0;width:49%;height:540px;transform:rotate(1.1deg);overflow:hidden}
.ap5__main img{object-position:center 49%}
/* dist sits above the caption scrim on the main photo */
.ap5__main .ap-dist{
  left:0;
  right:0;
  bottom:0;
  border-radius:0;
  padding:40px 14px 34px;
  /* keep the soft scrim; leave room so both dist + caption read */
  background:linear-gradient(to top,
    rgba(10,22,18,.68) 0%,
    rgba(10,22,18,.36) 48%,
    rgba(10,22,18,0) 100%);
}
.ap5__main figcaption{
  padding:0 14px 12px;
  background:none;
  z-index:4;
}
.ap5__oldmain{z-index:3;left:0;bottom:8px;width:46%;height:220px;transform:rotate(-3deg)}
.ap5__oldmain img{object-position:center 50%}
.ap5__street{z-index:3;right:0;top:66px;width:36%;height:230px;transform:rotate(3.2deg)}
.ap5__street img{object-position:center 55%}
/* Hand over the Dickson gallery — same thin white outline as the Bentonville scribble */
.ap5__note{
  position:absolute;
  z-index:12;
  left:18%;
  right:auto;
  bottom:22%;
  color:var(--gold);
  font:400 clamp(30px,2.8vw,40px)/1 'Phil Handwriting',cursive;
  letter-spacing:.01em;
  white-space:nowrap;
  transform:rotate(-6deg);
  pointer-events:none;
  -webkit-text-stroke:1.5px #fff;
  paint-order:stroke fill;
  text-shadow:
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff,
    -1.5px 0 0 #fff,
     1.5px 0 0 #fff,
     0 -1.5px 0 #fff,
     0  1.5px 0 #fff,
     0  3px 8px rgba(22,52,44,.14);
}

/* Hover lift — sections 03 + 05 (stacked photo albums).
   Fine pointer only so touch does not leave a card stuck on top. */
@media (hover:hover) and (pointer:fine){
  .ap3__card,
  .ap5__gallery figure{cursor:pointer;}
  .ap3__card:hover,
  .ap3__card:focus-within,
  .ap5__gallery figure:hover,
  .ap5__gallery figure:focus-within{
    z-index:30;
    /* z-index jumps up immediately on enter */
    transition:
      transform .62s cubic-bezier(.22,.61,.36,1),
      box-shadow .62s cubic-bezier(.22,.61,.36,1),
      filter .45s ease,
      z-index 0s linear 0s;
    box-shadow:
      0 42px 80px -28px rgba(22,52,44,.55),
      0 18px 36px -20px rgba(22,52,44,.28);
    filter:drop-shadow(0 8px 18px rgba(22,52,44,.12));
  }
  .ap3__card:hover img,
  .ap3__card:focus-within img,
  .ap5__gallery figure:hover img,
  .ap5__gallery figure:focus-within img{
    transform:scale(1.06);
    filter:saturate(1.06) contrast(1.03) brightness(1.02);
  }
  /* keep each card's resting rotation; add lift + slight straighten */
  .ap3__card--wide:hover,
  .ap3__card--wide:focus-within{
    transform:rotate(-.8deg) scale(1.055) translate3d(0,-14px,0);
  }
  .ap3__card--tall:hover,
  .ap3__card--tall:focus-within{
    transform:rotate(1.2deg) scale(1.08) translate3d(0,-16px,0);
  }
  .ap3__card--small:hover,
  .ap3__card--small:focus-within{
    transform:rotate(.5deg) scale(1.09) translate3d(0,-16px,0);
  }
  .ap5__main:hover,
  .ap5__main:focus-within{
    transform:rotate(.35deg) scale(1.055) translate3d(0,-14px,0);
  }
  .ap5__oldmain:hover,
  .ap5__oldmain:focus-within{
    transform:rotate(-1.2deg) scale(1.09) translate3d(0,-16px,0);
  }
  .ap5__street:hover,
  .ap5__street:focus-within{
    transform:rotate(1.4deg) scale(1.09) translate3d(0,-16px,0);
  }
}
@media (prefers-reduced-motion:reduce){
  .ap3__card,
  .ap3__card img,
  .ap5__gallery figure,
  .ap5__gallery figure img{
    transition:none;
  }
  .ap3__card:hover,
  .ap3__card:focus-within,
  .ap5__gallery figure:hover,
  .ap5__gallery figure:focus-within{
    transform:none;
  }
  .ap3__card:hover img,
  .ap3__card:focus-within img,
  .ap5__gallery figure:hover img,
  .ap5__gallery figure:focus-within img{
    transform:none;
    filter:none;
  }
}


@media(max-width:1100px){
  .ap-page{--ap-wrap:min(calc(var(--wrap) - 2 * var(--pad)),calc(100% - 2 * var(--pad)))}
  .ap2__inner{grid-template-columns:.83fr 1.17fr;gap:48px}
  .ap2__shot>img{height:480px}
  .ap3__inner{grid-template-columns:1.1fr .9fr;gap:48px}
  .ap3__album{min-height:510px}
  .ap3__card--wide{height:290px}
  .ap3__card--tall{height:370px}
  .ap3__card--small{height:225px}
  .ap4__inner{grid-template-columns:.45fr .8fr .85fr;gap:32px}
  .ap4__shot>img{height:500px}
  .ap4__stat strong{font-size:100px}
  .ap5__stage{grid-template-columns:.82fr 1.18fr;gap:44px}
  .ap5__gallery{min-height:550px}
  .ap5__main{left:22%;width:52%;height:500px}
  .ap5__oldmain{width:48%;height:200px}
  .ap5__street{width:39%;height:205px}
  .ap5__note{font-size:28px}
}

@media(max-width:780px){
  .ap-page{--ap-wrap:calc(100vw - 2 * var(--pad))}
  .ap-attraction h2{font-size:50px}
  .ap1{min-height:680px;align-items:flex-end;padding-bottom:62px}
  .ap1__photo{inset:0;background-position:66% center}
  .ap1__veil{background:linear-gradient(to bottom,
    rgba(251,250,245,.08) 0%,rgba(251,250,245,.08) 32%,rgba(251,250,245,.089) 37%,
    rgba(251,250,245,.13) 42%,rgba(251,250,245,.25) 47%,rgba(251,250,245,.44) 52%,
    rgba(251,250,245,.65) 57%,rgba(251,250,245,.8) 62%,rgba(251,250,245,.9) 67%,
    rgba(251,250,245,.98) 74%,rgba(251,250,245,1) 84%,rgba(251,250,245,1) 100%)}
  .ap1__copy{width:100%;padding-left:0;padding-top:175px}
  .ap1__ghost{display:none}
  .ap1__number,
  .ap3__number,
  .ap4__number,
  .ap5__number{display:none}
  .ap1 h2{font-size:50px}
  .ap1__meta{font-size:9px}
  .ap1__meta span{padding:0 8px}
  .ap2{padding:64px 0 80px}
  .ap2__inner{display:flex;flex-direction:column;gap:47px}
  .ap2__copy{width:100%;padding-left:0}
  .ap2__number{display:none}
  .ap2__media{width:100%;padding-bottom:44px}
  .ap2__shot{border-radius:50% 50% var(--ap-radius) var(--ap-radius)/24% 24% var(--ap-radius) var(--ap-radius)}
  .ap2__shot>img{height:390px}
  .ap2__media>p{font-size:9px}
  .ap3{min-height:0;padding:72px 0 78px}
  .ap3__inner{display:flex;flex-direction:column;gap:58px}
  .ap3__album{width:100%;min-height:480px}
  .ap3__card{padding:0}
  .ap3__card--wide{left:0;top:25px;width:69%;height:260px}
  .ap3__card--tall{right:1%;width:36%;height:330px}
  .ap3__card--small{left:16%;bottom:18px;width:58%;height:220px}
  .ap3__scribble{
    left:12%;
    bottom:10%;
    font-size:clamp(28px,7.5vw,36px);
    -webkit-text-stroke:1.25px #fff;
  }
  .ap3__copy{width:100%}
  .ap4{padding:78px 0 87px}
  .ap4__inner{min-height:0;display:grid;grid-template-columns:1fr;gap:39px}
  .ap4__stat{order:2;margin:0;display:grid;grid-template-columns:max-content 1fr;gap:25px;align-items:end}
  .ap4__stat strong{font-size:74px}
  .ap4__stat span{margin:0 0 7px}
  .ap4__arch{order:1}
  .ap4__shot>img{height:470px}
  .ap4__arch figcaption{left:14px;bottom:20px}
  .ap4__copy{order:3}
  .ap4__leaf{width:240px;height:225px}
  .ap5{min-height:0;padding:74px 0 90px}
  .ap5__ghost{top:26px;font-size:64px}
  .ap5__topo{inset:38% -60% -8% 10%}
  .ap5__stage{min-height:0;display:flex;flex-direction:column;gap:54px}
  .ap5__copy{width:100%;padding:0}
  .ap5 h2{font-size:50px}
  .ap5__gallery{width:100%;min-height:525px}
  .ap5__main{left:24%;width:55%;height:450px}
  .ap5__oldmain{left:0;bottom:3px;width:53%;height:188px}
  .ap5__street{right:0;top:49px;width:42%;height:185px}
  .ap5__note{left:14%;right:auto;bottom:18%;font-size:24px}
}

@media(max-width:430px){
  .ap-page .ap-visit{width:100%;justify-content:space-between;white-space:normal}
  .ap3__album{min-height:415px}
  .ap3__card--wide{height:220px}
  .ap3__card--tall{height:280px}
  .ap3__card--small{height:185px}
  .ap3__scribble{
    left:8%;
    bottom:8%;
    font-size:clamp(26px,8vw,32px);
    -webkit-text-stroke:1px #fff;
  }
  .ap4__shot>img{height:460px}
  .ap5__gallery{min-height:465px}
  .ap5__main{left:22%;width:58%;height:405px}
  .ap5__oldmain{height:165px}
  .ap5__street{height:164px}
  .ap5__note{left:10%;bottom:14%;font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  .ap1__photo,.ap5__gallery figure{transition:none}
}

/* Nearby essentials — Concierge Rail
   Solid paper ground matching ap1–ap5 (no cream/gold wash tints).
   Soft right rail veil only; close-cta global top melt handles cream below. */
.attr-nearby{
  position:relative;
  margin-top:0;
  padding:clamp(100px,11vw,160px) 0 clamp(100px,11vw,150px);
  background:var(--ap-paper);
  color:var(--body-c);
  overflow:hidden;
}
/* No gold/green radial wash — keep the same flat paper as sections above */
.attr-nearby::before{display:none;}
.attr-nearby::after{display:none;}
/* No cream foot tint — paper stays continuous with sections above */
.attr-nearby__foot{display:none;}
.attr-nearby__sprite{position:absolute;width:0;height:0;overflow:hidden}
.attr-nearby svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.attr-nearby__contour{position:absolute;inset:-20% -3% -10% 42%;z-index:0;background:url('/assets/art/topo.webp') center/cover no-repeat;opacity:.09;mask:radial-gradient(ellipse at 60% 50%,#000 12%,transparent 70%)}
.attr-nearby__wrap{position:relative;z-index:2;width:var(--ap-wrap);margin:auto}
.attr-nearby__head{display:flex;justify-content:space-between;gap:44px;align-items:end;margin-bottom:48px}
.attr-nearby__head h2{max-width:930px;margin:0;color:var(--ink-solid);font-size:50px;line-height:1.08;letter-spacing:-.035em}
.attr-nearby__head .scriptw{font-family:var(--ff-script);font-size:1.5em;line-height:.72;vertical-align:-.06em;color:var(--gold);white-space:nowrap}
.attr-nearby__filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.attr-nearby__filters button{min-height:44px;padding:10px 17px;border-radius:999px;border:1px solid rgba(22,52,44,.24);background:transparent;color:rgba(22,52,44,.76);font:400 12px/1 var(--ff-body);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.attr-nearby__filters button:hover,.attr-nearby__filters button.is-active{background:var(--water);border-color:var(--water);color:var(--cream)}
.attr-nearby__rail-shell{position:relative}
/* Soft paper veil on the right (same paper #fbfaf5 as section ground) */
.attr-nearby__rail-shell::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:clamp(24px,3vw,40px);
  z-index:3;
  pointer-events:none;
  background:linear-gradient(to right,
    rgba(251,250,245,0) 0%,
    rgba(251,250,245,.3) 45%,
    rgba(251,250,245,.65) 80%,
    rgba(251,250,245,.9) 100%);
}
/* 3 full cards + ~40% of the 4th, inside content wrap
   3.4 cards + 2 gaps = 100% → card = (100% - 2*gap) / 3.4 */
.attr-nearby__rail{
  --attr-nearby-gap:18px;
  --attr-nearby-card:calc((100% - 2 * var(--attr-nearby-gap)) / 3.4);
  display:flex;
  gap:var(--attr-nearby-gap);
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  touch-action:pan-y;
  padding:10px 0 28px;
  cursor:grab;
}
.attr-nearby__rail::after{content:"";flex:0 0 max(0px,calc(100% - var(--attr-nearby-card) - var(--attr-nearby-gap)))}
.attr-nearby__rail::-webkit-scrollbar{display:none}
.attr-nearby__rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.attr-nearby__card{position:relative;flex:0 0 var(--attr-nearby-card);min-height:clamp(430px,45vw,490px);border:5px solid #fff;border-radius:22px;overflow:hidden;scroll-snap-align:start;isolation:isolate;transition:opacity .25s,transform .25s,flex-basis .25s}
.attr-nearby__card.is-filtered-out{display:none}
.attr-nearby__card--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .75s var(--ease)}
.attr-nearby__card--photo:hover>img{transform:scale(1.045)}
.attr-nearby__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,25,20,.96) 0%,rgba(8,25,20,.6) 49%,rgba(8,25,20,.04) 78%)}
.attr-nearby__icon{position:absolute;z-index:1;left:24px;top:24px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:rgba(248,244,235,.68);color:var(--water);box-shadow:0 12px 30px rgba(4,18,14,.16)}
.attr-nearby__icon svg{width:40px;height:40px}
.attr-nearby__card>div{position:absolute;left:0;right:0;bottom:0;padding:26px}
.attr-nearby__card>div>span{display:inline-block;margin-bottom:11px;padding:6px 11px;border-radius:999px;background:rgba(248,244,235,.9);color:#16342c;font-size:10.5px;letter-spacing:.08em}
.attr-nearby__card h3{margin:0 0 10px;color:#f8f4eb;font-size:clamp(24px,2.1vw,32px)}
.attr-nearby__card p{min-height:64px;margin:0 0 16px;color:rgba(248,244,235,.7);font-size:14.5px;line-height:1.55}
.attr-nearby__card a{display:inline-flex;align-items:center;min-height:36px;color:#f8f4eb;font-size:12.5px;border-bottom:1px solid rgba(248,244,235,.4)}
.attr-nearby__controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px;position:relative;z-index:4}
.attr-nearby__controls>span{margin-right:12px;color:rgba(22,52,44,.58);font-size:12px}
.attr-nearby__controls>span b{color:var(--ink-solid);font-weight:400}
.attr-nearby__controls button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(22,52,44,.3);background:transparent;color:var(--water);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.attr-nearby__controls button:hover{background:var(--water);color:var(--cream);transform:translateY(-2px)}
.attr-nearby__controls svg{width:19px;height:19px}
.attr-nearby__controls button:first-of-type svg{transform:rotate(180deg)}

@media(max-width:780px){
  .attr-nearby__wrap{width:var(--ap-wrap)}
  .attr-nearby__head{display:block}
  .attr-nearby__head h2{font-size:50px}
  .attr-nearby__filters{justify-content:flex-start;margin-top:28px}
  .attr-nearby__rail{margin-right:0}
  /* Small screens: 1 full card + ~40% of next */
  .attr-nearby__rail{
    --attr-nearby-gap:14px;
    --attr-nearby-card:calc((100% - var(--attr-nearby-gap)) / 1.4);
  }
  .attr-nearby__card{min-height:430px}
  .attr-nearby__controls{justify-content:space-between}
}

@media(max-width:480px){
  .attr-nearby{padding-top:100px;padding-bottom:88px}
  .attr-nearby__filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .attr-nearby__filters button{width:100%}
  .attr-nearby__rail{
    --attr-nearby-gap:12px;
    --attr-nearby-card:calc((100% - var(--attr-nearby-gap)) / 1.4);
  }
  .attr-nearby__card{min-height:400px}
  .attr-nearby__card>div{padding:22px}
  .attr-nearby__card p{min-height:0}
}

/* ================= Crystal Bridges living diorama (ported from crystal-bridges-3d.html) ================= */
.dio{position:relative;height:clamp(620px,74vw,960px);overflow:hidden;background:#22331f;}
.dio__layer{position:absolute;pointer-events:none;will-change:transform;}
.dio__plate{inset:-6%;background:url('/assets/img/attractions/crystal-bridges/parallax/plate.webp') center 38%/cover no-repeat;
  filter:blur(2.2px) saturate(1.02) brightness(.97);transform-origin:center;}
.dio__rays{inset:-10% -4%;opacity:.5;mix-blend-mode:soft-light;background:
  linear-gradient(112deg,transparent 12%,rgba(255,244,214,.75) 18%,transparent 26%),
  linear-gradient(112deg,transparent 34%,rgba(255,244,214,.5) 39%,transparent 46%),
  linear-gradient(112deg,transparent 58%,rgba(255,244,214,.6) 64%,transparent 73%);
  animation:raysway 11s ease-in-out infinite alternate;}
@keyframes raysway{from{transform:translateX(-1.4%) skewX(-1deg);}to{transform:translateX(1.4%) skewX(1.2deg);}}
/* title rides ABOVE the melts (z:9) so the wash never dims it; the kicker gets its own
   glass capsule so it stays legible over whatever the wash leaves behind */
.dio__title{left:0;right:0;top:clamp(64px,6vw,108px);text-align:center;z-index:9;}
.dio__kicker{display:inline-flex;align-items:center;gap:.8em;font:400 clamp(10px,.9vw,12px)/1 var(--ff-body);
  letter-spacing:.3em;text-transform:uppercase;color:rgba(248,244,235,.92);margin-bottom:14px;
  background:rgba(14,33,28,.45);border-radius:999px;padding:10px 18px;
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.dio__kicker::before,.dio__kicker::after{content:"";width:34px;height:1px;background:var(--gold-dark);}
.dio__h{margin:0;font:400 clamp(46px,7.2vw,104px)/1.02 var(--ff-display);color:var(--cream);
  letter-spacing:.01em;text-shadow:0 2px 18px rgba(10,22,18,.55),0 10px 60px rgba(10,22,18,.5);}
.dio__h .scriptw{font-family:var(--ff-script);font-size:1.16em;line-height:.7;color:var(--gold-dark);
  vertical-align:-.06em;}
.dio__mid{left:-5%;right:-5%;bottom:-2%;z-index:3;}
.dio__mid img{width:100%;}
.dio__dust{inset:0;z-index:4;}
.dio__dust i{position:absolute;border-radius:50%;background:rgba(255,236,190,.85);
  filter:blur(1px);animation:mote linear infinite;}
@keyframes mote{
  0%{transform:translate3d(0,14px,0);opacity:0;}
  12%{opacity:.9;}
  88%{opacity:.55;}
  100%{transform:translate3d(26px,-64px,0);opacity:0;}
}
.dio__sc{left:50%;bottom:1.5%;z-index:5;width:clamp(310px,38.5vw,555px);transform:translateX(-50%);}
.dio__sc .sc-in{position:relative;animation:breathe 7.5s ease-in-out infinite;}
@keyframes breathe{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.dio__sc img.sc-img{width:100%;filter:drop-shadow(0 26px 34px rgba(10,22,18,.42)) saturate(1.06) contrast(1.03);}
.dio__sc img.sc-sh{position:absolute;left:50%;bottom:-5.5%;width:96%;transform:translateX(-50%);opacity:.75;}
.dio__fg{left:-7%;right:-7%;bottom:-3.5%;z-index:6;}
.dio__fg img{width:100%;filter:blur(1.2px) brightness(.95);}
.dio__grade{inset:0;z-index:7;background:
  radial-gradient(120% 90% at 50% 42%,rgba(10,22,18,0) 52%,rgba(10,22,18,.14) 74%,rgba(10,22,18,.4) 100%),
  linear-gradient(to bottom,rgba(20,40,30,.18) 0%,rgba(20,40,30,.06) 18%,rgba(20,40,30,0) 34%);}
/* both melts follow the fade skill: smootherstep stops anchored at both ends, veil in the
   EXACT neighbour color. Both neighbours are --ap-paper (#fbfaf5) since the page restyle.
   z:8 puts the melts ABOVE the grade vignette — under it, the vignette re-darkens the wash
   and prints a line at the section edge (measured 43 luma before this fix). */
.dio__melt{left:0;right:0;bottom:0;height:clamp(140px,17vw,220px);z-index:8;
  background:linear-gradient(to bottom,
    rgba(251,250,245,0) 0%,
    rgba(251,250,245,0.01) 10%,
    rgba(251,250,245,0.06) 20%,
    rgba(251,250,245,0.16) 30%,
    rgba(251,250,245,0.32) 40%,
    rgba(251,250,245,0.5) 50%,
    rgba(251,250,245,0.68) 60%,
    rgba(251,250,245,0.84) 70%,
    rgba(251,250,245,0.94) 80%,
    rgba(251,250,245,0.99) 90%,
    rgba(251,250,245,1) 100%);}
.dio__melt--top{bottom:auto;top:0;height:clamp(140px,16vw,220px);
  background:linear-gradient(to bottom,
    rgba(251,250,245,1) 0%,
    rgba(251,250,245,0.99) 10%,
    rgba(251,250,245,0.94) 20%,
    rgba(251,250,245,0.84) 30%,
    rgba(251,250,245,0.68) 40%,
    rgba(251,250,245,0.5) 50%,
    rgba(251,250,245,0.32) 60%,
    rgba(251,250,245,0.16) 70%,
    rgba(251,250,245,0.06) 80%,
    rgba(251,250,245,0.01) 90%,
    rgba(251,250,245,0) 100%);}
.dio__hint{position:absolute;right:clamp(16px,2.4vw,34px);bottom:clamp(96px,11.5vw,150px);z-index:9;
  font:400 10.5px/1 var(--ff-body);letter-spacing:.22em;text-transform:uppercase;
  color:rgba(248,244,235,.75);background:rgba(14,33,28,.5);border-radius:999px;padding:10px 16px;
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .6s;}
.dio__hint.is-gone{opacity:0;}
.dio__hint{z-index:10;}
@media(max-width:640px){
  .dio{height:700px;}
  .dio__title{top:48px;}
}
/* entrance: opacity only; positional choreography lives in the JS loop.
   NO prefers-reduced-motion gate on this scene: the client's review machine has that OS
   setting on, and gating commissioned motion behind it has twice shipped a static page.
   The scene animates for everyone. Do not add the gate back. */
.dio__title,.dio__sc{opacity:0;transition:opacity 1s ease;}
.dio.is-in .dio__sc{opacity:1;transition-delay:.3s;}
.dio.is-in .dio__title{opacity:1;transition-delay:.55s;}
@media (hover:none),(pointer:coarse){ .dio__hint{display:none;} }

/* Nearby is paper again; let the global close-cta paper→cream top melt run
   (site.css .close-cta::before). Do not kill it on this page. */

/* OZ Trails Bike Park, Rider Cutline */
.rcf{
  --rcf-paper:var(--ap-paper);
  --rcf-ink:#173a2f;
  --rcf-green:#2e5a4e;
  --rcf-gold:#a8874d;
  --rcf-copy:#536058;
  --rcf-line:rgba(23,58,47,.17);
  --rcf-radius:var(--ap-radius);
  --rcf-ease:cubic-bezier(.2,.75,.22,1);
  --rcf-wrap:var(--ap-wrap);
  position:relative;
  min-height:780px;
  padding:clamp(68px,6.2vw,88px) 0 clamp(66px,6.5vw,92px);
  overflow:hidden;
  background:var(--rcf-paper);
  isolation:isolate;
}
.rcf-wrap{
  position:relative;
  z-index:2;
  width:var(--rcf-wrap);
  margin-inline:auto;
}
.rcf__ghost-art{
  position:absolute;
  z-index:0;
  top:-8%;
  right:-4%;
  width:min(920px,67vw);
  height:700px;
  background:url('/attractions/assets/bike-adventure-art.webp') center/contain no-repeat;
  opacity:.08;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse at 58% 47%,#000 24%,transparent 73%);
  mask-image:radial-gradient(ellipse at 58% 47%,#000 24%,transparent 73%);
  pointer-events:none;
}
.rcf__number{
  position:absolute;
  z-index:1;
  top:clamp(12px,1.8vw,28px);
  right:clamp(20px,3.5vw,48px);
  color:rgba(22,52,44,.07);
  font:400 150px/.75 var(--ff-ghost);
  pointer-events:none;
  user-select:none;
}
.rcf__top{
  position:relative;
  display:grid;
  grid-template-columns:minmax(390px,.93fr) minmax(450px,1.07fr);
  gap:clamp(50px,7vw,106px);
  align-items:center;
}
.rcf__identity{
  position:relative;
  min-width:0;
}
.rcf__launch{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 -2px 7%;
  color:var(--rcf-green);
  font:400 14px/1.25 var(--ff-display);
}
.rcf__launch>span{
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:var(--rcf-gold);
  box-shadow:0 0 0 6px rgba(168,135,77,.1);
}
.rcf__launch strong{
  color:#775b31;
  font-weight:400;
}
.rcf__identity h2{
  width:min(100%,560px);
  margin:-22px 0 -24px -28px;
  line-height:0;
}
.rcf__identity h2 img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.rcf__story{
  position:relative;
  padding-top:8px;
}
.rcf__story>p{
  max-width:60ch;
  margin:0;
  color:var(--rcf-copy);
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.7;
}
.rcf__facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:29px 0 0;
  padding:20px 0;
  border-top:1px solid var(--rcf-line);
  border-bottom:1px solid var(--rcf-line);
}
.rcf__facts>div{
  min-width:0;
  padding:0 18px;
}
.rcf__facts>div:first-child{padding-left:0}
.rcf__facts>div+div{border-left:1px solid var(--rcf-line)}
.rcf__facts dt{
  margin:0 0 6px;
  color:#68736c;
  font-size:10px;
  line-height:1.25;
}
.rcf__facts dd{
  margin:0;
  color:var(--rcf-ink);
  font:400 clamp(20px,2vw,28px)/1 var(--ff-display);
  white-space:nowrap;
}
.ap-page .rcf__cta{
  min-height:50px;
  width:max-content;
  gap:27px;
  margin-top:28px;
  white-space:nowrap;
}
.rcf__cta span{
  font-size:18px;
  line-height:1;
  transition:transform .25s ease;
}
.rcf__cta:hover span{transform:translateX(4px)}
.rcf__gallery{margin-top:clamp(34px,3.5vw,46px)}
.rcf__rail{
  height:clamp(270px,22vw,305px);
  display:flex;
  gap:8px;
  border-radius:var(--rcf-radius);
}
.rcf__card{
  position:relative;
  min-width:54px;
  flex:1 1 0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:5px solid #fff;
  border-radius:var(--rcf-radius);
  background:#fff;
  box-shadow:0 22px 48px -34px rgba(23,58,47,.62);
  color:#f8f4eb;
  cursor:pointer;
  isolation:isolate;
  transition:flex-grow .88s var(--rcf-ease),box-shadow .62s var(--rcf-ease),filter .48s ease;
  touch-action:manipulation;
}
.rcf__card.is-active{
  flex-grow:4.8;
  box-shadow:0 34px 70px -38px rgba(23,58,47,.76);
}
.rcf__card::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(to top,rgba(10,22,18,.72) 0%,rgba(10,22,18,.22) 38%,rgba(10,22,18,0) 68%);
  opacity:.68;
  transition:opacity .55s ease;
  pointer-events:none;
}
.rcf__card.is-active::after{opacity:1}
.rcf__card img{
  display:block;
  width:100%;
  height:100%;
  border-radius:calc(var(--rcf-radius) - 5px);
  object-fit:cover;
  filter:saturate(.76) brightness(.83);
  transform:scale(1.075);
  transition:transform 1.05s var(--rcf-ease),filter .58s ease;
}
.rcf__card:nth-child(1) img{object-position:49% center}
.rcf__card:nth-child(2) img{object-position:57% center}
.rcf__card:nth-child(3) img{object-position:52% 61%}
.rcf__card:nth-child(4) img{object-position:60% center}
.rcf__card:nth-child(5) img{object-position:61% center}
.rcf__card.is-active img{
  filter:saturate(1) brightness(.98);
  transform:scale(1);
}
.rcf__frame-number{
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(251,250,245,.82);
  color:var(--rcf-ink);
  font:400 11px/1 var(--ff-display);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  transition:background .4s ease,color .4s ease;
}
.rcf__card.is-active .rcf__frame-number{
  background:rgba(168,135,77,.92);
  color:#fffdf7;
}
.rcf__caption{
  position:absolute;
  z-index:2;
  left:20px;
  bottom:18px;
  display:grid;
  gap:3px;
  min-width:180px;
  text-align:left;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .44s ease .17s,transform .58s var(--rcf-ease) .12s;
  pointer-events:none;
}
.rcf__card.is-active .rcf__caption{
  opacity:1;
  transform:none;
}
.rcf__caption b{
  font:400 clamp(18px,1.8vw,25px)/1.05 var(--ff-display);
  text-shadow:0 2px 12px rgba(10,22,18,.45);
}
.rcf__caption small{
  color:rgba(248,244,235,.82);
  font-size:10px;
  line-height:1.2;
}
.rcf__rail-foot{
  min-height:58px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:26px;
  align-items:center;
  padding-top:13px;
}
.rcf__status{
  display:flex;
  align-items:baseline;
  gap:11px;
  margin:0;
  color:var(--rcf-ink);
}
.rcf__status span{
  color:var(--rcf-gold);
  font:400 16px/1 var(--ff-display);
}
.rcf__status b{font:400 14px/1 var(--ff-body)}
.rcf__instruction{
  margin:0;
  color:#6b756e;
  font-size:11px;
}
.rcf__controls{
  display:flex;
  gap:8px;
}
.rcf__controls button{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(23,58,47,.28);
  border-radius:50%;
  background:rgba(251,250,245,.88);
  color:var(--rcf-ink);
  font-size:17px;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.rcf__controls button:hover{
  transform:translateY(-2px);
  background:var(--rcf-ink);
  color:#fffdf7;
}
.rcf__card:focus-visible,
.rcf__controls button:focus-visible{
  outline:3px solid rgba(168,135,77,.78);
  outline-offset:3px;
}
.rcf__note{
  margin:17px 0 0;
  color:#606a64;
  font-size:10px;
  line-height:1.4;
}
@media(max-width:940px){
  .rcf__top{
    grid-template-columns:1fr;
    gap:26px;
  }
  .rcf__identity{width:min(620px,88%)}
  .rcf__story{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:30px;
    align-items:end;
  }
  .rcf__facts{grid-column:1/-1}
  .ap-page .rcf__cta{
    grid-column:2;
    grid-row:1;
    margin-top:0;
  }
}
@media(max-width:700px){
  .rcf{
    min-height:0;
    padding:62px 0 74px;
  }
  .rcf__ghost-art{
    top:-2%;
    right:-58%;
    width:820px;
    opacity:.055;
  }
  .rcf__number{
    top:20px;
    right:24px;
    font-size:100px;
  }
  .rcf__identity{width:100%}
  .rcf__launch{
    margin-left:0;
    font-size:13px;
  }
  .rcf__identity h2{
    width:min(100%,470px);
    margin:-12px 0 -14px -18px;
  }
  .rcf__story{
    display:block;
    padding-top:0;
  }
  .rcf__story>p{line-height:1.65}
  .rcf__facts{
    padding:17px 0;
    margin-top:24px;
  }
  .rcf__facts>div{padding:0 9px}
  .rcf__facts dt{font-size:9px}
  .rcf__facts dd{font-size:19px}
  .ap-page .rcf__cta{margin-top:24px}
  .rcf__gallery{margin-top:38px}
  .rcf__rail{
    height:270px;
    gap:4px;
  }
  .rcf__card{
    min-width:32px;
    border-width:3px;
    border-radius:14px;
  }
  .rcf__card.is-active{flex-grow:7}
  .rcf__card img{border-radius:11px}
  .rcf__frame-number{
    top:9px;
    left:8px;
    min-width:26px;
    height:26px;
    padding:0 5px;
    font-size:10px;
  }
  .rcf__caption{
    left:14px;
    bottom:14px;
    min-width:150px;
  }
  .rcf__caption b{font-size:18px}
  .rcf__rail-foot{
    grid-template-columns:1fr auto;
    gap:14px;
  }
  .rcf__instruction{display:none}
  .rcf__controls button{
    width:42px;
    height:42px;
  }
}
@media(prefers-reduced-motion:reduce){
  .rcf__card,
  .rcf__card img,
  .rcf__caption,
  .rcf__controls button{transition-duration:.01ms!important}
}