@font-face{font-family:Avantt;src:url('/assets/Avantt-medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--paper:#efefed;--ink:#20211e;--line:#c9cac5;--space:clamp(22px,3.3vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Avantt,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button, a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:hover,a:hover{opacity:.75}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;left:20px;top:-80px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:12px}.header{position:fixed;inset:0 0 auto;z-index:20;height:92px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(#0003,transparent);transition:background .25s,color .25s}.header:after{content:'';position:absolute;bottom:0;left:var(--space);right:var(--space);height:1px;background:currentColor;opacity:.35}.header.solid{background:var(--paper);color:var(--ink)}.logo{display:flex;width:190px}.logo img{width:180px;filter:invert(1)}.header.solid .logo img{filter:none}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:40px;font-size:14px}.header-actions{display:flex;gap:14px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:10px}.menu-button{display:none}.hero{position:relative;height:100svh;min-height:560px;background:#333c3b;color:#fff;isolation:isolate}.film,.hero-shade{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-media{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;inset:0}video{opacity:0;transition:opacity .5s}video.ready{opacity:1}.hero-shade{background:linear-gradient(180deg,#0004 0%,transparent 38%,#0002 60%,#0009 100%)}.hero-copy{position:absolute;left:var(--space);right:var(--space);bottom:132px}.eyebrow{font-size:10px;letter-spacing:.17em;margin:0 0 22px}.hero h1{font-size:clamp(42px,4.8vw,76px);line-height:1.02;font-weight:400;letter-spacing:-.04em;margin:0 0 24px}.hero-link{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:54px;padding:12px 0;border-bottom:1px solid #ffffff80;font-size:16px}.hero-link span{font-size:25px}.film-controls{position:absolute;left:var(--space);right:var(--space);bottom:25px;border-top:1px solid #ffffff65;padding-top:18px;display:flex;align-items:center;gap:36px}.playback{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.08em}.film-controls button{min-height:44px;min-width:44px;display:grid;place-items:center;color:white}.playback #play{font-size:22px;padding:0}.slide-controls{display:flex;gap:8px;align-items:center}.slide-controls .slide{position:relative;width:75px;padding:0}.slide:before,.slide span{position:absolute;left:0;right:0;height:2px;background:#fff5;content:''}.slide span{right:auto;width:0;background:white}.slide.active:before{background:#fff9}.film-end{display:flex;gap:4px;margin-left:auto;align-items:center}.film-end span{font-size:10px;letter-spacing:.13em;margin-right:24px}.film-end button{font-size:20px}.media-status{position:absolute;left:var(--space);bottom:92px;font-size:12px;margin:0;background:#0007;padding:0 8px}.media-status:empty{display:none}.experience{background:var(--paper);padding-top:130px;overflow:clip}.product-intro{text-align:center;position:relative;z-index:2;padding:0 22px}.product-intro .eyebrow{margin-bottom:28px;color:#666861}.product-intro h2{font-weight:400;font-size:clamp(38px,4vw,60px);letter-spacing:-.045em;line-height:1.04;margin:0 0 24px}.product-intro>p:not(.eyebrow){font-size:16px;color:#65665f;margin:0 0 30px}.outline-button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:14px 21px;border:1px solid #74776f;min-height:48px;font-size:10px;letter-spacing:.13em;transition:background .2s}.outline-button:hover{background:#dedfda;opacity:1}.outline-button span{font-size:18px;line-height:1}.product-stage{height:1080px;position:relative;margin-top:18px}.product-sticky{position:sticky;top:90px;height:720px;display:flex;align-items:center;flex-direction:column;justify-content:center}.product-sticky img{width:min(780px,82vw);height:min(650px,68vw);object-fit:contain;transform:translateY(var(--lift,20px)) scale(var(--scale,.94));will-change:transform;filter:drop-shadow(0 25px 18px #484a4614)}.product-caption{display:flex;gap:30px;align-items:center;justify-content:center;font-size:12px;letter-spacing:.05em;margin-top:4px}.finish{display:flex;align-items:center;gap:10px;color:#6a6c64;font-size:10px}.finish i{width:10px;height:10px;border:1px solid #9a9b95;border-radius:50%;background:linear-gradient(120deg,#fff,#aaa)}footer{margin:0 var(--space);border-top:1px solid var(--line);padding:32px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer>span{font-size:9px;letter-spacing:.14em;color:#75776f}.footer-logo img{width:135px;display:block}.mobile-break{display:none}
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(470px,100%);max-width:100%;height:100dvh;max-height:100dvh;background:var(--paper);color:var(--ink);border:0;padding:30px;box-shadow:-12px 0 40px #0001}dialog::backdrop{background:#10110e66;backdrop-filter:blur(3px)}dialog[open]{animation:drawer-in .25s ease-out}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px}.panel-head h2{font-weight:400;font-size:25px;margin:0}.panel-empty{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.panel-empty svg{height:56px;width:56px;margin-bottom:25px}.panel-empty h3{font-size:24px;font-weight:400;margin:0 0 12px}.panel-empty p{color:#73756d;font-size:14px;max-width:280px;margin:0 0 30px}.panel-links{display:grid;margin-top:30px}.panel-links a{padding:20px 0;font-size:32px;border-bottom:1px solid var(--line)}.panel-note{padding-top:24px;color:#65665f;font-size:14px}.placeholder{padding:210px var(--space) 110px;min-height:84svh;max-width:850px}.placeholder h1{font-size:clamp(40px,6vw,70px);line-height:1.05;font-weight:400;letter-spacing:-.04em}.placeholder p{max-width:500px;color:#666861;margin-bottom:32px}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1600px){.product-stage{height:1250px}.product-sticky{height:850px}.product-sticky img{width:900px;height:780px}}
@media(max-width:767px){html{scroll-padding-top:90px}.header{height:76px;padding:0 18px}.header:after{left:18px;right:18px}.logo{width:80px;overflow:hidden}.logo img{width:226px;max-width:none;flex-shrink:0}.desktop-nav{display:none}.header-actions{gap:0}.icon-button{width:40px;padding:9px}.menu-button{display:grid}.hero{min-height:620px}.hero-media{object-position:50% 45%}.hero-copy{bottom:164px;left:24px;right:24px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:16px}.hero h1{font-size:48px;max-width:320px;margin-bottom:24px}.hero-link{position:static;display:inline-flex;font-size:14px;gap:35px;padding:6px 0}.hero-link span{font-size:21px}.film-controls{left:20px;right:20px;bottom:22px;gap:12px;padding-top:10px;flex-wrap:wrap}.playback{gap:0}.playback #counter{margin-left:9px}.slide-controls{margin-left:auto;gap:6px}.slide-controls .slide{width:44px}.film-end{width:100%;justify-content:flex-end;margin-top:-8px}.film-end span{margin-right:auto;font-size:9px}.film-end button{min-height:36px}.media-status{bottom:137px;font-size:10px}.experience{padding-top:82px}.product-intro .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:22px}.product-intro h2{font-size:39px;margin-bottom:20px}.product-intro>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:25px}.mobile-break{display:block}.outline-button{font-size:9px;padding:12px 18px}.product-stage{height:560px;margin-top:4px}.product-sticky{height:440px;top:80px}.product-sticky img{width:110vw;max-width:500px;height:380px}.product-caption{font-size:11px;gap:20px;margin-top:0}footer{padding:25px 0;gap:24px;flex-wrap:wrap}.footer-logo img{width:118px}footer>span{display:none}dialog{padding:24px}.placeholder{padding-top:155px}}
@media(max-height:550px) and (min-width:768px){.hero{min-height:540px}.header{height:72px}.hero h1{font-size:44px}.hero-copy{bottom:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-sticky img{transform:none!important;will-change:auto}.product-stage{height:auto;padding-bottom:60px}.product-sticky{position:relative;top:0}}
/* Official Loop wordmark cropped from the source lockup, without redrawing. */
.logo{width:90px;overflow:visible}.logo img{width:76px}.footer-logo img{width:66px;height:auto}
.reduce-motion{scroll-behavior:auto}.reduce-motion *{animation:none!important;transition:none!important}.reduce-motion .product-sticky img{transform:none!important;will-change:auto}.reduce-motion .product-stage{height:auto;padding-bottom:60px}.reduce-motion .product-sticky{position:relative;top:0}
@media(max-width:767px){.logo{width:74px}.logo img{width:66px}.product-intro h2{font-size:40px}}
/* H direction: quiet caption over an image-led, full-screen opening. */
.hero h1{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:400}.hero-copy{bottom:132px}.product-intro h2{font-size:clamp(38px,3.4vw,49px)}
@media(max-width:767px){.hero h1{font-size:25px;margin-bottom:18px}.hero-copy{bottom:164px}.product-intro h2{font-size:40px}}

/* Loop core font and Concept's rising duplicate navigation treatment. */
body,button,h1,h2,h3{font-weight:500;font-synthesis:none}
.desktop-nav{gap:4px}.nav-item{position:relative;display:grid;place-items:center;min-width:86px;height:44px;padding:0 21px;border-radius:30px;overflow:hidden}.nav-item:hover{opacity:1}.nav-label{transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .3s}.nav-duplicate{position:absolute;inset:0;display:grid;place-items:center;background:#20211e;color:#fff;border-radius:30px;transform:translateY(110%) scale(.6);transition:transform .45s cubic-bezier(.4,0,.2,1)}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:0;transform:translateY(-10%) scale(.6)}.nav-item:hover .nav-duplicate,.nav-item:focus-visible .nav-duplicate{transform:translateY(0) scale(1)}
.header-actions svg{stroke-width:1.1;width:22px;height:22px}.header-actions button{transition:transform .25s}.header-actions button:hover{opacity:1;transform:translateY(-2px)}
:root{--paper:#f3f3f3}
.product-stage{height:180vh;min-height:1200px;margin-top:35px}.product-sticky{height:calc(100svh - 105px);top:92px;max-height:920px;justify-content:center}.engineering-media{position:relative;width:min(850px,90vw);height:calc(100% - 78px)}.engineering-media img,.engineering-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}.engineering-media video{opacity:0;transition:opacity .2s}.engineering-media video.ready{opacity:1}.product-caption{width:min(720px,85vw);display:flex;justify-content:space-between;margin:12px 0 0;border-top:1px solid #d1d1d1;padding-top:18px;font-size:12px}.engineering-hint{font-size:9px;letter-spacing:.1em}#engineering-status{font-size:11px;margin:8px 0;color:#666}
@media(max-width:767px){.product-stage{height:140vh;min-height:900px;margin-top:30px}.product-sticky{top:76px;height:calc(100svh - 100px);max-height:720px}.engineering-media{width:100%;height:calc(100% - 90px)}.product-caption{gap:12px;font-size:10px}.engineering-hint{font-size:8px}.header-actions button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.product-stage{height:auto;min-height:0}.product-sticky{position:relative;top:0;height:640px}.engineering-hint{display:none}}
.reduce-motion .product-stage{height:auto;min-height:0}.reduce-motion .product-sticky{height:640px}.reduce-motion .engineering-hint{display:none}
.engineering-media img{filter:none;max-width:none;will-change:auto}.engineering-media{isolation:isolate}

/* Compact preview: observed Concept menu treatment, limited to this sample. */
.nav-open{background:var(--paper);color:var(--ink)}.nav-open .logo img{filter:none}.nav-item[aria-expanded=true] .nav-duplicate{transform:translateY(0) scale(1)}.nav-item[aria-expanded=true] .nav-label{opacity:0}.shop-dropdown{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-radius:0 0 22px 22px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .35s,visibility .35s;pointer-events:none}.nav-open .shop-dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}.shop-dropdown-inner{max-width:1040px;margin:auto;padding:38px 40px 42px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.shop-dropdown-inner>div>a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:22px}.nav-feature{display:flex;align-items:center;gap:30px;font-size:16px;line-height:1.5}.nav-feature img{width:150px;height:160px;object-fit:cover}.nav-scrim{position:fixed;inset:92px 0 0;background:#0005;z-index:19;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.nav-scrim.visible{opacity:1;visibility:visible}@media(max-width:767px){.shop-dropdown,.nav-scrim{display:none}}
.engineering-media img,.engineering-media video{mix-blend-mode:normal}.engineering-media{isolation:auto}

/* Revision 3: official full lockup and measured core-brand typography. */
.logo{width:186px;flex-shrink:0}.logo img{width:186px;height:29px}.footer-logo img{width:186px;height:29px}.desktop-nav{font-size:20px;letter-spacing:-.32px}.nav-item{min-width:96px}.hero h1{font-size:96px;line-height:1;letter-spacing:-.03em;max-width:650px;font-weight:500}.hero-copy{bottom:150px}.hero-link{font-size:20px;line-height:1;letter-spacing:-.32px}.product-intro h2{font-size:48px;line-height:1;letter-spacing:-.03em}.product-intro>p:not(.eyebrow){font-size:20px;line-height:1.4}.outline-button{font-size:20px;line-height:1;letter-spacing:-.32px;text-transform:none;padding:20px 26px}.film-controls{justify-content:space-between}.film-end{margin-left:auto}.film-end span{margin:0}.engineering-media video{transition:none}.engineering-media img[hidden]{display:none!important}
@media(max-width:1100px) and (min-width:768px){.hero h1{font-size:72px;max-width:520px}.hero-link{position:static;display:inline-flex;margin-top:28px}.header-actions{gap:0}.nav-item{min-width:80px;padding:0 15px}}
@media(max-width:767px){.logo{width:160px}.logo img{width:160px;height:auto}.header{padding:0 16px}.header-actions .icon-button{width:34px;padding:7px}.hero h1{font-size:48px;line-height:1;max-width:340px;margin-bottom:24px}.hero-copy{left:24px;right:24px;bottom:136px}.hero-link{font-size:20px}.product-intro h2{font-size:48px}.product-intro>p:not(.eyebrow){font-size:20px}.outline-button{font-size:20px;padding:18px 22px;gap:24px}.film-controls{flex-wrap:nowrap;bottom:22px;gap:8px}.film-end{width:auto;margin:0 0 0 auto}.film-end span{font-size:8px}.footer-logo img{width:150px;height:auto}}
@media(max-width:359px){.logo,.logo img{width:136px}.header-actions .icon-button{width:32px}.hero-copy{left:20px;right:20px}.hero h1{font-size:48px}.film-end span{max-width:115px;text-align:right}.product-intro{padding:0 18px}}
@media(min-width:768px){.hero-copy{top:50%;bottom:auto;transform:translateY(-40%)}.hero h1{max-width:620px}.hero-link{position:static;display:inline-flex;margin-top:32px;gap:48px}}

/* Revision 4: true alpha frames, accessible hotspots and contrast-aware navigation. */
.header:not(.solid):not(.nav-open) .nav-duplicate{background:#fff;color:#151515;box-shadow:inset 0 0 0 1px #fff}
.header.solid .nav-duplicate,.header.nav-open .nav-duplicate{background:#20211e;color:#fff}
.nav-item:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.engineering-media{display:flex;align-items:center;justify-content:center;width:min(100%,1050px);height:calc(100% - 90px);position:relative;background:transparent}
.engineering-visual{position:relative;width:min(100%,calc(100svh - 220px));aspect-ratio:1;max-height:100%;flex-shrink:0}
.engineering-visual #engineering-frame{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;filter:none;transform:none;max-width:none;mix-blend-mode:normal}
.hotspots{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s}.hotspots.visible{opacity:1;visibility:visible}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%}.hotspot span{width:12px;height:12px;border-radius:50%;background:#ef5b43;box-shadow:0 0 0 4px #fff8;transition:box-shadow .2s}.hotspot:hover,.hotspot:focus-visible{opacity:1}.hotspot:hover span,.hotspot[aria-expanded=true] span{box-shadow:0 0 0 7px #ef5b4330,0 0 0 3px #fff}.hotspot:focus-visible{outline:2px solid #b73724;outline-offset:0}
.hotspot-detail{position:absolute;left:16px;top:28%;width:230px;padding:22px;background:#fff;box-shadow:0 8px 35px #0000000d;border:1px solid #d9d9d9;border-radius:4px;z-index:3}.hotspot-detail[hidden]{display:none}.hotspot-detail .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:14px}.hotspot-detail h3{font-size:21px;line-height:1.15;margin:0 0 12px}.hotspot-detail p:last-child{font-size:14px;line-height:1.45;margin:0;color:#555}.hotspot-detail #close-detail{position:absolute;right:3px;top:3px;width:32px;height:32px;font-size:22px}.engineering-hint{font-size:10px}
@media(max-width:767px){.engineering-media{flex-direction:column;height:calc(100% - 70px);justify-content:flex-start;padding-bottom:125px}.engineering-visual{width:min(100%,calc(100svh - 290px));max-height:none}.hotspot-detail{left:20px;right:20px;top:auto;bottom:0;width:auto;padding:14px 35px 14px 16px;min-height:112px}.hotspot-detail h3{font-size:18px;margin-bottom:6px}.hotspot-detail .eyebrow{margin-bottom:7px}.hotspot-detail p:last-child{font-size:13px}.product-caption{margin-top:0}}

/* Revision 5: local callouts with viewport collision handling. */
.hotspot-detail{top:0;left:0;right:auto;bottom:auto;width:230px;min-height:0}
.hotspot-detail:before{content:'';position:absolute;width:10px;height:10px;background:white;transform:rotate(45deg);border:1px solid #d9d9d9}
.hotspot-detail[data-side=right]:before{left:-6px;top:calc(var(--pointer-y) - 5px);border-right:0;border-top:0}
.hotspot-detail[data-side=left]:before{right:-6px;top:calc(var(--pointer-y) - 5px);border-left:0;border-bottom:0}
.hotspot-detail[data-side=below]:before{top:-6px;left:calc(var(--pointer-x) - 5px);border-right:0;border-bottom:0}
.hotspot-detail[data-side=above]:before{bottom:-6px;left:calc(var(--pointer-x) - 5px);border-left:0;border-top:0}
@media(max-width:767px){.hotspot-detail{width:min(220px,calc(100vw - 40px));min-height:0;right:auto;bottom:auto;padding:16px 32px 16px 16px}}

/* Shared rounded controls; icon and hotspot hit areas remain circular. */
:root{--button-radius:999px}
button,.outline-button,.hero-link{border-radius:var(--button-radius)}
.hero-link{border:1px solid currentColor;padding:16px 24px;min-height:56px;margin-top:32px}.hero-link:hover{background:#fff;color:#171717;opacity:1}.icon-button,.hotspot,#close-detail{border-radius:50%}
.everyday-section,.collection-section{padding:100px var(--space) 120px;max-width:1800px;margin:auto}.section-rule{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.1em;margin-bottom:65px}.everyday-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,7vw,120px);align-items:center}.wear-photo{margin:0;position:relative}.wear-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:55% center}.wear-photo figcaption{font-size:11px;margin-top:16px;color:#62635f}.everyday-copy{max-width:510px}.everyday-copy h2,.collection-heading h2{font-size:48px;line-height:1;letter-spacing:-.03em;font-weight:500;margin:0 0 28px}.section-lead{font-size:20px;line-height:1.4;color:#62635f;margin:0 0 38px;max-width:440px}.detail-list{border-top:1px solid var(--line);margin-bottom:36px}.detail-list details{border-bottom:1px solid var(--line)}.detail-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:20px}.detail-list summary::-webkit-details-marker{display:none}.detail-list summary:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:8px}.detail-list summary span{font-size:24px;transition:transform .2s}.detail-list details[open] summary span{transform:rotate(45deg)}.detail-list details p{font-size:16px;line-height:1.5;max-width:420px;color:#62635f;margin:0 0 22px;padding-right:28px}
.collection-section{padding-top:30px}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.collection-heading h2{margin:0}.collection-heading>p{font-size:20px;line-height:1.4;color:#62635f;margin:0}.collection-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.collection-filters button{font-size:16px;border:1px solid #c3c4c0;min-height:48px;padding:12px 24px;transition:background .2s,color .2s}.collection-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.product-card[hidden]{display:none}.product-card-image{display:block;background:#e9e9e7;position:relative;overflow:hidden;aspect-ratio:1}.product-card-image:hover{opacity:1}.product-category{position:absolute;left:24px;top:22px;font-size:10px;letter-spacing:.1em;z-index:1}.product-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.6,.3,1)}.product-card-image:hover img{transform:scale(1.045)}.product-card-body{padding:26px 0 0}.product-name-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.product-name-row h3{font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.025em;margin:0}.color-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#62635f}.color-label i{width:12px;height:12px;border:1px solid #0002;background:var(--swatch);border-radius:50%}.product-card-body>p{font-size:16px;color:#62635f;line-height:1.45;min-height:48px;margin:16px 0 24px}.card-button{width:100%;font-size:18px;padding:17px 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.everyday-grid{gap:40px}.everyday-copy h2,.collection-heading h2{font-size:42px}.product-grid{gap:16px}.product-name-row h3{font-size:21px}.product-card-body{padding-top:20px}}
@media(max-width:767px){.everyday-section,.collection-section{padding:65px 22px 70px}.section-rule{font-size:8px;margin-bottom:34px;gap:12px;padding-top:16px}.everyday-grid{grid-template-columns:1fr;gap:45px}.wear-photo img{aspect-ratio:1;object-position:50% 40%}.everyday-copy{max-width:none}.everyday-copy h2,.collection-heading h2{font-size:48px}.section-lead{font-size:18px}.everyday-copy .outline-button{font-size:18px;width:100%;justify-content:space-between}.collection-section{padding-top:10px}.collection-heading{display:block;margin-bottom:30px}.collection-heading>p{margin-top:25px;font-size:18px}.collection-filters{gap:8px;margin-bottom:28px}.collection-filters button{font-size:14px;padding:10px 16px;min-height:44px}.product-grid{grid-template-columns:1fr;gap:48px}.product-card-body>p{min-height:0}.product-name-row h3{font-size:24px}.product-category{left:20px;top:20px}.hero-link{margin-top:0;padding:14px 20px;min-height:50px}}

/* Revision 7: cohesive cards and a tighter product theatre. */
:root{--card-radius:24px}
.product-card{position:relative;background:#eaeae8;border-radius:var(--card-radius);overflow:hidden;border:1px solid #e2e2df;transition:box-shadow .3s}
.product-card:hover,.product-card:focus-within{box-shadow:0 12px 36px #00000009}
.product-card-image{background:transparent;border-radius:var(--card-radius);isolation:isolate}
.product-card-body{padding:24px}.product-card-body>p{margin-bottom:18px}
.wear-photo img,.nav-feature img,.hotspot-detail,.quick-product>img{border-radius:var(--card-radius)}
.wear-photo img{aspect-ratio:1;object-position:center}.hotspot-detail{border-radius:18px}
.card-swatches{display:flex;gap:10px;margin-bottom:24px}.card-swatch{position:relative;width:48px;height:48px;border-radius:12px;padding:3px;border:1px solid #c9cac6;transition:border-color .2s,box-shadow .2s;background:#f4f4f2}
.card-swatch img{width:100%;height:100%;object-fit:contain;border-radius:8px}.card-swatch[aria-pressed=true]{border-color:#222;box-shadow:inset 0 0 0 1px #222}.card-swatch:hover{opacity:1;border-color:#222}
.card-swatch span{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px);background:#222;color:white;padding:5px 10px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.card-swatch:hover span,.card-swatch:focus-visible span{opacity:1;transform:translate(-50%,0)}
.quick-view-button{position:absolute;right:18px;top:18px;font-size:13px;padding:12px 18px;background:#fff;color:#222;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .3s;box-shadow:0 3px 14px #0000000a}
.product-card:hover .quick-view-button,.product-card:focus-within .quick-view-button{opacity:1;transform:none}.quick-view-button:hover{background:#222;color:white;opacity:1}
.card-button{background:#20211e;color:white;border-color:#20211e}.card-button:hover{background:#3d3e39;color:#fff}
.quick-product>img{width:100%;aspect-ratio:1;object-fit:contain;background:#eaeae8;margin:20px 0 24px}.quick-product>p{margin-bottom:24px}
.product-stage{max-width:1180px;margin:20px auto 0}.product-sticky{max-height:780px}.engineering-media{height:calc(100% - 65px)}
.experience{padding-top:95px}.everyday-section{padding-top:60px;padding-bottom:85px}.section-rule{margin-bottom:42px}
@media(hover:none){.quick-view-button{opacity:1;transform:none}}
@media(max-width:767px){:root{--card-radius:20px}.product-stage{margin-top:10px}.product-sticky{max-height:610px}.engineering-media{padding-bottom:40px}.everyday-section{padding-top:38px;padding-bottom:55px}.product-card-body{padding:22px}.product-grid{gap:24px}.quick-view-button{opacity:1;transform:none;right:14px;top:14px}.product-category{font-size:9px;left:18px}.section-rule{margin-bottom:28px}.experience{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.product-sticky{height:600px}.card-swatch span{transition:none}}
.reduce-motion .product-sticky{height:600px}
/* Remove the excess end hold while retaining a generous scroll-driven reveal. */
.product-stage{height:calc(780px + 85vh);min-height:0}
@media(max-width:767px){.product-stage{height:calc(610px + 65vh);min-height:0}}
@media(prefers-reduced-motion:reduce){.product-stage{height:auto}}
.reduce-motion .product-stage{height:auto}
@media(max-width:767px){.product-sticky,.reduce-motion .product-sticky{height:500px;max-height:calc(100svh - 100px)}.product-stage{height:calc(500px + 65vh)}.engineering-media{justify-content:center;padding-bottom:25px}.reduce-motion .product-stage{height:auto}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.product-stage{height:auto}}

/* Revision 8: horizontal theatre, visible hover feedback and color comparison. */
@media(min-width:768px){.product-stage{max-width:1600px}.engineering-media{width:min(100%,1450px)}.engineering-visual{max-height:none;transform:rotate(-90deg)}.product-sticky{overflow:visible}.product-caption{width:min(1120px,85vw)}}
.product-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,background .45s}
.product-card-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.product-card:hover{transform:translateY(-8px);background:#e3e3e0;box-shadow:0 20px 40px #00000012}.product-card:hover .product-card-image img{transform:scale(1.09) rotate(-4deg)}.quick-view-button{top:auto;bottom:calc(100% - (100vw - 2 * var(--space) - 48px) / 3 + 20px);right:20px;left:20px;font-size:16px;transform:translateY(18px);padding:15px}.product-card:hover .quick-view-button,.product-card:focus-within .quick-view-button{transform:none}}
.outline-button,.hero-link,.quick-view-button,.collection-filters button{position:relative;isolation:isolate;overflow:hidden;transition:color .35s,background .35s,box-shadow .35s,transform .35s}
.outline-button:before,.hero-link:before,.quick-view-button:before,.collection-filters button:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#20211e;transform:translateY(105%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.outline-button:hover,.outline-button:focus-visible,.quick-view-button:hover,.collection-filters button:hover{opacity:1;background:transparent;color:white;box-shadow:0 5px 16px #00000010}
.outline-button:hover:before,.outline-button:focus-visible:before,.hero-link:hover:before,.hero-link:focus-visible:before,.quick-view-button:hover:before,.collection-filters button:hover:before{transform:none}
.card-button:before{background:#fff}.card-button:hover,.card-button:focus-visible{color:#20211e;background:#20211e}.hero-link:before{background:white}.hero-link:hover,.hero-link:focus-visible{color:#20211e;background:transparent}
.outline-button>span,.hero-link>span{transition:transform .35s}.outline-button:hover>span,.hero-link:hover>span{transform:translate(4px,-3px)}
.color-story{max-width:1800px;margin:auto;padding:35px var(--space) 90px;text-align:center}.color-story h2{font-size:48px;font-weight:500;line-height:1;letter-spacing:-.03em;margin:0 0 48px}.color-story .eyebrow{margin-bottom:22px}.color-compare{position:relative;height:clamp(400px,43vw,680px);overflow:hidden;border-radius:var(--card-radius);isolation:isolate}
.compare-scene{position:absolute;inset:0;overflow:hidden}.compare-black{background:radial-gradient(ellipse at 50% 35%,#777c7d,#363c3e)}.compare-silver{background:radial-gradient(ellipse at 50% 35%,#f0eee9,#c6c6c0);clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare-scene img{height:120%;width:100%;object-fit:contain;position:absolute;left:0;top:-10%;filter:drop-shadow(0 22px 20px #0002)}.compare-label{position:absolute;bottom:32px;left:34px;text-align:left;display:grid;gap:4px;color:#242624}.compare-label span{font-size:14px}.compare-label strong{font-size:28px;font-weight:500}.compare-black .compare-label{left:auto;right:34px;text-align:right;color:white}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;color:#242624;border-radius:999px;width:48px;height:60px;display:grid;place-items:center;font-size:24px;box-shadow:0 3px 20px #0002}
#color-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.color-compare:focus-within{outline:2px solid #222;outline-offset:6px}.compare-help{font-size:14px;color:#62635f;margin:22px 0 0}
@media(max-width:767px){.color-story{padding:15px 22px 60px}.color-story h2{font-size:40px;margin-bottom:30px}.color-story .eyebrow{font-size:9px}.color-compare{height:460px}.compare-scene img{width:150%;left:-25%;height:100%;top:0}.compare-label{bottom:22px;left:18px}.compare-black .compare-label{right:18px}.compare-label span{font-size:10px}.compare-label strong{font-size:23px}.compare-divider span{width:40px;height:54px}.compare-help{font-size:12px}}
@media(prefers-reduced-motion:reduce){.product-card:hover{transform:none}.product-card:hover .product-card-image img{transform:none}}
.reduce-motion .product-card:hover,.reduce-motion .product-card:hover .product-card-image img{transform:none}
@media(min-width:768px){.engineering-visual{transform:rotate(-115deg)}}
.product-card{container-type:inline-size}
@media(hover:hover){.quick-view-button{top:calc(100cqw - 70px);bottom:auto}}
.quick-view-button{position:absolute}
@media(hover:hover){.quick-view-button{top:calc(100cqw - 70px);bottom:auto;left:20px;right:20px}}

/* Revision 9: dedicated clear lanes for callouts and real video modules. */
.engineering-media{padding-top:175px;padding-bottom:165px}.hotspot-detail[data-side=outside]:before{display:none}.hotspot-detail{z-index:4}.engineering-visual{max-height:none}
@media(max-width:767px){.engineering-media{padding-top:0;padding-bottom:150px;justify-content:flex-start}.product-sticky,.reduce-motion .product-sticky{height:650px;max-height:none}.engineering-media{height:calc(100% - 70px)}.product-stage{height:calc(650px + 65vh)}.reduce-motion .product-stage{height:auto}}
.detail-film-stage{aspect-ratio:1;position:relative;overflow:hidden;border-radius:var(--card-radius);background:#161719}.detail-film-stage video{width:100%;height:100%;object-fit:cover;opacity:1;display:block}.detail-follow-play{position:absolute;z-index:2;left:var(--play-x,50%);top:var(--play-y,50%);width:68px;height:68px;display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:50%;background:#151515d9;color:white;font-size:26px;line-height:1;backdrop-filter:blur(8px);box-shadow:0 4px 24px #0003;opacity:0;transform:translate(-50%,-50%);transition:opacity 180ms ease,background 180ms ease,color 180ms ease;cursor:pointer}.detail-film-stage:hover .detail-follow-play,.detail-film-stage[data-play-follow=true] .detail-follow-play,.detail-follow-play:focus-visible{opacity:1}.detail-follow-play:hover{background:#fff;color:#222;opacity:1}.detail-follow-play:focus-visible{outline:3px solid white;outline-offset:4px}.detail-film-controls{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;background:#111b;color:white;border:1px solid #fff5;border-radius:999px;padding:4px;backdrop-filter:blur(12px)}.detail-film-controls button{width:44px;height:44px;font-size:22px}.detail-film-controls button:hover{background:#fff;color:#222;opacity:1}.detail-film-stage #detail-film-status{position:absolute;bottom:80px;left:24px;right:24px;color:white;font-size:14px;background:#2229;margin:0}
.ugc-section{max-width:1800px;padding:35px var(--space) 100px;margin:auto}.ugc-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.ugc-heading h2{font-size:48px;line-height:1;letter-spacing:-.03em;margin:0}.ugc-nav{display:flex;gap:10px}.ugc-nav button{border:1px solid #999;width:48px;height:48px;font-size:24px}.ugc-nav button:hover{background:#222;color:white;opacity:1}.ugc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.ugc-card{min-width:0;scroll-snap-align:start}.ugc-play{display:block;position:relative;width:100%;aspect-ratio:9/16;border-radius:var(--card-radius);overflow:hidden;padding:0}.ugc-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.ugc-play>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;background:white;color:#222;border-radius:50%;font-size:26px;transition:transform .3s}.ugc-play:hover{opacity:1}.ugc-play:hover img{transform:scale(1.035)}.ugc-play:hover>span{transform:translate(-50%,-50%) scale(1.12)}.ugc-link{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #bdbeba;font-size:18px}.ugc-player{display:block;width:100%;max-height:calc(100svh - 160px);margin-top:24px;border-radius:20px;background:#111;opacity:1}.ugc-play-status{font-size:14px}
@media(max-width:767px){.ugc-section{padding:15px 22px 60px}.ugc-heading h2{font-size:40px}.ugc-heading{gap:20px}.ugc-heading .eyebrow{font-size:9px}.ugc-nav button{width:40px;height:40px}.ugc-track{grid-auto-columns:83%;gap:16px}.ugc-link{font-size:16px}.detail-follow-play{width:58px;height:58px;opacity:1;font-size:23px}.detail-film-controls{right:12px;bottom:12px}.detail-film-controls button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.ugc-play:hover img{transform:none}.product-stage{height:auto}}

@media(min-width:768px){.reduce-motion .product-sticky{height:800px;max-height:800px}}
@media(min-width:768px) and (prefers-reduced-motion:reduce){.product-sticky{height:800px;max-height:800px}}
@media(min-width:768px){.engineering-visual{transform:rotate(-115deg) scale(.84)}.hotspot-detail{width:280px}}

.ugc-nav button:disabled{opacity:.3;cursor:default;background:transparent;color:inherit}

@media(max-width:767px){.product-sticky,.reduce-motion .product-sticky{height:calc(100vw + 235px);max-height:650px}.engineering-media{padding-bottom:165px}}

/* Revision 10: user-marked left / upper / lower-right callouts. */
@media(min-width:768px){.hotspot-detail{width:240px}}
@media(max-width:767px){.hotspot-detail{width:min(240px,calc(100vw - 40px));padding:12px 32px 12px 16px}}

/* Revision 11: independent animation/inspection distances and review cards. */
.product-stage{--theatre-height:min(780px,calc(100svh - 105px));height:calc(var(--theatre-height) + 440vh)}
.detail-film-stage video{object-position:78% center}.detail-film-controls{left:auto;gap:12px;justify-content:center}
.product-name-row{align-items:flex-start;flex-wrap:wrap}.product-name-row h3{max-width:100%}.color-label{white-space:normal}
.review-section{max-width:1800px;margin:auto;padding:40px var(--space) 100px;border-top:1px solid #d5d5d2}.review-heading h2{font-size:clamp(40px,4vw,64px);line-height:1.02;letter-spacing:-.04em;margin:20px 0}.review-heading>p:last-child{color:#62635f;font-size:18px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.review-card{background:#eaeae7;border:1px solid #dfdfdc;border-radius:24px;padding:36px;display:flex;flex-direction:column}.review-publication{display:flex;justify-content:space-between;gap:20px;font-size:19px}.review-publication span{font-size:10px;letter-spacing:.1em;align-self:center;color:#64655f}.review-card h3{font-size:32px;letter-spacing:-.03em;margin:42px 0 18px}.review-card>p{font-size:18px;line-height:1.6;color:#555650;margin:0 0 32px;max-width:560px}.review-author{display:flex;align-items:center;gap:14px;margin:auto 0 28px}.author-initials{width:48px;height:48px;border:1px solid #c1c2bd;border-radius:50%;display:grid;place-items:center;font-size:13px}.review-author small{display:block;color:#66675f;margin-top:6px;font-size:12px}.review-card .outline-button{align-self:flex-start}.review-note{font-size:12px;color:#6b6c65;margin-top:24px}
@media(max-width:767px){.product-stage{--theatre-height:min(650px,calc(100vw + 235px))}.review-section{padding:30px 22px 60px}.review-grid{grid-template-columns:1fr;gap:18px}.review-card{padding:24px}.review-card h3{font-size:28px;margin-top:32px}.review-card>p{font-size:16px}.review-publication{font-size:17px;gap:8px}.review-publication span{font-size:9px}}
.reduce-motion .product-stage{height:auto}
@media(prefers-reduced-motion:reduce){.product-stage{height:auto}}

/* Revision 12: shorter inspection hold, full-right source crop, editorial reviews. */
.product-stage{height:calc(var(--theatre-height) + 335vh)}
.detail-film-stage video{object-position:100% center}
.review-heading h2{font-size:clamp(36px,3vw,52px)}
.review-editorial{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;margin-top:36px}.review-feature{min-height:610px;position:relative;overflow:hidden;border-radius:24px;color:white;background:#232823}.review-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 35%}.review-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#000b 65%,#000e)}.review-image-label{position:absolute;top:24px;left:24px;padding:10px 14px;border-radius:99px;background:#f2f2ee;color:#222;font-size:10px;letter-spacing:.08em;z-index:1}.review-feature-copy{position:absolute;bottom:32px;left:32px;right:32px;z-index:1}.review-feature-copy .eyebrow{color:#fff}.review-feature-copy h3{font-size:clamp(28px,2.4vw,42px);line-height:1.08;letter-spacing:-.03em;margin:20px 0 14px}.review-feature-copy>p:not(.eyebrow){font-size:16px}.review-feature-copy small{display:block;font-size:10px;margin-top:20px;color:#e4e4e0}.review-rating{display:flex;gap:16px;align-items:center}.rating-stars{position:relative;display:inline-block;letter-spacing:3px;font-size:22px;color:#ffffff50}.rating-stars>span{position:absolute;left:0;top:0;width:92%;overflow:hidden;white-space:nowrap;color:#fff}.review-rating strong{font-size:16px;font-weight:500}.review-stories{display:grid;grid-template-rows:1fr 1fr;gap:28px}.review-story{display:grid;grid-template-columns:.85fr 1fr;gap:26px;min-width:0;align-items:center}.review-story+article{padding-top:28px;border-top:1px solid #d1d2ce}.review-story figure{margin:0;position:relative;height:100%;min-height:260px;overflow:hidden;border-radius:20px}.review-story figure img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .4s}.review-story figure figcaption{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;background:#0008;border-radius:99px;font-size:9px;padding:6px 10px;text-align:center}.review-meta{font-size:9px;letter-spacing:.08em;color:#64655f;margin:0 0 16px}.review-story h3{font-size:24px;line-height:1.12;letter-spacing:-.02em;margin:0 0 16px}.review-story div>p:not(.review-meta):not(.review-byline){font-size:15px;line-height:1.5;color:#54564f}.review-byline{font-size:11px;line-height:1.4;margin:20px 0}.review-story a,.review-feature-copy a{display:inline-flex;gap:22px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:6px}.review-story a span,.review-feature-copy a span{transition:transform .25s}.review-story a:hover span,.review-feature-copy a:hover span{transform:translate(3px,-3px)}
@media(max-width:1100px){.review-editorial{gap:24px;grid-template-columns:1fr 1fr}.review-story{grid-template-columns:.7fr 1fr;gap:16px}.review-feature{min-height:680px}}
@media(max-width:767px){.review-editorial{grid-template-columns:1fr;gap:28px}.review-feature{min-height:510px}.review-feature-copy{left:24px;right:24px;bottom:26px}.review-feature-copy h3{font-size:31px}.review-story{grid-template-columns:1fr;gap:20px}.review-story figure{height:260px;min-height:0}.review-story figure img{object-position:center 30%}.review-stories{gap:26px}.review-story h3{font-size:26px}.review-heading h2{font-size:38px}.review-story+article{padding-top:26px}.review-note{line-height:1.5}}
.reduce-motion .product-stage{height:auto}@media(prefers-reduced-motion:reduce){.product-stage{height:auto}.review-story a span,.review-feature-copy a span{transition:none}}

/* Revision 13: complete responsive footer. */
.site-footer{display:block;margin:0;padding:64px var(--space) 24px;background:#e8e9e5;border-top:1px solid #cdd0c9;font-size:16px}.footer-top{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;max-width:1660px;margin:auto}.footer-brand .footer-logo{display:inline-block}.footer-brand .footer-logo img{width:186px;height:auto}.footer-brand>p{font-size:clamp(36px,3.3vw,56px);line-height:1.03;letter-spacing:-.04em;margin:28px 0}.footer-discover{font-size:16px;padding:15px 20px;min-height:48px}.footer-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding-top:4px}.footer-nav h2{font-size:13px;font-weight:500;letter-spacing:.025em;margin:0 0 22px;color:#62665d}.footer-nav a,.footer-nav button{display:block;width:fit-content;font-size:16px;line-height:1.35;padding:9px 0;text-align:left;border-radius:0}.site-footer a:not(.outline-button):hover,.footer-nav button:hover{text-decoration:underline;text-underline-offset:5px;opacity:1}.footer-bottom{max-width:1660px;margin:60px auto 0;padding:24px 0;border-top:1px solid #bfc3ba;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-region{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #a9aea2;border-radius:999px;font-size:13px}.footer-region:hover{background:#d9dcd3;opacity:1}.footer-region svg{width:18px;height:18px}.footer-bottom nav{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.footer-top-link{display:flex;gap:18px;align-items:center;font-size:13px;min-height:44px}.footer-note{display:flex;justify-content:space-between;gap:20px;max-width:1660px;margin:auto;color:#64695f;font-size:11px;line-height:1.6}
@media(max-width:1000px){.footer-top{grid-template-columns:1fr 1.7fr;gap:36px}.footer-nav{gap:18px}.footer-bottom{flex-wrap:wrap}.footer-note{flex-wrap:wrap;gap:8px}}
@media(max-width:767px){.site-footer{padding:44px 22px 24px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-brand>p{font-size:44px;margin:24px 0}.footer-nav{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-nav>div:last-child{grid-column:1/-1}.footer-nav h2{margin-bottom:12px}.footer-nav a,.footer-nav button{font-size:15px;min-height:44px;padding:11px 0}.footer-bottom{margin-top:30px;gap:16px;padding:22px 0}.footer-region{font-size:12px;gap:9px}.footer-bottom nav{gap:20px;width:100%;font-size:12px}.footer-bottom nav a{padding:10px 0}.footer-note{display:grid;gap:8px;font-size:10px}}

/* Revision 14: customer cards and Loop brand footer. */
@font-face{font-family:FKScreamer;src:url('/assets/FKScreamer-medium.woff2') format('woff2');font-weight:500;font-display:swap}
.customer-review-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.customer-review-heading h2{font-size:clamp(32px,3vw,48px);letter-spacing:-.035em;line-height:1.05;margin:0}.customer-review-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px}.customer-review-card{border-radius:20px;background:#e9eae7;overflow:hidden;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column}.customer-review-image{height:190px;position:relative;background:#e1e3df}.customer-review-image img{width:100%;height:100%;object-fit:cover}.customer-review-image span{position:absolute;bottom:10px;left:14px;background:#f5f5f0e8;color:#52564b;border-radius:20px;padding:4px 9px;font-size:9px}.customer-review-copy{padding:24px;display:flex;flex-direction:column;flex:1}.customer-stars{display:flex;align-items:center;gap:12px}.customer-stars>span{color:#9c6b22;font-size:20px;letter-spacing:2px}.customer-stars small{font-size:11px;color:#666}.customer-review-copy h3{font-size:21px;line-height:1.15;margin:20px 0 12px;letter-spacing:-.02em}.customer-review-copy>p{font-size:15px;line-height:1.5;margin:0 0 30px;color:#55594f}.customer-review-author{margin-top:auto;display:grid;gap:4px}.customer-review-author strong{font-size:13px;font-weight:500}.customer-review-author>span{font-size:11px;color:#666b60}.customer-review-copy>a{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #cbd0c6;padding-top:16px;margin-top:22px}.customer-review-copy>a:hover{text-decoration:underline;text-underline-offset:4px}
.loop-footer{background:#23262e;color:#f8f9fc;padding:0 0 26px;border:0}.footer-statement{font-family:FKScreamer,Impact,sans-serif;font-size:clamp(52px,13.7vw,250px);font-weight:500;line-height:.98;text-align:center;white-space:nowrap;letter-spacing:-.018em;padding:28px 20px 32px}.footer-signup{border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38}.footer-signup-inner{max-width:1460px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch}.footer-signup label{font-size:24px;letter-spacing:-.025em;padding:32px 40px 32px 0;align-self:center}.footer-signup form{border-left:1px solid #ffffff38;padding:23px 0 16px 40px}.newsletter-field{display:flex;gap:16px;align-items:center}.newsletter-field input{font:inherit;font-size:14px;min-width:0;width:100%;border:0;background:transparent;color:white;padding:10px 0}.newsletter-field input::placeholder{color:#c5c7ce}.newsletter-field input:focus-visible{outline:1px solid #fff;outline-offset:4px}.newsletter-field button{border-radius:50%;width:40px;height:40px;flex-shrink:0;background:#f4f5fa;color:#23262e;font-size:23px;transition:transform .2s}.newsletter-field button:hover{transform:translateX(3px);opacity:1}.footer-signup #newsletter-status{font-size:10px;line-height:1.4;color:#b5b7bf;margin:10px 0 0}.loop-footer .footer-top{max-width:1460px;padding:75px 0 48px;grid-template-columns:1fr 2fr;gap:65px}.loop-footer .footer-brand .footer-logo img{width:76px;height:auto;filter:invert(1)}.loop-footer .footer-nav{grid-template-columns:repeat(4,1fr);gap:35px}.loop-footer .footer-nav h2{color:#fff;font-size:15px;margin-bottom:14px}.loop-footer .footer-nav a,.loop-footer .footer-nav button{color:#c4c6cd;font-size:14px;padding:6px 0;line-height:1.4}.loop-footer .footer-bottom{max-width:1460px;margin:0 auto;border-color:#ffffff30;padding:24px 0}.loop-footer .footer-region{color:#eee;border-color:#ffffff45}.loop-footer .footer-region:hover{background:#ffffff18}.loop-footer .footer-note{max-width:1460px;color:#b4b8c2}.loop-footer .footer-top-link{color:#eee}
@media(max-width:1600px){.footer-signup-inner,.loop-footer .footer-top,.loop-footer .footer-bottom,.loop-footer .footer-note{margin-left:6vw;margin-right:6vw}}
@media(max-width:1050px){.customer-review-track{grid-auto-columns:calc((100% - 40px)/3)}.loop-footer .footer-top{grid-template-columns:.5fr 2fr;gap:30px}.loop-footer .footer-nav{gap:22px}.footer-signup label{font-size:21px}}
@media(max-width:767px){.customer-review-heading{align-items:center}.customer-review-heading h2{font-size:34px}.customer-review-heading .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:14px}.customer-review-heading .ugc-nav{gap:6px}.customer-review-heading .ugc-nav button{width:36px;height:36px}.customer-review-track{grid-auto-columns:86%;gap:20px}.customer-review-image{height:175px}.customer-review-copy{padding:22px}.footer-statement{font-size:13.5vw;padding:26px 8px;letter-spacing:-.025em}.footer-signup-inner{display:block}.footer-signup label{display:block;font-size:23px;line-height:1.2;padding:26px 0 18px}.footer-signup form{border-left:0;border-top:1px solid #ffffff30;padding:18px 0 22px}.loop-footer .footer-top{display:block;padding:38px 0 30px}.loop-footer .footer-brand{margin-bottom:34px}.loop-footer .footer-nav{grid-template-columns:1fr 1fr;gap:30px 22px}.loop-footer .footer-nav>div:last-child{grid-column:auto}.loop-footer .footer-nav a,.loop-footer .footer-nav button{min-height:40px;padding:9px 0;font-size:13px}.loop-footer .footer-bottom{gap:16px}.loop-footer .footer-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.newsletter-field button{transition:none}}
.customer-review-card:not(:nth-child(2)) .customer-review-image img{object-fit:contain;padding:8px}.customer-review-card:nth-child(2) .customer-review-image img{object-position:center 30%}
.customer-review-card:first-child .customer-review-image img{object-fit:cover;padding:0}

/* Revision 15: official wearer photographs throughout reviews. */
.customer-review-card .customer-review-image img,.customer-review-card:first-child .customer-review-image img,.customer-review-card:not(:nth-child(2)) .customer-review-image img,.customer-review-card:nth-child(2) .customer-review-image img{object-fit:cover;object-position:center;padding:0}.customer-review-image{height:auto;aspect-ratio:441/238}

/* Revision 16: world-map review theatre. Map locations are decorative. */
.world-reviews{max-width:none;padding:55px 0 40px;background:transparent;border-top:0;overflow:hidden}.world-heading{text-align:center;padding:0 24px}.world-heading h2{font-size:clamp(38px,4vw,60px);line-height:1.05;letter-spacing:-.04em;margin:0 0 20px}.world-heading>p:last-child{font-size:16px;color:#686c61;margin:0}.world-stage{position:relative;max-width:1600px;height:660px;margin:28px auto 0}.world-map{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:.24;pointer-events:none}.world-nodes{position:absolute;inset:0}.world-node{position:absolute;width:76px;height:76px;padding:4px;border:1px solid #818778;border-radius:50%;background:#f4f5f1;box-shadow:0 4px 15px #2221;transition:transform .25s,border-color .25s}.world-node img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:grayscale(1);transition:filter .25s}.world-node>span{position:absolute;right:-5px;bottom:-2px;border-radius:50%;background:#f4f5f1;width:25px;height:25px;display:grid;place-items:center;font-size:10px;border:1px solid #ccd0c6}.world-node:nth-child(1){left:16%;top:36%}.world-node:nth-child(2){left:28%;top:13%}.world-node:nth-child(3){right:23%;top:19%}.world-node:nth-child(4){right:12%;top:52%}.world-node[aria-pressed=true]{border:2px solid #20251b;transform:scale(1.12)}.world-node[aria-pressed=true] img,.world-node:hover img{filter:none}.world-node:hover{opacity:1;transform:scale(1.12)}.world-card-stack{position:absolute;left:50%;top:60px;transform:translateX(-50%);width:390px;z-index:2}.world-review-card{background:#fafbf8;border:1px solid #d9dcd4;border-radius:22px;overflow:hidden;box-shadow:0 16px 45px #29332212}.world-review-card[hidden]{display:none}.world-review-card .customer-review-image{height:150px;aspect-ratio:auto}.world-review-card .customer-review-image img{object-fit:cover;object-position:center;padding:0}.world-review-card .customer-review-copy{padding:22px 26px;min-height:295px}.world-review-card h3{font-size:25px;margin:14px 0 12px}.world-review-card .customer-review-copy>p{margin-bottom:22px;min-height:68px}.world-review-card .customer-review-author{display:flex;justify-content:space-between;align-items:center;gap:15px}.world-review-card .customer-review-copy>a{margin-top:17px}.world-controls{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px}.world-controls button{width:44px;height:44px;border:1px solid #a4aa9e;border-radius:50%;font-size:23px}.world-controls button:hover{background:#242a1f;color:white;opacity:1}.world-controls>span{font-size:12px;letter-spacing:.12em;white-space:nowrap}.world-instruction{text-align:center;font-size:14px;color:#53594d;margin:0 20px 16px}.world-reviews>.review-note{text-align:center;max-width:900px;margin:0 auto;padding:0 24px;font-size:11px;line-height:1.5}
@media(max-width:1050px) and (min-width:768px){.world-node:nth-child(1){left:6%}.world-node:nth-child(2){left:18%;top:4%}.world-node:nth-child(3){right:11%;top:9%}.world-node:nth-child(4){right:4%}.world-card-stack{width:360px}.world-node{width:64px;height:64px}}
@media(max-width:767px){.world-reviews{padding-top:38px}.world-heading h2{font-size:38px}.world-heading .eyebrow{font-size:8px;letter-spacing:.12em}.world-heading>p:last-child{font-size:14px;max-width:260px;margin:auto}.world-stage{height:auto;margin-top:26px;padding:96px 22px 76px}.world-map{top:0;left:-30%;width:160%;height:310px;object-position:center top;opacity:.18}.world-nodes{top:0;bottom:auto;display:flex;justify-content:center;gap:18px;z-index:3}.world-node,.world-node:nth-child(n){position:relative;left:auto;right:auto;top:auto;width:54px;height:54px;padding:3px;flex-shrink:0}.world-node>span{width:20px;height:20px;font-size:8px}.world-card-stack{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:410px;margin:auto}.world-review-card .customer-review-image{height:auto;aspect-ratio:441/238}.world-review-card .customer-review-copy{padding:20px;min-height:310px}.world-review-card .customer-review-author{display:grid;gap:5px}.world-controls{bottom:12px}.world-instruction{font-size:12px;margin:6px 22px 14px}}
@media(prefers-reduced-motion:reduce){.world-node,.world-node img{transition:none}}
.world-map{opacity:.48}@media(max-width:767px){.world-map{opacity:.25}}

/* Revision 17: blend reviews into the page and enlarge the map. */
.world-map{transform:scale(1.18);transform-origin:center bottom}
@media(max-width:767px){.world-map{transform:scale(1.1);transform-origin:center top}}

/* Revision 18: shared heading rhythm and a compact finish comparison. */
:root{--section-title:clamp(34px,3.1vw,48px);--heading-gap:32px}
.collection-heading h2,.everyday-copy h2,.shade-heading h2,.ugc-heading h2,.world-heading h2{font-family:Avantt,Arial,sans-serif;font-size:var(--section-title);font-weight:500;line-height:1.06;letter-spacing:-.035em;text-align:left;margin:0}
.everyday-copy>.eyebrow,.shade-heading .eyebrow,.ugc-heading .eyebrow,.world-heading>.eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.5;margin:0 0 18px}
.collection-heading,.shade-heading,.ugc-heading{margin-bottom:var(--heading-gap)}
.everyday-copy h2{margin-bottom:var(--heading-gap)}
.world-heading{max-width:1800px;padding:0 var(--space);margin:0 auto;text-align:left}.world-heading>p:last-child{margin:18px 0 0;max-width:560px;font-size:18px;line-height:1.4}.world-stage{margin-top:var(--heading-gap)}
.shade-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;text-align:left}.shade-heading>p{font-size:18px;line-height:1.4;color:#62635f;max-width:340px;margin:0}
.color-story{padding-top:16px;padding-bottom:52px;text-align:left}.collection-section{padding-bottom:64px}
.color-compare{height:clamp(360px,30vw,510px);border:1px solid #0001}
.compare-scene img{width:100%;height:142%;left:0;top:-21%;object-fit:contain;object-position:center}
.compare-label{bottom:22px;left:24px}.compare-black .compare-label{right:24px}.compare-label strong{font-size:24px}
.compare-divider{left:clamp(24px,var(--split),calc(100% - 24px))}.compare-divider span{width:48px;height:56px}
.shade-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.shade-options{display:flex;gap:10px}.shade-options button{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid #bcbeb7;background:transparent;font-size:15px}.shade-options i{width:18px;height:18px;border:1px solid #0003;border-radius:50%}.shade-silver{background:linear-gradient(135deg,#fff,#999)}.shade-black{background:#242726}.shade-check{visibility:hidden}.shade-options button[aria-pressed=true]{border:2px solid #20211e;padding:9px 17px;background:#e2e3de}.shade-options button[aria-pressed=true] .shade-check{visibility:visible}.shade-options button:hover{background:#e2e3de;opacity:1}.shade-actions>p{font-size:13px;color:#62635f;margin:0}
@media(max-width:767px){:root{--section-title:34px;--heading-gap:26px}.shade-heading{display:block}.shade-heading>p{margin-top:18px;font-size:16px}.collection-heading>p{font-size:16px;margin-top:18px}.world-heading{padding:0 22px}.world-heading>p:last-child{font-size:16px;margin:18px 0 0;max-width:none}.world-reviews{padding-left:0;padding-right:0}.color-story{padding:16px 22px 40px}.collection-section{padding-bottom:44px}.color-compare{height:360px}.compare-scene img{width:142%;left:-21%;height:100%;top:0}.compare-label{bottom:18px;left:16px}.compare-black .compare-label{right:16px}.compare-label strong{font-size:21px}.shade-actions{align-items:flex-start;flex-direction:column;gap:12px}.shade-options button{min-height:48px}.ugc-heading{align-items:center;gap:12px}.ugc-nav button{width:44px;height:44px}.ugc-heading h2{max-width:100%}.ugc-heading>div:first-child{min-width:0}}

.compare-label[hidden]{display:none}
.collection-section>.section-rule{font-size:10px;line-height:1.5;letter-spacing:.12em;margin-bottom:18px}

/* Revision 19: full-screen lifestyle film resolving into a split story. */
.moment-section{--moment-progress:0;--moment-height:calc(100svh - 116px);height:calc(var(--moment-height) + 95vh);position:relative;margin:0 0 64px}
.moment-sticky{position:sticky;top:100px;height:var(--moment-height);min-height:500px;padding:0 var(--space)}
.moment-stage{height:100%;position:relative;max-width:1672px;margin:auto;isolation:isolate}
.moment-media{position:absolute;inset:0 auto 0 0;width:calc(100% - var(--moment-progress)*47%);border-radius:24px;overflow:hidden;background:#312c2d;z-index:2}
.moment-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:37% center}
.moment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100d14a8,transparent 75%),linear-gradient(0deg,#100d1440,transparent 70%)}
.moment-overlay{position:absolute;left:clamp(28px,5vw,80px);top:16%;max-width:630px;color:#fff;opacity:calc(1 - var(--moment-progress)*1.4);transform:translateY(calc(var(--moment-progress)*-24px))}
.moment-overlay .eyebrow{margin:0 0 22px;font-size:10px;letter-spacing:.13em}.moment-overlay h2{font-size:clamp(44px,5.5vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:0 0 24px}.moment-overlay>p:not(.eyebrow){font-size:18px;max-width:340px;margin:0 0 28px}.moment-overlay .outline-button{background:#f4f4ef;color:#20211e;border-color:#f4f4ef;padding:15px 22px}.moment-overlay .outline-button:hover{background:#20211e;color:#fff}
.moment-reveal{position:absolute;width:40%;right:0;top:50%;transform:translateY(calc(-40% - var(--moment-progress)*10%));opacity:var(--moment-progress);padding-right:32px}.moment-reveal .eyebrow{font-size:10px;margin:0 0 18px}.moment-reveal h3{font-size:var(--section-title);font-weight:500;line-height:1.06;letter-spacing:-.035em;margin:0 0 26px}.moment-reveal>p:not(.eyebrow){font-size:18px;line-height:1.5;color:#62635f;max-width:410px;margin:0 0 28px}.moment-reveal .outline-button{min-height:48px;padding:13px 22px}.moment-signature{display:block;font-size:9px;letter-spacing:.13em;margin-top:60px;color:#676a61}
.moment-play{position:absolute;bottom:24px;left:24px;width:48px;height:48px;background:#171919bb;border:1px solid #ffffff80;color:#fff;border-radius:50%;font-size:18px;z-index:3}.moment-play:hover{background:#171919;opacity:1}.moment-progress{position:absolute;left:100px;bottom:40px;right:32px;display:flex;align-items:center;gap:16px;color:white;z-index:3;pointer-events:none;opacity:calc(1 - var(--moment-progress)*2);font-size:9px;letter-spacing:.12em}.moment-progress i{height:1px;background:#ffffff70;width:120px}
@media(max-width:1000px){.moment-overlay{left:32px}.moment-reveal{padding-right:0}.moment-reveal>p:not(.eyebrow){font-size:16px}}
@media(max-width:767px){.moment-section{height:auto;margin-bottom:44px}.moment-sticky{position:relative;top:auto;height:auto;min-height:0;padding:0 22px}.moment-stage{height:auto}.moment-media{position:relative;width:100%;height:620px;max-height:78svh;min-height:480px;border-radius:20px}.moment-media video{object-position:center}.moment-overlay{left:24px;right:24px;top:auto;bottom:88px;opacity:1;transform:none}.moment-overlay h2{font-size:42px}.moment-overlay>p:not(.eyebrow){font-size:16px}.moment-overlay .eyebrow{font-size:9px}.moment-shade{background:linear-gradient(0deg,#100d14c9,transparent 90%)}.moment-reveal{position:relative;width:auto;top:auto;right:auto;transform:none;opacity:1;padding:30px 0 0}.moment-reveal h3{font-size:34px}.moment-signature{margin-top:30px}.moment-progress{display:none}}
.reduce-motion .moment-section{height:auto;--moment-progress:1}.reduce-motion .moment-sticky{position:relative;top:auto}.reduce-motion .moment-overlay{opacity:1;transform:none}.reduce-motion .moment-overlay h2{font-size:44px}.reduce-motion .moment-progress{display:none}
@media(prefers-reduced-motion:reduce){.moment-section{height:auto;--moment-progress:1}.moment-sticky{position:relative;top:auto}.moment-overlay{opacity:1;transform:none}.moment-overlay h2{font-size:44px}.moment-progress{display:none}}
#moment-film{opacity:1}
@media(min-width:768px){.moment-reveal{opacity:clamp(0,calc((var(--moment-progress) - .8)*5),1)}}

/* Revision 20: edge-to-edge detail and lifestyle stages. */
.everyday-section{max-width:none;padding-left:0;padding-right:0}
.everyday-section>.section-rule{margin-left:var(--space);margin-right:var(--space)}
.everyday-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.everyday-copy{max-width:none;padding:40px clamp(32px,5vw,96px)}
.everyday-copy>*{max-width:510px}
.everyday-section .wear-photo figcaption{padding:0 var(--space)}
.moment-section{--moment-height:calc(100svh - 100px)}
.moment-sticky{padding-left:0;padding-right:0}
.moment-stage{max-width:none}
.moment-reveal{padding-right:var(--space)}
@media(max-width:767px){.everyday-grid{grid-template-columns:1fr;gap:0}.everyday-copy{padding:34px 22px 0}.everyday-section>.section-rule{margin-left:22px;margin-right:22px}.everyday-section .wear-photo figcaption{padding:0 22px}.moment-sticky{padding:0}.moment-reveal{padding:30px 22px 0}}

/* Revision 21: full-width media with inset reading and control areas. */
.collection-section,.color-story,.ugc-section{max-width:none;padding-left:0;padding-right:0}
.collection-heading,.collection-filters,.collection-section>.section-rule,.shade-heading,.shade-actions,.ugc-heading{margin-left:var(--space);margin-right:var(--space)}
.product-grid,.color-compare,.ugc-track{width:100%}
.ugc-link{padding-left:22px;padding-right:22px}
.product-stage,.world-stage{max-width:none;width:100%}
.world-heading{max-width:none}
.engineering-media{width:100%;max-width:none}
.footer-signup-inner,.loop-footer .footer-top,.loop-footer .footer-bottom,.loop-footer .footer-note{max-width:none;margin-left:var(--space);margin-right:var(--space)}
@media(max-width:767px){.collection-heading,.collection-filters,.collection-section>.section-rule,.shade-heading,.shade-actions,.ugc-heading{margin-left:22px;margin-right:22px}.shade-actions{margin-top:20px}.world-heading{padding:0 22px}.footer-signup-inner,.loop-footer .footer-top,.loop-footer .footer-bottom,.loop-footer .footer-note{margin-left:22px;margin-right:22px}}

/* Revision 22: direction-aware header and shoppable video feed. */
.header{transition:transform .28s ease,background .25s,color .25s}.header.header-hidden{transform:translateY(-110%)}.header:focus-within{transform:none}
.ugc-intro{font-size:16px;color:#62635f;margin:18px 0 0}.ugc-track{grid-auto-columns:28%;gap:22px;scroll-padding-inline:22px;scrollbar-width:none;padding:4px 0 12px}.ugc-track::-webkit-scrollbar{display:none}.ugc-card{position:relative;min-width:0}.ugc-play{aspect-ratio:9/16}.ugc-play>span{width:44px;height:44px;left:auto;top:18px;right:18px;transform:none;font-size:20px;background:#ffffffd9}.ugc-play:hover>span{transform:scale(1.08)}.ugc-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ugc-link{position:absolute;left:16px;bottom:20px;right:16px;width:fit-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:1px solid #ffffff80;background:#f7f7f0ed;color:#20211e;border-radius:999px;font-size:13px;min-height:44px}.ugc-link>img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#e8e9e4}.ugc-link:hover{opacity:1;background:white}.ugc-link:focus-visible{outline:2px solid white;outline-offset:4px}.ugc-product-name{line-height:1.2}
@media(max-width:1050px){.ugc-track{grid-auto-columns:37%;gap:18px}}
@media(max-width:767px){.ugc-track{grid-auto-columns:78%;gap:14px}.ugc-intro{font-size:14px;max-width:230px}.ugc-heading{align-items:flex-start}.ugc-heading .ugc-nav{padding-top:30px;flex-shrink:0}.ugc-link{font-size:12px;left:12px;right:12px;bottom:16px}.ugc-play>span{right:14px;top:14px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}

/* Revision 23: aligned compact feed and centered expanding lifestyle film. */
:root{--section-breath:clamp(64px,6vw,112px)}
.collection-section,.color-story,.ugc-section{padding-top:var(--section-breath);padding-bottom:0}
.ugc-section{padding-bottom:var(--section-breath)}
.world-reviews{padding-top:var(--section-breath);padding-bottom:var(--section-breath)}
.ugc-track{box-sizing:border-box;padding-inline:var(--space);scroll-padding-inline:var(--space);grid-auto-columns:min(520px,calc((100vw - 2 * var(--space) - 66px)/3.35));gap:22px}
.ugc-play{aspect-ratio:3/5}
.moment-section{height:190svh;margin:0;--moment-height:100svh}
.moment-sticky{top:0;height:100svh;min-height:0;padding:0}
.moment-stage{height:100%;background:radial-gradient(ellipse at 50% 50%,#dddeda,transparent 72%)}
.moment-media{inset:0;width:100%;height:100%;border-radius:0;clip-path:inset(calc(31% * (1 - var(--moment-progress)) + 1.5% * var(--moment-progress)) calc(34% * (1 - var(--moment-progress)) + 1.5% * var(--moment-progress)) round calc(60px - 40px * var(--moment-progress)))}
.moment-overlay{left:22px;right:22px;top:50%;bottom:auto;max-width:900px;margin:auto;text-align:center;transform:translateY(-50%);opacity:clamp(0,calc((var(--moment-progress) - .5)*2),1)}
.moment-overlay>p:not(.eyebrow){max-width:none}.moment-overlay h2{font-size:clamp(44px,5.5vw,84px)}
.moment-shade{background:#1113}.moment-play{left:auto;right:4%;bottom:5%;opacity:clamp(0,calc((var(--moment-progress) - .8)*5),1)}
@media(min-width:768px) and (max-width:1050px){.ugc-track{grid-auto-columns:34%;gap:18px}}
@media(max-width:767px){:root{--section-breath:56px}.ugc-track{padding-inline:22px;scroll-padding-inline:22px;grid-auto-columns:min(76vw,290px);gap:14px}.ugc-play{aspect-ratio:3/4.7}.ugc-heading{position:relative;padding-right:92px;margin-bottom:22px;min-height:100px}.ugc-heading .ugc-nav{position:absolute;right:0;top:0;padding-top:18px;gap:6px}.ugc-heading .ugc-nav button{width:44px;height:44px}.ugc-heading h2{font-size:32px}.ugc-intro{margin-top:12px}.moment-section{height:auto}.moment-sticky{position:relative;top:auto;height:min(760px,86svh);min-height:520px}.moment-stage{height:100%}.moment-media{position:absolute;min-height:0;max-height:none;height:100%;clip-path:inset(0 round 20px)}.moment-overlay{left:22px;right:22px;top:50%;bottom:auto;opacity:1;transform:translateY(-50%)}.moment-overlay h2{font-size:42px}.moment-play{opacity:1;right:22px;bottom:22px}}
.reduce-motion .moment-media{clip-path:inset(1.5% round 20px)}.reduce-motion .moment-overlay{opacity:1;transform:translateY(-50%)}.reduce-motion .moment-play{opacity:1}
@media(prefers-reduced-motion:reduce){.moment-media{clip-path:inset(1.5% round 20px)}.moment-overlay{opacity:1;transform:translateY(-50%)}.moment-play{opacity:1}}

/* Revision 24: complete story sequence, common outer edge and product information. */
:root{--page-edge:clamp(16px,1.5vw,30px);--space:var(--page-edge)}
.everyday-grid,.product-grid,.color-compare,.world-stage{width:calc(100% - 2 * var(--page-edge));margin-inline:var(--page-edge)}
.product-stage{width:calc(100% - 2 * var(--page-edge));margin-inline:var(--page-edge)}
.world-heading{padding-inline:var(--page-edge)}
.collection-heading,.collection-filters,.collection-section>.section-rule,.shade-heading,.shade-actions,.ugc-heading{margin-inline:var(--page-edge)}
.everyday-section>.section-rule{margin-inline:var(--page-edge)}
.ugc-track{padding-inline:var(--page-edge);scroll-padding-inline:var(--page-edge)}
.moment-section{height:340svh}.moment-stage{overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#daddd6,transparent 72%)}
.moment-intro{position:absolute;top:50%;left:50%;width:90%;text-align:center;transform:translate(-50%,-50%);z-index:0}.moment-intro .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:24px}.moment-intro-title{font-size:clamp(48px,6.8vw,104px);line-height:1.03;font-weight:500;letter-spacing:-.045em;margin:0}
.moment-gallery{position:absolute;inset:0;pointer-events:none;z-index:1}.moment-gallery img{position:absolute;left:50%;top:50%;width:clamp(150px,22vw,360px);height:clamp(150px,24vh,320px);object-fit:cover;border-radius:20px;opacity:0;will-change:transform,opacity}.moment-gallery img:nth-child(odd){height:clamp(180px,32vh,400px);width:clamp(140px,18vw,300px)}
.moment-media{z-index:2;opacity:0}.moment-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:37% center}
#moment-film{opacity:0}#moment-film.has-frame{opacity:1}
.product-card-body{display:flex;flex-direction:column;align-items:stretch}.product-name-row{display:block;order:0}.product-name-row h3{font-size:clamp(24px,2.2vw,34px);line-height:1.2;margin:8px 0 10px;font-weight:500}.color-label{display:block;font-size:12px}.color-label:before{content:'Color: '}.color-label i{display:none}.card-swatches{margin:10px 0 4px;min-height:44px}.card-rating{font-size:14px;margin-bottom:8px}.card-rating small{font-size:12px;margin-left:6px;color:#62635f}.card-price{font-size:18px;margin-bottom:12px}.card-price small{font-size:11px;color:#62635f}.product-card-body>p{font-size:15px;line-height:1.5;min-height:48px;margin-bottom:24px}.card-button{margin-top:auto}
@media(max-width:767px){.moment-section{height:260svh}.moment-sticky{position:sticky;top:0;height:100svh;min-height:0}.moment-media{clip-path:inset(calc(31% * (1 - var(--moment-progress)) + 1.5% * var(--moment-progress)) calc(34% * (1 - var(--moment-progress)) + 1.5% * var(--moment-progress)) round 20px)}.moment-gallery img{width:34vw;height:24svh}.moment-gallery img:nth-child(odd){width:30vw;height:27svh}.moment-overlay{opacity:clamp(0,calc((var(--moment-progress) - .5)*2),1)}.moment-play{opacity:clamp(0,calc((var(--moment-progress) - .8)*5),1)}.world-heading{padding-inline:var(--page-edge)}.collection-heading,.collection-filters,.collection-section>.section-rule,.shade-heading,.shade-actions,.ugc-heading{margin-inline:var(--page-edge)}}
.reduce-motion .moment-section{height:100svh}.reduce-motion .moment-intro,.reduce-motion .moment-gallery{display:none}.reduce-motion .moment-media{opacity:1!important}
@media(prefers-reduced-motion:reduce){.moment-section{height:100svh}.moment-intro,.moment-gallery{display:none}.moment-media{opacity:1!important}}
/* Share the same final media edge, including narrow screens. */
.moment-media{clip-path:inset(calc(31% * (1 - var(--moment-progress)) + var(--page-edge) * var(--moment-progress)) calc(34% * (1 - var(--moment-progress)) + var(--page-edge) * var(--moment-progress)) round calc(60px - 40px * var(--moment-progress)))}
.hero{width:calc(100% - 2 * var(--page-edge));margin-inline:var(--page-edge);border-radius:var(--card-radius);overflow:hidden}
.product-name-row h3{min-height:2.4em}.product-card-body{flex:1}
.reduce-motion .moment-media{clip-path:inset(var(--page-edge) round 20px)}
@media(prefers-reduced-motion:reduce){.moment-media{clip-path:inset(var(--page-edge) round 20px)}}
/* Revision 25 — quiet continuous stories, twin shopping actions and a scroll-led strip. */
.product-actions{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;padding-top:24px}.product-actions .card-button{width:100%;max-width:260px;min-height:46px;justify-content:center;margin:0}.demo-bag-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid #ddd;padding:16px 0}.demo-bag-row img{width:88px;height:88px;object-fit:contain}
.ugc-track{scroll-snap-type:none;scroll-behavior:auto;padding-top:18px;padding-bottom:24px}.ugc-card{transition:transform .35s ease;transform-origin:center}.ugc-track:has(.ugc-card:hover) .ugc-card{transform:scale(.97)}.ugc-track .ugc-card:hover{transform:scale(1.015);z-index:2}.ugc-nav{gap:8px}
.life-rail{height:220svh;margin:var(--section-breath,96px) 0;background:radial-gradient(ellipse at 50% 60%,#e2e4de,transparent 65%)}.life-rail-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:32px;overflow:hidden}.life-rail-window{overflow:hidden;margin-inline:var(--page-edge);border-radius:22px}.life-rail-track{display:flex;gap:24px;will-change:transform}.life-panel{display:grid;grid-template-columns:1fr 1fr;flex:0 0:min(76vw,1100px);flex-basis:min(76vw,1100px);min-width:0;min-height:440px;height:58svh;max-height:650px;background:#f8f8f5;border-radius:22px;overflow:hidden}.life-panel-image{background:#e5e5df;min-width:0}.life-panel-image img{height:100%;width:100%;object-fit:contain;padding:30px}.life-panel-copy{padding:clamp(24px,3vw,64px);align-self:center}.life-panel-copy h2{font-size:clamp(28px,2.8vw,48px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}.life-panel-copy>p:not(.eyebrow){font-size:16px;line-height:1.5;color:#60615b;max-width:32ch}.life-panel-copy .outline-button{margin-top:24px;background:#20211e;color:white;min-height:44px}.life-rail-progress{height:2px;background:#d8d9d4;width:160px;align-self:center}.life-rail-progress span{display:block;width:33.333%;height:100%;background:#20211e;transform:translateX(calc(var(--rail-progress,0)*200%))}.life-rail.is-native{height:auto}.is-native .life-rail-sticky{position:relative;height:auto;padding-block:40px}.is-native .life-rail-window{overflow-x:auto;scroll-snap-type:x mandatory}.is-native .life-panel{scroll-snap-align:start}.is-native .life-rail-progress{display:none}
@media(max-width:767px){.ugc-nav{position:static!important}.ugc-heading{padding-right:0!important;gap:20px}.ugc-nav button{width:44px;height:44px}.life-rail{margin-block:56px}.life-panel{flex-basis:86vw;grid-template-columns:1fr;height:auto;max-height:none;min-height:0}.life-panel-image{height:260px}.life-panel-copy{padding:24px}.life-panel-copy h2{font-size:32px}.life-rail-track{gap:14px}.life-rail-window{border-radius:18px}.life-panel-copy .outline-button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.ugc-card{transition:none!important;transform:none!important}.life-rail-track{will-change:auto}}
.ugc-track:has(.ugc-card:hover) .ugc-card:hover{transform:scale(1.015)}
@media(prefers-reduced-motion:reduce){.ugc-track:has(.ugc-card:hover) .ugc-card:hover{transform:none}}
.life-panel{flex:0 0 min(72vw,1000px)}
@media(max-width:767px){.life-panel{flex:0 0 86vw}}
.life-panel-image img{object-fit:cover;padding:0}.life-panel:nth-child(2) .life-panel-image img{object-position:35% center}
.ugc-section,.ugc-track,.ugc-card{overflow-anchor:none}
@media(max-width:767px){.ugc-heading{display:flex;flex-direction:column;align-items:stretch;gap:16px}.ugc-nav{align-self:flex-end}.ugc-intro{max-width:30ch}.life-panel{flex-basis:80vw}}
/* Revision 26: borderless hero, compact four-column collection, seamless section paper. */
.hero{width:100%;margin:0;border-radius:0;height:100svh}
.life-rail,.moment-stage{background:var(--paper)}
input,select,textarea{font-family:Avantt,Arial,sans-serif}
@media(min-width:1000px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card-body{padding:22px}.product-name-row h3{font-size:23px;line-height:1.35}.product-name-row{min-height:64px}.product-actions{width:100%;max-width:230px;margin:24px auto 0}.product-actions .card-button{width:100%}.product-card-body>p{min-height:48px}}
/* Revision 28: shorten the empty approach and exit around scroll stories. */
.ugc-section{padding-bottom:28px}
.moment-section{height:280svh}.moment-sticky{height:86svh}.moment-intro{top:36%}
.life-rail{margin-top:48px;margin-bottom:0;height:195svh}.life-rail-sticky{height:78svh;gap:24px}.life-panel{height:58svh;min-height:360px}
.world-reviews{padding-top:36px}
@media(max-width:767px){.ugc-section{padding-bottom:20px}.moment-section{height:230svh}.moment-sticky{height:84svh}.moment-intro{top:38%}.life-rail{margin-top:32px}.life-rail.is-native{height:auto}.is-native .life-rail-sticky{height:auto;padding-block:24px}.life-panel{height:auto;min-height:0}.world-reviews{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.moment-section{height:86svh}}
/* Hero fallback message sits between the CTA and film controls on small screens. */
@media(max-width:767px){#hero .media-status{bottom:105px}}
/* Hero exit: half a viewport of reversible contraction, no full-screen spacer. */
#hero{height:150svh;overflow:visible;background:#fff;isolation:isolate}
.hero-stage{height:100svh;min-height:560px;position:sticky;top:0;isolation:isolate}
#hero .film,#hero .hero-shade{transform:scale(var(--hero-scale,1));border-radius:var(--hero-radius,0px);overflow:hidden;transform-origin:center;will-change:transform;border:0}
#hero .hero-copy{opacity:var(--hero-copy-opacity,1)}
#hero .film-controls,#hero .media-status{opacity:var(--hero-controls-opacity,1)}
@media(max-width:767px){.hero-stage{min-height:620px}#hero{height:calc(max(100svh,620px) + 50svh)}}
@media(prefers-reduced-motion:reduce){#hero{height:100svh;overflow:hidden}.hero-stage{position:relative}#hero .film,#hero .hero-shade{transform:none;border-radius:0;will-change:auto}#hero .hero-copy,#hero .film-controls,#hero .media-status{opacity:1}}
.reduce-motion #hero{height:100svh;overflow:hidden}.reduce-motion .hero-stage{position:relative}.reduce-motion #hero .film,.reduce-motion #hero .hero-shade{transform:none;border-radius:0;will-change:auto}.reduce-motion #hero .hero-copy,.reduce-motion #hero .film-controls,.reduce-motion #hero .media-status{opacity:1}
/* Revision 35: the next white section rises over the sticky, fading film.
   Negative overlap removes the stage's extra layout distance. */
#hero{height:200svh;z-index:0}
#hero .film,#hero .hero-shade{opacity:var(--hero-film-opacity,1)}
#hero + #experience{position:relative;z-index:1;margin-top:-100svh;background:#fff}
@media(max-width:767px){#hero{height:calc(max(100svh,620px) + 100svh)}}
@media(prefers-reduced-motion:reduce){#hero{height:100svh}#hero + #experience{margin-top:0}#hero .film,#hero .hero-shade{opacity:1}}
.reduce-motion #hero{height:100svh}.reduce-motion #hero + #experience{margin-top:0}.reduce-motion #hero .film,.reduce-motion #hero .hero-shade{opacity:1}
/* Revision 37: neutral outer layout; motion belongs only to the product mask. */
#colors{background:#fff;color:#242624;padding-top:var(--section-breath);padding-bottom:0}
#colors .shade-heading>p,#colors .shade-actions>p{color:#62635f}
#colors .compare-scene img{transform:none;transition:none;width:100%;height:100%;left:0;top:0;object-fit:contain;padding:12px 8px 40px}
#colors .shade-options button{color:#242624;border-color:#a4a69f}
#colors .shade-options button[aria-pressed=true]{background:#242624;color:#fff;border-color:#242624}
#colors .shade-options button:hover{background:#e2e3de;color:#242624}
#colors .compare-divider[hidden],#colors #color-range[hidden]{display:none!important}
#colors .shade-actions>p{min-height:1.45em}
@media(max-width:767px){
 #colors .compare-scene img{width:100%;height:100%;left:0;top:0;object-fit:contain;padding:12px 8px 40px}
 #colors .shade-options{gap:6px;width:100%}
 #colors .shade-options button{font-size:13px;padding:9px 10px;gap:6px;min-height:48px;flex:1;justify-content:center}
 #colors .shade-options button[aria-pressed=true]{padding:8px 9px}
 #colors .shade-options i{width:14px;height:14px;flex-shrink:0}
}
/* Revision 39: natural page scroll drives a restrained product reveal. */
#colors .color-compare{height:clamp(380px,68svh,780px);border:1px solid #deded9}
#colors .compare-silver{background:radial-gradient(ellipse at 50% 42%,#faf9f5,#deded8)}
#colors .compare-black{background:radial-gradient(ellipse at 50% 42%,#777b7b,#303535)}
#colors .compare-scene img{padding:16px 8px 48px;filter:drop-shadow(0 18px 18px #0002)}
#colors .compare-label{bottom:22px;left:24px}
#colors .compare-black .compare-label{left:auto;right:24px}
#colors .compare-divider{width:1px;background:#fff}
#colors .compare-divider span{width:52px;height:52px;border-radius:50%;font-size:25px;box-shadow:0 2px 14px #0002}
#colors.shade-scroll-ready .shade-scroll::after{content:"";display:block;height:85svh}
#colors.shade-scroll-ready .shade-sticky{position:sticky;top:24px}
#colors .shade-actions{margin-top:18px;margin-bottom:0}
@media(max-width:767px){
 #colors .color-compare{height:58svh;min-height:320px;max-height:540px}
 #colors.shade-scroll-ready .shade-scroll::after{height:60svh}
 #colors.shade-scroll-ready .shade-sticky{top:16px}
 #colors .compare-scene img{padding:12px 4px 52px}
 #colors .compare-label{bottom:16px;left:14px}
 #colors .compare-black .compare-label{right:14px}
 #colors .compare-label span{font-size:10px}
 #colors .compare-label strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){#colors.shade-scroll-ready .shade-scroll::after{display:none}#colors.shade-scroll-ready .shade-sticky{position:static}}

/* Revision 40: full-bleed scenes and a shared curved image boundary. */
#colors .shade-sticky{background:#fff}
#colors .color-compare{width:100%;margin:0;border:0;border-radius:0;height:calc(100svh - 84px);min-height:380px;max-height:none}
#colors .compare-scene img.shade-backdrop{width:100%;height:100%;inset:0;padding:0;object-fit:cover;filter:none}
#colors .compare-scene img:not(.shade-backdrop){width:100%;height:135%;left:0;top:-17.5%;padding:0;object-fit:contain;filter:drop-shadow(0 20px 20px #0002)}
#colors .compare-silver{clip-path:url(#shade-curve)}
#colors .shade-curve-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#colors .shade-curve-line path{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
#colors .compare-divider{left:clamp(26px,var(--handle,50%),calc(100% - 26px));background:none;width:0}
#colors .compare-divider span{border-radius:16px}
#colors .compare-label{padding:10px 16px;background:#fffffff0;border-radius:8px;color:#242624;z-index:1}
#colors .compare-black .compare-label{background:#202426eb;color:#fff}
#colors.shade-scroll-ready .shade-sticky{top:0}
#colors.shade-scroll-ready .shade-scroll::after{height:110svh}
#colors .shade-actions{min-height:66px;margin-top:0;align-items:center}
@media(max-width:767px){
 #colors .color-compare{height:64svh;min-height:360px}
 #colors .compare-scene img:not(.shade-backdrop){width:145%;height:100%;left:-22.5%;top:0}
 #colors .shade-actions{padding:12px 0;gap:6px}
 #colors.shade-scroll-ready .shade-scroll::after{height:80svh}
}
@media(prefers-reduced-motion:reduce){#colors.shade-scroll-ready .shade-scroll::after{display:none}}

/* Revision 41: accepted clean black film, unchanged source aspect ratio. */
#hero .film{background:#111315}
#hero .hero-media{object-fit:cover;object-position:center}
@media(max-width:767px){
 #hero .hero-media{top:76px;height:calc(100% - 350px);min-height:220px;object-fit:contain;object-position:center}
 #hero .hero-copy{bottom:106px}
 #hero .hero-shade{background:linear-gradient(180deg,#0002,transparent 25%,transparent 50%,#111315 75%)}
}

/* Previously static footer links and review controls; existing animated controls untouched. */
.loop-footer .footer-nav a,.loop-footer .footer-nav button{transition:color 220ms ease,text-decoration-color 220ms ease;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent}
.loop-footer .footer-nav a:hover,.loop-footer .footer-nav a:focus-visible,.loop-footer .footer-nav button:hover{color:#fff;text-decoration-color:currentColor}
.world-controls button{transition:background 220ms ease,color 220ms ease}
@media(prefers-reduced-motion:reduce){.loop-footer .footer-nav a,.loop-footer .footer-nav button,.world-controls button{transition:none}}
.reduce-motion .loop-footer .footer-nav a,.reduce-motion .loop-footer .footer-nav button,.reduce-motion .world-controls button{transition:none}

/* Revision 44 — pre-footer opt-in, separate from the existing dark footer. */
.stay-in-loop{padding:48px var(--page-edge) 80px;background:#fff}
.stay-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#eeeFEB;color:#242624;padding:clamp(36px,4.2vw,80px);min-height:360px}
.stay-product{position:absolute;z-index:-1;right:-7%;top:-36%;height:185%;width:53%;object-fit:contain;opacity:.13;pointer-events:none}
.stay-copy{width:min(62%,760px)}
.stay-copy h2{font-family:Avantt,Arial,sans-serif;font-size:var(--section-title);font-weight:500;line-height:1.06;letter-spacing:-.035em;margin:0 0 18px}
.stay-copy>p{font-size:18px;line-height:1.45;margin:0 0 30px}
.stay-copy label{display:block;font-size:14px;margin-bottom:8px}
.stay-fields{display:flex;align-items:center;gap:24px}
.stay-fields input{font:inherit;min-width:0;flex:1;height:52px;border:1px solid #7d807b;border-radius:10px;background:transparent;padding:0 20px;color:inherit}
.stay-fields button{min-height:48px;padding:12px 34px;border-radius:999px;background:#23262b;color:#fff;white-space:nowrap;transition:background 220ms ease,transform 220ms ease}
.stay-fields button:hover{background:#414541;transform:translateY(-2px);opacity:1}
.stay-fields input:focus-visible{outline:2px solid #242624;outline-offset:3px}
#stay-privacy{font-size:13px;line-height:1.5;color:#525651;margin:9px 0 0}
#stay-privacy a{text-decoration:underline;text-underline-offset:3px}
#stay-status{font-size:11px;line-height:1.4;color:#686b66;min-height:1.4em;margin:10px 0 0}
@media(max-width:767px){.stay-in-loop{padding:32px var(--page-edge) 48px}.stay-panel{padding:32px 24px;min-height:0}.stay-copy{width:100%}.stay-copy h2{font-size:34px}.stay-copy>p{font-size:16px;margin-bottom:24px}.stay-product{right:-38%;width:110%;height:100%;top:-28%;opacity:.07}.stay-fields{gap:12px;flex-direction:column;align-items:stretch}.stay-fields input{flex:auto;width:100%}.stay-fields button{width:100%}.stay-break{display:none}}
@media(prefers-reduced-motion:reduce){.stay-fields button{transition:none;transform:none}}
.reduce-motion .stay-fields button{transition:none;transform:none}

/* Revision 45: modest card flip-up. Footer reveal removed in revision 46. */
.product-grid,.ugc-track,.world-stage,.stay-in-loop{perspective:1400px}
#stay-in-loop{position:relative;z-index:1;border-radius:0 0 24px 24px}

/* Revision 46 — quiet, compact footer and balanced desktop stages. */
#footer.compact-footer{align-items:start;display:grid;grid-template-columns:2.4fr 1fr;gap:60px;background:#080808;color:#fff;padding:72px var(--page-edge) 26px;margin:0;border:0;translate:none;transform:none}
.compact-footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.compact-footer h2{font-size:14px;letter-spacing:.12em;line-height:1.4;font-weight:500;margin:0 0 28px}
.compact-footer-links a{display:block;width:fit-content;font-size:17px;line-height:1.4;color:#aaa;margin:0 0 15px;padding:5px 0}
.compact-footer a:hover{color:#fff;opacity:1;text-decoration:underline;text-underline-offset:5px}
.compact-footer-support>p{font-size:clamp(30px,3vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 28px}
.compact-footer-support>a{display:block;width:fit-content;font-size:18px;margin:12px 0;text-decoration:underline;text-underline-offset:6px;padding:5px 0}
.compact-footer-note{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#929292}
@media(min-width:768px){
 .moment-sticky{top:10svh;height:80svh}
 .life-rail-sticky{top:10svh;height:80svh}
 .life-panel{height:52svh;min-height:320px;max-height:560px}
 .life-panel-copy{padding:clamp(24px,2.5vw,48px)}
 .life-panel-copy h2{font-size:clamp(28px,2.5vw,44px)}
 .ugc-track{grid-auto-columns:min(380px,calc(65svh * .5625),calc((100vw - 2 * var(--page-edge) - 66px)/3.35))}
 .product-card-image{aspect-ratio:1.18}
 .product-card-body{padding:18px}
 .product-name-row h3{font-size:21px;line-height:1.2}
 .product-card-body>p{margin:12px 0 16px;min-height:42px;font-size:14px}
 .product-actions{margin-top:18px;gap:8px}
 .product-actions .card-button{min-height:44px;padding:12px 20px;font-size:16px}
}
@media(max-width:767px){
 #footer.compact-footer{grid-template-columns:1fr;padding:44px var(--page-edge) 24px;gap:36px}
 .compact-footer-links{grid-template-columns:repeat(2,1fr);gap:28px 20px}
 .compact-footer h2{font-size:12px;margin-bottom:14px}
 .compact-footer-links a{font-size:16px;margin-bottom:8px}
 .compact-footer-support>p{font-size:34px}
 .compact-footer-note{flex-direction:column;font-size:10px}
}

/* Revision 51 — aligned video, rail and product-card interactions. */
.detail-follow-play{opacity:1;transition:opacity 160ms ease,background 180ms ease,color 180ms ease,scale 180ms ease}
.detail-film-stage[data-play-follow=true] .detail-follow-play{scale:1.04}
.detail-film-stage:not(:hover):not(:focus-within) .detail-follow-play{left:50%;top:50%;scale:1}
.life-panel-copy .outline-button{position:relative;isolation:isolate;overflow:hidden;background:transparent;color:#20211e;border-color:#74776f;box-shadow:none;transition:color .35s,background .35s,box-shadow .35s,transform .35s}
.life-panel-copy .outline-button:before{background:#20211e}
.life-panel-copy .outline-button:hover,.life-panel-copy .outline-button:focus-visible{background:transparent;color:#fff;box-shadow:0 5px 16px #00000010;opacity:1}
.life-panel-copy .outline-button:hover:before,.life-panel-copy .outline-button:focus-visible:before{transform:none}
.life-panel-copy .outline-button:hover>span,.life-panel-copy .outline-button:focus-visible>span{transform:translate(4px,-3px)}
.life-panel:nth-child(2) .life-panel-image{background:#151719}
.life-panel:nth-child(2) .life-panel-image img{object-fit:cover;object-position:center;padding:0}
.product-card{background:#faf8f7!important;border-color:#eeece8!important}
.product-card:hover,.product-card:focus-within{background:#fffdfb!important;border-color:#e6e2dd!important}
@media(prefers-reduced-motion:reduce){.detail-follow-play,.life-panel-copy .outline-button{transition:none}.detail-film-stage[data-play-follow=true] .detail-follow-play{scale:1}}

/* Revision 54: restrained product underline, editorial stages and integrated footer. */
.product-name-row h3{position:relative;width:fit-content;max-width:100%}
.product-name-row h3::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){.product-card:hover .product-name-row h3::after{transform:scaleX(1)}}
.product-card:focus-within .product-name-row h3::after{transform:scaleX(1)}
.everyday-copy>.eyebrow{display:flex;align-items:center;gap:10px;border-bottom:1px solid #c9cac5;padding-bottom:16px;margin-bottom:22px}
.everyday-copy>.eyebrow::before{content:"";width:6px;height:6px;background:currentColor;flex:none}
.everyday-copy .section-lead{margin-top:14px;margin-bottom:24px;font-size:17px}
.detail-list{border-top:0;margin-bottom:24px}
.detail-list details{color:#8d8f8b;transition:color .35s}
.detail-list details[open],.detail-list details:hover,.detail-list details:focus-within{color:#20211e}
.detail-list summary{font-size:clamp(24px,2.25vw,35px);line-height:1.05;letter-spacing:-.04em;padding:15px 0 6px;align-items:start;transition:translate .35s}
.detail-list summary:hover{translate:5px 0}
.detail-list summary span{font-size:24px;line-height:1;transform:none!important;opacity:0;translate:-10px 0;transition:opacity .3s,translate .3s}
.detail-list details[open] summary span,.detail-list details:hover summary span,.detail-list details:focus-within summary span{opacity:1;translate:0 0}
.detail-list details p{font-size:14px;margin:5px 0 13px;padding-right:34px;animation:detail-copy-in .35s ease both}
@keyframes detail-copy-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.loop-editorial{background:#eeedeb;padding:90px var(--page-edge) 105px;overflow:hidden}
.editorial-canvas{position:relative;min-height:700px;max-width:1600px;margin:auto}
.editorial-kicker{position:absolute;left:50%;top:5%;transform:translateX(-50%);white-space:nowrap;color:#666;z-index:3}
.loop-editorial h2{position:absolute;z-index:2;left:7%;right:5%;top:38%;margin:0;font-size:clamp(68px,9.5vw,170px);line-height:.91;letter-spacing:-.065em;font-weight:500;white-space:nowrap;pointer-events:none}
.editorial-photo{position:absolute;overflow:hidden;border-radius:4px;will-change:transform}
.editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .7s cubic-bezier(.22,.61,.36,1)}
.editorial-photo:hover img{scale:1.04}
.loop-editorial.is-visible .editorial-photo-left{animation:editorial-rise .8s cubic-bezier(.22,.61,.36,1) both}
.loop-editorial.is-visible .editorial-photo-top{animation:editorial-rise .8s .16s cubic-bezier(.22,.61,.36,1) both}
.loop-editorial.is-visible .editorial-photo-bottom{animation:editorial-rise .8s .3s cubic-bezier(.22,.61,.36,1) both}
@keyframes editorial-rise{from{opacity:0;translate:0 34px}to{opacity:1;translate:0 0}}
.editorial-photo-left{left:0;top:18%;width:25%;height:48%}
.editorial-photo-left img{object-position:55% center}
.editorial-photo-top{right:4%;top:0;width:15%;height:28%}
.editorial-photo-bottom{right:18%;bottom:0;width:19%;height:29%}
.editorial-caption{position:absolute;left:28%;bottom:5%;width:32%;font-size:17px;line-height:1.35;color:#5c5e59;margin:0}
.loop-finale{background:#fff;padding:60px var(--page-edge) 0}
.finale-visual{height:min(73svh,760px);min-height:500px;position:relative;overflow:hidden;background:#222;border-radius:18px 18px 0 0}
.finale-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;filter:saturate(.92)}
.finale-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b13a8,#0b0b0b48 55%,#06060662)}
.finale-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;padding:24px}
.finale-copy .eyebrow{margin:0 0 20px}
.finale-copy h2{font-size:clamp(45px,5.9vw,100px);line-height:.96;letter-spacing:-.055em;margin:0 0 32px}
.finale-copy .outline-button{border:0;background:#fff;color:#20211e;border-radius:999px;font-size:16px;min-height:50px;letter-spacing:0}
.finale-copy .outline-button::before{background:#20211e}
.finale-copy .outline-button:hover{color:#fff}
.finale-marquee{height:132px;overflow:hidden;display:flex;align-items:center;background:#d9ded7;color:#20211e}
.finale-marquee-track{display:flex;width:max-content;white-space:nowrap;animation:finale-scroll 26s linear infinite}
.finale-marquee-track span{display:block;font-size:clamp(60px,7vw,118px);line-height:1;letter-spacing:-.055em;padding-right:.2em}
.finale-marquee:hover .finale-marquee-track{animation-play-state:paused}
@keyframes finale-scroll{to{transform:translateX(-50%)}}
#footer.compact-footer{grid-template-columns:minmax(240px,1.1fr) minmax(440px,1.75fr) minmax(220px,.9fr);gap:clamp(28px,3vw,60px);padding-top:76px;background:#111}
.compact-footer-newsletter>p{font-size:clamp(28px,2.6vw,45px);line-height:1.03;letter-spacing:-.04em;margin:0 0 12px}
.compact-footer-newsletter>span{display:block;color:#aaa;font-size:14px;line-height:1.45;max-width:300px}
.compact-footer-newsletter form{margin-top:36px}
.compact-footer-newsletter label{display:block;color:#aaa;font-size:12px;margin-bottom:10px}
.footer-email-row{display:flex;align-items:center;border-bottom:1px solid #777;min-height:50px;gap:8px}
.footer-email-row input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font:inherit;font-size:16px}
.footer-email-row input::placeholder{color:#969696}
.footer-email-row button{color:#fff;width:44px;height:44px;font-size:24px;border-radius:50%;transition:background .3s,transform .3s}
.footer-email-row button:hover{background:#fff;color:#111;opacity:1;transform:rotate(45deg)}
.compact-footer-newsletter small{display:block;color:#888;margin-top:10px;font-size:11px;line-height:1.4}
.compact-footer-links{gap:18px}
.compact-footer-links a{font-size:15px;margin-bottom:8px}
.compact-footer-support>p{font-size:clamp(25px,2.35vw,40px)}
.compact-footer-support>a{font-size:16px}
.compact-footer-wordmark{grid-column:1/-1;overflow:hidden;white-space:nowrap;text-align:center;font-size:clamp(50px,8.7vw,170px);letter-spacing:-.075em;line-height:.82;padding-top:60px;color:#f2f2ef}
.compact-footer-note{padding-top:22px}
@media(max-width:1050px){#footer.compact-footer{grid-template-columns:1fr 1.4fr}.compact-footer-support{grid-column:2}.compact-footer-newsletter{grid-row:1/3}.compact-footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.everyday-copy>.eyebrow{margin-bottom:20px}.detail-list summary{font-size:26px;padding:16px 0 9px}.detail-list details p{font-size:14px}.loop-editorial{padding:55px 22px 62px}.editorial-canvas{min-height:680px}.editorial-kicker{left:0;top:0;transform:none;font-size:9px}.loop-editorial h2{left:0;right:0;top:38%;font-size:clamp(44px,12vw,75px);white-space:normal}.editorial-photo-left{top:9%;width:56%;height:36%}.editorial-photo-top{right:0;top:9%;width:30%;height:20%}.editorial-photo-bottom{right:0;bottom:8%;width:42%;height:25%}.editorial-caption{left:0;right:auto;bottom:13%;width:54%;font-size:13px}.loop-finale{padding:34px 0 0}.finale-visual{height:68svh;min-height:520px;border-radius:0}.finale-visual>img{object-position:53% center}.finale-copy h2{font-size:clamp(44px,12vw,64px)}.finale-marquee{height:86px}.finale-marquee-track span{font-size:60px}#footer.compact-footer{display:grid;grid-template-columns:1fr;gap:40px;padding-top:56px}.compact-footer-newsletter{grid-row:auto}.compact-footer-links{grid-template-columns:repeat(2,1fr)}.compact-footer-support{grid-column:auto}.compact-footer-wordmark{padding-top:6px;font-size:clamp(52px,10vw,90px);white-space:normal;line-height:.9;text-align:left}.compact-footer-note{gap:8px}}
@media(prefers-reduced-motion:reduce){.finale-marquee-track,.loop-editorial.is-visible .editorial-photo{animation:none}.detail-list details p{animation:none}.editorial-photo img{transition:none}}
.reduce-motion .finale-marquee-track,.reduce-motion .loop-editorial.is-visible .editorial-photo{animation:none}.reduce-motion .detail-list details p{animation:none}

/* Revision 52 — promo bar and shared CTA feedback. Navigation keeps its existing interaction. */
.announcement-bar{position:fixed;inset:0 0 auto;z-index:22;height:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#24262b;color:#fff;font-size:11px;letter-spacing:.01em;line-height:1;transition:transform .28s ease}.announcement-hidden{transform:translateY(-110%)}.announcement-slides{grid-column:2;display:grid;min-width:min(560px,calc(100vw - 140px));text-align:center}.announcement-slides span{grid-area:1/1;opacity:0;transform:translateY(5px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.announcement-slides span.is-active{opacity:1;transform:none}.announcement-bar button{grid-column:3;justify-self:end;width:28px;height:28px;display:grid;place-items:center;color:#fff;font-size:12px;opacity:.84}.announcement-bar button:hover,.announcement-bar button:focus-visible{opacity:1;transform:scale(1.08)}
.header{top:28px}.nav-scrim{inset:120px 0 0}.store-page #main{padding-top:133px}
@media(hover:hover){
 .outline-button,.hero-link,.quick-view-button,.collection-filters button,.shade-options button,.stay-fields button,.footer-region,.footer-top-link,.newsletter-field button,.shop-menu-actions>a,.shop-menu-product{transition:transform .45s cubic-bezier(.4,0,.2,1),color .35s,background .35s,box-shadow .35s}
 .outline-button:hover,.outline-button:focus-visible,.hero-link:hover,.hero-link:focus-visible,.quick-view-button:hover,.quick-view-button:focus-visible,.collection-filters button:hover,.collection-filters button:focus-visible,.shade-options button:hover,.shade-options button:focus-visible,.stay-fields button:hover,.stay-fields button:focus-visible,.footer-region:hover,.footer-region:focus-visible,.footer-top-link:hover,.footer-top-link:focus-visible,.newsletter-field button:hover,.newsletter-field button:focus-visible,.shop-menu-actions>a:hover,.shop-menu-actions>a:focus-visible,.shop-menu-product:hover,.shop-menu-product:focus-visible{transform:translateY(-2px) scale(1.01)}
}
@media(max-width:767px){.announcement-bar{height:26px;font-size:10px}.announcement-slides{min-width:0}.announcement-bar button{width:26px;height:26px;font-size:11px}.header{top:26px}.nav-scrim{inset:102px 0 0}.store-page #main{padding-top:104px}}
@media(prefers-reduced-motion:reduce){.announcement-bar+ .header,.announcement-bar,.announcement-slides span{transition:none}.outline-button,.hero-link,.quick-view-button,.collection-filters button,.shade-options button,.stay-fields button,.footer-region,.footer-top-link,.newsletter-field button,.shop-menu-actions>a,.shop-menu-product{transition:none!important}}

/* Revision 55 — Tranquil-inspired service rhythm and scroll gallery, using Loop assets and type. */
#details .everyday-grid{align-items:start;gap:clamp(38px,5vw,96px)}
#details .everyday-copy{padding-top:clamp(12px,4vw,72px);max-width:620px;font-family:Avantt,sans-serif}
#details .everyday-copy>h2{font:500 clamp(26px,2.25vw,39px)/1.04 Avantt,sans-serif;letter-spacing:-.045em;margin:22px 0 16px}
#details .everyday-copy .section-lead{font-size:15px;line-height:1.48;margin:0 0 22px;max-width:440px}
#details .detail-list{margin:0 0 27px}
#details .detail-list details{opacity:.5;transition:opacity .36s ease,color .36s ease}
#details .detail-list details[open],#details .detail-list details:hover,#details .detail-list details:focus-within{opacity:1}
#details .detail-list summary{font:500 clamp(30px,2.65vw,46px)/1.04 Avantt,sans-serif;letter-spacing:-.055em;padding:17px 0 9px}
#details .detail-list summary span{font-size:28px}
#details .detail-list details p{font:400 15px/1.5 Avantt,sans-serif;max-width:440px;margin:0 0 17px}
.detail-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:1}
.detail-scene[data-scene="2"]{object-fit:cover}
.detail-film-stage[data-scene="1"] .detail-scene[data-scene="1"],.detail-film-stage[data-scene="2"] .detail-scene[data-scene="2"]{opacity:1}
.detail-film-controls,.detail-film-stage #detail-film-status{z-index:3}
.detail-follow-play{z-index:4}

.loop-editorial{height:270svh;min-height:1500px;padding:0;background:#fff;overflow:clip;--gallery-progress:0}
.editorial-canvas{position:sticky;top:0;max-width:none;width:100%;height:100svh;min-height:650px;margin:0;isolation:isolate}
.editorial-kicker{top:21%;left:50%;font:500 11px/1 Avantt,sans-serif;letter-spacing:.18em;color:#464747;z-index:5}
.loop-editorial h2{position:absolute;top:41%;left:5%;right:5%;z-index:2;text-align:center;white-space:normal;font:500 clamp(72px,9vw,168px)/.92 Avantt,sans-serif;letter-spacing:-.065em;transform:translateY(-23%)}
.editorial-caption{position:absolute;left:50%;bottom:18%;width:min(410px,32vw);transform:translateX(-50%);text-align:center;font:400 17px/1.4 Avantt,sans-serif;color:#555;z-index:2}
.editorial-photo{z-index:3;border-radius:2px;opacity:1;animation:none!important;translate:0 0;transition:none}
.editorial-photo img{transition:scale .6s ease}
.editorial-photo-left{left:4%;top:74%;width:25%;height:43%;transform:translate3d(0,calc(var(--gallery-progress) * -160svh),0)}
.editorial-photo-top{right:4%;top:30%;width:17%;height:27%;transform:translate3d(0,calc(var(--gallery-progress) * -105svh),0)}
.editorial-photo-bottom{right:12%;top:120%;bottom:auto;width:21%;height:34%;transform:translate3d(0,calc(var(--gallery-progress) * -170svh),0)}
.editorial-photo-extra{left:37%;top:155%;width:14%;height:23%;transform:translate3d(0,calc(var(--gallery-progress) * -185svh),0)}

.loop-finale{padding:0;background:#111}
.finale-visual{height:100svh;min-height:620px;border-radius:0}
.finale-visual>img{object-position:center center;filter:saturate(.94)}
.finale-shade{background:linear-gradient(90deg,#07080cc9,#090b1288 52%,#08090b70)}
.finale-copy h2{font-family:Avantt,sans-serif}
#footer.compact-footer{grid-template-columns:minmax(260px,1fr) minmax(480px,1.8fr);gap:clamp(28px,4vw,72px);padding-top:0;background:#111}
#footer .finale-marquee{grid-column:1/-1;margin:0 calc(-1 * var(--page-edge)) 0;height:130px;background:#111;color:#fff;border-bottom:1px solid #fff2}
#footer .finale-marquee-track span{font-family:FKScreamer,Avantt,sans-serif;font-weight:500;letter-spacing:.005em}
#footer .compact-footer-newsletter,#footer .compact-footer-links{padding-top:12px}
#footer.is-motion-ready .compact-footer-newsletter,#footer.is-motion-ready .compact-footer-links,#footer.is-motion-ready .compact-footer-note{opacity:0;translate:0 24px}
#footer.is-motion-ready.is-revealed .compact-footer-newsletter,#footer.is-motion-ready.is-revealed .compact-footer-links,#footer.is-motion-ready.is-revealed .compact-footer-note{opacity:1;translate:0 0;transition:opacity .7s ease,translate .85s cubic-bezier(.16,1,.3,1)}
#footer.is-motion-ready.is-revealed .compact-footer-links{transition-delay:.1s}
#footer.is-motion-ready.is-revealed .compact-footer-note{transition-delay:.2s}
@media(prefers-reduced-motion:reduce){#footer.is-motion-ready .compact-footer-newsletter,#footer.is-motion-ready .compact-footer-links,#footer.is-motion-ready .compact-footer-note{opacity:1;translate:0 0;transition:none!important}}
.reduce-motion #footer.is-motion-ready .compact-footer-newsletter,.reduce-motion #footer.is-motion-ready .compact-footer-links,.reduce-motion #footer.is-motion-ready .compact-footer-note{opacity:1;translate:0 0;transition:none!important}
#footer .compact-footer-note{margin-top:28px}

@media(max-width:1050px){#footer.compact-footer{grid-template-columns:1fr 1.4fr}.loop-editorial h2{font-size:clamp(70px,9vw,120px)}}
@media(max-width:767px){
 #details .everyday-copy{padding-top:18px}
 #details .everyday-copy>h2{font-size:31px}
 #details .detail-list summary{font-size:clamp(29px,8vw,43px)}
 .loop-editorial{height:235svh;min-height:1200px}
 .editorial-canvas{height:100svh;min-height:620px}
 .editorial-kicker{top:23%;font-size:9px}
 .loop-editorial h2{top:43%;left:4%;right:4%;font-size:clamp(42px,12vw,67px);line-height:.95}
 .editorial-caption{bottom:19%;width:78%;font-size:13px}
 .editorial-photo-left{left:4%;top:81%;width:49%;height:31%;transform:translate3d(0,calc(var(--gallery-progress) * -126svh),0)}
 .editorial-photo-top{right:3%;top:30%;width:32%;height:20%;transform:translate3d(0,calc(var(--gallery-progress) * -90svh),0)}
 .editorial-photo-bottom{right:4%;top:128%;width:41%;height:29%;transform:translate3d(0,calc(var(--gallery-progress) * -140svh),0)}
 .editorial-photo-extra{left:8%;top:161%;width:28%;height:20%;transform:translate3d(0,calc(var(--gallery-progress) * -162svh),0)}
 .loop-finale{padding:0}
 .finale-visual{height:100svh;min-height:0}
 .finale-visual>img{object-position:65% center}
 #footer.compact-footer{grid-template-columns:1fr;gap:34px;padding-top:0}
 #footer .finale-marquee{height:90px}
 #footer .finale-marquee-track span{font-size:70px}
 #footer .compact-footer-newsletter{grid-row:auto}
 #footer .compact-footer-note{margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.loop-editorial{height:100svh;min-height:700px}.editorial-photo,.detail-scene{transition:none!important}.editorial-photo{transform:none!important}.editorial-photo-left{top:22%}.editorial-photo-top{top:8%}.editorial-photo-bottom{top:63%}.editorial-photo-extra{top:8%;left:47%}}
.reduce-motion .editorial-photo,.reduce-motion .detail-scene{transition:none!important}
.reduce-motion .editorial-photo{transform:none!important}
.reduce-motion .loop-editorial{height:100svh;min-height:700px}
.reduce-motion .editorial-photo-left{top:22%}.reduce-motion .editorial-photo-top{top:8%}.reduce-motion .editorial-photo-bottom{top:63%}.reduce-motion .editorial-photo-extra{top:8%;left:47%}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.editorial-photo-left{top:16%}.editorial-photo-top{top:8%}.editorial-photo-bottom{top:68%}.editorial-photo-extra{top:65%;left:6%}}
@media(max-width:767px){.reduce-motion .editorial-photo-left{top:16%}.reduce-motion .editorial-photo-top{top:8%}.reduce-motion .editorial-photo-bottom{top:68%}.reduce-motion .editorial-photo-extra{top:65%;left:6%}}

/* Revision 56 — interaction repairs, motion depth and one rounded image language. */
:root{--image-radius:18px}
main img{border-radius:var(--image-radius)}
.product-card-image,.store-product-photo,.life-panel-image,.customer-review-image,.world-node,.ugc-play,.moment-gallery,.editorial-photo,.detail-film-stage,.finale-visual{border-radius:var(--image-radius);overflow:hidden}
.hero-stage,.hero-stage .film,.hero-stage .hero-shade{border-radius:0}

/* The promotion strip follows the brand's compact numbered carousel. */
.announcement-bar{grid-template-columns:minmax(54px,1fr) minmax(260px,560px) minmax(54px,1fr);height:30px;padding-inline:12px;overflow:hidden;background:#25262a;font-size:10px;letter-spacing:.015em}
.announcement-count{grid-column:1;justify-self:end;margin-right:18px;color:#c8c9cb;font-variant-numeric:tabular-nums;font-size:9px}
.announcement-slides{grid-column:2;min-width:0}
.announcement-slides span{transform:translateY(7px);transition:opacity .32s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
.announcement-bar button{grid-column:3;justify-self:start;margin-left:13px;width:22px;height:22px;border:1px solid #ffffff88;border-radius:50%;font-size:9px}
.announcement-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff18}
.announcement-progress i{display:block;width:33.333%;height:100%;background:#fff9;transform:translateX(calc(var(--announcement-step,0) * 100%));transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.header{top:30px}

/* A clearer hero hierarchy with a quiet editorial measure. */
#hero .hero-copy{left:clamp(24px,5vw,88px);right:auto;bottom:clamp(128px,15vh,170px);width:min(620px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:flex-start}
#hero .hero-copy .eyebrow{margin:0 0 18px;color:#f4f4f2}
#hero .hero-copy h1{font-size:clamp(58px,6vw,102px);line-height:.94;max-width:none;margin:0;letter-spacing:-.06em;white-space:nowrap}
#hero .hero-lead{max-width:430px;margin:24px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.45;color:#f0f0ed}
#hero .hero-link{position:relative;right:auto;bottom:auto;gap:42px;margin-top:30px;border-color:#ffffffaa;background:#1115;font-size:15px;backdrop-filter:blur(8px)}
.product-intro{max-width:820px;margin:auto;padding-inline:28px}
.product-intro h2{font-size:clamp(44px,4.8vw,74px);line-height:.95;margin-bottom:25px}
.product-intro>p:not(.eyebrow){font-size:clamp(16px,1.3vw,20px);line-height:1.45;margin-bottom:0}

/* Do not let the invisible range retain page gestures after a drag. */
#colors .color-compare{border-radius:var(--image-radius);touch-action:pan-y;overscroll-behavior:auto}
#colors #color-range{touch-action:pan-y;overscroll-behavior:auto}
#colors .shade-scroll,#colors .shade-sticky{overscroll-behavior:auto}
#colors .shade-actions{border:0;box-shadow:none}
#colors .shade-scroll::after{background:transparent;border:0;box-shadow:none}

/* Selected filters stay stable while unselected choices receive the fill sweep. */
.collection-filters button{will-change:transform;color:var(--ink)}
.collection-filters button[aria-pressed=true]{transform:none!important;color:#fff;box-shadow:none}
.collection-filters button[aria-pressed=true]::before{transform:none;background:var(--ink)}
.collection-filters button:active{transform:translateY(1px) scale(.98)}

/* Details enter in a short sequence without competing with their existing controls. */
#details.is-motion-ready .section-rule,#details.is-motion-ready .wear-photo,#details.is-motion-ready .everyday-copy{opacity:0;transform:translateY(34px);transition:opacity .72s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
#details.is-motion-ready .wear-photo{transition-delay:.1s}
#details.is-motion-ready .everyday-copy{transition-delay:.22s}
#details.is-motion-ready.is-revealed .section-rule,#details.is-motion-ready.is-revealed .wear-photo,#details.is-motion-ready.is-revealed .everyday-copy{opacity:1;transform:none}

/* Preserve the rail translation; animate and hover only the content inside each card. */
#life-rail.is-motion-ready .life-panel{opacity:0;translate:0 34px;transition:opacity .7s ease,translate .8s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease}
#life-rail.is-motion-ready .life-panel:nth-child(2){transition-delay:.12s}
#life-rail.is-motion-ready .life-panel:nth-child(3){transition-delay:.24s}
#life-rail.is-motion-ready.is-revealed .life-panel{opacity:1;translate:0 0}
.life-panel-image img{transition:transform .75s cubic-bezier(.22,.61,.36,1),filter .4s ease}
.life-panel-copy h2,.life-panel-copy>p,.life-panel-copy .outline-button{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){.life-panel:hover{box-shadow:0 22px 55px #1d211c14}.life-panel:hover .life-panel-image img{transform:scale(1.035)}.life-panel:hover .life-panel-copy h2{transform:translateY(-5px)}.life-panel:hover .life-panel-copy>p{transform:translateY(-2px)}.life-panel:hover .life-panel-copy .outline-button{transform:translateY(-3px) scale(1.01)}}

/* Tranquil-style rolling headline while Loop imagery rises through the stage. */
.editorial-title-window{position:absolute;left:0;right:0;top:40%;z-index:2;overflow:hidden;pointer-events:none}
.loop-editorial .editorial-title-window h2{position:relative;inset:auto;display:flex;gap:.28em;width:max-content;white-space:nowrap;text-align:left;transform:translate3d(var(--gallery-shift,-5vw),0,0);will-change:transform;font-size:clamp(76px,9.4vw,174px)}
.loop-editorial .editorial-title-window h2 span{display:block;white-space:nowrap}

@media(max-width:767px){
 .announcement-bar{height:28px;grid-template-columns:42px minmax(0,1fr) 42px;padding:0 6px;font-size:9px}.announcement-count{justify-self:start;margin:0;font-size:8px}.announcement-bar button{justify-self:end;margin:0}.header{top:28px}
 #hero .hero-copy{left:22px;right:22px;bottom:118px;width:auto}#hero .hero-copy .eyebrow{margin-bottom:13px}#hero .hero-copy h1{font-size:clamp(48px,14vw,64px)}#hero .hero-lead{font-size:14px;max-width:30ch;margin-top:18px}#hero .hero-link{margin-top:22px;font-size:14px;min-height:48px;padding:12px 18px}
 .product-intro{padding-inline:22px}.product-intro h2{font-size:46px}.product-intro>p:not(.eyebrow){font-size:16px}
 .editorial-title-window{top:42%}.loop-editorial .editorial-title-window h2{font-size:clamp(48px,13vw,72px)}
}
@media(prefers-reduced-motion:reduce){#details.is-motion-ready .section-rule,#details.is-motion-ready .wear-photo,#details.is-motion-ready .everyday-copy,#life-rail.is-motion-ready .life-panel{opacity:1;transform:none;translate:0 0;transition:none}.life-panel-image img,.life-panel-copy h2,.life-panel-copy>p,.life-panel-copy .outline-button{transition:none}.loop-editorial .editorial-title-window h2{transform:none}.announcement-progress i{transition:none}}
.reduce-motion #details.is-motion-ready .section-rule,.reduce-motion #details.is-motion-ready .wear-photo,.reduce-motion #details.is-motion-ready .everyday-copy,.reduce-motion #life-rail.is-motion-ready .life-panel{opacity:1;transform:none;translate:0 0;transition:none}

/* Revision 57 — quieter brand promotion and deeper staged entrances. */
.announcement-bar{grid-template-columns:minmax(0,1fr) 34px;height:30px;padding:0 max(12px,var(--page-edge));font-family:Avantt,Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:0;line-height:1}
.announcement-slides{grid-column:1;justify-self:center;width:min(640px,calc(100vw - 100px));min-width:0}
.announcement-bar button{grid-column:2;justify-self:end;margin:0;width:22px;height:22px}
.announcement-count,.announcement-progress{display:none!important}

#experience.is-motion-ready .product-intro{opacity:0;translate:0 34px;transition:opacity .7s ease,translate .8s cubic-bezier(.22,.61,.36,1)}
#experience.is-motion-ready .engineering-visual{opacity:0;scale:.68;transition:opacity .8s ease .12s,scale 1.05s cubic-bezier(.16,1,.3,1) .12s}
#experience.is-motion-ready.is-revealed .product-intro{opacity:1;translate:0 0}
#experience.is-motion-ready.is-revealed .engineering-visual{opacity:1;scale:1}

#life-rail.is-motion-ready .life-rail-sticky{opacity:0;translate:0 72px;scale:.985;transition:opacity .75s ease,translate .95s cubic-bezier(.16,1,.3,1),scale .95s cubic-bezier(.16,1,.3,1)}
#life-rail.is-motion-ready.is-revealed .life-rail-sticky{opacity:1;translate:0 0;scale:1}
.life-panel{position:relative;border:1px solid transparent;transition:border-color .35s ease,background-color .35s ease,box-shadow .45s ease}
.life-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff7 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.life-panel-image{transition:background-color .4s ease}
.life-panel-copy .eyebrow{transition:letter-spacing .4s ease,color .3s ease}
.life-panel-copy .outline-button span{transition:transform .35s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){
 .life-panel:hover{background:#fffdf9;border-color:#dedbd5;box-shadow:0 28px 70px #1d211c1c}
 .life-panel:hover:after{transform:translateX(120%)}
 .life-panel:hover .life-panel-image{background:#dedfd8}
 .life-panel:hover .life-panel-image img{transform:scale(1.065) rotate(-1deg);filter:saturate(1.05) contrast(1.02)}
 .life-panel:hover .life-panel-copy .eyebrow{letter-spacing:.2em;color:#20211e}
 .life-panel:hover .life-panel-copy h2{transform:translateY(-7px)}
 .life-panel:hover .life-panel-copy .outline-button span{transform:translate(3px,-3px)}
}
@media(max-width:767px){.announcement-bar{height:28px;padding:0 7px;font-size:10px}.announcement-slides{width:calc(100vw - 54px)}.announcement-bar button{width:20px;height:20px}#experience.is-motion-ready .engineering-visual{scale:.78}#experience.is-motion-ready.is-revealed .engineering-visual{scale:1}}
@media(prefers-reduced-motion:reduce){#experience.is-motion-ready .product-intro,#experience.is-motion-ready .engineering-visual,#life-rail.is-motion-ready .life-rail-sticky{opacity:1;translate:0 0;scale:1;transition:none}.life-panel:after{display:none}}
.reduce-motion #experience.is-motion-ready .product-intro,.reduce-motion #experience.is-motion-ready .engineering-visual,.reduce-motion #life-rail.is-motion-ready .life-rail-sticky{opacity:1;translate:0 0;scale:1;transition:none}

/* Revision 58 — replace the glossy sweep with quiet brand motion. */
.life-panel:after{content:none}
@media(hover:hover){
 #life-rail.is-motion-ready.is-revealed .life-panel:hover{translate:0 0;background:#fbfaf7;border-color:#d9d7d1;box-shadow:none}
 .life-panel:hover .life-panel-image{background:#e2e2dc}
 .life-panel:hover .life-panel-image img{transform:scale(1.045);filter:saturate(1.025) contrast(1.015)}
 .life-panel:hover .life-panel-copy .eyebrow{letter-spacing:.185em;color:#20211e}
 .life-panel:hover .life-panel-copy h2{transform:translateX(5px)}
 .life-panel:hover .life-panel-copy>p{transform:translateX(3px)}
 .life-panel:hover .life-panel-copy .outline-button{transform:translateY(-3px);background:#20211e;color:#fff;box-shadow:none}
 .life-panel:hover .life-panel-copy .outline-button span{transform:translate(3px,-2px)}
}

/* Revision 60 — scroll-grown film, continuous editorial type, and independent CTAs. */
@media(min-width:768px){
 #details .everyday-grid{grid-template-columns:var(--detail-video-share,52%) minmax(0,1fr)}
 #details .detail-film-stage{scale:var(--detail-film-scale,1);transform-origin:left center}
 #details .everyday-copy{translate:var(--detail-copy-x,0px) 0}
}
.loop-editorial .editorial-title-window h2{animation:editorial-type-loop 20s linear infinite;transform:none}
@keyframes editorial-type-loop{to{transform:translateX(calc(-50% - .14em))}}
@media(hover:hover){
 .life-panel:hover .life-panel-copy .outline-button:not(:hover):not(:focus-visible){transform:none;background:#20211e;color:#fff}
 .life-panel:hover .life-panel-copy .outline-button:not(:hover):not(:focus-visible) span{transform:none}
}
.life-panel-copy .outline-button{background:#20211e;color:#fff;border-color:#20211e}
.life-panel-copy .outline-button:before{background:#fff}
#life-rail .life-panel .life-panel-copy .outline-button:hover,#life-rail .life-panel .life-panel-copy .outline-button:focus-visible{background:#20211e;color:#20211e;transform:translateY(-3px);box-shadow:none}
#life-rail .life-panel .life-panel-copy .outline-button:hover:before,#life-rail .life-panel .life-panel-copy .outline-button:focus-visible:before{transform:translateY(0)}
@media(max-width:767px){
 .product-stage{--theatre-height:min(520px,calc(100svh - 110px))}
 .product-sticky,.reduce-motion .product-sticky{height:var(--theatre-height);max-height:none}
 .product-stage{height:calc(var(--theatre-height) + 75svh)}
 .engineering-media{padding-bottom:28px;justify-content:center}
 .engineering-visual{max-width:min(100%,500px)}
 #details .detail-film-stage{scale:1}
}
@media(prefers-reduced-motion:reduce){.loop-editorial .editorial-title-window h2{animation:none;transform:none}.product-stage{height:auto}}
.reduce-motion .loop-editorial .editorial-title-window h2{animation:none;transform:none}

/* Revision 61 — reference-paced marquee and independent image parallax. */
.loop-editorial .editorial-title-window h2{animation-duration:28.503s}
@media(min-width:768px){
 .loop-editorial{height:190svh;min-height:1200px}
 .editorial-photo-left{top:64%;transform:translate3d(0,calc(var(--gallery-progress) * -65svh),0)}
 .editorial-photo-top{top:30%;transform:translate3d(0,calc(var(--gallery-progress) * -45svh),0)}
 .editorial-photo-bottom{top:120%;transform:translate3d(0,calc(var(--gallery-progress) * -85svh),0)}
 .editorial-photo-extra{top:140%;transform:translate3d(0,calc(var(--gallery-progress) * -105svh),0)}
}

/* The detail film owns the viewport before a scroll reveals the reading column. */
@media(min-width:900px){
 #details{height:198svh;max-width:none;padding-top:clamp(38px,5svh,72px);padding-bottom:0;overflow:clip}
 #details>.section-rule{margin-bottom:24px}
 #details .everyday-grid{position:sticky;top:100px;height:calc(100svh - 120px);grid-template-columns:minmax(0,var(--detail-video-share,100%)) minmax(0,1fr);gap:var(--detail-gap,0px);align-items:center;overflow:hidden}
 #details .wear-photo{min-width:0}
 #details .detail-film-stage{height:var(--detail-film-height,calc(100svh - 160px));aspect-ratio:auto;scale:1;transform-origin:center center}
 #details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{opacity:var(--detail-copy-opacity,0);transform:none;translate:var(--detail-copy-x,64px) 0;transition:none;pointer-events:auto}
}
@media(max-width:899px){#details .detail-film-stage{scale:1}#details .everyday-copy{translate:0 0}}
@media(prefers-reduced-motion:reduce){#details{height:auto}#details .everyday-grid{position:static;height:auto;overflow:visible}}
.reduce-motion #details{height:auto}.reduce-motion #details .everyday-grid{position:static;height:auto;overflow:visible}

/* Four cards remain visible; vertical scrolling carries the two added cards across. */
#collection{padding-bottom:0}
.product-rail-start{height:0}
.product-rail-spacer{height:var(--collection-travel,0px)}
.product-rail-window{position:sticky;top:110px;width:100%;overflow:hidden}
.product-rail-window{overflow-x:clip;overflow-y:visible}
.product-rail-window .product-card:hover,.product-rail-window .product-card:focus-within{z-index:2}
.product-rail-window .product-grid{display:flex;align-items:stretch;gap:20px;will-change:transform}
.product-rail-window .product-card{flex:0 0 calc((100% - 60px)/4);min-width:0}
.product-rail-window .product-card[hidden]{display:none}
#collection.is-collection-native{padding-bottom:44px}
.is-collection-native .product-rail-spacer{display:none}
.is-collection-native .product-rail-window{position:static;overflow:visible}
.is-collection-native .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));transform:none!important;will-change:auto}
.is-collection-native .product-card{min-width:0}
@media(max-width:767px){.is-collection-native .product-grid{grid-template-columns:1fr;gap:24px}.product-rail-window{position:static;overflow:visible}}

/* A quiet title and a restrained card hover keep the lifestyle rail readable. */
.life-rail-heading{width:calc(100% - 2 * var(--page-edge));margin-inline:var(--page-edge);align-self:center}
.life-rail-heading .eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:.16em}
.life-rail-heading h2{font:500 clamp(34px,4vw,68px)/1 Avantt,sans-serif;letter-spacing:-.055em;margin:0}
@media(hover:hover){
 #life-rail .life-panel:hover{background:#f8f8f5;border-color:#deded9;box-shadow:none}
 #life-rail .life-panel:hover .life-panel-image{background:#e5e5df}
 #life-rail .life-panel:hover .life-panel-image img{transform:scale(1.025);filter:none}
 #life-rail .life-panel:hover .life-panel-copy .eyebrow{letter-spacing:inherit;color:inherit}
 #life-rail .life-panel:hover .life-panel-copy h2,#life-rail .life-panel:hover .life-panel-copy>p{transform:none}
 #life-rail .life-panel:hover .life-panel-copy .outline-button:not(:hover):not(:focus-visible),#life-rail .life-panel:hover .life-panel-copy .outline-button:not(:hover):not(:focus-visible) span{transform:none}
}
@media(max-width:767px){.life-rail-heading h2{font-size:36px}.life-rail-heading{margin-bottom:8px}}

/* Revision 62 — let the film fill its stage, then ease into the reading layout. */
@media(min-width:900px){
 #details{position:relative;height:260svh;padding-top:0}
 #details>.section-rule{position:absolute;z-index:4;top:clamp(18px,3svh,38px);left:var(--page-edge);right:var(--page-edge);margin:0;pointer-events:none}
 #details .everyday-grid{top:100px;height:calc(100svh - 108px);align-items:center}
 #details .detail-film-stage{height:var(--detail-film-height,calc(100svh - 138px))}
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{position:absolute;top:50%;right:0;width:calc(48% - var(--detail-gap,0px));max-height:calc(100% - 20px);overflow:auto;translate:var(--detail-copy-x,64px) -50%}
}
@media(prefers-reduced-motion:reduce){#details{height:auto;padding-top:42px}#details>.section-rule{position:static;pointer-events:auto;margin:0 var(--page-edge) 28px}}
.reduce-motion #details{height:auto;padding-top:42px}.reduce-motion #details>.section-rule{position:static;pointer-events:auto;margin:0 var(--page-edge) 28px}

/* The reference headline moves through the viewport as its image collage rises. */
@media(min-width:768px){
 .editorial-title-window{top:var(--gallery-title-top,52%);transform:translate3d(var(--gallery-title-drift,6vw),0,0);transition:top .12s linear,transform .12s linear}
}
@media(prefers-reduced-motion:reduce){.editorial-title-window{top:40%;transform:none;transition:none}}
.reduce-motion .editorial-title-window{top:40%;transform:none;transition:none}

/* The last scene stays put while the footer rises over it like a card. */
@media(min-width:768px) and (prefers-reduced-motion:no-preference){
 body:has(#loop-finale) #main{padding-bottom:var(--footer-overlap,600px)}
 #loop-finale{position:sticky;top:0;z-index:0}
 body:has(#loop-finale) #footer.compact-footer{position:relative;z-index:2;margin-top:calc(-1 * var(--footer-overlap,600px));overflow:hidden}
}
#loop-finale.is-motion-ready .finale-copy .eyebrow,#loop-finale.is-motion-ready .finale-copy h2,#loop-finale.is-motion-ready .finale-copy .outline-button{opacity:0;translate:0 44px;transition:opacity .7s ease,translate .9s cubic-bezier(.16,1,.3,1)}
#loop-finale.is-motion-ready .finale-copy h2{transition-delay:.12s}
#loop-finale.is-motion-ready .finale-copy .outline-button{transition-delay:.26s}
#loop-finale.is-motion-ready.is-revealed .finale-copy .eyebrow,#loop-finale.is-motion-ready.is-revealed .finale-copy h2,#loop-finale.is-motion-ready.is-revealed .finale-copy .outline-button{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){#loop-finale.is-motion-ready .finale-copy .eyebrow,#loop-finale.is-motion-ready .finale-copy h2,#loop-finale.is-motion-ready .finale-copy .outline-button{opacity:1;translate:0 0;transition:none}}
.reduce-motion #loop-finale.is-motion-ready .finale-copy .eyebrow,.reduce-motion #loop-finale.is-motion-ready .finale-copy h2,.reduce-motion #loop-finale.is-motion-ready .finale-copy .outline-button{opacity:1;translate:0 0;transition:none}

/* Revision 63 — responsive overlap and scroll geometry corrections. */
#details>.section-rule{display:none}
.editorial-kicker{top:4%}
.editorial-title-window{top:var(--gallery-title-top,10%);transform:none;transition:none;overflow:visible}
.loop-editorial .editorial-title-window h2{display:block;width:min(92vw,1300px);margin-inline:auto;white-space:normal;text-align:center;line-height:.96;transform:none;animation:none}
.loop-editorial .editorial-title-window h2 span{white-space:normal}
.loop-editorial .editorial-title-window h2 span[aria-hidden="true"]{display:none}
@media(min-width:768px){
 .loop-editorial .editorial-title-window h2{font-size:clamp(52px,8vw,136px)}
 .product-rail-window{top:max(108px,calc((100svh - var(--collection-card-height,700px))/2))}
 .product-rail-window .product-card{display:flex;flex-direction:column}
 .product-rail-window .product-card-body{display:flex;flex:1;flex-direction:column}
 .product-rail-window .product-actions{margin-top:auto}
}
@media(min-width:768px) and (max-width:1400px){
 .world-node:nth-child(1){left:8%}
 .world-node:nth-child(2){left:16%;top:11%}
 .world-node:nth-child(3){right:14%}
 .world-node:nth-child(4){right:6%}
}
#footer.compact-footer,#footer .finale-marquee{border-radius:0}
@media(min-width:768px) and (max-width:999px){.product-rail-window .product-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:767px){.loop-editorial .editorial-title-window h2{font-size:clamp(42px,11vw,60px)}}
@media(min-width:768px){.reduce-motion #main{padding-bottom:0!important}.reduce-motion #footer.compact-footer{margin-top:0!important}}

/* Revision 66 — keep the headline rolling while its lane descends, and fill the marquee seam. */
.editorial-title-window{overflow:hidden}
.loop-editorial .editorial-title-window h2{display:flex;gap:0;width:max-content;max-width:none;margin:0;white-space:nowrap;text-align:left;line-height:1;animation:editorial-type-loop 29s linear infinite;will-change:transform}
.loop-editorial .editorial-title-window h2 span,.loop-editorial .editorial-title-window h2 span[aria-hidden="true"]{display:block;flex:none;white-space:nowrap;padding-right:.28em}
@keyframes editorial-type-loop{to{transform:translateX(-33.333333%)}}
.finale-marquee-track{flex:none;min-width:max-content;animation-name:finale-scroll-three}
.finale-marquee-track span{flex:none}
@keyframes finale-scroll-three{to{transform:translateX(-33.333333%)}}
@media(prefers-reduced-motion:reduce){.loop-editorial .editorial-title-window h2,.finale-marquee-track{animation:none}}
.reduce-motion .loop-editorial .editorial-title-window h2,.reduce-motion .finale-marquee-track{animation:none}

/* Revision 78: a longer editorial sequence with large, separated portraits. */

/* Revision 68 — lower the editorial copy and clear the headline at scroll end. */
.editorial-caption{bottom:10%}
@media(min-width:768px){.editorial-photo-bottom{transform:translate3d(0,calc(var(--gallery-progress) * -97svh),0)}}
@media(max-width:767px){.editorial-caption{bottom:11%}}

/* Revision 69 — a tighter editorial opening and staggered review portraits. */
.editorial-kicker{top:2%}
.world-nodes.is-motion-ready .world-node{opacity:0;translate:0 22px;scale:.82;transition:opacity .48s ease,translate .65s cubic-bezier(.22,.61,.36,1),scale .65s cubic-bezier(.22,.61,.36,1),transform .25s,border-color .25s;transition-delay:var(--portrait-delay,0ms),var(--portrait-delay,0ms),var(--portrait-delay,0ms),0ms,0ms}
.world-nodes.is-motion-ready.is-revealed .world-node{opacity:1;translate:0 0;scale:1}
.world-node:nth-child(1){--portrait-delay:0ms}
.world-node:nth-child(2){--portrait-delay:130ms}
.world-node:nth-child(3){--portrait-delay:260ms}
.world-node:nth-child(4){--portrait-delay:390ms}
@media(prefers-reduced-motion:reduce){.world-nodes.is-motion-ready .world-node{opacity:1;translate:0 0;scale:1;transition:none}}
.reduce-motion .world-nodes.is-motion-ready .world-node{opacity:1;translate:0 0;scale:1;transition:none}

/* Shared media feedback: the media box keeps its place while files arrive. */
img[data-media-state="loading"]{background-color:#e9e9e6;background-image:linear-gradient(105deg,transparent 30%,#ffffff9a 50%,transparent 70%);background-size:220% 100%;animation:media-shimmer 1.4s linear infinite}
img[data-media-state="error"]{background:#eeefec;color:#4c4e4b;font:12px/1.4 Avantt,Arial,sans-serif;object-fit:contain}
.media-video-frame>.media-video-indicator{display:none;position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;background:#171a1bcc;color:#fff;font:12px/1.2 Avantt,Arial,sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 4px 20px #0002}
.media-video-frame>.media-video-indicator:before{content:"";display:block;width:15px;height:15px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:media-spin .8s linear infinite}
.media-video-frame[data-video-state="error"]>.media-video-indicator{display:flex}
.media-video-frame[data-video-state="error"]>.media-video-indicator:before{content:"!";display:grid;place-items:center;border:1px solid #fff;animation:none;font-weight:700}
@keyframes media-shimmer{to{background-position-x:-220%}}
@keyframes media-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){img[data-media-state="loading"],.media-video-frame>.media-video-indicator:before{animation:none}}
.reduce-motion img[data-media-state="loading"],.reduce-motion .media-video-frame>.media-video-indicator:before{animation:none}

/* Home refresh — simplify chrome and keep the three-product film within its stage. */
.announcement-bar{grid-template-columns:1fr;justify-items:center}
.announcement-slides{grid-column:1;width:min(640px,calc(100vw - 32px));justify-self:center}
#hero .hero-copy{bottom:clamp(64px,9vh,108px)}
#hero .media-status{bottom:24px}
.hotspot-detail{border-color:#20211e45;box-shadow:0 12px 32px #00000012;padding:20px 22px}
.hotspot-detail:before{border-color:#20211e45}
.hotspot-detail h3{margin:0 0 8px;font-size:21px}
.hotspot-detail p:last-child{margin:0}
#details{background:#fafbfc}
#details .everyday-copy{padding:clamp(18px,3vw,48px);max-width:none}
#details .everyday-copy>*{max-width:none}
#details .everyday-copy>h2{font-size:clamp(36px,3vw,54px);line-height:1.02;letter-spacing:-.055em;margin:0 0 10px}
#details .everyday-copy .section-lead{font-size:clamp(14px,1.2vw,18px);margin:0 0 22px}
#details .detail-film-stage{cursor:pointer}
#details .detail-film-stage:focus-visible{outline:3px solid #222;outline-offset:4px}
#details .detail-film-stage video{object-position:center center}
#details .detail-film-stage:has(video[aria-label*="Quiet"]) video,#details .detail-film-stage:has(video[aria-label*="Dream"]) video{object-position:center 36%}
.detail-category-list{border-top:1px solid #20211e35;margin-bottom:24px}
.detail-category{display:block;width:100%;text-align:left;border-bottom:1px solid #20211e35;border-radius:0;padding:13px 0 14px;background:transparent;opacity:.57;transition:opacity .25s ease,padding-left .25s ease}
.detail-category:hover,.detail-category:focus-visible,.detail-category[aria-pressed="true"]{opacity:1}
.detail-category:hover{padding-left:7px}
.detail-category-name{display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 clamp(23px,2vw,34px)/1.08 Avantt,sans-serif;letter-spacing:-.05em}
.detail-category-name>span{font-size:22px;opacity:0;transition:opacity .25s ease,transform .25s ease}
.detail-category[aria-pressed="true"] .detail-category-name>span,.detail-category:hover .detail-category-name>span{opacity:1}
.detail-category:hover .detail-category-name>span{transform:translate(3px,-3px)}
.detail-category-use{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;color:#565b5b}
.detail-category-description{display:none;font-size:14px;line-height:1.35;color:#565b5b;max-width:38ch;margin-top:7px}
.detail-category[aria-pressed="true"] .detail-category-description{display:block}
#details .detail-product-link{font-size:16px;min-height:48px;padding:14px 20px}
@media(min-width:900px){
 #details{height:205svh;min-height:0;padding:0;overflow:clip}
 #details .everyday-grid{top:94px;height:calc(100svh - 100px);align-items:center}
 #details .detail-film-stage{height:min(var(--detail-film-height,calc(100svh - 124px)),calc(100svh - 112px));min-height:0}
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{top:50%;right:0;width:calc(48% - var(--detail-gap,0px));max-height:calc(100svh - 120px);overflow:auto;padding:clamp(12px,2vw,32px);scrollbar-width:thin}
}
@media(max-width:899px){
 #details{height:auto;padding:36px var(--page-edge) 56px;overflow:visible}
 #details .everyday-grid{display:grid;grid-template-columns:1fr;width:100%;margin:0;gap:20px;height:auto;overflow:visible}
 #details .detail-film-stage{height:auto;aspect-ratio:1.2}
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{position:static;width:100%;max-height:none;overflow:visible;translate:none;opacity:1;padding:12px 0}
}
@media(max-width:767px){
 .announcement-slides{width:calc(100vw - 24px)}
 #hero .hero-copy{bottom:64px}
 #details .detail-film-stage{aspect-ratio:1}
 #details .everyday-copy>h2{font-size:clamp(34px,9vw,48px)}
 #details .detail-category-name{font-size:25px}
}

/* Story rail keeps the existing horizontal scroll, with editorial destinations. */
.life-rail-heading{display:block}
.life-rail-heading h2{font-size:clamp(38px,4vw,64px);line-height:1;margin:0 0 10px}
.life-rail-heading>p{font-size:clamp(14px,1.25vw,18px);color:#585b58;margin:0}
.life-panel-copy h3{font:500 clamp(27px,2.5vw,42px)/1.04 Avantt,sans-serif;letter-spacing:-.05em;margin:14px 0}
.life-panel-copy>p:not(.eyebrow){max-width:34ch}
.life-panel-image img{object-fit:cover!important;object-position:center!important;padding:0!important}
.life-panel:nth-child(2) .life-panel-image{background:#e5e5df}
.life-rail-all{align-self:flex-end;margin-right:var(--page-edge);font-size:15px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:767px){.life-rail-heading h2{font-size:36px}.life-panel-copy h3{font-size:28px}.life-rail-all{margin-top:4px}}

/* One extended editorial stage: later portraits join the same moving composition. */
.loop-editorial,.reduce-motion .loop-editorial{position:relative;height:300svh!important;min-height:2100px!important;padding:0;background:#fff;overflow:clip}
.loop-editorial .editorial-canvas{position:sticky;top:0;width:100%;height:100svh;min-height:650px;margin:0}
.loop-editorial .editorial-photo,.loop-editorial.is-visible .editorial-photo{animation:none;transform:translate3d(0,var(--gallery-offset,0svh),0);will-change:transform}
.loop-editorial .editorial-photo-left{top:44%}
.loop-editorial .editorial-photo-bottom{top:78%}
.loop-editorial .editorial-photo-extra{top:105%}
.loop-editorial .editorial-photo-fifth{left:8%;top:123%;width:22%;height:36%}
.loop-editorial .editorial-photo-sixth{right:8%;top:145%;width:19%;height:38%}
.loop-editorial .editorial-photo-seventh{left:36%;top:180%;width:20%;height:36%}
.loop-editorial .editorial-photo-fifth img{object-position:50% 27%}
.loop-editorial .editorial-photo-sixth img{object-position:53% 30%}
.loop-editorial .editorial-photo-seventh img{object-position:63% 50%}
#loop-editorial>.editorial-caption{position:absolute;left:50%;bottom:2svh;width:min(510px,calc(100% - 40px));margin:0;transform:translateX(-50%);text-align:center;z-index:2}
@media(max-width:767px){
 .loop-editorial,.reduce-motion .loop-editorial{height:330svh!important;min-height:2200px!important}
 .loop-editorial .editorial-canvas{height:100svh;min-height:620px}
 .loop-editorial .editorial-photo-left{top:65%}
 .loop-editorial .editorial-photo-bottom{top:98%}
 .loop-editorial .editorial-photo-extra{top:125%}
 .loop-editorial .editorial-photo-fifth{left:5%;top:123%;width:42%;height:35%}
 .loop-editorial .editorial-photo-sixth{right:4%;top:150%;width:38%;height:32%}
 .loop-editorial .editorial-photo-seventh{left:auto;right:4%;top:175%;width:43%;height:34%}
 #loop-editorial>.editorial-caption{left:50%;bottom:2svh;width:90%;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .loop-editorial{height:auto!important;min-height:0!important;padding:80px var(--page-edge);overflow:visible}
 .loop-editorial .editorial-canvas{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .loop-editorial .editorial-kicker,.loop-editorial .editorial-title-window{position:relative;inset:auto;grid-column:1/-1;transform:none}
 .loop-editorial .editorial-title-window h2{animation:none}
 .loop-editorial .editorial-title-window{opacity:1}
 .loop-editorial .editorial-photo{position:relative!important;inset:auto!important;width:100%!important;height:45svh!important;transform:none!important}
 #loop-editorial>.editorial-caption{position:relative;inset:auto;left:auto;transform:none;margin:60px auto 0}
}
.reduce-motion .loop-editorial{height:auto!important;min-height:0!important;padding:80px var(--page-edge);overflow:visible}
.reduce-motion .loop-editorial .editorial-canvas{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.reduce-motion .loop-editorial .editorial-kicker,.reduce-motion .loop-editorial .editorial-title-window{position:relative;inset:auto;grid-column:1/-1;transform:none}
.reduce-motion .loop-editorial .editorial-title-window{opacity:1}
.reduce-motion .loop-editorial .editorial-photo{position:relative!important;inset:auto!important;width:100%!important;height:45svh!important;transform:none!important}
.reduce-motion #loop-editorial>.editorial-caption{position:relative;inset:auto;left:auto;transform:none;margin:60px auto 0}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.loop-editorial .editorial-canvas{grid-template-columns:1fr}}
@media(max-width:767px){.reduce-motion .loop-editorial .editorial-canvas{grid-template-columns:1fr}}

/* Section titles share a large title and a smaller line beneath. */
.product-intro h2{margin-bottom:16px}
#collection .collection-heading{display:block}
#collection .collection-heading h2{margin:0 0 12px}
#collection .collection-heading p{margin:0;color:#5d605c;font-size:clamp(15px,1.25vw,19px);line-height:1.4}
.ugc-heading h2{margin:0 0 10px}
.ugc-heading .ugc-intro{margin:0;font-size:clamp(15px,1.25vw,19px)}
@media(prefers-reduced-motion:reduce){.detail-category,.detail-category-name>span{transition:none}}
.reduce-motion .detail-category,.reduce-motion .detail-category-name>span{transition:none}

/* Homepage collaboration selector: a campaign film when available, product art otherwise. */
#details .detail-film-stage.is-image{cursor:default;background:#f5f0f3}
#details .detail-film-stage[data-product="pleasing"]{background:radial-gradient(circle at 50% 42%,#fff8fc 0,#f1e9ee 68%,#e9e5e8 100%)}
#details .detail-film-stage[data-product="mclaren"]{background:radial-gradient(circle at 48% 40%,#f8eee4 0,#e9dfd2 66%,#ddd6ce 100%)}
#details .detail-film-stage>img{width:100%;height:100%;object-fit:contain;display:block;padding:clamp(24px,7vw,110px);animation:collaboration-image-in .42s ease both}
#details .detail-film-stage>img[hidden],#details .detail-film-stage video[hidden],#details .detail-film-controls button[hidden]{display:none!important}
#details .detail-film-stage.is-image .detail-film-controls,#details .detail-film-stage.is-video-fallback .detail-film-controls{display:none}
#details .detail-film-stage.is-video-fallback video,#details .detail-film-stage.is-image .media-video-indicator,#details .detail-film-stage.is-video-fallback .media-video-indicator{display:none!important}
#details .detail-film-stage.is-video-fallback{background:#f2eeef}
#details .detail-category-name{font-size:clamp(20px,1.75vw,30px);letter-spacing:-.045em}
#details .detail-category-use{margin-top:6px}
#details .detail-category-description{margin-top:8px}
#details .detail-category-description{display:none}
#details .detail-category-list{margin-bottom:12px}
#details .detail-active-description{min-height:2.8em;margin:0 0 18px;color:#565b5b;font-size:14px;line-height:1.4;max-width:42ch}
@keyframes collaboration-image-in{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:767px){#details .detail-category-name{font-size:clamp(21px,5.8vw,25px)}#details .detail-film-stage>img{padding:clamp(24px,9vw,52px)}}
@media(prefers-reduced-motion:reduce){#details .detail-film-stage>img{animation:none}}

/* Revision 74: stable four-card grid and full-width editorial scenes. */
#details{background:#fff}
#collection{padding-bottom:clamp(42px,5vw,86px)}
#collection .collection-heading,#life-rail .life-rail-heading,#worn .ugc-heading{box-sizing:border-box;width:calc(100% - 2 * var(--page-edge));margin-left:var(--page-edge);margin-right:var(--page-edge)}
#collection .collection-heading{margin-bottom:28px}
#collection .collection-filters{margin-bottom:28px}
#collection .product-rail-window{position:relative;top:auto;width:calc(100% - 2 * var(--page-edge));height:auto;margin-inline:var(--page-edge);overflow:visible}
#collection .product-rail-window .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;margin:0;will-change:auto}
#collection .product-rail-window .product-card{min-width:0;flex:none}
#collection .product-rail-spacer,#collection .product-rail-start{display:none}
#life-rail{height:220svh;min-height:0;margin:0;background:#fff}
#life-rail .life-rail-sticky{position:sticky;top:94px;height:calc(100svh - 94px);min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;padding:28px 0 24px;overflow:hidden}
#life-rail .life-rail-heading{flex:none;align-self:auto;margin-bottom:0}
#life-rail .life-rail-heading h2{font-size:var(--section-title);line-height:1.06;margin:0 0 10px}
#life-rail .life-rail-heading>p{font-size:clamp(15px,1.25vw,19px);line-height:1.4}
#life-rail .life-rail-window{position:relative;flex:1;min-height:0;width:calc(100% - 2 * var(--page-edge));margin-inline:var(--page-edge);border-radius:22px;overflow:hidden}
#life-rail .life-rail-track{position:relative;display:block;width:100%;height:100%;gap:0;will-change:auto}
#life-rail .life-panel,#life-rail.is-motion-ready .life-panel,#life-rail.is-motion-ready.is-revealed .life-panel{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;min-width:0;flex:none;margin:0;border:0;border-radius:22px;background:#171719;opacity:var(--story-opacity,0)!important;translate:0 0!important;transform:translateY(var(--story-y,0px)) scale(var(--story-scale,1.045))!important;transition:opacity .16s linear,transform .16s linear!important;pointer-events:none;overflow:hidden}
#life-rail .life-panel:first-child{--story-opacity:1;pointer-events:auto}
#life-rail .life-panel-image{position:absolute;inset:0;width:100%;height:100%;background:#222;overflow:hidden}
#life-rail .life-panel-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.43) 38%,rgba(0,0,0,.05) 78%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 46%)}
#life-rail .life-panel-image img{display:block;width:100%;height:100%;padding:0!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}
#life-rail .life-panel:nth-child(3) .life-panel-image img{object-position:center 42%!important}
#life-rail .life-panel-copy{position:absolute;z-index:1;left:clamp(28px,4vw,76px);top:50%;width:min(520px,68%);padding:0;transform:translateY(-50%);color:#fff}
#life-rail .life-panel-copy .eyebrow{font-size:11px;letter-spacing:.14em;color:#fff;opacity:.85}
#life-rail .life-panel-copy h3{font-size:clamp(48px,5.4vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:12ch}
#life-rail .life-panel-copy>p:not(.eyebrow){font-size:clamp(15px,1.25vw,20px);line-height:1.45;color:#fff;max-width:34ch}
#life-rail .life-panel-copy .outline-button{margin-top:22px;background:#fff;border-color:#fff;color:#1b1b1b;font-size:15px;min-height:48px;padding:14px 20px}
#life-rail .life-panel-copy .outline-button:before{background:#20211e}
#life-rail .life-panel-copy .outline-button:hover,#life-rail .life-panel-copy .outline-button:focus-visible{color:#fff!important}
#life-rail .life-rail-progress{position:absolute;right:calc(var(--page-edge) + 20px);bottom:44px;z-index:4;width:132px;height:2px;align-self:auto;background:#ffffff80}
#life-rail .life-rail-progress span{background:#fff}
#life-rail .life-rail-all{position:absolute;right:calc(var(--page-edge) + 20px);bottom:58px;z-index:4;margin:0;color:#fff;font-size:13px;text-shadow:0 1px 4px #0008}
#worn{padding-top:clamp(32px,4vw,64px)}
#worn .ugc-heading{margin-bottom:24px}
@media(max-width:999px){#collection .product-rail-window .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 #collection .product-rail-window .product-grid{grid-template-columns:1fr;gap:20px}
 #life-rail{height:250svh;margin:0}
 #life-rail .life-rail-sticky{top:76px;height:calc(100svh - 76px);padding:18px 0 16px;gap:14px}
 #life-rail .life-rail-heading h2{font-size:36px}
 #life-rail .life-rail-window{border-radius:16px}
 #life-rail .life-panel{border-radius:16px}
 #life-rail .life-panel-copy{left:24px;right:24px;top:auto;bottom:64px;width:auto;transform:none}
 #life-rail .life-panel-copy h3{font-size:clamp(40px,10vw,62px);margin:12px 0 16px}
 #life-rail .life-panel-copy>p:not(.eyebrow){font-size:14px;max-width:27ch}
 #life-rail .life-panel-copy .outline-button{font-size:13px;margin-top:16px}
 #life-rail .life-panel-image:after{background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.08) 80%)}
 #life-rail .life-rail-all{bottom:30px;right:calc(var(--page-edge) + 18px);font-size:11px}
 #life-rail .life-rail-progress{bottom:18px;right:calc(var(--page-edge) + 18px);width:90px}
}
@media(prefers-reduced-motion:reduce){#life-rail.is-native{height:auto}#life-rail.is-native .life-rail-sticky{position:static;height:auto;padding:22px 0}#life-rail.is-native .life-rail-window{height:auto;overflow:visible}#life-rail.is-native .life-rail-track{display:grid;gap:16px;height:auto}#life-rail.is-native .life-panel{position:relative;inset:auto;height:65svh;opacity:1!important;transform:none!important;pointer-events:auto}#life-rail.is-native .life-rail-progress{display:none}#life-rail.is-native .life-rail-all{position:static;align-self:flex-end;margin-right:var(--page-edge);color:#20211e;text-shadow:none}}
.reduce-motion #life-rail.is-native{height:auto}.reduce-motion #life-rail.is-native .life-rail-sticky{position:static;height:auto;padding:22px 0}.reduce-motion #life-rail.is-native .life-rail-window{height:auto;overflow:visible}.reduce-motion #life-rail.is-native .life-rail-track{display:grid;gap:16px;height:auto}.reduce-motion #life-rail.is-native .life-panel{position:relative;inset:auto;height:65svh;opacity:1!important;transform:none!important;pointer-events:auto}.reduce-motion #life-rail.is-native .life-rail-progress{display:none}.reduce-motion #life-rail.is-native .life-rail-all{position:static;align-self:flex-end;margin-right:var(--page-edge);color:#20211e;text-shadow:none}

/* Revision 75: story frame expands, then the rail advances to the right. */
#life-rail{height:305svh}
#life-rail .life-rail-window{transform-origin:center center;will-change:transform}
#life-rail .life-rail-track{position:relative;display:flex;gap:clamp(14px,2vw,30px);width:max-content;height:100%;will-change:transform}
#life-rail .life-panel,#life-rail.is-motion-ready .life-panel,#life-rail.is-motion-ready.is-revealed .life-panel{position:relative;inset:auto;width:calc(100vw - 2 * var(--page-edge));height:100%;opacity:1!important;transform:none!important;transition:none!important;pointer-events:auto}
#life-rail.is-native .life-rail-window{transform:none!important}
#life-rail.is-native .life-rail-track{width:100%;transform:none!important}
#life-rail.is-native .life-panel{width:100%}
#worn{padding-bottom:clamp(100px,9vw,170px)}
@media(max-width:767px){#life-rail{height:310svh}#life-rail .life-rail-track{gap:14px}#life-rail .life-panel{width:calc(100vw - 2 * var(--page-edge))}#worn{padding-bottom:88px}}
#life-rail.is-native{height:auto}
#life-rail.is-native .life-rail-sticky{position:static;height:auto;overflow:visible}
#life-rail.is-native .life-rail-window{height:auto;overflow:visible}
#life-rail.is-native .life-rail-track{display:grid;gap:16px;height:auto;width:100%;transform:none!important}
#life-rail.is-native .life-panel{height:65svh;min-height:440px}
#life-rail.is-native .life-rail-all{position:static;align-self:flex-end;margin-right:var(--page-edge);color:#20211e;text-shadow:none}
@media(max-width:767px){#life-rail.is-native .life-panel{height:70svh;min-height:400px}}

/* Reviews follow the community films, using sourced Loop customer comments. */
#worn{padding-bottom:clamp(28px,3vw,50px)}
.voices-section{padding:clamp(54px,5vw,82px) var(--space) clamp(88px,9vw,140px);background:#fff}
.voices-heading{text-align:left;margin:0 0 clamp(28px,3vw,42px)}
.voices-heading h2{font-size:var(--section-title);line-height:1.06;letter-spacing:-.035em;margin:0}
.voices-heading>p:last-child{font-size:clamp(15px,1.2vw,18px);color:#5b5d59;margin:14px 0 0}
.voices-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1620px;margin:auto}
.voice-card{display:flex;flex-direction:column;min-width:0;min-height:410px;border:1px solid #dfe1df;border-radius:var(--image-radius);padding:clamp(20px,2vw,30px);background:#f7f8f8;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease}
.voice-card:hover{transform:translateY(-9px);border-color:#bcc1be;background:#fff;box-shadow:0 22px 48px #20211e1c}
.voices-section.is-motion-ready .voice-card{opacity:0;translate:0 42px;transition:opacity .7s ease,translate .85s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease}
.voices-section.is-motion-ready.is-revealed .voice-card{opacity:1;translate:0 0}
.voices-section.is-motion-ready .voice-card:nth-child(2){transition-delay:.1s, .1s, 0s, 0s, 0s, 0s}
.voices-section.is-motion-ready .voice-card:nth-child(3){transition-delay:.2s, .2s, 0s, 0s, 0s, 0s}
.voices-section.is-motion-ready .voice-card:nth-child(4){transition-delay:.3s, .3s, 0s, 0s, 0s, 0s}
.voice-rating{color:#e69237;letter-spacing:.09em;font-size:17px;line-height:1;margin:0 0 21px;white-space:nowrap}
.voice-rating span{color:#c5c7c3}
.voice-card h3{font-size:clamp(21px,1.6vw,27px);line-height:1.1;letter-spacing:-.04em;margin:0 0 13px}
.voice-card blockquote{font-size:clamp(14px,1.05vw,17px);line-height:1.48;margin:0;color:#414440;flex:1}
.voice-author{font-size:13px;margin:22px 0 20px}.voice-author span{color:#737671}
.voice-product{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid #dfe1df}
.voice-product img{width:58px;height:58px;flex:none;object-fit:contain;border-radius:50%;background:#edeeed;transition:scale .4s cubic-bezier(.22,.61,.36,1)}
.voice-card:hover .voice-product img{scale:1.11}
.voice-product div{min-width:0}.voice-product strong{display:block;font-size:14px;line-height:1.2}.voice-product a{display:inline-block;font-size:12px;margin-top:5px;text-decoration:underline;text-underline-offset:4px}
.voice-source{align-self:flex-start;font-size:12px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.voices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-card{min-height:340px}}
@media(max-width:767px){
 .voices-section{padding:54px 22px 84px}.voices-heading{text-align:left;margin-bottom:30px}.voices-heading h2{font-size:var(--section-title)}
 .voices-grid{display:flex;overflow-x:auto;gap:12px;margin-right:-22px;padding:0 22px 14px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.voices-grid::-webkit-scrollbar{display:none}
 .voice-card{flex:0 0 min(82vw,330px);min-height:360px;scroll-snap-align:start;padding:23px}.voice-card blockquote{font-size:15px}
}
@media(hover:none){.voice-card:hover{transform:none;box-shadow:none}.voice-card:hover .voice-product img{scale:1}}
@media(prefers-reduced-motion:reduce){.voice-card,.voice-product img{transition:none!important}.voices-section.is-motion-ready .voice-card{opacity:1;translate:0 0}}
.reduce-motion .voices-section.is-motion-ready .voice-card{opacity:1;translate:0 0;transition:none}

/* Inner image movement gives the gallery depth without changing photo positions. */
.loop-editorial .editorial-photo img{scale:1.075;translate:0 var(--photo-pan,0px);transition:scale .55s cubic-bezier(.22,.61,.36,1)}
.loop-editorial .editorial-photo:hover img{scale:1.14}
@media(prefers-reduced-motion:reduce){.loop-editorial .editorial-photo img{scale:1;translate:0 0;transition:none}}
.reduce-motion .loop-editorial .editorial-photo img{scale:1;translate:0 0;transition:none}

/* Each portrait enters as its place in the continuous editorial scroll arrives. */
.loop-editorial.is-photo-ready .editorial-photo{opacity:0;translate:0 44px;scale:.94;transition:opacity .7s ease,translate .9s cubic-bezier(.16,1,.3,1),scale .9s cubic-bezier(.16,1,.3,1)}
.loop-editorial.is-photo-ready .editorial-photo.is-photo-visible{opacity:1;translate:0 0;scale:1}
@media(prefers-reduced-motion:reduce){.loop-editorial.is-photo-ready .editorial-photo{opacity:1;translate:0 0;scale:1;transition:none}}
.reduce-motion .loop-editorial.is-photo-ready .editorial-photo{opacity:1;translate:0 0;scale:1;transition:none}

/* Wait until the finale itself is in view, then reveal its image and copy. */
#loop-finale.is-motion-ready .finale-visual>img{scale:1.07;transition:scale 1.6s cubic-bezier(.16,1,.3,1)}
#loop-finale.is-motion-ready.is-revealed .finale-visual>img{scale:1}
#loop-finale.is-motion-ready .finale-copy .eyebrow,#loop-finale.is-motion-ready .finale-copy h2,#loop-finale.is-motion-ready .finale-copy .outline-button{filter:blur(8px);translate:0 64px;transition:opacity .85s ease,translate 1.05s cubic-bezier(.16,1,.3,1),filter .9s ease}
#loop-finale.is-motion-ready .finale-copy h2{transition-delay:.16s}
#loop-finale.is-motion-ready .finale-copy .outline-button{transition-delay:.34s}
#loop-finale.is-motion-ready.is-revealed .finale-copy .eyebrow,#loop-finale.is-motion-ready.is-revealed .finale-copy h2,#loop-finale.is-motion-ready.is-revealed .finale-copy .outline-button{filter:blur(0);translate:0 0}
@media(prefers-reduced-motion:reduce){#loop-finale.is-motion-ready .finale-visual>img,#loop-finale.is-motion-ready .finale-copy .eyebrow,#loop-finale.is-motion-ready .finale-copy h2,#loop-finale.is-motion-ready .finale-copy .outline-button{scale:1;filter:none;translate:0 0;transition:none}}
.reduce-motion #loop-finale.is-motion-ready .finale-visual>img,.reduce-motion #loop-finale.is-motion-ready .finale-copy .eyebrow,.reduce-motion #loop-finale.is-motion-ready .finale-copy h2,.reduce-motion #loop-finale.is-motion-ready .finale-copy .outline-button{scale:1;filter:none;translate:0 0;transition:none}

/* Keep the opening headline compact and centered within its own content box. */
@media(min-width:768px){
 #hero .hero-copy{left:clamp(28px,6.2vw,100px);top:50%;bottom:auto;transform:translateY(-47%);width:min(540px,calc(100vw - 56px))}
 #hero .hero-copy h1{font-size:clamp(58px,5.65vw,88px);line-height:.96;letter-spacing:-.055em;text-shadow:0 3px 24px #0007}
 #hero .hero-lead{max-width:390px;margin-top:21px}
 #hero .hero-link{margin-top:26px}
}
@media(max-width:767px){#hero .hero-copy{top:auto;bottom:clamp(72px,12vh,118px);transform:none}}

/* Full-viewport testimonial carousel. */
#voices.voices-section{min-height:100svh;display:grid;align-items:center;padding:clamp(20px,3vw,48px) var(--page-edge);background:#fff}
#voices .voices-stage{position:relative;display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);align-items:center;gap:clamp(38px,6vw,110px);width:100%;min-height:min(760px,calc(100svh - 72px));padding:clamp(40px,6vw,94px);overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 5% 35%,#64434b 0,#412f41 38%,#171331 82%,#15122a 100%)}
#voices .voices-portraits{position:relative;width:min(100%,360px);aspect-ratio:4/5;margin:auto;perspective:900px}
#voices .voices-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 22px 36px #0005;opacity:0;transform:translate(22px,14px) rotate(5deg) scale(.92);transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s ease;pointer-events:none}
#voices .voices-portrait.is-current{z-index:4;opacity:1;transform:translate(0,0) rotate(0) scale(1)}
#voices .voices-portrait.is-next{z-index:3;opacity:.52;transform:translate(15px,-10px) rotate(-4deg) scale(.97)}
#voices .voices-portrait.is-back{z-index:2;opacity:.36;transform:translate(-13px,12px) rotate(5deg) scale(.94)}
#voices .voices-content{position:relative;min-width:0;max-width:850px}
#voices h2{font:500 clamp(22px,2.2vw,36px)/1.1 Avantt,sans-serif;letter-spacing:-.035em;margin:0 0 clamp(28px,4vw,58px)}
#voices .voices-quotes{display:grid;align-items:center;min-height:320px}
#voices .voice-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .45s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility .45s;pointer-events:none}
#voices .voice-slide.is-current{opacity:1;visibility:visible;transform:none;pointer-events:auto}
#voices .voice-slide:before{content:'”';display:block;margin-bottom:-10px;color:#ffffff6b;font:500 92px/1 Georgia,serif}
#voices .voice-rating{font-size:21px;color:#ff9f51;letter-spacing:.08em;margin:0 0 24px}
#voices .voice-slide blockquote{font:400 clamp(23px,2.3vw,38px)/1.35 Avantt,sans-serif;letter-spacing:-.03em;margin:0;max-width:25ch}
#voices .voice-author{font-size:15px;margin:26px 0 3px}
#voices .voice-author span{color:#ffffffa8}
#voices .voice-purchased{font-size:13px;color:#ffffffb5;margin:0 0 14px}
#voices .voice-purchased a,#voices .voice-source{color:#fff;text-decoration:underline;text-underline-offset:4px}
#voices .voice-source{font-size:12px}
#voices .voices-controls{display:flex;align-items:center;gap:10px;margin-top:26px}
#voices .voices-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff83;border-radius:50%;color:#fff;font-size:19px;transition:background .25s,transform .25s}
#voices .voices-arrow:hover,#voices .voices-arrow:focus-visible{background:#ffffff2c;transform:scale(1.08)}
#voices .voices-progress{width:110px;height:3px;overflow:hidden;border-radius:3px;background:#ffffff52}
#voices .voices-progress span{display:block;width:25%;height:100%;background:#fff;transition:width .55s cubic-bezier(.16,1,.3,1)}
#voices .voices-count{margin-left:8px;font-size:12px;letter-spacing:.1em;color:#ffffffae}
#voices.is-motion-ready .voices-stage{opacity:0;transform:translateY(60px) scale(.97);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}
#voices.is-motion-ready.is-revealed .voices-stage{opacity:1;transform:none}
@media(max-width:767px){#voices.voices-section{min-height:auto;padding:24px 16px 42px}#voices .voices-stage{grid-template-columns:1fr;gap:24px;min-height:0;padding:30px 24px 36px;border-radius:18px}#voices .voices-portraits{width:min(58vw,240px);aspect-ratio:4/4.3;margin:12px auto}#voices h2{font-size:28px;margin-bottom:14px}#voices .voices-quotes{min-height:310px}#voices .voice-slide:before{font-size:70px}#voices .voice-slide blockquote{font-size:clamp(21px,5.6vw,27px)}#voices .voice-author{margin-top:20px}#voices .voices-controls{margin-top:16px}}
@media(prefers-reduced-motion:reduce){#voices .voices-stage,#voices .voices-portrait,#voices .voice-slide,#voices .voices-progress span{transition:none!important}#voices.is-motion-ready .voices-stage{opacity:1;transform:none}}
.reduce-motion #voices .voices-stage,.reduce-motion #voices .voices-portrait,.reduce-motion #voices .voice-slide,.reduce-motion #voices .voices-progress span{transition:none!important}
.reduce-motion #voices.is-motion-ready .voices-stage{opacity:1;transform:none}

/* The review carousel currently presents editorial sleep scenarios until customer feedback is verified. */
#voices h2{margin-bottom:12px}
#voices .voice-slide:before{content:none;display:none}
#voices .voice-kicker{margin:0 0 18px;color:#f7b77f;font-size:12px;font-weight:600;letter-spacing:.17em;line-height:1.3}
#voices .voice-statement{max-width:25ch;margin:0;font:400 clamp(23px,2.3vw,38px)/1.27 Avantt,sans-serif;letter-spacing:-.03em}
#voices .voice-detail{max-width:43ch;margin:20px 0 0;color:#ffffffd7;font-size:clamp(14px,1.1vw,17px);line-height:1.48}
#voices .voice-product{display:block;margin:22px 0 0;padding:0;border:0;color:#ffffffb5;font-size:13px}
#voices .voice-product a{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){#voices .voice-kicker{margin-bottom:13px;font-size:11px}#voices .voice-statement{font-size:clamp(21px,5.6vw,27px)}#voices .voice-detail{margin-top:15px;font-size:14px}#voices .voice-product{margin-top:15px}}

/* Shorter product inspection and exact nav clearance. */
.product-stage{height:calc(var(--theatre-height) + 140vh)}
@media(max-width:767px){.product-stage{height:calc(var(--theatre-height) + 120vh)}}
.header.header-hidden{transform:translateY(calc(-100% - 32px));pointer-events:none}
.announcement-bar.announcement-hidden{transform:translateY(-100%);pointer-events:none}

#loop-editorial>.editorial-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;left:auto;bottom:auto;width:max-content;max-width:calc(100% - 40px);min-height:54px;padding:14px 24px;margin:52px auto 0;transform:none;border:1px solid #20211e;border-radius:999px;background:#20211e;color:#fff;font:500 15px/1.2 Avantt,sans-serif;text-decoration:none;transition:background .25s,color .25s,transform .3s}
#loop-editorial>.editorial-cta:hover,#loop-editorial>.editorial-cta:focus-visible{background:#fff;color:#20211e;transform:translateY(-4px)}
@media(max-width:767px){#loop-editorial>.editorial-cta{margin:36px auto 0;min-height:48px;font-size:14px}}

/* The gallery CTA belongs at the end of the full editorial scroll. */
#loop-editorial>.editorial-cta{position:absolute;z-index:8;left:50%;bottom:clamp(40px,5vw,82px);margin:0;transform:translateX(-50%);isolation:isolate;overflow:hidden;background:#20211e;color:#fff;transition:color .35s,transform .4s cubic-bezier(.22,.61,.36,1)}
#loop-editorial>.editorial-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border-radius:inherit;transform:translateY(105%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
#loop-editorial>.editorial-cta:hover,#loop-editorial>.editorial-cta:focus-visible{background:#20211e;color:#20211e;transform:translateX(-50%) translateY(-2px) scale(1.01);opacity:1}
#loop-editorial>.editorial-cta:hover:before,#loop-editorial>.editorial-cta:focus-visible:before{transform:none}
#loop-editorial>.editorial-cta span{transition:transform .35s}
#loop-editorial>.editorial-cta:hover span{transform:translate(4px,-3px)}
.loop-editorial .editorial-title-window h2 span,.loop-editorial .editorial-title-window h2 span[aria-hidden="true"]{padding-right:.13em}
@keyframes editorial-type-loop{to{transform:translateX(calc(-50% - .065em))}}

/* Customer stories are a full-height, click-through experience. */
#voices.voices-section{min-height:100svh;padding:clamp(30px,4vw,64px) clamp(10px,1.35vw,24px)}
#voices .voices-stage{min-height:calc(100svh - clamp(60px,8vw,128px));max-width:none;margin:auto;--voices-grow:1;--voices-opacity:1}
#voices.voices-section .voices-stage,#voices.is-motion-ready .voices-stage,#voices.is-motion-ready.is-revealed .voices-stage{opacity:var(--voices-opacity);transform:scale(var(--voices-grow));transform-origin:center center;transition:none}
#voices .voice-slide{transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1);visibility:hidden}
#voices .voice-slide.is-current{visibility:visible}
#voices .voice-author{display:flex;align-items:center;gap:7px;margin:24px 0 0;font-size:13px}
#voices .voice-author strong{font-weight:600}
#voices .voice-author .voice-indicator{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#32b777;color:#fff;font-size:10px;font-weight:700;letter-spacing:0}
#voices .voice-purchased{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 4px;margin:3px 0 0;padding:0;border:0;font-size:12px;color:#ffffffc2}
#voices .voice-purchased a{font-size:12px;color:#fff;text-decoration:underline;text-underline-offset:3px}
#voices .voice-source{display:inline-block;margin-top:16px;font-size:11px;color:#ffffffa6}
#voices .voice-purchased a:hover,#voices .voice-source:hover{color:#fff;opacity:1}
#voices .voices-stage:focus-visible{outline:2px solid #fff;outline-offset:-8px}
#voices .voices-hover-arrow{position:absolute;z-index:10;left:var(--arrow-x,50%);top:var(--arrow-y,50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#fff;color:#171331;font:400 29px/1 Avantt,sans-serif;box-shadow:0 10px 30px #0004;opacity:0;transform:translate(-50%,-50%) scale(.72);transition:opacity .2s,transform .25s;pointer-events:none}
@media(hover:hover) and (pointer:fine){#voices .voices-stage{cursor:none}#voices .voices-stage.is-pointer-active .voices-hover-arrow{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:900px){#voices .voices-stage{grid-template-columns:minmax(180px,30%) minmax(0,1fr);gap:clamp(18px,3vw,36px);padding:clamp(24px,3vw,48px)}}
@media(max-width:767px){#voices.voices-section{min-height:auto;padding:30px 10px}#voices .voices-stage{grid-template-columns:1fr;min-height:calc(100svh - 60px);padding:34px 24px;gap:16px}#voices .voices-portraits{width:min(60vw,250px)}#voices .voices-quotes{min-height:360px}#voices .voice-author{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#voices.voices-section .voices-stage,#voices.is-motion-ready .voices-stage,#voices.is-motion-ready.is-revealed .voices-stage{opacity:1;transform:none}#voices .voices-hover-arrow{transition:none}#loop-editorial>.editorial-cta,#loop-editorial>.editorial-cta:before{transition:none}}
.reduce-motion #voices.voices-section .voices-stage,.reduce-motion #voices.is-motion-ready .voices-stage,.reduce-motion #voices.is-motion-ready.is-revealed .voices-stage{opacity:1;transform:none}

/* Editorial label stays in the section's flow while the collage travels. */
#loop-editorial>.editorial-kicker{position:absolute;top:clamp(14px,2svh,28px);left:50%;margin:0;transform:translateX(-50%);z-index:6}
@media(min-width:900px){#loop-editorial{margin-top:-64px}}
@media(prefers-reduced-motion:reduce){#loop-editorial>.editorial-kicker{position:relative;inset:auto;left:auto;transform:none;text-align:center;margin:0 0 28px}}
.reduce-motion #loop-editorial>.editorial-kicker{position:relative;inset:auto;left:auto;transform:none;text-align:center;margin:0 0 28px}

/* Six-card scroll rail: four cards are visible before the page pans to the rest. */
#collection{padding-bottom:clamp(42px,5vw,86px)}
#collection .product-rail-start{display:block;height:0}
#collection .product-rail-spacer{display:block;height:var(--collection-travel,0px)}
#collection .product-rail-window{position:sticky;top:110px;overflow:hidden;overflow:clip}
#collection .product-rail-window .product-grid{display:flex;align-items:stretch;gap:20px;width:max-content;max-width:none;transform:translate3d(0,0,0);will-change:transform}
#collection .product-rail-window .product-card{flex:0 0 calc((100vw - 2 * var(--page-edge) - 60px)/4);width:calc((100vw - 2 * var(--page-edge) - 60px)/4)}
#collection .product-rail-window .product-card[hidden]{display:none}
#collection.is-collection-native{padding-bottom:clamp(42px,5vw,86px)}
#collection.is-collection-native .product-rail-spacer{display:none}
#collection.is-collection-native .product-rail-window{position:relative;top:auto;overflow:visible}
#collection.is-collection-native .product-rail-window .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;transform:none!important;will-change:auto}
#collection.is-collection-native .product-rail-window .product-card{width:auto;flex:none}
@media(min-width:768px) and (max-width:999px){#collection .product-rail-window .product-card{flex-basis:calc((100vw - 2 * var(--page-edge) - 20px)/2);width:calc((100vw - 2 * var(--page-edge) - 20px)/2)}}
@media(max-width:767px){#collection .product-rail-window .product-card{flex-basis:min(78vw,390px);width:min(78vw,390px)}#collection.is-collection-native .product-rail-window .product-grid{grid-template-columns:1fr}}

#voices .voices-product-preview{position:absolute;z-index:9;width:150px;height:150px;object-fit:contain;border-radius:18px;background:#faf8f7;box-shadow:0 20px 46px #0005;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
#voices .voices-stage.is-preview-active .voices-product-preview{opacity:1;transform:none}
@media(max-width:767px){#voices .voices-product-preview{display:none}}

/* Keep the whole collection in view while its six cards travel. */
#collection .collection-sticky{position:sticky;top:110px;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 110px)}
#collection .product-rail-spacer{height:calc(var(--collection-travel,0px) + 140px)}
#collection .product-rail-window{position:relative;top:auto;overflow:hidden;overflow:clip;padding:30px min(20px,var(--page-edge)) 42px;margin-top:-30px;margin-bottom:-42px;margin-inline:max(0px,calc(var(--page-edge) - 20px));width:min(100%,calc(100% - 2 * var(--page-edge) + 40px))}
#collection .product-rail-window .product-grid{padding-inline:0 40px}
#collection.is-collection-native .product-rail-window .product-grid{padding-inline:0}
#collection .product-rail-window .product-card{position:relative}
#collection.is-collection-native .collection-sticky{position:relative;top:auto;min-height:0}
#collection.is-collection-native .product-rail-window{overflow:visible}
#collection.is-collection-native .product-rail-spacer{display:none}
@media(max-width:767px){
 #collection .collection-sticky{position:relative;top:auto;min-height:0}
 #collection .product-rail-window,#collection.is-collection-native .product-rail-window{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-edge);overscroll-behavior-inline:contain;padding:20px var(--page-edge) 28px;margin:0;width:100%}
 #collection .product-rail-window .product-grid,#collection.is-collection-native .product-rail-window .product-grid{display:flex;width:max-content;gap:16px;padding-inline:0;transform:none!important;will-change:auto}
 #collection .product-rail-window .product-card,#collection.is-collection-native .product-rail-window .product-card{flex:0 0 min(82vw,370px);width:min(82vw,370px);scroll-snap-align:start}
 #collection .product-rail-spacer{display:none}
}

@media(hover:hover) and (pointer:fine){#voices .voices-stage.is-preview-active .voices-hover-arrow{opacity:0!important;transform:translate(-50%,-50%) scale(.72)!important}}
@media(min-width:768px) and (max-height:950px){#collection .product-rail-window{padding-top:20px;padding-bottom:24px;margin-top:-20px;margin-bottom:-24px}#collection .product-card-image{aspect-ratio:1.9}#collection .product-card-body{padding:14px 16px}#collection .product-card-body>p{margin-bottom:12px;min-height:0}#collection .product-actions{padding-top:8px;margin-top:auto}}

/* Once the exploded view finishes, keep a short inspection beat before the next chapter. */
.product-stage{height:calc(var(--theatre-height) + 45svh)}
@media(max-width:767px){.product-stage{height:calc(var(--theatre-height) + 35svh)}}
@media(prefers-reduced-motion:reduce){.product-stage{height:auto}}
.reduce-motion .product-stage{height:auto}

/* Give the testimonial image and copy enough presence in the full-screen panel. */
@media(min-width:901px){
 #voices .voices-stage{grid-template-columns:minmax(310px,40%) minmax(0,1fr);gap:clamp(36px,5vw,82px);padding:clamp(38px,5vw,76px)}
 #voices .voices-portraits{width:min(100%,430px)}
 #voices h2{font-size:clamp(26px,2.5vw,42px)}
 #voices .voice-slide blockquote{font-size:clamp(26px,2.7vw,42px)}
 #voices .voice-author{font-size:14px}
 #voices .voice-purchased,#voices .voice-purchased a{font-size:13px}
}
@media(max-width:767px){#voices .voices-portraits{width:min(70vw,280px)}}

/* Pin the collection when the filters reach the top, then pan the full cards. */
@media(min-width:768px){
 #collection .collection-sticky{top:0;min-height:0;justify-content:flex-start;padding-top:10px}
 #collection .collection-heading{margin-bottom:16px}
 #collection .collection-filters{margin-bottom:16px}
}
@media(min-width:768px) and (max-height:950px){#collection .product-card-image{aspect-ratio:2.2}}

/* Hand the page to testimonials shortly after the last product card arrives. */
#collection{padding-bottom:clamp(18px,2vw,32px)}
#collection .product-rail-spacer{height:calc(var(--collection-travel,0px) + 24px)}
#voices.voices-section{padding-top:clamp(18px,2vw,30px);padding-bottom:clamp(18px,2vw,30px)}
@media(max-width:767px){#collection{padding-bottom:24px}#collection .product-rail-spacer{display:none}#voices.voices-section{padding-top:18px}}

/* Keep the final mobile portraits in separate columns as they pass each other. */
@media(max-width:767px){.loop-editorial .editorial-photo-seventh{left:5%;right:auto}}

/* Keep the scrollbar's space while the product film temporarily locks scrolling. */
html{scrollbar-gutter:stable}


/* Fast product burst and clear, consistently aligned product choices. */
.engineering-visual #engineering-film,.engineering-visual #engineering-reverse-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:none;filter:brightness(1.054);transform:none;pointer-events:none}
.engineering-visual #engineering-frame[src$="engineering-start-hd.webp"]{filter:brightness(1.054)}
.engineering-visual #engineering-film.is-visible,.engineering-visual #engineering-reverse-film.is-visible{opacity:1}
.engineering-visual #engineering-film[hidden],.engineering-visual #engineering-reverse-film[hidden]{display:none}
#details .detail-film-stage{cursor:default;background:#ebe7e5}
#details .detail-film-stage>img{object-fit:cover;object-position:center;padding:0}
#details .detail-film-stage[data-product="eclipse"]>img{object-position:70% center}
#details .detail-category-list{margin-top:clamp(18px,2vw,28px);margin-bottom:clamp(20px,2vw,30px)}
#details .detail-category{padding-block:clamp(15px,1.6vw,24px)}
#details .detail-category-name{line-height:1.18}
#collection .product-category,#collection .color-label,#collection .card-rating small,#collection .card-price small,#collection .product-card-body>p{display:none}
#collection .product-card-body{display:flex;flex-direction:column;flex:1}
#collection .card-swatches{margin:0 0 12px;min-height:44px}
#collection .product-name-row{min-height:3.1em;display:flex;align-items:flex-start}
#collection .product-name-row h3{min-height:0;margin:0;line-height:1.2}
#collection .card-rating{margin-top:14px;margin-bottom:6px}
#collection .card-price{margin:0 0 16px}
#collection .product-actions{margin-top:auto;padding-top:14px}
@media(max-width:767px){#collection .product-name-row{min-height:3em}#collection .product-card-body{padding:16px}#details .detail-film-stage[data-product="eclipse"]>img{object-position:67% center}}
.engineering-visual:has(#engineering-film.is-visible) #engineering-frame,.engineering-visual:has(#engineering-reverse-film.is-visible) #engineering-frame{visibility:hidden}
/* Short pause after the exploded view before the next section. */
.product-stage{height:calc(var(--theatre-height) + 18svh)}
@media(max-width:767px){.product-stage{height:calc(var(--theatre-height) + 12svh)}}

/* Keep the same product geometry through the entire burst. */
#experience .product-stage{height:calc(var(--theatre-height) + 38svh)}
#experience.is-motion-ready .engineering-visual{opacity:1;scale:1;transition:none}
@media(max-width:767px){
 #experience .product-stage{height:calc(var(--theatre-height) + 35svh)}
}
@media(prefers-reduced-motion:reduce){#experience .product-stage{height:auto}}
.reduce-motion #experience .product-stage{height:auto}

/* Editorial carousel: review-inspired hierarchy without implying customer ratings. */
#voices .voices-content{display:flex;flex-direction:column;align-items:flex-start}
#voices h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#voices .voices-quotes{order:1;align-self:stretch;min-height:380px}
#voices .voice-slide:before{content:'”';display:block;margin:0 0 -4px;color:#ffffff66;font:500 clamp(72px,6vw,102px)/.78 Georgia,serif}
#voices .voice-kicker{margin:0 0 18px;color:#ffad5e;font-size:12px;font-weight:650;letter-spacing:.17em}
#voices .voice-statement{max-width:31ch;font-size:clamp(25px,2.2vw,37px);line-height:1.28;letter-spacing:-.025em}
#voices .voice-detail{max-width:38ch;margin-top:14px;color:#ffffffe8;font-size:clamp(18px,1.48vw,24px);line-height:1.48;letter-spacing:-.012em}
#voices .voice-author{display:flex;align-items:center;gap:8px;margin:24px 0 0;font-size:14px;line-height:1.3}
#voices .voice-author strong{font-weight:600}
#voices .voice-editorial-mark{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#7d9d86;color:#fff;font-size:11px;line-height:1}
#voices .voice-product{margin:5px 0 0;color:#ffffffbc;font-size:13px;line-height:1.4}
#voices .voice-product a{display:inline;margin:0;font-size:inherit;color:#fff;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:900px){#voices .voices-quotes{min-height:425px}#voices .voice-detail{font-size:clamp(17px,2vw,21px)}}
@media(max-width:767px){#voices .voices-quotes{min-height:390px}#voices .voice-slide:before{font-size:70px;margin-bottom:-2px}#voices .voice-kicker{font-size:10px;margin-bottom:12px}#voices .voice-statement{font-size:clamp(23px,5.4vw,28px)}#voices .voice-detail{font-size:clamp(16px,3.9vw,19px);line-height:1.42;margin-top:12px}#voices .voice-author{margin-top:18px;font-size:12px}#voices .voice-product{font-size:11px}}

/* Exploded-view callouts: larger unframed glyphs and an easy-to-scan text column. */
#experience .hotspot-detail{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;row-gap:5px;width:340px;padding:20px 22px 21px;border:1px solid transparent;border-radius:14px;background:transparent;box-shadow:none;pointer-events:none;isolation:isolate}
#experience .hotspot-detail[hidden]{display:none}
#experience .hotspot-detail:before{border-color:#dededa}
#experience .hotspot-detail-surface{position:absolute;inset:-1px;z-index:-1;border:1px solid #dededa;border-radius:inherit;background:#fff;box-shadow:0 16px 40px #1b1c1a14;transform-origin:50% 70%;pointer-events:none}
#experience .hotspot-detail-header{grid-column:1;grid-row:1/span 2;align-self:center}
#experience .hotspot-detail-glyph{display:block;width:42px;height:42px;color:#272925}
#experience .hotspot-detail-glyph svg{display:block;width:42px;height:42px;stroke-width:1.3}
#experience .hotspot-detail-glyph svg[hidden]{display:none}
#experience .hotspot-detail-glyph img{display:block;position:static;inset:auto;width:42px;height:42px;object-fit:contain;transform:none;filter:none;will-change:auto}
#experience .hotspot-detail-glyph img[hidden]{display:none}
#experience .hotspot-detail h3{grid-column:2;grid-row:1;margin:0;color:#20221f}
#experience .hotspot-detail p:last-child{grid-column:2;grid-row:2;margin:0;color:#555751;text-wrap:pretty}
@media(max-width:767px){
 #experience .hotspot-detail{width:min(320px,calc(100vw - 32px));grid-template-columns:38px minmax(0,1fr);column-gap:13px;row-gap:5px;padding:17px 18px 18px}
 #experience .hotspot-detail-glyph,#experience .hotspot-detail-glyph svg{width:38px;height:38px}
 #experience .hotspot-detail-glyph img{width:38px;height:38px}
}

/* Keep the home-page brand mark on the opening headline grid.  The existing
   solid state follows the hero, so the divider belongs only to that state. */
:root{--hero-alignment-edge:clamp(28px,4.8vw,80px)}
#header{padding-inline-start:var(--hero-alignment-edge)}
#header:after{transition:opacity .25s ease}
#header:not(.solid):after{opacity:0}
/* Closing Shop on the transparent hero must not leave a fading white panel
   or recolor its outgoing pill before the original slide-out finishes. */
#header:not(.solid):not(.nav-open){transition:transform .28s ease}
#header:not(.solid):not(.nav-open) .shop-dropdown{transition:none}
#header:not(.solid) .shop-dropdown{transform:none}
#header:not(.solid):not(.nav-open) #shop-menu:not(:hover):not(:focus-visible) .nav-duplicate{background:#20211e;color:#fff;box-shadow:none}
@media(min-width:768px){#hero .hero-copy{left:var(--hero-alignment-edge)}}
@media(max-width:767px){#header{padding-inline-start:22px}}
@media(prefers-reduced-motion:reduce){#header:after{transition:none}}


/* Keep a readable low-bandwidth state inside the engineering chapter. */
#experience #engineering-frame[data-media-state="error"]{visibility:hidden}
#experience .engineering-visual>.media-video-indicator{display:none!important}
#experience .engineering-loading-status{position:absolute;z-index:6;left:50%;bottom:6px;translate:-50% 0;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:9px 12px;background:#fff;border:1px solid #dededb;border-radius:4px;box-shadow:0 5px 20px #00000012;color:#555;font-size:11px;white-space:nowrap}
#experience .engineering-loading-status[hidden],#experience .engineering-loading-status button[hidden]{display:none!important}
#experience .engineering-loading-status button{min-height:44px;padding:8px 10px;border-bottom:1px solid currentColor;font-size:11px;color:#222;white-space:nowrap}
#experience .engineering-loading-status button:hover{opacity:.7}
@media(max-width:767px){#experience .engineering-loading-status{bottom:8px;flex-wrap:wrap;justify-content:center;text-align:center;white-space:normal;font-size:10px}#experience .engineering-loading-status button{font-size:10px}}

/* Sleep editorial: a single quiet tableau, with the photographs arriving after the copy. */
#loop-editorial{height:175svh!important;min-height:0!important;padding:0 clamp(12px,1.8vw,28px);background:#fff;overflow:clip}
#loop-editorial .editorial-canvas{position:sticky;top:0;display:block;width:100%;max-width:none;height:100svh;min-height:0;margin:0;isolation:isolate}
#loop-editorial .editorial-copy{position:absolute;left:50%;top:50%;right:auto;bottom:auto;z-index:4;width:min(72%,850px);max-width:calc(100% - 24px);overflow:visible;text-align:center;transform:translate(-50%,-50%);pointer-events:auto}
#loop-editorial .editorial-copy h2{position:static;display:block;width:auto;max-width:none;margin:0;color:#1d1e1d;font:500 clamp(48px,min(4.9vw,7.6svh),78px)/.98 Avantt,sans-serif;letter-spacing:-.065em;white-space:normal;text-align:center;transform:none;animation:none;pointer-events:auto;text-wrap:balance}
#loop-editorial .editorial-copy p{max-width:52ch;margin:22px auto 0;color:#5e625e;font:400 clamp(14px,1.18vw,18px)/1.45 Avantt,sans-serif;text-wrap:balance}
#loop-editorial .editorial-copy .editorial-cta{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:inline-flex;align-items:center;justify-content:center;gap:0;width:auto;min-width:220px;min-height:56px;margin:26px auto 0;padding:13px 50px;border:1px solid #1f201f;border-radius:999px;background:#1f201f;color:#fff;font:500 clamp(16px,1.1vw,18px)/1.2 Avantt,sans-serif;text-decoration:none;transform:none;isolation:isolate;overflow:hidden;transition:color .35s,transform .4s cubic-bezier(.22,.61,.36,1)}
#loop-editorial .editorial-copy .editorial-cta-label{position:absolute;left:50%;top:50%;display:block;text-align:center;white-space:nowrap;line-height:1.2;transform:translate(-50%,-50%)}
#loop-editorial .editorial-copy .editorial-cta-arrow{position:absolute;right:20px;top:50%;display:block;font-size:18px;line-height:1;transform:translateY(-50%)}
#loop-editorial .editorial-copy .editorial-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border-radius:inherit;transform:translateY(105%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
#loop-editorial .editorial-copy .editorial-cta:hover,#loop-editorial .editorial-copy .editorial-cta:focus-visible{background:#1f201f;color:#1f201f;transform:translateY(-3px)}
#loop-editorial .editorial-copy .editorial-cta:hover:before,#loop-editorial .editorial-copy .editorial-cta:focus-visible:before{transform:none}
#loop-editorial .editorial-copy .editorial-cta:focus-visible{outline:2px solid #1f201f;outline-offset:4px}
#loop-editorial .editorial-photo,#loop-editorial.is-visible .editorial-photo{position:absolute;inset:auto;z-index:2;display:block;width:var(--card-w);height:var(--card-h);border-radius:16px;overflow:hidden;opacity:1;translate:0;scale:1;transform:rotate(var(--tilt));box-shadow:0 12px 30px rgba(24,27,30,.07);will-change:transform,opacity;animation:none!important}
#loop-editorial .editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,center);scale:1;translate:0;transform:none;transition:none}
#loop-editorial .editorial-photo:hover img{scale:1}
#loop-editorial .editorial-photo-one{left:4%;top:7%;--card-w:19%;--card-h:26%;--tilt:-2.5deg;--from-x:36vw;--from-y:27vh;--image-position:50% 50%}
#loop-editorial .editorial-photo-two{left:40%;top:4%;--card-w:20%;--card-h:26%;--tilt:1.8deg;--from-x:0vw;--from-y:33vh;--image-position:80% 50%}
#loop-editorial .editorial-photo-three{right:4%;top:8%;--card-w:19%;--card-h:26%;--tilt:-1.6deg;--from-x:-36vw;--from-y:27vh;--image-position:50% 45%}
#loop-editorial .editorial-photo-four{left:4%;bottom:6%;--card-w:21%;--card-h:26%;--tilt:2deg;--from-x:36vw;--from-y:-30vh;--image-position:50% 50%}
#loop-editorial .editorial-photo-five{left:41%;bottom:5%;--card-w:18%;--card-h:26%;--tilt:-2.4deg;--from-x:0vw;--from-y:-31vh;--image-position:50% 0%}
#loop-editorial .editorial-photo-six{right:4%;bottom:6%;--card-w:21%;--card-h:26%;--tilt:1.7deg;--from-x:-36vw;--from-y:-30vh;--image-position:0% 50%}
#loop-editorial.is-motion-ready .editorial-copy{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .8s cubic-bezier(.16,1,.3,1)}
#loop-editorial.is-motion-ready.is-text-visible .editorial-copy{opacity:1;translate:0 0}
#loop-editorial.is-motion-ready .editorial-photo{opacity:0;pointer-events:none;transform:translate3d(var(--from-x),var(--from-y),0) rotate(0deg) scale(.5);transition:opacity .55s ease,transform .95s cubic-bezier(.16,1,.3,1)}
#loop-editorial.is-motion-ready.is-images-visible .editorial-photo{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) rotate(var(--tilt)) scale(1)}
#loop-editorial.is-motion-ready.is-images-visible .editorial-photo:hover{transform:translate3d(0,0,0) rotate(0deg) scale(1.025)}
#loop-editorial .editorial-photo-two,#loop-editorial .editorial-photo-five{transition-delay:.06s}
#loop-editorial .editorial-photo-three,#loop-editorial .editorial-photo-six{transition-delay:.12s}
@media(min-width:768px) and (max-height:800px){
 #loop-editorial .editorial-copy p{margin-top:16px}
 #loop-editorial .editorial-copy .editorial-cta{min-height:52px;margin-top:20px}
 #loop-editorial .editorial-photo-one,#loop-editorial .editorial-photo-two,#loop-editorial .editorial-photo-three,#loop-editorial .editorial-photo-four,#loop-editorial .editorial-photo-five,#loop-editorial .editorial-photo-six{--card-h:24%}
 #loop-editorial .editorial-photo-one{--image-position:50% 50%}
 #loop-editorial .editorial-photo-three{--image-position:57% 25%}
 #loop-editorial .editorial-photo-six{--card-w:21%;--card-h:24%;--image-position:0% 50%}
}
@media(min-width:768px) and (max-height:580px){
 #loop-editorial .editorial-copy h2{font-size:clamp(38px,min(4.9vw,7.6svh),44px)}
 #loop-editorial .editorial-copy p{margin-top:10px;font-size:14px}
 #loop-editorial .editorial-copy .editorial-cta{min-height:46px;margin-top:12px;font-size:15px}
 #loop-editorial .editorial-photo-one,#loop-editorial .editorial-photo-three{--card-w:min(19%,35svh)}
 #loop-editorial .editorial-photo-two{--card-w:min(20%,37svh)}
 #loop-editorial .editorial-photo-four{--card-w:min(21%,38svh)}
 #loop-editorial .editorial-photo-six{--card-w:min(21%,38svh)}
 #loop-editorial .editorial-photo-five{--card-w:min(18%,34svh)}
 #loop-editorial .editorial-photo-two,#loop-editorial .editorial-photo-five{left:50%;translate:-50% 0}
 #loop-editorial .editorial-photo-one,#loop-editorial .editorial-photo-two,#loop-editorial .editorial-photo-three,#loop-editorial .editorial-photo-four,#loop-editorial .editorial-photo-five,#loop-editorial .editorial-photo-six{--card-h:20%}
}
@media(min-width:768px) and (max-width:1100px){
 #loop-editorial .editorial-photo-six{--card-w:27%;--card-h:22%;--image-position:18% 50%}
}
@media(min-width:768px) and (max-width:900px){
 #loop-editorial .editorial-photo-three{--card-w:27%;--card-h:22%}
}
@media(max-width:767px){
 #loop-editorial{height:165svh!important;padding:0 12px}
 #loop-editorial .editorial-copy{width:100%;max-width:calc(100% - 12px)}
 #loop-editorial .editorial-copy h2{font-size:clamp(30px,9vw,43px);line-height:1.02}
 #loop-editorial .editorial-copy p{max-width:32ch;margin-top:13px;font-size:13px}
 #loop-editorial .editorial-copy .editorial-cta{min-width:186px;min-height:46px;margin-top:20px;padding:10px 42px;gap:0;font-size:15px}
 #loop-editorial .editorial-copy .editorial-cta-arrow{right:16px;font-size:16px}
 #loop-editorial .editorial-photo{border-radius:10px}
 #loop-editorial .editorial-photo-one{left:1%;top:8%;--card-w:29%;--card-h:21%;--from-x:35vw;--from-y:30vh}
 #loop-editorial .editorial-photo-two{left:36%;top:4%;--card-w:26%;--card-h:22%;--from-x:0vw;--from-y:35vh;--image-position:68% 50%}
 #loop-editorial .editorial-photo-three{right:1%;top:8%;--card-w:33%;--card-h:19%;--from-x:-35vw;--from-y:30vh;--image-position:48% 35%}
 #loop-editorial .editorial-photo-four{left:1%;bottom:8%;--card-w:29%;--card-h:21%;--from-x:35vw;--from-y:-30vh}
 #loop-editorial .editorial-photo-five{left:36%;bottom:4%;--card-w:24%;--card-h:22%;--from-x:0vw;--from-y:-35vh;--image-position:50% 0%}
 #loop-editorial .editorial-photo-six{right:1%;bottom:8%;--card-w:35%;--card-h:17%;--from-x:-35vw;--from-y:-30vh;--image-position:17% 50%}
}
@media(max-width:767px) and (max-height:700px){#loop-editorial .editorial-photo-one,#loop-editorial .editorial-photo-three,#loop-editorial .editorial-photo-four,#loop-editorial .editorial-photo-six{--card-h:18%}#loop-editorial .editorial-photo-two,#loop-editorial .editorial-photo-five{--card-h:19%}}
@media(max-width:767px) and (max-height:700px){#loop-editorial .editorial-photo-six{--card-h:17%}}
@media(hover:none){#loop-editorial.is-motion-ready.is-images-visible .editorial-photo:hover{transform:rotate(var(--tilt))}}
@media(prefers-reduced-motion:reduce){
 #loop-editorial{height:auto!important;min-height:0!important;padding:clamp(36px,6vw,70px) clamp(16px,3vw,36px);overflow:visible}
 #loop-editorial .editorial-canvas{position:relative;top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:auto;min-height:0}
 #loop-editorial .editorial-copy{position:relative;inset:auto;grid-column:1/-1;width:min(100%,850px);max-width:100%;margin:0 auto 18px;transform:none}
 #loop-editorial .editorial-photo{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1;box-shadow:none}
 #loop-editorial.is-motion-ready .editorial-copy,#loop-editorial.is-motion-ready .editorial-photo,#loop-editorial.is-motion-ready.is-images-visible .editorial-photo{opacity:1;translate:0;transform:none;transition:none!important;pointer-events:auto}
 #loop-editorial .editorial-copy .editorial-cta,#loop-editorial .editorial-copy .editorial-cta:before{transition:none}
}
.reduce-motion #loop-editorial{height:auto!important;min-height:0!important;padding:clamp(36px,6vw,70px) clamp(16px,3vw,36px);overflow:visible}
.reduce-motion #loop-editorial .editorial-canvas{position:relative;top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:auto;min-height:0}
.reduce-motion #loop-editorial .editorial-copy{position:relative;inset:auto;grid-column:1/-1;width:min(100%,850px);max-width:100%;margin:0 auto 18px;transform:none}
.reduce-motion #loop-editorial .editorial-photo{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1;box-shadow:none}
.reduce-motion #loop-editorial.is-motion-ready .editorial-copy,.reduce-motion #loop-editorial.is-motion-ready .editorial-photo,.reduce-motion #loop-editorial.is-motion-ready.is-images-visible .editorial-photo{opacity:1;translate:0;transform:none;transition:none!important;pointer-events:auto}
@media(max-width:767px) and (prefers-reduced-motion:reduce){#loop-editorial .editorial-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.reduce-motion #loop-editorial .editorial-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Sleep product selector: keep the existing split, scroll fold and switch timing. */
#details{background:#fff}
#details .everyday-copy>h2{font-size:clamp(34px,3vw,54px);line-height:1.03;margin-bottom:18px}
#details .everyday-copy .section-lead{max-width:39ch;font-size:clamp(15px,1.15vw,18px);line-height:1.45;margin-bottom:25px;color:#5b5d5b}
#details .detail-film-stage,#details .detail-film-stage.is-image{background:#152033}
#details .detail-film-stage>img{object-fit:cover;object-position:50% 47%;padding:0;animation:none;border-radius:0}
#details .detail-film-stage[data-product="quiet"]>img{object-position:50% 50%}
#details .detail-film-stage[data-product="switch"]>img{object-position:50% 50%}
#details .detail-category-list{margin-top:0;margin-bottom:0;border-color:#d8d9d7}
#details .detail-category{color:#969895;opacity:1;border-color:#d8d9d7;padding-block:15px;transition:color .25s ease,padding-left .25s ease}
#details .detail-category:hover,#details .detail-category:focus-visible,#details .detail-category.is-active{color:#20211e;opacity:1}
#details .detail-category:focus-visible{outline:2px solid #20211e;outline-offset:3px}
#details .detail-category-name{font-size:clamp(22px,1.75vw,30px);line-height:1.12}
#details .detail-category-name>.detail-category-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#20211e;opacity:0;transform:translate(-5px,5px) rotate(0deg);transform-origin:center;transition:opacity .22s ease,transform .48s cubic-bezier(.16,1,.3,1)}
#details .detail-category-icon svg{display:block;width:26px;height:26px;overflow:visible}
#details .detail-category-icon path{stroke-dasharray:41;stroke-dashoffset:41;transition:stroke-dashoffset .5s cubic-bezier(.16,1,.3,1)}
#details .detail-category:hover .detail-category-name>.detail-category-icon,#details .detail-category:focus-visible .detail-category-name>.detail-category-icon{opacity:1;transform:translate(0,0) rotate(45deg)}
#details .detail-category:hover .detail-category-icon path,#details .detail-category:focus-visible .detail-category-icon path{stroke-dashoffset:0}
#details .detail-category-use{font-size:10px;line-height:1.4;letter-spacing:.12em;color:inherit;opacity:.85;margin-top:4px}
#details .detail-category-description{display:block;max-width:43ch;max-height:0;margin-top:0;overflow:hidden;opacity:0;color:#585b59;font-size:14px;line-height:1.45;transition:max-height .26s cubic-bezier(.22,.61,.36,1),opacity .26s cubic-bezier(.22,.61,.36,1),margin-top .26s cubic-bezier(.22,.61,.36,1)}
#details .detail-category.is-active .detail-category-description{max-height:4.5em;margin-top:11px;opacity:1}
@media(hover:none){#details .detail-category-name>.detail-category-icon{opacity:1;transform:rotate(45deg)}#details .detail-category-icon path{stroke-dashoffset:0}}
@media(min-width:900px){
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{max-height:none;overflow:visible}
}
@media(min-width:900px) and (max-height:520px){
 #details{height:auto;min-height:0;padding:44px 0 72px;overflow:visible}
 #details .everyday-grid{position:relative;top:auto;height:auto;min-height:0;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:clamp(24px,4vw,60px);overflow:visible;align-items:center}
 #details .detail-film-stage{height:clamp(360px,70svh,560px)}
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{position:relative;top:auto;right:auto;width:auto;max-height:none;overflow:visible;opacity:1;transform:none;translate:none;padding:12px clamp(12px,2vw,28px)}
}
@media(min-width:900px) and (min-height:521px) and (max-height:740px){
 #details .everyday-grid{top:76px;height:calc(100svh - 84px)}
 #details .detail-film-stage{height:min(var(--detail-film-height,calc(100svh - 110px)),calc(100svh - 92px))}
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{padding:8px clamp(14px,2vw,28px)}
 #details .everyday-copy>h2{font-size:clamp(30px,2.7vw,40px);margin-bottom:9px}
 #details .everyday-copy .section-lead{font-size:14px;line-height:1.35;margin-bottom:10px}
 #details .detail-category-list{margin-bottom:0}
 #details .detail-category{padding-block:9px}
 #details .detail-category-name{font-size:clamp(20px,1.6vw,25px)}
 #details .detail-active-description{min-height:0;margin-bottom:10px;font-size:13px}
}
@media(max-width:899px){
 #details .everyday-copy>h2{font-size:clamp(34px,5.2vw,47px)}
 #details .detail-category-name{font-size:clamp(23px,3vw,28px)}
}
@media(max-width:767px){
 #details .everyday-copy>h2{font-size:clamp(31px,8.4vw,42px)}
 #details .everyday-copy .section-lead{font-size:15px;margin-bottom:20px}
 #details .detail-category-name{font-size:clamp(21px,5.7vw,25px)}
 #details .detail-category{padding-block:16px}
 #details .detail-category-description{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 #details .detail-category,#details .detail-category-name>.detail-category-icon,#details .detail-category-description,#details .detail-category-icon path{transition:none}
}
.reduce-motion #details .detail-category,.reduce-motion #details .detail-category-name>.detail-category-icon,.reduce-motion #details .detail-category-description,.reduce-motion #details .detail-category-icon path{transition:none}
@media(min-width:900px) and (prefers-reduced-motion:reduce){
 #details{height:auto;min-height:0;padding:48px 0 72px;overflow:visible}
 #details .everyday-grid{position:static;top:auto;height:auto;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:var(--detail-gap,0px);overflow:visible}
 #details .detail-film-stage{height:min(70svh,760px)}
 #details .everyday-copy,#details.is-motion-ready .everyday-copy,#details.is-motion-ready.is-revealed .everyday-copy{position:static;top:auto;right:auto;width:auto;max-height:none;overflow:visible;opacity:1;translate:none}
}
@media(min-width:900px){
 .reduce-motion #details{height:auto;min-height:0;padding:48px 0 72px;overflow:visible}
 .reduce-motion #details .everyday-grid{position:static;top:auto;height:auto;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:var(--detail-gap,0px);overflow:visible}
 .reduce-motion #details .detail-film-stage{height:min(70svh,760px)}
 .reduce-motion #details .everyday-copy,.reduce-motion #details.is-motion-ready .everyday-copy,.reduce-motion #details.is-motion-ready.is-revealed .everyday-copy{position:static;top:auto;right:auto;width:auto;max-height:none;overflow:visible;opacity:1;translate:none}
}

/* One short description restores hierarchy without the earlier micro-label clutter. */
#collection .product-card-body>p{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
 min-height:3em;margin:0 0 6px;color:#5f605f;font-size:13px;line-height:1.5
}
#collection .product-actions{padding-top:12px}
@media(max-width:767px){#collection .product-card-body>p{min-height:0;font-size:13px}}

/* The Paris earplug and the full face remain visible as the photo grows. */
#details .detail-film-stage[data-product="paris"]>img{object-position:center 43%}
#details .detail-film-stage[data-product="eclipse"]>img{object-position:center 43%}

/* Sleep use cases between the product engineering and the next chapter. */
#sleep-scenarios{background:#fff;color:#20211e;padding:clamp(64px,7vw,112px) var(--page-edge,var(--space)) clamp(72px,8vw,128px)}
#sleep-scenarios .sleep-scenarios-inner{width:100%;margin-inline:auto}
#sleep-scenarios .sleep-scenarios-heading{text-align:center;margin:0 auto clamp(34px,3.5vw,56px)}
#sleep-scenarios h2{font-size:clamp(38px,4.3vw,68px);font-weight:500;line-height:1.04;letter-spacing:-.05em;margin:0 0 12px;text-wrap:balance}
#sleep-scenarios .sleep-scenarios-heading p{font-size:clamp(16px,1.35vw,20px);line-height:1.4;color:#5d5d5b;margin:0}
#sleep-scenarios .sleep-scenarios-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.8vw,30px)}
#sleep-scenarios .sleep-scenario{min-width:0}
#sleep-scenarios .sleep-scenario-media{width:100%;aspect-ratio:1.5;overflow:hidden;border-radius:18px;background:#171b27}
#sleep-scenarios .sleep-scenario img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .7s cubic-bezier(.16,1,.3,1)}
#sleep-scenarios .sleep-scenario-copy{transform:translateY(0);transition:transform .7s cubic-bezier(.16,1,.3,1)}
#sleep-scenarios .sleep-scenario h3{font-size:clamp(23px,1.9vw,30px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:20px 0 6px}
#sleep-scenarios .sleep-scenario p{font-size:clamp(14px,1.05vw,16px);line-height:1.5;color:#5d5d5b;margin:0}
/* Reveal when the heading enters the reading area; retain the card hover motion. */
#sleep-scenarios.is-motion-ready .sleep-scenarios-heading h2,#sleep-scenarios.is-motion-ready .sleep-scenarios-heading p,#sleep-scenarios.is-motion-ready .sleep-scenario{opacity:0;translate:0 42px}
#sleep-scenarios.is-motion-ready .sleep-scenario{scale:.965}
#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenarios-heading h2,#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenarios-heading p,#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenario{opacity:1;translate:0 0;transition:opacity .8s ease,translate 1s cubic-bezier(.16,1,.3,1),scale 1s cubic-bezier(.16,1,.3,1)}
#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenario{scale:1}
#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenarios-heading p{transition-delay:.1s}
#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenario:nth-child(1){transition-delay:.2s}
#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenario:nth-child(2){transition-delay:.36s}
#sleep-scenarios.is-motion-ready.is-revealed .sleep-scenario:nth-child(3){transition-delay:.52s}
@media(hover:hover) and (pointer:fine){
 #sleep-scenarios .sleep-scenario:hover img{transform:scale(1.065)}
 #sleep-scenarios .sleep-scenario:hover .sleep-scenario-copy{transform:translateY(-9px)}
}
@media(max-width:767px){
 #sleep-scenarios{padding:64px var(--page-edge,var(--space)) 76px}
 #sleep-scenarios .sleep-scenarios-heading{text-align:left;margin-bottom:32px}
 #sleep-scenarios h2{font-size:clamp(36px,9vw,48px);max-width:12ch;margin-bottom:10px}
 #sleep-scenarios .sleep-scenarios-heading p{font-size:16px}
 #sleep-scenarios .sleep-scenarios-grid{grid-template-columns:1fr;gap:34px}
 #sleep-scenarios .sleep-scenario-media{aspect-ratio:1.53;border-radius:16px}
 #sleep-scenarios .sleep-scenario h3{font-size:25px;margin:15px 0 5px}
 #sleep-scenarios .sleep-scenario p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){#sleep-scenarios .sleep-scenario img,#sleep-scenarios .sleep-scenario-copy{transition:none!important;transform:none!important}}
.reduce-motion #sleep-scenarios .sleep-scenario img,.reduce-motion #sleep-scenarios .sleep-scenario-copy{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){#sleep-scenarios.is-motion-ready .sleep-scenarios-heading h2,#sleep-scenarios.is-motion-ready .sleep-scenarios-heading p,#sleep-scenarios.is-motion-ready .sleep-scenario{opacity:1;translate:0 0;scale:1;transition:none!important}}
.reduce-motion #sleep-scenarios.is-motion-ready .sleep-scenarios-heading h2,.reduce-motion #sleep-scenarios.is-motion-ready .sleep-scenarios-heading p,.reduce-motion #sleep-scenarios.is-motion-ready .sleep-scenario{opacity:1;translate:0 0;scale:1;transition:none!important}

/* V9 sleep film: preserve the wider body composition on portrait screens. */
#hero .film{background:#06090e}
#hero .hero-media{object-fit:cover;object-position:55% 50%}
#hero .hero-shade{background:linear-gradient(90deg,rgba(6,9,14,.64),rgba(6,9,14,.2) 38%,transparent 65%)}
@media(max-width:767px){
 #hero{--hero-mobile-height:max(640px,calc(62.5vw + 470px));height:calc(var(--hero-mobile-height) + 100svh)}
 #hero .hero-stage{height:var(--hero-mobile-height);min-height:var(--hero-mobile-height)}
 #hero .hero-media{top:88px;width:100%;height:62.5vw;min-height:0;object-fit:cover;object-position:55% 50%;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}
 #hero .hero-shade{background:none}
 #hero .hero-copy{top:calc(88px + 62.5vw + 20px);bottom:auto;transform:none}
 #hero .hero-copy h1{font-size:clamp(42px,12vw,54px)}
 #hero .hero-lead{max-width:34ch;margin-top:16px}
 #hero .hero-link{margin-top:20px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){#hero{height:var(--hero-mobile-height)}}
@media(max-width:767px){.reduce-motion #hero{height:var(--hero-mobile-height)}}

/* Sleep-focused product engineering. */
#experience .product-intro>p:not(.eyebrow){max-width:660px;margin-inline:auto;text-wrap:balance}
#experience .product-stage{--theatre-height:calc(100svh - 92px);height:200svh}
#experience .hotspots.is-collapsing{transition:none}
#experience #engineering-frame[data-media-state="loading"]{background:transparent;animation:none}
#experience .hotspot-detail h3{font-size:16px;line-height:1.25;font-weight:600;letter-spacing:-.018em;text-transform:none}
#experience .hotspot-detail p:last-child{font-size:14px;line-height:1.45}
@media(max-width:767px){
 #experience .product-intro>p:not(.eyebrow){max-width:37ch}
 #experience .product-stage{--theatre-height:calc(100svh - 76px);height:200svh}
 #experience .product-sticky{top:76px;height:var(--theatre-height)}
 #experience .engineering-visual{max-width:100%}
 #experience .hotspot-detail h3{font-size:14px;letter-spacing:-.012em}
 #experience .hotspot-detail p:last-child{font-size:13px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){#experience .product-stage{height:auto}}
.reduce-motion #experience .product-stage{height:auto}
@media(max-width:767px) and (prefers-reduced-motion:reduce){#experience .product-sticky{height:min(650px,calc(100svh - 100px))}}
@media(max-width:767px){.reduce-motion #experience .product-sticky{height:min(650px,calc(100svh - 100px))}}

/* Editorial product selector: fixed rows keep short descriptions from shifting the layout. */
#details .everyday-copy>h2{margin-bottom:clamp(24px,2.4vw,34px)}
#details .detail-category-list{border-top:1px solid #d8d9d7}
#details .detail-category{display:flex;flex-direction:column;align-items:stretch;justify-content:center;box-sizing:border-box;height:74px;min-height:74px;padding:8px 0;background:none;color:#666965;border-bottom:1px solid #d8d9d7;transition:color .2s ease}
#details .detail-category:hover,#details .detail-category:focus-visible,#details .detail-category.is-active{padding-left:0;background:none;color:#20211e;border-bottom-color:#d8d9d7}
#details .detail-category-name{width:100%;font-size:clamp(23px,1.8vw,30px)}
#details .detail-category-name>.detail-category-icon{opacity:0;transform:none;transition:opacity .2s ease}
#details .detail-category.is-active .detail-category-name>.detail-category-icon,#details .detail-category:hover .detail-category-name>.detail-category-icon,#details .detail-category:focus-visible .detail-category-name>.detail-category-icon{opacity:.72;transform:none}
#details .detail-category-icon path{stroke-dashoffset:0}
#details .detail-category-description{display:block;box-sizing:border-box;max-width:100%;max-height:none;height:1.3em;margin:4px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#626562;font-size:clamp(12px,.95vw,14px);line-height:1.3;letter-spacing:0;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}
#details .detail-category.is-active .detail-category-description{max-height:none;margin-top:4px;opacity:1;transform:translateY(0)}
@media(max-width:899px){#details .detail-category{height:70px;min-height:70px}}
@media(max-width:767px){#details .everyday-copy>h2{margin-bottom:24px}#details .detail-category{height:68px;min-height:68px}#details .detail-category-description{font-size:13px}}

/* Keep the collection cards distinct through spacing and their surfaces. */
#collection .product-card,#collection .product-card:hover,#collection .product-card:focus-within{border:0!important}
#collection .product-name-row{min-height:0}
#collection .card-rating{margin-top:10px;margin-bottom:6px}
@media(prefers-reduced-motion:reduce){#details .detail-category,#details .detail-category-name>.detail-category-icon,#details .detail-category-description{transition:none}#details .detail-category-description{transform:none}}
.reduce-motion #details .detail-category,.reduce-motion #details .detail-category-name>.detail-category-icon,.reduce-motion #details .detail-category-description{transition:none}
.reduce-motion #details .detail-category-description{transform:none}

/* Keep the chapter heading visible while the already-oriented earplug opens. */
#experience .product-stage{margin-top:0}
#experience .product-sticky{top:92px;height:var(--theatre-height);max-height:none}
#experience .product-intro{position:absolute;z-index:5;top:clamp(18px,3svh,34px);left:0;right:0;width:min(820px,100%);margin-inline:auto;pointer-events:none}
#experience .product-intro h2{margin-bottom:14px}
#experience .engineering-media{height:100%;padding:0;justify-content:center}
#experience .engineering-visual{max-height:100%;translate:0 clamp(28px,7svh,88px)}
@media(max-width:767px){
 #experience .product-sticky{top:76px}
 #experience .product-intro{top:18px;padding-inline:22px}
 #experience .product-intro h2{font-size:clamp(34px,10vw,44px);margin-bottom:10px}
 #experience .product-intro>p:not(.eyebrow){font-size:13px;line-height:1.4}
 #experience .engineering-visual{translate:0 clamp(14px,3svh,32px)}
}

/* Bring the split product closer to its heading and give the earplug more presence. */
@media(min-width:768px){
 #experience .engineering-visual{transform:rotate(-115deg) scale(1);translate:0 clamp(32px,4svh,56px)}
 #experience .hotspot[data-detail="1"]{--x:52%;--y:45%}
}
@media(min-width:768px) and (max-width:1100px) and (orientation:portrait){
 #experience .engineering-visual{translate:0 clamp(-150px,-11svh,-90px)}
}
@media(max-width:767px){
 #experience .hotspot[data-detail="1"]{--x:57%;--y:47%}
 #experience .engineering-visual,#experience.is-motion-ready .engineering-visual{scale:1.08;translate:0 0}
}