html,body{margin:0;background:#fff;scroll-behavior:smooth}body{overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}*{box-sizing:border-box}
/* Stone Island's own system: true white, near-black, chroma-0 neutrals.
   All colour in this case comes from the garments themselves. */
:root{--ink:#0d0e0c;--paper:#fff;--paper2:#f4f4f4;--vault:#0b0c0a;--lime:#b8ca3a;--line:rgba(13,14,12,.16);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1)}
.si-case{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);overflow:clip}.si-case h1,.si-case h2,.si-case h3,.si-case p,.si-case figure,.si-case blockquote{margin:0}.si-case em{font-style:normal;color:var(--lime)}
.si-loader{position:fixed;z-index:500;inset:0;background:#f2f1eb;display:grid;place-items:center;transition:transform .95s cubic-bezier(.76,0,.24,1),visibility .95s}.si-loader.is-loaded{transform:translateY(-104%);visibility:hidden}.si-loader-inner{width:min(860px,82vw)}.si-loader-top,.si-loader-bottom{display:flex;justify-content:space-between;gap:20px;font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}.si-loader-title{font-weight:700;font-size:clamp(56px,9vw,130px);line-height:.75;letter-spacing:-.07em;margin:42px 0 46px}.si-loader-track{height:2px;background:#d3d2ca;overflow:hidden}.si-loader-track i{display:block;width:30%;height:100%;background:var(--ink);animation:loaderMove 1.1s ease-in-out infinite}.si-loader-bottom{margin-top:12px}.si-loader-count{font-variant-numeric:tabular-nums}@keyframes loaderMove{to{transform:translateX(340%)}}
.si-nav{position:fixed;z-index:180;top:0;left:0;width:100%;height:68px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid rgba(17,17,15,.2);text-transform:uppercase;font-size:9px;letter-spacing:.15em;isolation:isolate;transition:color .35s ease,border-color .35s ease,box-shadow .35s ease}.si-nav:before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(245,244,239,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}.si-nav.tone-light{color:#fff;border-color:rgba(255,255,255,.38);text-shadow:0 1px 15px rgba(0,0,0,.2)}.si-nav.tone-dark{color:var(--ink);border-color:rgba(17,17,15,.2);text-shadow:none}.si-nav.is-scrolled.tone-light:before{background:rgba(17,17,15,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.si-nav.is-scrolled.tone-dark:before{background:rgba(245,244,239,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.si-nav.is-scrolled{box-shadow:0 8px 32px rgba(0,0,0,.06)}.si-logo{font-size:20px;font-weight:800;letter-spacing:-.05em}.si-nav nav{display:flex;justify-content:center;gap:30px}.si-nav a{position:relative}.si-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;border-top:1px solid currentColor;transition:right .35s ease}.si-nav a:hover:after{right:0}.si-menu{justify-self:end}.si-menu span{margin-left:10px}
.visura-return{position:fixed;z-index:190;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(17,17,15,.88);color:#fff;font:500 8px var(--mono);letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s ease,color .3s ease,transform .3s ease}.visura-return:hover{background:#d6ff77;color:#111;transform:translateX(-50%) translateY(-3px)}
.si-progress{position:fixed;z-index:170;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font:500 7px var(--mono);letter-spacing:.12em;pointer-events:none}.si-progress i{height:78px;border-left:1px solid rgba(18,19,16,.25);position:relative}.si-progress i:after{content:"";position:absolute;left:-1px;top:0;height:var(--progress,0%);border-left:1px solid currentColor}.si-progress b{font-weight:500;color:#63655e}
.si-scroll-scene{position:relative}.si-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}
/* HERO */
.si-hero{height:100svh;background:#fff}.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(to bottom,transparent,black 20%,black 78%,transparent)}
/* MATERIAL */
.si-material{height:185svh;background:#deddd5}.prototype-meta,.denim-head{font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}
/* METALLIC */
.si-metal{height:185svh;background:#111210;color:#f1f0ea}@keyframes metalFloat{50%{transform:translateY(-8px) rotateZ(.35deg)}}@keyframes metalSheen{0%,15%{transform:translateX(-44%);opacity:.05}48%{opacity:.58}80%,100%{transform:translateX(42%);opacity:.06}}
/* ARCHIVE */
.si-archive{height:410svh;background:#edece6}.archive-stage{background:#edece6}.archive-fixed-title{position:absolute;z-index:4;left:28px;top:96px;width:420px}.archive-fixed-title span{font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}.archive-fixed-title h2{font-size:clamp(62px,7vw,110px);line-height:.78;letter-spacing:-.06em;margin-top:15px}.archive-fixed-title p{width:280px;font-size:12px;line-height:1.6;color:#676961;margin-top:16px}.archive-track{position:absolute;inset:0 auto 0 0;display:flex;width:400vw;transform:translateX(var(--archive-x,0vw));will-change:transform}.archive-panel{position:relative;width:100vw;height:100%;flex:0 0 100vw;overflow:hidden;border-left:1px solid rgba(18,19,16,.12)}.archive-panel:first-child{border-left:0}.archive-year{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-weight:800;font-size:clamp(180px,30vw,500px);letter-spacing:-.095em;color:rgba(18,19,16,.055);white-space:nowrap}.archive-panel-copy{position:absolute;z-index:4;left:52vw;top:25vh}.archive-panel-copy>span{font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}.archive-panel-copy h3{font-size:clamp(64px,8vw,132px);font-weight:800;line-height:.74;letter-spacing:-.07em;margin-top:20px}.archive-panel-copy p{width:330px;font-size:12px;line-height:1.65;color:#66685f;margin-top:22px}.archive-axis{position:absolute;left:4vw;bottom:8vh;display:flex;align-items:center;gap:12px;font:500 8px var(--mono);letter-spacing:.14em}.archive-axis i{width:22vw;border-top:1px solid}.archive-panel>small{position:absolute;right:28px;bottom:26px;font:500 7px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#64665f}.archive-panel--reflective{background:#111210;color:#f0efe9}.archive-panel--reflective .archive-year{color:rgba(255,255,255,.055)}.archive-panel--reflective .archive-panel-copy{left:5vw;top:28vh}.archive-panel--reflective .archive-panel-copy p{color:#8f918a}.archive-panel--reflective>img{position:absolute;right:1vw;bottom:-9vh;height:91vh;filter:drop-shadow(0 40px 45px rgba(0,0,0,.5));animation:archiveGarmentBreath 8s ease-in-out infinite}.archive-panel--reflective>small{color:#a6a89f}.archive-panel--metal{background:#d8d5cc}.archive-panel--metal .archive-panel-copy{left:8vw;top:25vh}.archive-cut{position:absolute;filter:drop-shadow(0 28px 35px rgba(0,0,0,.18))}.archive-cut--brown{right:7vw;top:20vh;width:40vw;transform:rotate(2deg)}.archive-cut--black{right:34vw;bottom:-4vh;width:31vw;transform:rotate(-7deg)}.archive-panel--prototype{background:#e9e8e2}.archive-panel--prototype .archive-panel-copy{left:6vw;top:23vh}.archive-prototype-mini{position:absolute;right:8vw;top:18vh;width:39vw;height:58vh;perspective:900px;transform-style:preserve-3d}.archive-prototype-mini i{position:absolute;inset:9% 5%;border:1px solid rgba(18,19,16,.5);background:linear-gradient(140deg,rgba(184,202,58,.28),rgba(255,255,255,.08));backdrop-filter:blur(2px);transform:translateZ(calc(var(--z) * 1px)) rotateX(64deg) rotateZ(calc(var(--r)*1deg));animation:miniMembrane 5s ease-in-out infinite alternate}.archive-prototype-mini i:nth-child(1){--z:0;--r:-11}.archive-prototype-mini i:nth-child(2){--z:28;--r:-5}.archive-prototype-mini i:nth-child(3){--z:56;--r:2}.archive-prototype-mini i:nth-child(4){--z:84;--r:8}.archive-prototype-mini i:nth-child(5){--z:112;--r:14}@keyframes archiveGarmentBreath{50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes miniMembrane{to{transform:translateZ(calc((var(--z) + 24)*1px)) rotateX(58deg) rotateZ(calc((var(--r) + 4)*1deg))}}
/* PROTOTYPE */
.si-prototype{height:175svh;background:#0f100f;color:#f2f1eb}.prototype-stage{background:radial-gradient(circle at 69% 43%,rgba(184,202,58,.10),transparent 28%),#0f100f;perspective:1300px}.prototype-meta{position:absolute;top:96px;left:28px;right:28px;display:flex;justify-content:space-between;color:#92948d}.prototype-copy{position:absolute;z-index:5;left:4vw;bottom:8vh}.prototype-copy h2{font-size:clamp(70px,10vw,165px);font-weight:800;line-height:.72;letter-spacing:-.078em}.prototype-copy p{width:min(390px,31vw);font-size:12px;line-height:1.65;color:#8e9089;margin-top:25px}.prototype-object{position:absolute;right:4vw;top:8vh;width:53vw;height:82vh;transform-style:preserve-3d;transform:rotateX(var(--proto-rx,-8deg)) rotateY(var(--proto-ry,-18deg)) rotateZ(var(--proto-rz,-4deg)) scale(var(--proto-scale,1));will-change:transform}.membrane{position:absolute;left:12%;top:16%;width:68%;height:58%;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(184,202,58,.12) 45%,rgba(255,255,255,.02));box-shadow:inset 0 0 80px rgba(255,255,255,.025);backdrop-filter:blur(2px);transform-style:preserve-3d;animation:membraneBreath 6.3s ease-in-out infinite alternate}.membrane-1{transform:translateZ(0) rotateZ(-12deg)}.membrane-2{transform:translateZ(34px) rotateZ(-7deg)}.membrane-3{transform:translateZ(68px) rotateZ(-2deg)}.membrane-4{transform:translateZ(102px) rotateZ(3deg)}.membrane-5{transform:translateZ(136px) rotateZ(8deg)}.membrane-6{transform:translateZ(170px) rotateZ(13deg)}.prototype-core{position:absolute;left:33%;top:31%;width:26%;height:35%;border-radius:46% 54% 55% 45%;background:radial-gradient(circle at 35% 25%,#e9e8e2 0 2%,#b8ca3a 7%,#363a25 32%,#0f100f 73%);transform:translateZ(205px);box-shadow:0 0 120px rgba(184,202,58,.16);animation:corePulse 5.7s ease-in-out infinite}.prototype-caption{position:absolute;right:4vw;bottom:4vh;width:47vw;display:flex;align-items:center;gap:13px;font:500 7px var(--mono);letter-spacing:.15em;color:#9b9d95}.prototype-caption i{flex:1;border-top:1px solid #383a35}@keyframes membraneBreath{to{margin-top:-7px;margin-left:4px}}@keyframes corePulse{50%{transform:translateZ(225px) scale(1.06);filter:brightness(1.12)}}
/* LAB -> LIFE */
.si-lab-life{height:160svh;background:#0f100f;color:#fff}
/* COMMUNITY */
.si-community{height:255svh;background:#111;color:#fff}.community-stage{background:#111}.community-image{position:absolute;inset:0;opacity:0;transform:scale(1.04);will-change:opacity,transform}.community-image img{width:100%;height:100%;object-fit:cover}.community-image--paolo{opacity:var(--paolo-opacity,1);transform:scale(var(--paolo-scale,1.04))}.community-image--chito{opacity:var(--chito-opacity,0);transform:scale(var(--chito-scale,1.04))}.community-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.15) 46%,rgba(0,0,0,.04) 70%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 55%,rgba(0,0,0,.34))}.community-kicker{position:absolute;z-index:5;left:28px;top:96px;font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}.community-person{position:absolute;z-index:5;left:4vw;bottom:7vh;opacity:0;transform:translateY(22px);will-change:opacity,transform}.community-person--paolo{opacity:var(--paolo-copy,1);transform:translateY(var(--paolo-y,0px))}.community-person--chito{opacity:var(--chito-copy,0);transform:translateY(var(--chito-y,22px))}.community-person>span,.community-person>p{font:500 8px var(--mono);letter-spacing:.15em;text-transform:uppercase}.community-person h2{font-weight:800;font-size:clamp(82px,12vw,190px);line-height:.72;letter-spacing:-.075em;margin:15px 0 18px}.community-person blockquote{font:400 italic clamp(22px,2.5vw,40px)/1.2 Georgia,serif;margin-top:26px}.community-counter{position:absolute;z-index:5;right:28px;bottom:30px;width:150px;display:flex;align-items:center;gap:10px;font:500 7px var(--mono);letter-spacing:.14em}.community-counter i{flex:1;border-top:1px solid rgba(255,255,255,.7)}.community-counter b{font-weight:500}
/* DENIM */
.si-denim{height:195svh;background:#dfe4e3}.denim-stage{background:linear-gradient(115deg,#d6d9d8 0,#eef0ed 46%,#cfd6d7 100%);color:#151614}.denim-head{position:absolute;z-index:6;top:96px;left:28px;right:28px;display:flex;justify-content:space-between}.denim-weave{position:absolute;left:-12vw;top:0;width:66vw;height:100%;opacity:.38;background-image:repeating-linear-gradient(48deg,#536775 0 2px,transparent 2px 9px),repeating-linear-gradient(-48deg,rgba(246,247,245,.9) 0 2px,transparent 2px 9px);transform:scale(var(--weave-scale,1.2)) rotate(-4deg);filter:contrast(1.07) saturate(.6);mask-image:linear-gradient(90deg,black 30%,transparent 95%)}.denim-copy{position:absolute;z-index:6;left:4vw;top:27vh}.denim-copy h2{font-size:clamp(67px,9vw,145px);font-weight:800;line-height:.73;letter-spacing:-.075em}.denim-copy em{color:#516c80}.denim-copy p{width:min(390px,32vw);font-size:12px;line-height:1.65;color:#5e6362;margin-top:28px}.denim-product{position:absolute;z-index:5;right:9vw;top:13vh;width:31vw;height:70vh;display:flex;flex-direction:column}.denim-product img{height:calc(100% - 47px);width:100%;object-fit:contain;filter:saturate(var(--denim-sat,.78)) contrast(1.02);transform:translateY(var(--denim-y,0px)) scale(var(--denim-scale,1));will-change:transform,filter}.denim-product figcaption{height:47px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(18,19,16,.2);padding-top:10px;font:500 7px var(--mono);letter-spacing:.14em;text-transform:uppercase}.denim-product figcaption b{font-weight:500}.denim-human{position:absolute;z-index:4;right:2vw;bottom:4vh;width:17vw;height:30vh;overflow:hidden;transform:translateY(var(--human-y,35px));opacity:var(--human-opacity,.3)}.denim-human img{width:100%;height:100%;object-fit:cover}.denim-human figcaption{position:absolute;left:8px;bottom:8px;font:500 7px var(--mono);letter-spacing:.14em;color:#fff}.denim-wash-meter{position:absolute;z-index:7;left:4vw;bottom:6vh;width:32vw;display:flex;align-items:center;gap:12px;font:500 7px var(--mono);letter-spacing:.14em;text-transform:uppercase}.denim-wash-meter i{position:relative;flex:1;height:2px;background:#9aa7ac}.denim-wash-meter i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--wash,12%);background:#516c80}
/* FINAL + FOOTER */
.si-final{position:relative;height:115svh;min-height:760px;background:#ecebe5;overflow:hidden}.final-meta{position:absolute;z-index:6;top:98px;left:28px;right:28px;display:flex;justify-content:space-between}.final-lockup{position:absolute;z-index:0;left:3vw;top:21vh;display:flex;flex-direction:column;font-size:clamp(95px,16vw,250px);font-weight:800;line-height:.68;letter-spacing:-.085em;color:rgba(18,19,16,.07)}.final-lockup span:nth-child(2){margin-left:14vw}.final-lockup span:nth-child(3){margin-left:5vw}.si-final>img{position:absolute;z-index:4;left:50%;top:50%;height:76vh;transform:translate(-50%,-47%);filter:drop-shadow(0 32px 36px rgba(54,57,38,.15));animation:finalGarment 8s ease-in-out infinite}.final-copy{position:absolute;z-index:6;left:28px;right:28px;bottom:29px;display:flex;justify-content:space-between;align-items:flex-end;font:500 8px var(--mono);letter-spacing:.15em;text-transform:uppercase}.final-copy p{font-size:11px;font-weight:600}@keyframes finalGarment{50%{transform:translate(-50%,-49%) rotate(.45deg)}}
.si-footer{position:relative;min-height:720px;background:#0f100f;color:#f1f0ea;padding:82px 28px 28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.si-footer-top,.si-footer-bottom{display:flex;justify-content:space-between;gap:30px;font:500 8px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#a1a39b}.si-footer-word{font-size:clamp(110px,18vw,285px);font-weight:800;line-height:.7;letter-spacing:-.085em;text-align:center;white-space:nowrap;margin:auto -2vw;color:#f1f0ea}.si-footer-bottom{border-top:1px solid #373833;padding-top:18px}.si-footer-bottom a{color:#f1f0ea}
@media(max-width:900px){
  .si-nav{grid-template-columns:1fr 1fr;height:60px;padding:0 18px}.si-nav nav{display:none}.si-progress{display:none}.si-menu{justify-self:end}.hero-meta{top:82px}.hero-meta--left{left:18px}.hero-meta--right{right:18px}.hero-garment{width:72vw}.hero-copy{left:18px;bottom:76px}.hero-copy h1{font-size:14vw}.hero-scroll-hint{right:18px;bottom:24px}.hero-ghost-word{font-size:31vw}.material-title{left:18px;top:12vh}.material-title h2{font-size:16vw}.material-frame--shell{left:20vw;top:35vh;width:64vw;height:51vh}.material-frame--moleskin{right:-3vw;bottom:3vh;width:42vw;height:32vh}.material-note{left:18px;bottom:4vh;width:45vw}.material-scan{left:19vw;top:33vh;height:54vh}.metal-head,.prototype-meta,.denim-head,.final-meta{left:18px;right:18px;top:82px}.metal-copy{left:18px;bottom:8vh}.metal-copy h2{font-size:14vw}.metal-copy p{width:42vw}.metal-garment{width:72vw;right:-11vw;top:11vh}.metal-detail{right:18px;width:28vw;height:20vh}.archive-fixed-title{left:18px;top:82px;width:280px}.archive-fixed-title h2{font-size:15vw}.archive-track{width:400vw}.archive-panel-copy{left:48vw}.archive-panel-copy h3{font-size:12vw}.archive-panel--reflective .archive-panel-copy,.archive-panel--metal .archive-panel-copy,.archive-panel--prototype .archive-panel-copy{left:18px;top:26vh}.archive-panel--reflective>img{height:69vh;right:-15vw;bottom:-4vh}.archive-cut--brown{right:-9vw;width:57vw}.archive-cut--black{right:28vw;width:47vw}.archive-prototype-mini{right:-2vw;top:37vh;width:64vw;height:48vh}.prototype-copy{left:18px}.prototype-copy h2{font-size:14vw}.prototype-copy p{width:42vw}.prototype-object{width:73vw;right:-20vw;top:8vh}.prototype-caption{right:18px;width:56vw}.community-kicker{left:18px;top:82px}.community-person{left:18px}.community-person h2{font-size:16vw}.community-counter{right:18px}.denim-copy{left:18px;top:23vh}.denim-copy h2{font-size:14vw}.denim-copy p{width:45vw}.denim-product{right:0;width:43vw}.denim-human{right:18px;width:25vw}.denim-wash-meter{left:18px;width:42vw}.final-lockup{font-size:20vw}.si-final>img{height:63vh}.final-copy{left:18px;right:18px}.si-footer{padding-left:18px;padding-right:18px}.si-footer-word{font-size:19vw}}
@media(max-width:620px){
  .si-sticky{min-height:640px}.visura-return{left:14px;bottom:10px;transform:none}.visura-return:hover{transform:translateY(-3px)}.hero-meta--right{display:none}.hero-garment{width:91vw;top:46%}.hero-copy h1{font-size:15.5vw}.hero-scroll-hint span{display:none}.material-title h2{font-size:18vw}.material-frame--shell{left:13vw;top:36vh;width:81vw;height:48vh}.material-frame--moleskin{right:-2vw;bottom:3vh;width:48vw;height:27vh}.material-note{display:none}.metal-copy{bottom:4vh}.metal-copy h2{font-size:16vw}.metal-copy p{width:66vw;font-size:11px}.metal-garment{width:93vw;right:-25vw;top:7vh;height:68vh}.metal-detail{display:none}.archive-fixed-title p{display:none}.archive-panel-copy{left:18px!important;top:28vh!important}.archive-panel-copy h3{font-size:15vw}.archive-panel-copy p{width:72vw}.archive-panel--reflective>img{height:57vh;right:-29vw}.archive-cut--brown{top:39vh;width:78vw;right:-24vw}.archive-cut--black{bottom:-8vh;right:34vw;width:59vw}.archive-prototype-mini{top:42vh;width:88vw;right:-19vw}.prototype-copy{bottom:5vh}.prototype-copy h2{font-size:16vw}.prototype-copy p{width:68vw}.prototype-object{width:96vw;right:-46vw;top:2vh}.prototype-caption{display:none}.lablife-index{position:absolute;z-index:8;left:28px;top:96px;font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:inherit;opacity:.72}.lablife-word{font-size:49vw}.community-person h2{font-size:21vw}.community-person blockquote{font-size:20px}.community-image img{object-position:center}.denim-weave{width:95vw}.denim-copy{top:18vh}.denim-copy h2{font-size:16vw}.denim-copy p{width:62vw}.denim-product{right:-7vw;top:31vh;width:62vw;height:57vh}.denim-human{display:none}.denim-wash-meter{width:60vw}.final-meta span:last-child{display:none}.final-lockup{top:25vh;font-size:24vw}.si-final>img{height:58vh}.final-copy{flex-direction:column;align-items:flex-start;gap:8px}.si-footer-top span:last-child,.si-footer-bottom span:nth-child(2){display:none}.si-footer-word{white-space:normal;text-align:left;font-size:23vw;line-height:.78}}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.si-loader{display:none}.hero-garment-base,.hero-garment-light,.hero-aura,.metal-garment img,.metal-sheen,.archive-panel--reflective>img,.archive-prototype-mini i,.membrane,.prototype-core,.si-final>img{animation:none!important}.archive-track{transform:none!important;display:block;width:100%}.si-archive{height:auto}.archive-stage{position:relative;height:auto;min-height:100vh}.archive-panel{height:100vh}.si-scroll-scene{height:auto}.si-sticky{position:relative}}

@media(max-width:850px){.lablife-index{left:18px;top:82px}}

/* V6 FINAL POLISH — scale, material specificity and restrained motion */
.si-loader{overflow:hidden}.si-loader-inner{position:relative;z-index:2;width:min(980px,84vw)}.si-loader-title{font-size:clamp(70px,11.3vw,170px);line-height:.72;margin:38px 0 48px}.si-loader-track{height:3px}.si-loader-track i{background:var(--lime)}
.si-loader-compasses{position:absolute;inset:0;opacity:.12}.si-loader-compasses i{position:absolute;width:74px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;animation:loaderCompass 11s linear infinite}.si-loader-compasses i:before,.si-loader-compasses i:after{content:"";position:absolute;left:50%;top:9%;bottom:9%;border-left:1px solid currentColor;transform-origin:center}.si-loader-compasses i:after{transform:rotate(90deg)}.si-loader-compasses i:nth-child(1){left:7%;top:13%;width:42px}.si-loader-compasses i:nth-child(2){right:8%;top:9%;width:96px;animation-direction:reverse}.si-loader-compasses i:nth-child(3){left:16%;bottom:8%;width:118px;animation-duration:17s}.si-loader-compasses i:nth-child(4){right:19%;bottom:14%;width:54px;animation-direction:reverse}.si-loader-compasses i:nth-child(5){left:47%;top:-35px;width:84px}.si-loader-compasses i:nth-child(6){right:-32px;top:48%;width:128px;animation-duration:20s}@keyframes loaderCompass{to{transform:rotate(360deg)}}
.si-nav{height:72px;padding:0 32px}.si-logo{display:inline-flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.045em}.si-compass{position:relative;width:27px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;flex:none}.si-compass:before,.si-compass:after{content:"";position:absolute;left:50%;top:16%;bottom:16%;border-left:1px solid currentColor}.si-compass:after{transform:rotate(90deg)}
.hero-aura,.hero-garment-light,.metal-sheen{display:none!important}.hero-stage{background:#eeede7}.hero-grid{opacity:.78}.hero-garment{top:49.5%;width:min(50vw,760px);filter:drop-shadow(0 30px 26px rgba(40,42,28,.12));transition:transform .12s linear}.hero-garment-base{animation-duration:9.5s}.hero-copy{bottom:38px}.hero-copy h1{font-size:clamp(58px,7.35vw,124px);line-height:.76}.hero-meta{top:98px}.hero-scroll-hint{bottom:38px}@keyframes garmentSuspended{0%,100%{transform:translate3d(0,6px,0) rotateZ(-.45deg) rotateY(-1.3deg) rotateX(.35deg) scale(1)}50%{transform:translate3d(0,-9px,18px) rotateZ(.35deg) rotateY(1.4deg) rotateX(-.45deg) scale(1.008)}}
.material-title h2,.metal-copy h2,.prototype-copy h2,.denim-copy h2{line-height:.7}.material-note,.metal-copy p,.archive-panel-copy p,.prototype-copy p,.denim-copy p{font-size:13px;line-height:1.7}.metal-garment{width:min(52vw,780px);right:4vw;filter:drop-shadow(0 34px 34px rgba(0,0,0,.46))}.metal-garment img{animation-duration:10s}.metal-detail{width:19vw;height:24vh}.metal-copy{bottom:7vh}
.si-archive{height:430svh}.archive-fixed-title{top:102px}.archive-fixed-title h2{font-size:clamp(74px,8.5vw,138px)}.archive-year{top:50%;font-size:clamp(250px,39vw,620px);color:rgba(18,19,16,.065)}.archive-panel-copy{top:22vh}.archive-panel-copy h3{font-size:clamp(74px,9.2vw,148px);line-height:.7}.archive-panel--reflective .archive-year{color:rgba(255,255,255,.07)}.archive-panel--reflective>img{right:-4vw;bottom:-13vh;height:106vh}.archive-panel--metal .archive-panel-copy{left:5vw;top:20vh}.archive-cut--brown{right:2vw;top:11vh;width:48vw}.archive-cut--black{right:34vw;bottom:-10vh;width:38vw}.archive-panel--prototype .archive-panel-copy{top:19vh}.archive-prototype-mini{right:4vw;top:14vh;width:48vw;height:67vh}
.prototype-stage{background:linear-gradient(112deg,#0e0f0e 0,#111310 58%,#0b0c0b 100%)}.prototype-object{right:1vw;top:7vh;width:57vw;height:84vh}.membrane{left:8%;top:10%;width:82%;height:72%;border-color:rgba(190,211,73,.22);background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(184,202,58,.075) 48%,rgba(255,255,255,.012));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.prototype-specimen{position:absolute;z-index:8;left:22%;top:21%;width:50%;height:48%;transform:translateZ(212px) rotateZ(-2deg);background:#d9d8cf;border:1px solid rgba(255,255,255,.5);box-shadow:0 38px 80px rgba(0,0,0,.4)}.prototype-specimen-frame{height:66%;margin:13px;background:#edece5;overflow:hidden}.prototype-specimen-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}.prototype-specimen-tag{height:34%;padding:3px 14px 12px;display:grid;grid-template-columns:1fr auto;gap:4px 18px;color:#171815;font:500 7px var(--mono);letter-spacing:.12em;text-transform:uppercase}.prototype-specimen-tag span{color:#6d7138}.prototype-specimen-tag b{grid-row:1/3;grid-column:2;font:800 18px/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em;text-align:right}.prototype-specimen-tag small{font:inherit}.prototype-stitch{position:absolute;z-index:9;left:15%;right:12%;height:1px;border-top:1px dashed rgba(207,224,94,.55);transform:translateZ(230px) rotateZ(-9deg)}.prototype-stitch--a{top:29%}.prototype-stitch--b{top:70%;transform:translateZ(230px) rotateZ(8deg)}.prototype-caption{bottom:3.5vh}
.community-stage:after{content:"";position:absolute;z-index:3;top:72px;bottom:0;left:67%;border-left:1px solid rgba(255,255,255,.25)}.community-editorial-rule{position:absolute;z-index:4;left:28px;right:28px;top:128px;border-top:1px solid rgba(255,255,255,.38)}.community-overlay{background:linear-gradient(90deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.17) 53%,rgba(0,0,0,.23) 100%),linear-gradient(180deg,rgba(0,0,0,.12),transparent 50%,rgba(0,0,0,.5))}.community-kicker{top:98px}.community-person{left:3.2vw;bottom:6.5vh}.community-person h2{font-size:clamp(92px,13vw,208px);line-height:.68;margin-top:20px}.community-person>p{display:inline-block;padding-top:10px;border-top:1px solid rgba(255,255,255,.5)}.community-person blockquote{max-width:18ch;font-size:clamp(21px,2.1vw,35px)}.community-counter{width:190px}
.denim-code{position:absolute;z-index:0;left:-1vw;bottom:-2vh;font-weight:800;font-size:clamp(170px,24vw,390px);line-height:.72;letter-spacing:-.09em;color:rgba(40,65,80,.08);white-space:nowrap}.denim-copy{top:24vh}.denim-product{right:6vw;top:9vh;width:37vw;height:79vh}.denim-product img{height:calc(100% - 54px)}.denim-human{right:1.5vw;bottom:3vh;width:20vw;height:32vh;border:1px solid rgba(255,255,255,.5)}.denim-process{position:absolute;z-index:7;right:2vw;top:102px;height:45vh;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font:500 7px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#53636d}.denim-process:before{content:"";position:absolute;right:-10px;top:0;bottom:0;border-left:1px solid rgba(35,55,68,.35)}.denim-wash-meter{bottom:5vh}
.si-final{height:140svh;min-height:880px;background:#eae9e2}.final-grid{opacity:.7}.final-lockup{z-index:1;left:2vw;right:2vw;top:16vh;font-size:clamp(112px,17.8vw,290px);line-height:.66;color:rgba(18,19,16,.075)}.final-lockup span:nth-child(2){margin-left:30vw}.final-lockup span:nth-child(3){margin-left:8vw}.final-garments{position:absolute;z-index:4;inset:0}.final-garment{position:absolute;object-fit:contain;filter:drop-shadow(0 32px 28px rgba(54,57,38,.12));animation:finalGarment 9.5s ease-in-out infinite}.final-garment--translucent{left:45%;top:53%;height:80vh;transform:translate(-50%,-50%) rotate(-4deg)}.final-garment--metallic{right:3vw;top:54%;height:65vh;transform:translateY(-50%) rotate(5deg);animation-delay:-3s}.final-statement{position:absolute;z-index:7;left:28px;top:49%;display:flex;align-items:flex-start;gap:17px}.final-statement span{font:500 8px var(--mono);letter-spacing:.15em}.final-statement p{font-size:clamp(17px,1.8vw,28px);line-height:1.05;letter-spacing:-.035em}.final-copy{bottom:34px}@keyframes finalGarment{50%{margin-top:-12px;rotate:.4deg}}
.si-footer{min-height:760px;padding-top:88px}.si-footer-word{font-size:clamp(116px,17.5vw,278px)}

@media(max-width:900px){.si-nav{height:64px;padding:0 18px}.si-logo{font-size:16px}.si-compass{width:23px}.hero-garment{width:80vw}.archive-panel--reflective>img{height:79vh;right:-18vw}.archive-cut--brown{width:65vw;right:-10vw}.archive-cut--black{width:51vw}.prototype-object{width:80vw;right:-19vw}.community-stage:after{left:74%}.denim-product{width:48vw;right:-1vw}.denim-process{display:none}.final-garment--translucent{left:43%;height:69vh}.final-garment--metallic{right:-9vw;height:53vh}.final-statement{left:18px}.si-footer{min-height:700px}}
@media(max-width:620px){.si-loader-inner{width:86vw}.si-loader-title{font-size:22vw;margin:32px 0 38px}.si-loader-top span:last-child{display:none}.si-loader-compasses i:nth-child(2),.si-loader-compasses i:nth-child(6){display:none}.si-logo{gap:8px}.si-compass{width:21px}.hero-garment{width:101vw;top:44%}.hero-copy{bottom:72px}.hero-copy h1{font-size:15.8vw}.material-title h2,.metal-copy h2,.prototype-copy h2,.denim-copy h2{line-height:.72}.archive-year{font-size:52vw}.archive-panel-copy h3{font-size:16vw}.archive-panel--reflective>img{height:64vh;right:-38vw}.archive-cut--brown{width:86vw;right:-29vw}.archive-cut--black{width:67vw;right:31vw}.prototype-object{width:109vw;right:-53vw;top:1vh}.prototype-specimen{left:11%;top:27%;width:58%;height:42%}.prototype-specimen-tag b{font-size:12px}.prototype-stitch{left:3%}.community-stage:after{left:82%}.community-editorial-rule{left:18px;right:18px}.community-person h2{font-size:21.5vw}.community-person blockquote{font-size:19px}.denim-code{font-size:38vw;bottom:4vh}.denim-product{right:-11vw;top:27vh;width:69vw;height:62vh}.final-lockup{font-size:24vw;top:23vh}.final-lockup span:nth-child(2){margin-left:18vw}.final-lockup span:nth-child(3){margin-left:4vw}.final-garment--translucent{left:42%;top:54%;height:57vh}.final-garment--metallic{right:-23vw;top:57%;height:43vh}.final-statement{top:22%;left:18px}.final-statement p{font-size:15px}.final-copy{left:18px;right:18px}.si-footer{min-height:620px}}
@media(prefers-reduced-motion:reduce){.si-loader-compasses i,.hero-garment-base,.final-garment{animation:none!important}.hero-garment{transition:none}}

/* V7 CRITICAL REDESIGN — archive index, garment x-ray and sharp denim lab */
.archive-panel--material-index{background:#11120f;color:#f0efe8}.archive-panel--material-index .archive-year,.archive-panel--material-index .archive-prototype-mini{display:none}.archive-index-copy{position:absolute;z-index:8;left:4vw;top:17vh;width:42vw}.archive-index-copy>span{font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9da08f}.archive-index-copy h3{font-size:clamp(82px,10.2vw,164px);font-weight:800;line-height:.68;letter-spacing:-.075em;margin-top:24px}.archive-index-copy h3 em{display:block;color:var(--lime)}.archive-index-copy p{width:min(390px,31vw);font-size:13px;line-height:1.7;color:#a0a39a;margin-top:28px}.archive-material-wall{position:absolute;z-index:3;right:0;top:0;width:62vw;height:100%;display:grid;grid-template-columns:.85fr 1.15fr .95fr 1.05fr;gap:1px;background:#42443e;overflow:hidden}.archive-material{position:relative;min-width:0;height:100%;overflow:hidden;background:#1a1b18}.archive-material:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 45%,rgba(0,0,0,.78))}.archive-material img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transform:scale(1.04)}.archive-material--shell img{object-position:58% center}.archive-material--foil img{filter:saturate(.15) contrast(1.18)}.archive-material--raso,.archive-material--organza{background:#d9d7ce}.archive-material--raso img,.archive-material--organza img{object-fit:cover;object-position:center;filter:saturate(.35) contrast(1.08);mix-blend-mode:multiply}.archive-material figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:18px;color:#fff;font:500 7px var(--mono);letter-spacing:.13em;text-transform:uppercase;display:flex;flex-direction:column;gap:5px}.archive-material figcaption b{font-weight:500}.archive-index-axis{position:absolute;z-index:9;left:4vw;right:3vw;bottom:5vh;display:flex;align-items:center;gap:14px;color:#f0efe8;font:500 7px var(--mono);letter-spacing:.15em}.archive-index-axis i{flex:1;border-top:1px solid rgba(255,255,255,.34)}.archive-panel--material-index>small{z-index:9;color:#9da08f}

.si-prototype{height:205svh}.prototype-stage{background:#0d0e0c;color:#f1f0e9;perspective:none}.prototype-meta{z-index:10}.prototype-copy{z-index:10;left:3.5vw;bottom:7vh;width:46vw}.prototype-copy>span{display:block;margin-bottom:18px;font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#909389}.prototype-copy h2{font-size:clamp(68px,8.8vw,142px);line-height:.69}.prototype-copy p{width:min(420px,34vw)}.prototype-blueprint{position:absolute;z-index:4;right:1.5vw;top:7vh;width:59vw;height:86vh;overflow:hidden;border-left:1px solid rgba(255,255,255,.12);transform:rotateY(var(--proto-turn,-2deg));transform-origin:center;will-change:transform}.prototype-blueprint:before{content:"GARMENT VOLUME / EXPLODED CONSTRUCTION";position:absolute;z-index:12;right:18px;top:18px;font:500 7px var(--mono);letter-spacing:.16em;color:#797c74}.prototype-blueprint:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.prototype-layer{position:absolute;z-index:4;inset:3% 4%;background:#6d7246;-webkit-mask:url('../assets/stone-island/translucent-01.png') center/contain no-repeat;mask:url('../assets/stone-island/translucent-01.png') center/contain no-repeat;transform-origin:center;will-change:transform,opacity}.prototype-layer i{position:absolute;inset:0;display:block}.prototype-layer--shell{background:linear-gradient(115deg,rgba(230,245,116,.1),rgba(213,231,82,.92) 52%,rgba(255,255,255,.17));transform:translateX(var(--proto-shell-x,-90px)) scale(.94);opacity:.86}.prototype-layer--shell i{background:repeating-linear-gradient(100deg,transparent 0 11px,rgba(255,255,255,.24) 12px,transparent 13px)}.prototype-layer--air{z-index:5;background:radial-gradient(circle at 43% 44%,rgba(224,240,105,.97),rgba(126,139,50,.72) 42%,rgba(184,202,58,.18) 70%);transform:translateX(var(--proto-air-x,0px)) scale(.89);opacity:.6;filter:blur(.3px)}.prototype-layer--air i{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 18px,rgba(255,255,255,.22) 19px,transparent 20px)}.prototype-layer--knit{z-index:6;background:#dde0d3;transform:translateX(var(--proto-knit-x,90px)) scale(.84);opacity:.9}.prototype-layer--knit i{background:repeating-linear-gradient(45deg,rgba(21,23,19,.55) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(21,23,19,.26) 0 1px,transparent 1px 7px)}.prototype-scan{position:absolute;z-index:11;left:var(--proto-scan,12%);top:3%;bottom:3%;width:1px;background:var(--lime);box-shadow:0 0 24px rgba(184,202,58,.36)}.prototype-scan:before{content:"SCAN / 09";position:absolute;top:16px;left:8px;white-space:nowrap;font:500 7px var(--mono);letter-spacing:.14em;color:var(--lime)}.prototype-callout{position:absolute;z-index:13;display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;color:#f1f0e9;font:500 7px var(--mono);letter-spacing:.12em;text-transform:uppercase}.prototype-callout b{font-weight:500;color:var(--lime)}.prototype-callout i{grid-column:1/3;width:110px;border-top:1px solid rgba(255,255,255,.42)}.prototype-callout--shell{left:5%;top:18%}.prototype-callout--air{right:3%;top:43%;text-align:right}.prototype-callout--air i{margin-left:auto}.prototype-callout--knit{left:9%;bottom:13%}.prototype-section-cut{position:absolute;z-index:12;right:3vw;bottom:3.5vh;width:51vw;display:flex;align-items:center;gap:10px;font:500 7px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9a9d93}.prototype-section-cut b{width:22px;height:5px;background:var(--lime);border:1px solid rgba(255,255,255,.25)}.prototype-section-cut b:nth-of-type(2){background:#e1e2d8}.prototype-section-cut i{margin-left:auto;font-style:normal}.prototype-number{position:absolute;z-index:1;right:-1vw;bottom:-7vh;font-weight:800;font-size:clamp(280px,39vw,650px);line-height:.7;letter-spacing:-.1em;color:rgba(255,255,255,.035)}

.si-denim{height:220svh;background:#14222c}.denim-stage{background:#14222c;color:#f2f2ec}.denim-head{color:#b7c2c7}.denim-weave{inset:0 auto 0 0;width:58vw;height:100%;opacity:.16;background-image:repeating-linear-gradient(48deg,#b7cfdd 0 1px,transparent 1px 7px),repeating-linear-gradient(-48deg,rgba(255,255,255,.65) 0 1px,transparent 1px 7px);mask-image:linear-gradient(90deg,black 18%,transparent 94%);transform:scale(var(--weave-scale,1.18))}.denim-code{left:2vw;bottom:-4vh;color:rgba(255,255,255,.045);font-size:clamp(150px,21vw,340px)}.denim-copy{left:3.5vw;top:22vh;width:46vw}.denim-copy h2{font-size:clamp(70px,8.5vw,137px);color:#f2f2ec}.denim-copy em{color:#a9c2d1}.denim-copy p{width:min(410px,34vw);color:#aebbc1}.denim-product{right:4vw;top:9vh;width:44vw;height:82vh;background:#f3f4f1;border:1px solid rgba(255,255,255,.32);clip-path:inset(0 var(--denim-reveal,40%) 0 0);overflow:hidden}.denim-product:before{content:"PRODUCT 4100006 / FULL RESOLUTION";position:absolute;z-index:3;left:14px;top:14px;color:#181a18;font:500 7px var(--mono);letter-spacing:.14em}.denim-product img{height:calc(100% - 52px);width:100%;object-fit:contain;filter:none!important;transform:translateY(var(--denim-y,24px)) scale(var(--denim-scale,.96));image-rendering:auto;background:#f3f4f1}.denim-product figcaption{height:52px;color:#1a1c19;border-top-color:rgba(18,19,16,.24);padding:10px 14px 12px}.denim-formula{position:absolute;z-index:8;left:3.5vw;bottom:12vh;width:43vw;padding-top:14px;border-top:1px solid rgba(255,255,255,.25);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:500 7px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#aebbc1}.denim-formula i{font-style:normal;color:#718895}.denim-formula b{width:100%;font-size:11px;font-weight:500;color:#f2f2ec}.denim-process{right:1.2vw;top:96px;color:#b7c2c7}.denim-process:before{border-color:rgba(255,255,255,.24)}.denim-wash-meter{left:3.5vw;bottom:5vh;width:43vw;color:#f2f2ec}.denim-wash-meter i{background:#425d6c}.denim-wash-meter i:after{background:#c4d5de}.denim-human{display:none!important}

@media(max-width:900px){.archive-index-copy{left:18px;width:46vw}.archive-index-copy h3{font-size:12vw}.archive-material-wall{width:66vw}.archive-index-copy p{width:35vw}.prototype-copy{left:18px;width:50vw}.prototype-copy h2{font-size:11vw}.prototype-blueprint{right:-12vw;width:70vw}.prototype-section-cut{right:18px;width:58vw}.denim-copy{left:18px;width:50vw}.denim-product{right:1vw;width:47vw}.denim-formula,.denim-wash-meter{left:18px;width:45vw}}
@media(max-width:620px){.archive-index-copy{top:15vh;width:72vw}.archive-index-copy h3{font-size:16vw}.archive-index-copy p{width:58vw}.archive-material-wall{top:48%;width:100vw;height:52%;grid-template-columns:repeat(4,1fr)}.archive-index-axis{left:18px}.prototype-copy{left:18px;bottom:5vh;width:74vw}.prototype-copy h2{font-size:15vw}.prototype-copy p{width:69vw}.prototype-blueprint{right:-31vw;top:3vh;width:105vw;height:62vh}.prototype-callout{display:none}.prototype-section-cut{display:none}.denim-copy{left:18px;top:16vh;width:78vw}.denim-copy h2{font-size:15vw}.denim-copy p{width:68vw}.denim-product{right:-8vw;top:35vh;width:78vw;height:54vh}.denim-formula{display:none}.denim-wash-meter{left:18px;width:58vw}.denim-code{font-size:30vw}.denim-product figcaption b{max-width:60%;text-align:right}}
@media(prefers-reduced-motion:reduce){.prototype-blueprint,.prototype-layer,.prototype-scan,.denim-product{transform:none!important;transition:none!important}}

.archive-panel--material-index>small{right:4vw;top:96px;bottom:auto}.si-footer-center{width:100%;margin:auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px}.si-footer-compass{position:relative;width:clamp(116px,11vw,176px);aspect-ratio:1;border:2px solid #f1f0ea;border-radius:50%}.si-footer-compass:before,.si-footer-compass:after,.si-footer-compass i:before,.si-footer-compass i:after{content:"";position:absolute;left:50%;top:9%;bottom:9%;border-left:2px solid #f1f0ea;transform-origin:center}.si-footer-compass:after{transform:rotate(90deg)}.si-footer-compass i:before{transform:rotate(45deg);opacity:.35}.si-footer-compass i:after{transform:rotate(-45deg);opacity:.35}.si-footer-compass b{position:absolute;left:50%;top:50%;width:12px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);background:var(--lime)}.si-footer-center .si-footer-word{margin:0 -2vw}.si-footer-word{line-height:.72}
@media(max-width:620px){.archive-panel--material-index>small{display:none}.si-footer-center{gap:28px}.si-footer-compass{width:94px}}

.si-loader-title{font-size:clamp(58px,9.4vw,148px);line-height:.78;letter-spacing:-.075em;white-space:nowrap}
@media(max-width:620px){.si-loader-title{font-size:clamp(44px,14vw,80px);line-height:.8;white-space:nowrap}}

/* ===================================================================
   V10 — NAV / HERO "THE FIELD" / MENU / FOOTER
   Reference: stoneisland.com (mono type system, white/black identity)
   =================================================================== */

/* ---- Official wordmark in the nav ---- */
.si-logo{display:flex;align-items:center;height:100%}
.si-logo img{width:auto;height:26px;filter:none;transition:opacity .3s ease}
.si-nav.tone-light .si-logo img{filter:invert(1) brightness(2)}
.si-logo:hover img{opacity:.72}

/* nav typography follows Stone Island's mono system */
.si-nav{font-family:var(--mono);font-size:9px;letter-spacing:.17em}
.si-nav nav{gap:34px}
.si-menu{justify-self:end;border:0;background:none;color:inherit;font:inherit;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;padding:6px 0;position:relative}
.si-menu:after{content:"";position:absolute;left:0;right:100%;bottom:0;border-top:1px solid currentColor;transition:right .35s var(--ease)}
.si-menu:hover:after,.si-menu[aria-expanded="true"]:after{right:0}

/* ---- Loader (official mark) ---- */
.si-loader-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.si-loader-mark{width:min(330px,52vw);height:auto}
.si-loader-sub{margin-top:26px;font:500 8px var(--mono);letter-spacing:.34em;text-transform:uppercase;color:#5f6159}
.si-loader-track{width:min(430px,72vw);margin-top:clamp(90px,20vh,190px)}
.si-loader-bottom{width:min(430px,72vw)}

/* ===================================================================
   HERO — "THE FIELD"
   The campaign's white void bleeds into the page: no seam, no frame.
   object-fit:contain guarantees the composition is never cropped and
   type never collides with the figures.
   =================================================================== */
/* Grid rows keep the figures and the type in separate bands — they can
   never collide, at any viewport, and the image is never cropped. */
/* The plate is composed so the figures occupy the upper ~72% and the lower
   third is clean white — the type lives there, so it can never collide with
   the image. `contain` means the composition is never cropped, and the white
   letterboxing is invisible against the white page. */
/* The hero is one clean viewport — no sticky travel, so there is no empty
   white tail between the field and the material chapter. */
.si-hero .si-sticky{position:relative;height:100svh}
.hero-field{background:#fff;color:#0c0d0a;position:relative}
.hero-field-media{position:absolute;inset:0;display:block}
.hero-field-img{width:100%;height:100%;object-fit:contain;object-position:center center;will-change:transform}
.hero-kicker{position:absolute;z-index:3;left:34px;right:34px;top:92px;display:flex;justify-content:space-between;gap:20px;padding-bottom:13px;font:500 9px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#0c0d0a;border-bottom:1px solid rgba(12,13,10,.14)}
.hero-rule{display:none}
.hero-title{position:absolute;z-index:3;left:34px;right:34px;bottom:104px}
.hero-title h1{font-weight:700;font-size:clamp(32px,5.4vw,88px);line-height:.86;letter-spacing:-.06em;display:flex;flex-direction:column}
.hero-title h1 span{display:block;will-change:transform,opacity}
.hero-base{position:absolute;z-index:3;left:34px;right:34px;bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.hero-base p{max-width:46ch;font-size:13px;line-height:1.62;color:#4b4d45}
.hero-scroll{display:flex;align-items:center;gap:13px;white-space:nowrap;font:500 9px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#6c6e65}
.hero-scroll i{position:relative;display:block;width:54px;height:1px;background:rgba(12,13,10,.22);overflow:hidden}
.hero-scroll i:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:#0c0d0a;animation:heroScrollLine 2.8s var(--ease) infinite}
@keyframes heroScrollLine{0%{transform:translateX(-115%)}55%,100%{transform:translateX(290%)}}

/* ===================================================================
   MENU PANEL
   =================================================================== */
.si-menu-panel{position:fixed;z-index:175;inset:0;background:#0e0f0c;color:#f2f1ec;display:flex;flex-direction:column;justify-content:space-between;padding:120px 34px 34px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
.si-menu-panel.is-open{opacity:1;visibility:visible}
.si-menu-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1100px}
.si-menu-col{display:flex;flex-direction:column;gap:14px}
.si-menu-label{font:500 8px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#7e8077;margin-bottom:6px}
.si-menu-col a{font-size:clamp(20px,2.4vw,34px);letter-spacing:-.035em;line-height:1.06;transition:color .28s ease,transform .35s var(--ease)}
.si-menu-col a:hover{color:var(--lime);transform:translateX(8px)}
.si-menu-foot{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(242,241,236,.16);font:500 8px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#7e8077}
body.menu-open{overflow:hidden}

/* ===================================================================
   FOOTER
   =================================================================== */
.si-footer{min-height:0;background:#0e0f0c;color:#f2f1ec;padding:76px 34px 30px;justify-content:flex-start;gap:44px}
.si-footer-grid{width:100%;display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:44px;padding-bottom:52px;border-bottom:1px solid rgba(242,241,236,.14)}
.si-footer-brand{display:flex;flex-direction:column;gap:24px;max-width:360px}
.si-footer-mark{width:min(260px,80%);height:auto;filter:invert(1) brightness(2)}
.si-footer-brand p{font-size:11.5px;line-height:1.7;color:#8e9087;max-width:42ch}
.si-footer-col{display:flex;flex-direction:column;gap:11px;font-size:12.5px;letter-spacing:-.01em}
.si-footer-label{font:500 8px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#7e8077;margin-bottom:8px}
.si-footer-col a{position:relative;width:fit-content;color:#e7e6e0;transition:color .28s ease}
.si-footer-col a:after{content:"";position:absolute;left:0;right:100%;bottom:-3px;border-top:1px solid currentColor;transition:right .35s var(--ease)}
.si-footer-col a:hover{color:#fff}
.si-footer-col a:hover:after{right:0}
.si-footer-col--meta span:not(.si-footer-label){color:#8e9087}
.si-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font:500 8px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#7e8077}
.si-footer-bottom a{transition:color .28s ease}
.si-footer-bottom a:hover{color:var(--lime)}

/* ===================================================================
   Responsive
   =================================================================== */
@media(max-width:1000px){
  .si-footer-grid{grid-template-columns:1fr 1fr;gap:38px}
  .si-footer-brand{grid-column:1/-1;max-width:none}
}
@media(max-width:860px){
  .hero-base{flex-direction:column;align-items:flex-start;gap:18px}
}
/* Short viewports: the plate is height-constrained, so the type must give way. */
@media(min-width:821px) and (max-height:800px){
  .hero-title{bottom:86px}
  .hero-title h1{font-size:clamp(28px,3.5vw,52px)}
  .hero-base{bottom:30px}
  .hero-base p{font-size:12px}
}
@media(min-width:821px) and (max-height:620px){
  .hero-title{bottom:70px}
  .hero-title h1{font-size:clamp(24px,2.9vw,40px)}
  .hero-base p{display:none}
}
@media(max-width:720px){
  .si-logo img{height:20px}
  .si-nav nav{display:none}
  .hero-kicker{left:18px;right:18px;top:76px;font-size:8px;letter-spacing:.16em;flex-direction:column;gap:5px;padding-bottom:10px}
  .hero-title{left:18px;right:18px;bottom:112px}
  .hero-title h1{font-size:clamp(30px,9.2vw,58px);line-height:.9}
  .hero-base{left:18px;right:18px;bottom:24px;gap:14px}
  .hero-base p{font-size:12px;max-width:34ch}
  .si-menu-panel{padding:96px 18px 24px;overflow-y:auto}
  .si-menu-inner{grid-template-columns:1fr;gap:30px}
  .si-menu-foot{flex-direction:column;gap:8px}
  .si-footer{padding:66px 18px 26px}
  .si-footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:44px}
  .si-footer-bottom{flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .hero-scroll i:after{animation:none;transform:translateX(0)}
  .si-menu-col a:hover{transform:none}
}

/* ===================================================================
   04 — THE LIVING ARCHIVE ("the vault")
   Twenty catalogued garments drawn past horizontally in a dark room.
   The garments are the only colour in the chapter.
   =================================================================== */
.si-archive{height:520svh;background:var(--vault)}
.vault{background:var(--vault);color:#f2f1ec;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:104px 0 30px;row-gap:clamp(14px,2vh,24px)}
.vault>*{grid-column:1}
.vault-intro{grid-row:1}.vault-filters{grid-row:2}.vault-track{grid-row:3}.vault-rail{grid-row:4}

/* Compact header so the garments own the majority of the viewport. */
.vault-intro{padding:0 clamp(18px,3vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34ch);gap:10px clamp(24px,4vw,60px);align-items:end;will-change:transform,opacity}
.vault-label{grid-column:1/-1;font:500 9px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#8e9088}
.vault-intro h2{font-size:clamp(26px,2.9vw,44px);font-weight:600;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.vault-intro p{font-size:12.5px;line-height:1.62;color:#9a9c93;text-wrap:pretty}

.vault-track{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);padding:0 clamp(18px,3vw,44px);
  min-width:0;transform:translate3d(var(--archive-x,0px),0,0);will-change:transform}
/* Items are sized by the available row height, so the index always fits the
   viewport exactly and the garments are never cropped. */
.vault-item{flex:0 0 auto;height:100%;max-width:78vw}
.vault-item figure{margin:0;display:flex;flex-direction:column;height:100%}
.vault-item img{flex:1;min-height:0;width:auto;height:100%;aspect-ratio:3/4;object-fit:contain;background:#000}
.vault-item--plate img{aspect-ratio:16/9;object-fit:cover}
.vault-item figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;padding-top:14px;margin-top:14px;border-top:1px solid rgba(242,241,236,.2)}
.vault-item figcaption i{grid-row:1/3;font:500 10px/1 var(--mono);font-style:normal;letter-spacing:.1em;color:#7f817a}
.vault-item figcaption b{font-weight:500;font-size:13px;letter-spacing:-.015em;line-height:1.2}
.vault-item figcaption span{font:500 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#8e9088}

.vault-rail{display:flex;align-items:center;gap:16px;padding:0 clamp(18px,3vw,44px);font:500 9px/1 var(--mono);letter-spacing:.18em;color:#8e9088}
.vault-rail i{flex:1;height:1px;background:rgba(242,241,236,.18);position:relative}
.vault-rail i b{position:absolute;left:0;top:0;height:100%;width:var(--vault-progress,4%);background:#f2f1ec}
.vault-now{color:#f2f1ec;font-variant-numeric:tabular-nums}

@media(max-width:720px){
  .si-archive{height:420svh}
  .vault{padding:86px 0 22px}
  .vault-intro h2{font-size:clamp(24px,7vw,34px)}
  .vault-intro p{font-size:12px}
  .vault-item{width:clamp(150px,52vw,210px)}
  .vault-item figcaption b{font-size:12px}
}

/* ===================================================================
   02 — MATERIAL RESEARCH (white chapter)
   =================================================================== */
.si-material{height:190svh;background:#fff}
.mat{background:#fff;color:var(--ink);display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(28px,5vw,90px);padding:112px clamp(18px,3vw,44px) 56px}
.mat-lede{max-width:44ch}
.mat-label{display:block;font:500 9px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#6c6e66}
.mat-lede h2{margin-top:20px;font-size:clamp(30px,3.9vw,62px);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.mat-lede p{margin-top:20px;font-size:13.5px;line-height:1.68;color:#4a4c45;max-width:46ch;text-wrap:pretty}

.mat-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,26px);align-items:start}
.mat-plate{margin:0;will-change:transform}
.mat-plate img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#111}
.mat-plate figcaption{display:flex;flex-direction:column;gap:3px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}
.mat-plate figcaption b{font-weight:500;font-size:12.5px;letter-spacing:-.01em}
.mat-plate figcaption span{font:500 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#6c6e66}
/* staggered baseline gives the row rhythm instead of a flat card grid */
.mat-plate--b{margin-top:clamp(26px,6vh,64px)}
.mat-plate--c{margin-top:clamp(52px,12vh,128px)}

/* ===================================================================
   03 — REFLECTIVE (full-bleed room)
   =================================================================== */
.si-metal{height:170svh;background:#000}
.room{background:#000;color:#f2f1ec}
.room-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;will-change:transform}
.room-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 34%,rgba(0,0,0,0) 66%)}
.room-copy{position:absolute;z-index:2;left:clamp(18px,3vw,44px);right:clamp(18px,3vw,44px);bottom:clamp(40px,7vh,84px);max-width:min(640px,80vw);will-change:transform,opacity}
.room-label{display:block;font:500 9px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#c9cac4}
.room-copy h2{margin-top:18px;font-size:clamp(30px,4.4vw,72px);font-weight:600;line-height:1;letter-spacing:-.045em;text-wrap:balance}
.room-copy p{margin-top:18px;max-width:48ch;font-size:13.5px;line-height:1.7;color:#cfd0ca;text-wrap:pretty}

/* ===================================================================
   06 — LAB TO LIFE (diptych)
   =================================================================== */
.si-lab-life{height:170svh;background:#000}
.duo{background:#000;color:#f2f1ec;display:grid;grid-template-columns:1fr 1fr}
.duo-half{position:relative;margin:0;overflow:hidden}
.duo-half img{width:100%;height:100%;object-fit:cover;will-change:transform}
.duo-half:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.05) 70%)}
.duo-half figcaption{position:absolute;z-index:2;left:clamp(16px,2.4vw,38px);right:clamp(16px,2.4vw,38px);bottom:clamp(32px,6vh,66px);display:flex;flex-direction:column;gap:12px}
.duo-label{font:500 9px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#c9cac4}
.duo-half figcaption b{font-weight:600;font-size:clamp(20px,2.5vw,40px);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.duo-half figcaption small{font:500 9px/1.5 var(--mono);letter-spacing:.1em;color:#a9aba4}
.duo-seam{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(242,241,236,.22)}

@media(max-width:900px){
  .mat{grid-template-columns:minmax(0,1fr);gap:34px;align-content:center}
  .mat-plate--b,.mat-plate--c{margin-top:0}
}
@media(max-width:720px){
  .si-material{height:auto}
  .mat{padding:96px 18px 48px}
  .mat-lede h2{font-size:clamp(26px,8vw,38px)}
  .mat-plates{grid-template-columns:1fr 1fr;gap:12px}
  .mat-plate--c{grid-column:1/-1}
  .mat-plate--c img{aspect-ratio:16/9}
  .room-copy h2{font-size:clamp(26px,8.4vw,40px)}
  .room-copy p{font-size:12.5px}
  .duo{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .duo-seam{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}
  .duo-half figcaption b{font-size:clamp(19px,6vw,26px)}
}

/* ===================================================================
   09 — EPILOGUE
   =================================================================== */
.si-final{height:auto;min-height:100svh;background:var(--vault);color:#f2f1ec;display:grid;grid-template-rows:1fr auto;padding:120px clamp(18px,3vw,44px) 30px;overflow:hidden}
.si-final .final-grid{opacity:.5}
.final-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}
.final-mark{width:min(280px,44vw);height:auto;filter:invert(1) brightness(2)}
.final-sub{margin-top:22px;font:500 9px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#8e9088}
.final-line{position:static;margin-top:clamp(36px,7vh,76px);font-size:clamp(32px,5.6vw,86px);font-weight:600;line-height:1;letter-spacing:-.045em;text-wrap:balance}
.final-cta{margin-top:clamp(40px,8vh,90px);display:inline-flex;align-items:center;gap:18px;padding-bottom:10px;border-bottom:1px solid var(--lime);font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#f2f1ec;transition:gap .35s var(--ease),color .3s ease}
.final-cta i{font-style:normal;color:var(--lime)}
.final-cta:hover{gap:28px;color:#fff}
.final-foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(242,241,236,.16);font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8e9088}

@media(max-width:720px){
  .si-final{padding:96px 18px 22px}
  .final-line{font-size:clamp(28px,9vw,42px)}
  .final-cta{font-size:9px;letter-spacing:.16em;gap:12px}
  .final-foot{flex-direction:column;gap:8px;text-align:center;align-items:center}
}
@media(prefers-reduced-motion:reduce){.final-cta:hover{gap:18px}}

/* progress rail adapts to the chapter it sits over */
.si-progress{transition:color .35s ease}
.si-progress.tone-dark{color:var(--ink)}
.si-progress.tone-dark i{border-color:rgba(13,14,12,.25)}
.si-progress.tone-dark b{color:#63655e}
.si-progress.tone-light{color:#f2f1ec}
.si-progress.tone-light i{border-color:rgba(242,241,236,.32)}
.si-progress.tone-light b{color:#a9aba4}

/* ===================================================================
   07 — COMMUNITY (typographic beat, white)
   =================================================================== */
.si-community{height:150svh;background:#fff}
.voices{background:#fff;color:var(--ink);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(24px,4vh,54px);padding:118px clamp(18px,3vw,44px) 56px}
.voices-head{max-width:24ch}
.voices-label{display:block;font:500 9px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#6c6e66}
.voices-head h2{margin-top:18px;font-size:clamp(28px,3.6vw,58px);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.voices-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);align-content:center}
.voice{display:flex;flex-direction:column;gap:22px;padding-top:26px;border-top:1px solid var(--ink)}
.voice blockquote{margin:0;font-size:clamp(24px,3.2vw,50px);font-weight:500;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.voice blockquote:before{content:"“"}
.voice blockquote:after{content:"”"}
.voice-meta{display:flex;flex-direction:column;gap:5px}
.voice-meta b{font-weight:500;font-size:13px;letter-spacing:-.01em}
.voice-meta span{font-size:12.5px;color:#5a5c54}
.voice-meta i{font-style:normal;font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#6c6e66;margin-top:4px}
.voices-foot{max-width:62ch;justify-self:end;text-align:right;font-size:12.5px;line-height:1.66;color:#5a5c54;text-wrap:pretty}

/* keep chapter content clear of the fixed progress rail */
@media(min-width:1100px){
  .mat,.voices,.vault-intro,.vault-rail,.room-copy{padding-right:clamp(56px,5vw,88px)}
}

/* the fixed VISURA control sits out of the centre so it never lands on
   a headline or a chapter rail */
.visura-return{left:auto;right:20px;transform:none}
.visura-return:hover{transform:translateY(-3px)}
@media(max-width:720px){
  .si-community{height:auto}
  .voices{padding:96px 18px 40px;gap:26px}
  .voices-head h2{font-size:clamp(24px,7.6vw,34px)}
  .voices-list{grid-template-columns:1fr;gap:30px}
  .voice blockquote{font-size:clamp(21px,6.6vw,30px)}
  .voices-foot{text-align:left;justify-self:start;font-size:12px}
  .visura-return{right:12px}
}
@media(prefers-reduced-motion:reduce){.visura-return:hover{transform:none}}

/* ===================================================================
   Type harmonisation — the two legacy chapters adopt the case's
   display scale so the whole story reads as one system.
   =================================================================== */
.prototype-copy h2,.denim-copy h2{
  font-size:clamp(30px,4.2vw,68px);font-weight:600;line-height:1.0;letter-spacing:-.045em;text-wrap:balance;max-width:16ch}
.prototype-copy>span,.denim-head span,.prototype-meta span{
  font:500 9px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase}
.prototype-copy p,.denim-copy p{font-size:13.5px;line-height:1.68;text-wrap:pretty}
/* colour comes from the garments, not from tinted display words */
.prototype-copy h2 em,.denim-copy h2 em{color:inherit}
@media(max-width:720px){
  .prototype-copy h2,.denim-copy h2{font-size:clamp(26px,8vw,38px);max-width:none}
}

/* ===================================================================
   Final clearances — nothing collides with the fixed rail or the
   fixed VISURA control.
   =================================================================== */
.voices-head{max-width:none}
.voices-head h2{max-width:18ch}
.voices-label{white-space:nowrap}
@media(min-width:1100px){
  /* the denim chapter's right-hand technical rails sit under the progress rail */
  .denim-head,.denim-wash-meter,.denim-process{padding-right:56px}
}
/* reserve room for the fixed control in the bottom-right of a chapter */
.voices-foot,.final-foot{padding-right:clamp(0px,20vw,230px)}
@media(max-width:720px){
  .voices-foot,.final-foot{padding-right:0}
  .voices-head h2{max-width:none}
  .voices-label{white-space:normal}
}
.voices-foot{max-width:46ch;padding-right:clamp(0px,12vw,150px)}

@media(max-width:860px){
  /* the two-column vault header collapses to one column before it can collide */
  .vault-intro{grid-template-columns:minmax(0,1fr);gap:10px}
  .vault-intro p{max-width:52ch}
}
@media(max-width:720px){
  .vault-rail{padding-bottom:34px}
}

/* VISURA authorship — concise framing before and after the editorial story. */
.si-case-intro{min-height:100svh;padding:clamp(110px,14vh,170px) clamp(18px,4vw,64px) clamp(72px,10vh,120px);background:#f2f1eb;color:var(--ink);display:grid;grid-template-columns:minmax(120px,.55fr) 1.45fr;gap:clamp(34px,6vw,110px);align-content:center;border-top:1px solid rgba(17,17,15,.2)}
.case-intro-label,.case-intro-meta dt,.case-summary-head>span{font:500 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.case-intro-main h2{max-width:11ch;font-size:clamp(52px,7.4vw,120px);font-weight:600;line-height:.82;letter-spacing:-.065em;text-wrap:balance}
.case-intro-main>p{max-width:66ch;margin-top:38px;font-size:clamp(15px,1.35vw,21px);line-height:1.55;color:#45473f}
.case-intro-meta{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:clamp(48px,8vh,90px);padding-top:20px;border-top:1px solid rgba(17,17,15,.24)}
.case-intro-meta div{display:grid;gap:13px}.case-intro-meta dd{margin:0;font-size:12px;line-height:1.6;color:#55574f}

/* Eight decisive references keep the archive curated and the pace deliberate. */
.si-archive{height:340svh}

.si-case-summary{min-height:100svh;padding:clamp(110px,14vh,170px) clamp(18px,4vw,64px) clamp(76px,10vh,120px);background:#10110e;color:#f2f1ec;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(48px,8vw,140px);align-items:center}
.case-summary-head h2{margin-top:28px;font-size:clamp(48px,6.5vw,105px);font-weight:600;line-height:.86;letter-spacing:-.06em;text-wrap:balance}
.case-summary-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(242,241,236,.26)}
.case-summary-list li{display:grid;grid-template-columns:42px minmax(160px,.8fr) 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(242,241,236,.2);align-items:start}
.case-summary-list li>span{font:500 9px var(--mono);letter-spacing:.12em;color:#aab65a}.case-summary-list b{font-size:clamp(18px,1.7vw,28px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.case-summary-list p{font-size:12.5px;line-height:1.6;color:#9d9f96}

@media(max-width:720px){
  .si-case-intro{min-height:auto;grid-template-columns:1fr;padding-top:104px}
  .case-intro-main h2{font-size:clamp(48px,15vw,76px)}
  .case-intro-meta{grid-column:1;grid-template-columns:1fr;gap:24px}
  .si-archive{height:300svh}
  .si-case-summary{min-height:auto;grid-template-columns:1fr;padding-top:104px}
  .case-summary-head h2{font-size:clamp(46px,14vw,72px)}
  .case-summary-list li{grid-template-columns:34px 1fr}
  .case-summary-list p{grid-column:2}
}

/* VISURA signature layer: authorship, material interaction and conversion. */
.si-loader-presenter{display:block;margin-bottom:28px;font:500 8px var(--mono);letter-spacing:.24em;text-align:center;text-transform:uppercase;color:#777970}
.mat-plate{position:relative;cursor:pointer;outline:none;transition:opacity .3s ease}
.mat-plate:after{content:"";position:absolute;inset:0 0 51px;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgba(255,255,255,.32),transparent 36%);opacity:0;mix-blend-mode:screen;transition:opacity .3s ease}
.mat-plate:hover:after,.mat-plate:focus-visible:after,.mat-plate.is-active:after{opacity:1}
.mat-plate:not(.is-active){opacity:.72}.mat-plate:hover,.mat-plate:focus-visible{opacity:1}.mat-plate:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.mat-readout{position:absolute;z-index:8;left:clamp(18px,3.5vw,56px);right:clamp(18px,3.5vw,56px);bottom:clamp(72px,9vh,100px);display:grid;grid-template-columns:140px minmax(160px,.7fr) 1.3fr;gap:24px;padding-top:16px;border-top:1px solid rgba(17,17,15,.22)}
.mat-readout>span,.mat-readout dt{font:500 8px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#74766e}.mat-readout>b{font-size:18px;font-weight:500;letter-spacing:-.025em}.mat-readout dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px}.mat-readout dl div{display:grid;gap:8px}.mat-readout dd{margin:0;font-size:11.5px;line-height:1.55;color:#55574f}
.mat-readout dl div:last-child{padding-right:180px}
.vault-filters{position:static;z-index:12;display:flex;gap:7px;padding:0 clamp(18px,3vw,44px)}
.vault-filters button{appearance:none;border:1px solid rgba(242,241,236,.28);border-radius:999px;background:transparent;color:#a3a59d;padding:8px 12px;font:500 7px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.vault-filters button:hover,.vault-filters button.is-active{background:#f2f1ec;color:#11120f;border-color:#f2f1ec}.vault-item[hidden]{display:none}
.commerce-path{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:clamp(32px,5vh,56px);font:500 8px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9b9d94}.commerce-path i{font-style:normal;color:var(--lime)}
.final-cta{margin-top:28px}
.visura-case-cta{min-height:72svh;padding:clamp(100px,14vh,160px) clamp(18px,4vw,64px);background:#0e0f0c;color:#f2f1ec;display:grid;grid-template-columns:.6fr 1.4fr;gap:24px clamp(40px,8vw,140px);align-content:center;border-top:1px solid rgba(242,241,236,.16)}
.visura-case-cta>span{font:500 8px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#a8aa9f}.visura-case-cta h2{font-size:clamp(52px,7vw,116px);font-weight:600;line-height:.84;letter-spacing:-.065em}.visura-case-cta p,.visura-case-cta a{grid-column:2}.visura-case-cta p{max-width:55ch;font-size:14px;line-height:1.65;color:#a8aaa1}.visura-case-cta a{width:fit-content;margin-top:28px;padding-bottom:10px;border-bottom:1px solid var(--lime);font:500 10px var(--mono);letter-spacing:.15em;text-transform:uppercase}.visura-case-cta a i{font-style:normal;color:var(--lime)}
@media(max-width:720px){
  .mat-readout{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;margin-top:26px}.mat-readout dl{grid-template-columns:1fr}.mat-readout dl div:last-child{padding-right:0}.mat-readout>span{display:none}
  .vault-filters{max-width:100vw;overflow-x:auto}.vault-filters button{white-space:nowrap}
  .commerce-path{gap:8px;font-size:7px}.visura-case-cta{min-height:auto;grid-template-columns:1fr}.visura-case-cta h2,.visura-case-cta p,.visura-case-cta a{grid-column:1}.visura-case-cta h2{font-size:clamp(48px,15vw,74px)}
}