/* Story pages: Info and the closed landing share one scroll. The 3D scene is fixed behind; each section is one chapter. */
.info-section{height:100svh;min-height:640px;display:flex;align-items:center;justify-content:flex-start;padding:88px 0 0 8vw;position:relative}
.closed-page{height:auto}
.info-copy{width:min(38vw,470px);text-align:left;pointer-events:none}
.info-copy a{pointer-events:auto}
.info-copy h1{font-size:clamp(56px,7.4vw,112px);font-weight:600;letter-spacing:-.04em;line-height:.96}
.info-copy h2{font-size:clamp(38px,4.6vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.04}
.info-copy p{max-width:340px;font-size:14px;line-height:1.75;margin-top:22px;color:#6f5b55;text-wrap:pretty}
.info-copy .eyebrow{margin-bottom:22px;font-size:11px;letter-spacing:.04em;color:#8a7468}
.info-copy .text-link{margin-top:30px;padding-bottom:9px;font-size:12px}
/* A soft wash keeps copy readable over bright scenery; it fades out as the hero fades in (--hero is set from scroll). */
.info-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:calc(1 - var(--hero,0));background:linear-gradient(90deg,rgba(247,229,220,.78) 0,rgba(247,229,220,.42) 26%,rgba(247,229,220,0) 48%)}
.info-page:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--hero,1);background:linear-gradient(0deg,rgba(247,229,220,.96) 0,rgba(247,229,220,.88) 24%,rgba(247,229,220,.5) 40%,rgba(247,229,220,0) 58%)}
/* Copy opacity and drift are written from scroll by Story.updateCopy; without it the text simply shows. */
.info-copy{filter:blur(0)}
.info-hero{align-items:flex-end;justify-content:center;padding:0 0 6vh}
.info-hero h1{font-size:clamp(52px,6.2vw,92px);letter-spacing:-.04em;color:var(--ink)}
.info-hero .info-copy{width:auto;max-width:640px;text-align:center}
.info-hero .info-copy p{max-width:none;margin-top:14px;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#4f3f43}
.info-hero .info-copy .text-link{margin-top:22px}
body[data-state=closed] .info-copy .text-link{display:none}
body[data-state=closed] .info-hero .info-copy:after{content:'Not launched yet';display:inline-block;margin-top:22px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink);background:rgba(255,245,235,.92);border:1px solid var(--line)}
/* The mobile clip that reserved a studio band is not needed: the scene sits below the copy. */
.info-copy{clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important}
@media(max-width:759px){
  .info-page:before{background:linear-gradient(180deg,rgba(247,229,220,.88) 0,rgba(247,229,220,.6) 34%,rgba(247,229,220,0) 56%)}
  .info-page:after{background:linear-gradient(0deg,rgba(247,229,220,.96) 0,rgba(247,229,220,.88) 34%,rgba(247,229,220,.5) 50%,rgba(247,229,220,0) 68%)}
  .info-section{min-height:600px;padding:96px 24px 0;align-items:flex-start}
  .info-copy{width:100%;max-width:460px}
  .info-copy h1{font-size:clamp(46px,13vw,64px)}
  .info-copy h2{font-size:clamp(34px,9.5vw,46px);line-height:1.06}
  .info-copy h2 br{display:none}
  .info-copy p{max-width:340px;margin-top:14px;font-size:13px;line-height:1.65}
  .info-copy .eyebrow{font-size:10px;margin-bottom:12px}
  .info-copy .text-link{margin-top:18px;font-size:11px}
  .info-hero{align-items:flex-end;padding:0 24px 7vh}
}

.info-hero h1,.info-copy .info-hero h1{font-size:clamp(44px,5.6vw,88px);font-weight:750;letter-spacing:.015em;line-height:1}
@media(max-width:650px){.info-hero h1{font-size:clamp(34px,10.5vw,52px)}}