/* Campaign-led hero and real scroll-driven product storytelling. */
header{height:86px;max-width:none;padding:0 6%;background:#f9fbfc}
.hero.hero-cinematic{display:block;max-width:none;width:100%;min-height:740px;height:calc(100svh - 86px);max-height:1080px;margin:0;padding:0;overflow:hidden;background:#d5e8f4;isolation:isolate;--hero-progress:0;--hero-drift:0px;--hero-scale:1;--copy-drift:0px;--copy-opacity:1}
.hero-cinematic:before{display:none}.banner-media{position:absolute;inset:0;overflow:hidden;z-index:-3}.banner-image{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transform:translate3d(0,var(--hero-drift),0) scale(var(--hero-scale));transform-origin:68% 40%;will-change:transform}.banner-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eff7fbd9 0%,#eff7fba8 29%,#e9f4fa38 49%,transparent 64%),linear-gradient(0deg,#e4f0f59c,transparent 16%);pointer-events:none}.banner-light{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 25%,#ffffff18 42%,#d7f0ff1a 50%,transparent 60%);animation:banner-light 18s ease-in-out infinite alternate;mix-blend-mode:screen}.hero-cinematic .hero-copy{position:relative;z-index:2;padding:clamp(65px,10vh,130px) 0 130px 7%;width:57%;transform:translate3d(0,var(--copy-drift),0);opacity:var(--copy-opacity);will-change:transform,opacity}.hero-cinematic h1{font-size:clamp(70px,6.9vw,112px);line-height:1.03;letter-spacing:-4.5px;margin:30px 0 24px}.hero-cinematic .intro{color:#344f61;text-shadow:0 1px 15px #fff8;font-size:14px;line-height:1.9}.hero-cinematic .eyebrow{color:#244258;font-size:9px;letter-spacing:2.2px}.hero-cinematic .store-links{margin-top:30px}.hero-cinematic .store{background:#132938;box-shadow:0 10px 35px #18344a1c}.hero-cinematic .hero-note{font-size:8px;letter-spacing:1.6px;color:#526e80;margin-top:24px}.banner-contours{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.banner-contours i{position:absolute;width:47vw;height:19vw;border:1px solid #ffffff4d;border-radius:50%;right:-14%;bottom:9%;transform:rotate(-28deg);animation:contour-drift 15s ease-in-out infinite alternate}.banner-contours i:nth-child(2){width:53vw;height:21vw;bottom:7%;right:-16%;animation-delay:-5s}.banner-contours i:nth-child(3){width:58vw;height:23vw;bottom:5%;right:-19%;animation-delay:-10s}.banner-feature{position:absolute;right:6%;bottom:130px;display:flex;align-items:center;gap:14px;max-width:330px;padding:17px 21px;background:#ffffffb0;border:1px solid #ffffffd9;backdrop-filter:blur(16px);border-radius:3px;box-shadow:0 20px 55px #173f5d12;animation:float 9s ease-in-out infinite}.banner-feature-icon{font-size:33px;color:#247dbd}.banner-feature small{display:block;font-size:7px;letter-spacing:1.5px;color:#567b94;margin-bottom:7px}.banner-feature div>span{font:500 16px var(--serif);letter-spacing:-.2px}.banner-feature>b{font-size:13px;font-weight:400;margin-left:8px;color:#3985b8}.banner-bottom{position:absolute;bottom:32px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:flex-end;z-index:3}.hero-cinematic .scroll-cue{position:static;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.5px;color:#2d536e}.scroll-cue .scroll-mouse{width:19px;height:29px;border:1px solid #5985a3;border-radius:15px;position:relative;animation:none}.scroll-mouse:after{content:'';position:absolute;left:8px;top:6px;width:1px;height:6px;background:#38739c;animation:scroll-tick 2s infinite}.scroll-cue>b{font-size:20px;font-weight:400;animation:bob 2s infinite}.banner-edition{font-size:8px;letter-spacing:2px;text-align:right;color:#274d68}.banner-edition small{display:block;font-size:6px;letter-spacing:1.1px;margin-top:10px;color:#56778d}.marquee{background:#f3f8fc;padding:17px 0}.marquee>div{font-size:10px;letter-spacing:2.5px}
.experience-journey{padding:90px 5% 30px;max-width:1600px}.scroll-scene{position:relative}.scroll-stage{background:linear-gradient(125deg,#edf5fb,#dfedf8);border:1px solid #d9e8f3;border-radius:16px;padding:40px 5%;position:relative;overflow:hidden}.journey-heading{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;position:relative;z-index:2}.journey-heading .eyebrow{grid-column:1/-1;font-size:8px}.journey-heading h2{font-size:clamp(42px,4.3vw,65px);letter-spacing:-2.5px;line-height:1.07}.journey-scroll-hint{display:none;font-size:7px;letter-spacing:1.3px;line-height:2;color:#7b9cb4;max-width:145px}.journey-scroll-hint>span{display:block;font-size:23px;color:#4d8fbc}.journey-chapters{position:relative}.journey-chapter{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px 0}.journey-copy{min-width:0}.journey-number{font-size:7px;letter-spacing:1.5px;color:#6c98b7;display:block;margin-bottom:25px}.journey-copy h3{font:500 clamp(30px,3.2vw,46px)/1.15 var(--serif);letter-spacing:-1.8px;margin-bottom:22px}.journey-copy p{font-size:14px;line-height:1.9;color:#58758a;max-width:380px}.journey-detail{display:block;font-size:10px;color:#5287ac;margin-top:28px}.journey-picture{margin:0;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;isolation:isolate}.journey-picture img{display:block;width:230px;max-width:100%;height:auto;box-shadow:15px 25px 45px #20577e29;border:5px solid #ffffffc7;border-radius:7px;position:relative;z-index:1}.journey-picture figcaption{font-size:7px;letter-spacing:2px;color:#6091b3}.journey-image-orbit{position:absolute;inset:10% -4%;border-radius:50%;background:radial-gradient(ellipse,#b9dbf594,transparent 70%);z-index:-1}.journey-image-orbit:before,.journey-image-orbit:after{content:'';position:absolute;inset:5%;border:1px solid #84b2d54d;border-radius:50%;transform:rotate(-30deg) scaleX(1.2)}.journey-image-orbit:after{inset:0;transform:rotate(30deg) scaleX(1.2);border-style:dashed}.journey-footer{display:none;align-items:center;justify-content:space-between;border-top:1px solid #a0c0d94d;padding-top:20px;gap:20px}.journey-steps{display:flex;gap:35px;font-size:9px;color:#95aec0}.journey-steps>span{display:flex;gap:12px;transition:color .5s}.journey-steps b{font-weight:400}.journey-steps .is-current{color:#1e6da5}.journey-count{font-size:9px;color:#6293b5;letter-spacing:1px}.journey-progress{display:none;position:absolute;bottom:0;left:0;right:0;height:3px;background:#c9dfef}.journey-progress i{display:block;height:100%;width:100%;transform:scaleX(var(--journey-progress,0));transform-origin:left;background:#3b92d2}.scroll-enabled .scroll-scene{height:270vh}.scroll-enabled .scroll-stage{position:sticky;top:20px;height:calc(100svh - 40px);max-height:950px;display:flex;flex-direction:column}.scroll-enabled .journey-heading{flex:0 0 auto}.scroll-enabled .journey-scroll-hint{display:block}.scroll-enabled .journey-chapters{flex:1;min-height:0;margin-top:10px}.scroll-enabled .journey-chapter{position:absolute;inset:0;padding:20px 0;opacity:0;visibility:hidden;transform:translateY(28px);transition:opacity .55s,transform .7s cubic-bezier(.2,.7,.2,1),visibility .55s;pointer-events:none}.scroll-enabled .journey-chapter.is-current{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.scroll-enabled .journey-picture{height:100%;max-height:100%;transform:rotate(var(--journey-tilt,-3deg)) translateY(var(--journey-drift,0px));transition:transform .2s linear}.scroll-enabled .journey-picture img{width:auto;max-width:100%;height:calc(100% - 30px);max-height:460px;object-fit:contain}.scroll-enabled .journey-footer{display:flex;flex:0 0 auto}.scroll-enabled .journey-progress{display:block}.chapter-anchor{position:absolute;width:1px;height:1px;left:0;pointer-events:none}.scroll-enabled .reveal{transition-duration:1s}.scroll-enabled .story-copy h2{transition-delay:.07s}.scroll-enabled .story-lead{transition-delay:.14s}.scroll-enabled .story-poster{will-change:transform}.scroll-enabled .story-visual{transform:translate3d(var(--poster-x,0px),var(--poster-y,0px),0) rotate(var(--poster-r,0deg));transition:transform .14s linear}.scroll-enabled .wardrobe-art{transform:translateY(var(--wardrobe-y,0px));transition:transform .14s linear}.scroll-enabled .download h2{transform:translateY(var(--download-y,0px));transition:transform .15s linear}.scroll-enabled .gallery-card:nth-child(even){translate:0 var(--gallery-wave,0px);transition:translate .14s linear}.scroll-enabled .feature-intro h2{background:linear-gradient(90deg,#162e42 var(--ink-fill,0%),#b4c5d2 var(--ink-fill,0%));background-clip:text;-webkit-background-clip:text;color:transparent}.scroll-enabled .feature-intro h2 em{color:inherit}
@keyframes banner-light{from{translate:-10% 0;opacity:.4}to{translate:15% -3%;opacity:1}}@keyframes contour-drift{to{translate:-3vw -20px;rotate:5deg}}@keyframes scroll-tick{0%,100%{translate:0 0;opacity:.5}50%{translate:0 6px;opacity:1}}
@media(min-width:1700px){.hero-cinematic .hero-copy{padding-left:max(7%,calc((100vw - 1500px)/2));padding-top:100px}.hero-cinematic h1{font-size:110px}}
@media(max-width:1100px){.hero-cinematic .hero-copy{width:60%;padding-left:6%;padding-top:90px}.hero-cinematic h1{font-size:78px;letter-spacing:-3.5px}.banner-feature{right:4%;bottom:115px;max-width:270px;padding:13px}.banner-feature div>span{font-size:14px}.journey-chapter{gap:30px}.scroll-stage{padding:30px 5%}.journey-heading h2{font-size:49px}.journey-copy p{font-size:13px}.journey-steps{gap:23px}}
@media(max-width:760px){header{height:76px}.hero.hero-cinematic{height:auto;min-height:0;max-height:none;padding:0;display:flex;flex-direction:column;background:#e7f2fa}.hero-cinematic .banner-media{position:relative;order:2;height:auto;aspect-ratio:1.35;width:100%;z-index:0;background:#c3deef}.banner-image{object-fit:cover;object-position:75% 30%;width:145%;max-width:none;position:absolute;right:0;height:100%;transform:translateY(var(--hero-drift)) scale(var(--hero-scale));transform-origin:75% 50%}.hero-cinematic .hero-copy{order:1;width:100%;padding:42px 6% 32px;transform:none;opacity:1;background:linear-gradient(140deg,#f4f9fc,#e6f2fa);z-index:2}.hero-cinematic h1{font-size:clamp(58px,13vw,88px);letter-spacing:-3px;margin:24px 0 20px}.hero-cinematic .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-cinematic .intro{font-size:12px;line-height:1.9}.hero-cinematic .store-links{margin-top:24px}.hero-cinematic .hero-note{font-size:7px;margin-top:19px}.hero-cinematic .banner-gradient{display:none}.banner-contours{top:auto;bottom:0;height:300px;z-index:1}.banner-contours i{width:90vw;height:40vw;right:-30%;bottom:8%}.banner-contours i:nth-child(2){width:105vw;height:45vw;right:-35%}.banner-contours i:nth-child(3){width:120vw;height:50vw;right:-40%}.banner-feature{right:5%;bottom:67px;z-index:3;max-width:250px;padding:10px 13px;gap:10px}.banner-feature-icon{font-size:25px}.banner-feature div>span{font-size:13px}.banner-feature small{font-size:6px}.banner-bottom{bottom:18px;left:6%;right:6%;z-index:3;align-items:center}.hero-cinematic .scroll-cue{font-size:6px;letter-spacing:.7px;gap:10px}.banner-edition{font-size:6px;letter-spacing:.8px}.banner-edition small{display:none}.scroll-cue .scroll-mouse{width:15px;height:23px;border-color:#234e6d}.scroll-mouse:after{left:6px}.scroll-cue>b{font-size:16px}.experience-journey{padding:40px 4% 20px}.scroll-stage{padding:24px 6%;border-radius:12px}.journey-heading{gap:14px;grid-template-columns:1fr}.journey-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.journey-heading h2{font-size:36px;letter-spacing:-1.4px}.journey-scroll-hint{display:none!important}.journey-chapter{grid-template-columns:1fr;gap:18px;padding:24px 0}.journey-copy{order:2}.journey-picture{order:1}.journey-picture img{width:210px}.journey-number{font-size:6px;margin-bottom:10px;letter-spacing:1px}.journey-copy h3{font-size:29px;letter-spacing:-1px;margin-bottom:10px}.journey-copy p{font-size:11px;line-height:1.7;max-width:none}.journey-detail{font-size:8px;margin-top:12px}.scroll-enabled .scroll-scene{height:300svh}.scroll-enabled .scroll-stage{height:calc(100svh - 24px);top:12px;max-height:920px;padding:22px 6% 17px}.scroll-enabled .journey-chapters{margin-top:0}.scroll-enabled .journey-chapter{grid-template-rows:minmax(0,1fr) auto;gap:15px;padding:14px 0 19px}.scroll-enabled .journey-picture{min-height:0}.scroll-enabled .journey-picture img{max-height:none;height:calc(100% - 22px);max-width:100%}.journey-picture figcaption{font-size:6px;letter-spacing:1.3px}.journey-picture{gap:10px}.journey-image-orbit{inset:15% 10%}.journey-steps{gap:12px;font-size:7px;flex:1;justify-content:space-between}.journey-steps>span{gap:5px}.journey-count{display:none}.journey-footer{padding-top:15px;gap:10px}.scroll-enabled .story-visual{transform:translateY(var(--poster-y,0px));}.experience-journey .disclosure{font-size:8px;margin-top:15px}.banner-light{opacity:.6}}
@media(max-height:700px) and (max-width:760px){.scroll-enabled .scroll-stage{padding-top:15px}.journey-heading h2{font-size:29px}.journey-heading{gap:9px}.journey-copy h3{font-size:24px}.journey-copy p{font-size:10px}.journey-detail{display:none}.journey-number{margin-bottom:7px}.scroll-enabled .journey-chapter{gap:10px;padding-bottom:12px}.journey-footer{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.banner-image{transform:none;will-change:auto}.hero-cinematic .hero-copy{transform:none;opacity:1}.banner-light,.banner-contours{display:none}.journey-chapter{transition:none!important}}
.motion-paused .banner-image{transform:none;will-change:auto}.motion-paused .hero-cinematic .hero-copy{transform:none;opacity:1}.motion-paused .story-visual,.motion-paused .wardrobe-art,.motion-paused .download h2{transform:none}.motion-paused .feature-intro h2{background:none;color:var(--ink)}
.hero-cinematic .banner-image{object-position:center top}@media(max-width:760px){.hero-cinematic .banner-image{object-position:75% top}}
.banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:translate3d(0,var(--hero-drift),0) scale(var(--hero-scale));transform-origin:68% 40%;opacity:0;transition:opacity 1.2s;pointer-events:none}.video-ready .banner-video{opacity:1}.banner-video-control{position:absolute;right:6%;bottom:78px;z-index:4;background:#ffffffaa;backdrop-filter:blur(12px);color:#254b66;border:1px solid #fff;border-radius:25px;padding:9px 16px;font-size:9px;letter-spacing:.7px}.banner-video-control[hidden]{display:none}.banner-video-control:disabled{opacity:.5;cursor:default}.motion-paused .banner-video{display:none}@media(max-width:760px){.banner-video{inset:auto 0 0 auto;width:145%;height:100%;object-position:75% top;transform-origin:75% 50%}.banner-video-control{bottom:56px;right:5%;font-size:8px;padding:7px 11px}.banner-feature{bottom:102px}}@media(prefers-reduced-motion:reduce){.banner-video{display:none}.banner-video-control{display:none}}
.step-art.step-photo{height:auto;aspect-ratio:3/2;border:0;border-radius:10px;overflow:hidden;margin-bottom:28px;display:block}.step-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}.steps article:hover .step-photo img{transform:scale(1.035)}.step-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#132f4b6b);pointer-events:none}.step-photo-label{position:absolute;bottom:15px;left:17px;z-index:1;color:white;font-size:8px;letter-spacing:1.5px}.steps{gap:28px;max-width:1200px}.steps article{min-width:0}.mood-photographic{border-radius:16px;min-height:570px;isolation:isolate}.mood-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;z-index:-2;transition:opacity .6s}.mood-photographic:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#102537b8);z-index:-1}.mood-photographic .mood-word{position:absolute;left:30px;bottom:115px;font-size:62px;line-height:.95;color:white;letter-spacing:-2.5px}.mood-photographic .mood-word em{color:white}.mood-photographic .swatches{position:absolute;left:30px;bottom:55px;margin:0}.mood-photographic .swatches span{width:24px;height:24px;border:1px solid #ffffff80}.mood-photographic .mood-index{left:30px;top:30px;color:#1a4462;font-size:8px}.mood-photographic .mood-line,.mood-photographic .mood-star{display:none}.mood-photographic .mood-bottom{left:30px;bottom:28px;color:#ffffffc9;font-size:6px;letter-spacing:1px}.mood-photographic[data-current=work] .mood-photo{object-position:65% center}.mood-photographic[data-current=weekend] .mood-photo{object-position:58% center}@media(max-width:760px){.scroll-enabled .hero-cinematic .hero-copy{padding:28px 6% 24px;flex:0 0 auto}.scroll-enabled .hero-cinematic h1{font-size:clamp(53px,12.8vw,75px);margin:18px 0 16px}.scroll-enabled .hero-cinematic .banner-media{flex:1;aspect-ratio:auto;min-height:220px}.steps article{display:block}.step-art.step-photo{aspect-ratio:3/2;max-height:none;margin-bottom:22px}.steps{gap:38px}.mood-photographic{min-height:460px}.mood-photographic .mood-word{font-size:56px}.hero-cinematic .banner-feature{display:none}.hero-cinematic .banner-video-control{bottom:56px}}@media(max-height:700px) and (max-width:760px){.scroll-enabled .hero-cinematic .hero-copy{padding-top:20px;padding-bottom:17px}.scroll-enabled .hero-cinematic h1{font-size:48px;margin:15px 0}.scroll-enabled .hero-cinematic .intro{font-size:11px}.scroll-enabled .hero-cinematic .store-links{margin-top:16px}.scroll-enabled .hero-cinematic .hero-note{margin-top:12px}.scroll-enabled .hero-cinematic .banner-media{min-height:150px}}