.creative-journey{position:relative;height:330svh;background:#efede8;color:#16141b;--journey-progress:0%;isolation:isolate}.journey-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 74% 48%,#e5dcf140,transparent 52%)}.journey-top{position:absolute;top:42px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.journey-top>a{font-size:13px;border-bottom:1px solid #6e637b;padding-bottom:4px}.journey-stage{position:absolute;inset:5% 0 5% 40%;z-index:1;touch-action:pan-y}.journey-stage canvas{width:100%;height:100%;display:block;outline:none}.journey-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);width:36%;max-width:570px;min-height:365px;z-index:3;pointer-events:none}.journey-chapter{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(36px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1);visibility:hidden}.journey-chapter.active{opacity:1;transform:translateY(0);visibility:visible}.chapter-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#756b7d;margin-bottom:27px}.journey-chapter h2{font-size:clamp(60px,6.3vw,104px);line-height:1.02;letter-spacing:-.055em}.journey-chapter h2 em{font-size:1.11em;color:#7d639f;white-space:nowrap}.chapter-description{font-size:16px;line-height:1.7;color:#716976;max-width:310px;margin:27px 0 24px}.chapter-link{pointer-events:auto;font-size:14px;border-bottom:1px solid #7f6f91;padding:0 0 5px;color:#3d334a}.journey-bottom{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4;padding-bottom:25px}.chapter-nav{display:flex;gap:38px}.chapter-nav button{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;color:#6e6674}.chapter-nav button>span:first-child{font-size:11px;opacity:.6}.chapter-nav button[aria-current=step]{color:#251933}.chapter-nav button[aria-current=step]>span:last-child{border-bottom:1px solid #6e488d}.journey-scroll-hint{font-size:12px;color:#72677c}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#25173325}.journey-progress>span{display:block;background:#80649e;width:var(--journey-progress);height:100%}.journey-fallback{display:none}.creative-journey+.work-section{border-radius:0;border-top:1px solid #18151a15}.scene-unavailable{height:auto;padding:60px var(--gutter)}.scene-unavailable .journey-sticky{position:relative;height:auto;min-height:0;overflow:visible;background:none}.scene-unavailable .journey-stage,.scene-unavailable .journey-bottom{display:none}.scene-unavailable .journey-top{position:relative;top:0;left:0;right:0;margin-bottom:50px}.scene-unavailable .journey-copy{position:relative;left:0;top:0;transform:none;width:100%;max-width:none;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.scene-unavailable .journey-chapter{position:relative;opacity:1;transform:none;visibility:visible}.scene-unavailable .journey-chapter h2{font-size:48px}.scene-unavailable .journey-fallback{display:block;margin-top:24px;aspect-ratio:1.2;object-fit:cover;width:100%}.scene-unavailable .journey-chapter .chapter-description{min-height:100px}.motion-off .journey-chapter{transition:none}
@media(min-width:1600px){.journey-copy{left:max(var(--gutter),calc((100vw - 1500px)/2));max-width:590px}.journey-stage{left:40%;right:0}}
@media(max-width:1000px){.journey-copy{width:40%}.journey-chapter h2{font-size:66px}.journey-stage{left:40%;right:0}.chapter-description{max-width:255px;font-size:15px}.chapter-label{font-size:12px}.journey-scroll-hint{max-width:170px;text-align:right}.chapter-nav{gap:25px}.scene-unavailable .journey-copy{grid-template-columns:1fr}.scene-unavailable .journey-chapter .chapter-description{min-height:0}}
@media(max-width:900px){.creative-journey{height:295svh}.journey-sticky{min-height:0}.journey-top{top:25px}.journey-top>a{font-size:12px}.journey-top .eyebrow{font-size:12px}.journey-copy{left:var(--gutter);top:100px;width:calc(100% - 2*var(--gutter));transform:none;min-height:235px;max-width:none}.journey-chapter h2{font-size:clamp(46px,10.5vw,66px);line-height:1}.journey-chapter h2 br{display:none}.journey-chapter h2>span{margin-right:.14em}.journey-chapter h2 em{white-space:normal;font-size:1.08em}.chapter-label{margin-bottom:16px;font-size:12px}.chapter-description{margin:16px 0 13px;max-width:440px;font-size:16px;line-height:1.55}.chapter-link{font-size:14px}.journey-stage{left:-4%;right:-4%;top:max(350px,38%);bottom:max(90px,9%)}.journey-bottom{bottom:22px;padding-bottom:21px}.chapter-nav{gap:24px;justify-content:space-between;width:100%}.chapter-nav button{font-size:14px;gap:7px}.journey-scroll-hint{display:none}.scene-unavailable{height:auto}.scene-unavailable .journey-copy{top:0;width:100%}.scene-unavailable .journey-chapter h2{font-size:44px}}
@media(max-width:390px){.journey-copy{top:90px}.journey-chapter h2{font-size:44px}.chapter-description{max-width:327px}.journey-top>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.journey-chapter{transition:none}}

/* Use the desktop composition on shallow landscape screens. */
@media(max-height:620px) and (min-aspect-ratio:1/1){.journey-sticky{min-height:0}.journey-top{top:18px}.journey-copy{left:var(--gutter);top:50%;transform:translateY(-50%);width:38%;min-height:260px}.journey-chapter h2{font-size:clamp(32px,8vh,50px)}.journey-chapter h2 br{display:block}.journey-chapter h2 em{white-space:nowrap}.journey-chapter h2>span{margin-right:0}.chapter-label{font-size:12px;margin-bottom:13px}.chapter-description{font-size:16px;line-height:1.45;margin:15px 0 13px;max-width:310px}.journey-stage{left:43%;right:0;top:12%;bottom:12%}.journey-bottom{bottom:14px;padding-bottom:14px}.journey-scroll-hint{display:none}.chapter-nav{width:auto;gap:26px}.scene-unavailable .journey-copy{top:0;transform:none;width:100%;min-height:0}.scene-unavailable .journey-top{top:0}}
@media(max-height:520px) and (min-aspect-ratio:1/1){.journey-copy{min-height:190px}.journey-chapter .chapter-description{display:none}.chapter-link{display:inline-block;margin-top:20px}.scene-unavailable .journey-chapter .chapter-description{display:block}}
