/* Scroll-driven creative journey. Existing content and motion remain intact. */
.live-story{position:relative;background:#071b21;color:#fff}
.live-stage{position:relative;overflow:hidden;isolation:isolate}
.live-track{position:relative}
.live-panel{position:relative;min-height:700px;height:100svh;overflow:hidden;isolation:isolate;background:#10252b}
.live-image,.live-shade{position:absolute;inset:0;z-index:-2}
.live-image img{width:100%;height:100%;object-fit:cover}
.live-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,17,25,.65),rgba(0,17,25,.05) 80%),linear-gradient(0deg,rgba(0,17,25,.7),transparent 45%)}
.live-apparel .live-image{background:#78949c}.live-apparel .live-image img{object-fit:contain;object-position:80% center;padding:8vh 6%}
.live-graphic .live-image img{object-position:65% center}
.live-copy{height:100%;padding:105px 6% 110px;display:flex;flex-direction:column;justify-content:center}
.live-eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:25px}
.live-copy h2,.live-copy h3{font-size:clamp(68px,10.5vw,165px);font-weight:700;letter-spacing:-.065em;line-height:.84;margin:0;width:max-content;max-width:100%}
.live-copy h2>span:not(.live-dot),.live-copy h3>span:not(.live-dot){padding-left:12vw;color:#fff}
.live-dot{color:#00c7e5}.live-caption{margin-top:30px;display:flex;justify-content:space-between;gap:25px;align-items:end}
.live-caption>p{font-size:clamp(20px,2.4vw,34px);letter-spacing:.08em;font-weight:600}
.live-caption a{font-size:13px;border-bottom:1px solid #ffffffaa;padding:14px 0;display:flex;gap:35px;align-items:center}.live-caption a span{font-size:22px}
.live-caption a:hover{color:#60eaff}.live-topline,.live-bottomline{display:none}
.live-progress{display:none}
.live-story.is-scroll{height:340svh}
.is-scroll .live-stage{position:sticky;top:0;height:100svh;min-height:540px}
.is-scroll .live-track{display:flex;height:100%;will-change:transform}
.is-scroll .live-panel{width:100%;flex:0 0 100%;height:100%;min-height:0}
.is-scroll .live-image{will-change:transform}
.is-scroll .live-topline,.is-scroll .live-bottomline{display:flex;position:absolute;left:6%;right:6%;z-index:5;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;gap:12px}
.is-scroll .live-topline{top:28px}.is-scroll .live-bottomline{bottom:27px}.live-topline>span{max-width:55%;line-height:1.8}
.live-toggle{border:1px solid #ffffff80;background:#09242c99;color:#fff;padding:11px 14px;font-size:11px;letter-spacing:0}
.is-scroll .live-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff30}
.live-progress span{display:block;height:100%;background:#00c7e5;transform-origin:left;transform:scaleX(var(--live-progress,0))}
.live-story.is-static .live-topline{display:flex;position:relative;padding:24px 6%;justify-content:space-between;align-items:center;gap:20px;font-size:10px}
.motion-title h1>span{animation:live-title-entry 1.3s cubic-bezier(.16,1,.3,1) both}
.motion-title h1>span+span{animation-delay:.13s}
@keyframes live-title-entry{from{clip-path:inset(100% 0 0);translate:0 55px}to{clip-path:inset(0);translate:0 0}}
@media(max-width:750px){
.live-panel{min-height:600px}.live-copy{padding:100px 7% 105px;justify-content:center}.live-copy h2,.live-copy h3{font-size:21vw;line-height:.88}.live-copy h2>span:not(.live-dot),.live-copy h3>span:not(.live-dot){padding-left:9vw}.live-eyebrow{font-size:9px;margin-bottom:25px}.live-caption{display:block;margin-top:35px}.live-caption>p{font-size:22px}.live-caption a{width:max-content;margin-top:18px;font-size:12px;gap:30px}.live-scroll{display:none}.live-story.is-scroll{height:300svh}.live-apparel .live-image img{padding:14vh 0;object-position:center}.live-shade{background:linear-gradient(90deg,#00151e99,#00151e33),linear-gradient(0deg,#00151eb3,transparent 65%)}.live-topline>span{font-size:8px}.live-toggle{font-size:10px;padding:10px}.is-scroll .live-topline{right:20%;left:7%;top:32px}.is-scroll .live-bottomline{left:7%;right:7%;font-size:9px}
}
@media(max-height:600px) and (min-width:751px){.live-copy{padding:75px 6%}.live-copy h2,.live-copy h3{font-size:17vh}.live-eyebrow{margin-bottom:15px}.live-caption{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.motion-title h1>span{animation:none}.live-image,.live-copy{transform:none!important}.live-stage{clip-path:none!important}}