/* The content is always available; cinema enhances the opening when motion is allowed. */
.hero-sequence{position:relative;background:#07090a}
.cinematic-stage{position:relative}
.journey-chapter,.journey-rail{display:none}
.hero h1>.title-line{display:block;overflow:hidden;font-size:1em;color:var(--text);line-height:1.12;letter-spacing:inherit;white-space:normal}
.hero h1>.title-line:last-child{font-size:.84em;color:#b8bdc0;letter-spacing:-2.3px}
.hero h1>.title-line>span{display:block}
.motion-on .hero-copy{animation:none}
.motion-on .hero h1>.title-line>span{animation:title-unveil 1.1s cubic-bezier(.16,1,.3,1) both}
.motion-on .hero h1>.title-line:nth-child(2)>span{animation-delay:.13s}
.motion-on .hero h1>.title-line:nth-child(3)>span{animation-delay:.26s}
.motion-on .hero-eyebrow{animation:copy-unveil 1.2s ease both}
.motion-on .hero-description,.motion-on .hero-actions{animation:copy-unveil 1.2s .45s ease both}
@keyframes title-unveil{from{transform:translateY(115%)}to{transform:translateY(0)}}
@keyframes copy-unveil{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.sequence-enabled .journey-chapter{display:block;position:relative;overflow:hidden;isolation:isolate;background:#07090a;min-height:600px}
.journey-visual{transform:scale(var(--camera-scale,1));transform-origin:70% 55%;mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent)}
.journey-visual,.journey-shade{position:absolute;inset:0;pointer-events:none}
.journey-visual img,.journey-visual video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center}
.journey-visual video{opacity:0;transition:opacity .4s}
.film-ready .journey-visual video{opacity:1}
.journey-shade{background:linear-gradient(90deg,#050709d9, #05070969 50%,#05070910),linear-gradient(0deg,#07090af2,transparent 38%,transparent 80%,#07090a60)}
.journey-copy{position:relative;z-index:2;padding:130px var(--pad);max-width:1200px}
.journey-copy h2{font-size:clamp(55px,7vw,110px);line-height:1.02;letter-spacing:-4px;margin:0 0 28px;text-wrap:balance}
.journey-copy h2>span{color:#c6d2d9}
.journey-copy>p:not(.eyebrow){font-size:21px;line-height:1.6;color:#d2d7db;margin-bottom:24px}
.journey-copy .eyebrow{font-size:12px;color:#ccd5dc;letter-spacing:2px;margin-bottom:25px}
.journey-copy .text-link{font-size:16px}
.journey-footer{position:absolute;z-index:3;bottom:32px;left:var(--pad);right:var(--pad);display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff29;padding-top:20px;color:#d2d7db}
.journey-footer>span{font-size:12px;letter-spacing:3px}
.journey-footer p{font-size:15px;margin:0;color:#b2bec7}
.journey-footer button{width:44px;height:44px;font-size:18px;background:#070a0eb3;border:1px solid #ffffff40}
.sequence-pinned .hero-sequence{height:215svh}
.sequence-pinned .cinematic-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.sequence-pinned .hero{height:100%;min-height:0;max-height:none;opacity:1;z-index:1;transition:opacity .45s ease}
.sequence-pinned .hero-copy{opacity:1;transform:none}
.sequence-pinned .hero-art{transform:scale(var(--intro-scale,1))}
.sequence-pinned .scene-controls{opacity:1}
.sequence-pinned .journey-chapter{position:absolute;inset:0;min-height:0;opacity:0;z-index:2;pointer-events:none;transition:opacity .45s ease}
.sequence-pinned .journey-chapter:not([inert]){pointer-events:auto}
.sequence-pinned .journey-copy{position:absolute;top:50%;left:0;width:100%;padding:0 var(--pad);transform:translateY(-50%);opacity:1}
.sequence-pinned .journey-copy a{pointer-events:inherit}
.sequence-pinned .journey-footer{opacity:1}
.sequence-pinned [data-scene="detail"] .hero{opacity:0}
.sequence-pinned [data-scene="detail"] .journey-chapter{opacity:1}
.sequence-pinned .journey-rail{display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff12;z-index:5}
.journey-rail span{display:block;height:100%;background:#a9c9dd;transform:scaleX(var(--journey-progress,0));transform-origin:left;box-shadow:0 0 14px #88ccff50}
.sequence-pinned .hero-baseline .scroll-cue{color:#c6d1d9;font-size:10px;letter-spacing:1px}
@media(min-width:761px) and (max-width:1100px){.journey-copy h2{font-size:74px}.journey-copy>p:not(.eyebrow){font-size:19px}}
@media(max-width:760px){
 .hero h1>.title-line:last-child{letter-spacing:-1.2px}
 .sequence-enabled .journey-chapter{min-height:590px}
 .journey-copy{padding:115px 24px 145px}
 .journey-copy h2{font-size:clamp(43px,11.8vw,70px);line-height:1.07;letter-spacing:-1.8px;margin-bottom:25px}
 .journey-copy>p:not(.eyebrow){font-size:17px;line-height:1.6}.journey-copy>p br{display:none}
 .journey-copy .eyebrow{font-size:10px;letter-spacing:1.5px}
 .journey-visual img,.journey-visual video{object-position:64% center}
 .journey-shade{background:linear-gradient(90deg,#050709de,#050709ad),linear-gradient(0deg,#07090a,transparent 35%,#07090a80 100%)}
 .journey-footer{bottom:26px;left:24px;right:24px;gap:15px;padding-top:18px;flex-wrap:wrap}
 .journey-footer>span{font-size:11px;letter-spacing:2.4px}.journey-footer p{font-size:13px;order:2;flex-basis:100%;margin-top:-12px}.journey-footer button{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.hero h1>.title-line>span,.hero-eyebrow,.hero-description,.hero-actions{animation:none!important;transform:none!important;opacity:1!important}}

/* Revision 05: the same pinned journey on phones, with room for readable copy. */
@media(max-width:760px){
 .sequence-pinned .hero-sequence{height:220svh}
 .sequence-pinned .hero{padding:98px 24px 78px;gap:0}
 .sequence-pinned .hero-copy{flex:none}
 .sequence-pinned .hero h1{font-size:clamp(34px,9vw,52px);margin-bottom:18px}
 .sequence-pinned .hero-eyebrow{margin-bottom:17px}
 .sequence-pinned .hero-description{font-size:16px;line-height:1.5;margin-bottom:18px}
 .sequence-pinned .hero-art{flex:1;min-height:165px;height:auto;margin:0 -24px}
 .sequence-pinned .hero-baseline{display:none}
 .sequence-pinned .scene-controls{bottom:22px}
 .sequence-pinned .journey-copy{top:104px;transform:none;padding:0 24px}
 .sequence-pinned .journey-copy h2{font-size:clamp(37px,10.5vw,56px);margin-bottom:21px}
 .sequence-pinned .journey-copy>p:not(.eyebrow){font-size:17px;max-width:335px}
 .sequence-pinned .journey-copy .eyebrow{margin-bottom:19px}
 .sequence-pinned .journey-shade{background:linear-gradient(180deg,#050709ed, #050709d9 32%,#05070936 65%,#050709b0)}
 .sequence-pinned .journey-visual{top:auto;bottom:10%;height:44%;width:100%;left:0;transform:none;mask-image:linear-gradient(180deg,transparent,black 12%,black 88%,transparent)}
 .sequence-pinned .journey-visual img,.sequence-pinned .journey-visual video{object-fit:cover;object-position:78% center}
 .sequence-pinned .journey-footer{bottom:24px;padding-top:14px}
 .sequence-pinned .journey-footer p{display:none}
}
@media(max-width:760px) and (max-height:740px){
 .sequence-pinned .hero{padding-top:84px;padding-bottom:70px}
 .sequence-pinned .hero h1{font-size:34px;margin-bottom:14px}
 .sequence-pinned .hero-eyebrow{margin-bottom:13px}
 .sequence-pinned .hero-description{font-size:16px;margin-bottom:14px}
 .sequence-pinned .hero-art{min-height:135px}
 .sequence-pinned .hero-actions .button{min-height:46px;padding:12px 15px}
 .sequence-pinned .journey-copy{top:86px}
 .sequence-pinned .journey-copy h2{font-size:38px;margin-bottom:16px}
 .sequence-pinned .journey-copy>p:not(.eyebrow){font-size:16px;line-height:1.5;margin-bottom:16px}
}