:root{--u:min(calc(100vw/1600),calc(100vh/900));--ink:#16191f;--mid:#737b86;--dim:#a4adb8;--line:#e6ebf0;--ice:#e9f0f7}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#fff}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
.wide{font-family:Michroma,sans-serif;text-transform:uppercase}
div.page{height:100svh;min-height:520px;display:grid;grid-template-rows:auto 1fr;background:#fff}
header{position:relative;z-index:5;background:#fff;padding:calc(20*var(--u)) calc(46*var(--u)) calc(15*var(--u))}
.r1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.brand{font-size:calc(15.5*var(--u));letter-spacing:.2em}
.tabs{display:flex;gap:calc(48*var(--u));font-size:calc(14.5*var(--u));letter-spacing:.14em;color:var(--dim)}
.tabs a{transition:color .25s}
.tabs a:hover,.tabs .on{color:var(--ink)}
.acct{justify-self:end;display:flex;align-items:center;gap:calc(22*var(--u));font-size:calc(9.5*var(--u));letter-spacing:.12em}
.acct svg{width:calc(17*var(--u));height:calc(17*var(--u));fill:none;stroke:currentColor;stroke-width:1.5}
.r2{display:flex;justify-content:center;gap:calc(60*var(--u));margin-top:calc(17*var(--u));font-size:calc(9.5*var(--u));letter-spacing:.14em}
.r2 a{transition:color .2s}.r2 a:hover{color:var(--mid)}
main{position:relative;display:grid;grid-template-columns:1fr calc(372*var(--u));min-height:0}
.stage{position:relative;overflow:hidden;min-width:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:none;background:linear-gradient(transparent 60%,rgba(255,255,255,.72) 100%),linear-gradient(90deg,#f1f5fa 0%,#e7eff6 38%,#eef4f9 62%,#f6f9fc 100%)}
.line{position:absolute;inset:0}
.m{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,filter;cursor:none}
.m svg{display:block;position:relative;width:100%;height:100%}
.m:before{content:"";position:absolute;left:8%;right:8%;bottom:-1.6%;height:3.6%;border-radius:50%;background:radial-gradient(closest-side,rgba(70,85,105,.24),transparent)}
.intro{position:absolute;z-index:2;left:calc(46*var(--u));top:calc(36*var(--u));width:calc(390*var(--u));pointer-events:none}
.intro h2{font-weight:400;font-size:calc(22*var(--u));line-height:1.2;letter-spacing:.16em;white-space:nowrap}
.intro p{margin-top:calc(16*var(--u));font-size:calc(14*var(--u));line-height:1.62;letter-spacing:.012em;color:var(--mid)}
.tag{position:absolute;z-index:2;left:calc(46*var(--u));bottom:calc(44*var(--u))}
.look{display:flex;font-size:calc(29*var(--u));line-height:calc(38*var(--u));letter-spacing:.14em;gap:.5em;pointer-events:none}
.win{height:calc(38*var(--u));overflow:hidden}
.roll{display:block;will-change:transform}
.roll b{display:block;font-weight:400;height:calc(38*var(--u))}
.shop{display:inline-block;margin-top:calc(13*var(--u));font-size:calc(9.5*var(--u));letter-spacing:.14em;padding-bottom:calc(4*var(--u));border-bottom:1px solid currentColor}
.ring{position:absolute;z-index:4;left:0;top:0;width:calc(46*var(--u));height:calc(46*var(--u));margin:calc(-23*var(--u)) 0 0 calc(-23*var(--u));border:calc(2.5*var(--u)) solid #16191f;border-radius:99px;pointer-events:none;opacity:0;transition:width .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1),margin .22s cubic-bezier(.2,.8,.2,1),opacity .2s}
.ring.show{opacity:1}
.ring.drag{width:calc(84*var(--u));height:calc(34*var(--u));margin:calc(-17*var(--u)) 0 0 calc(-42*var(--u))}
.rail{position:relative;overflow:hidden;background:#f3f6fa;min-height:0}
.card{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;padding:calc(18*var(--u)) calc(24*var(--u)) calc(18*var(--u));will-change:transform;background:#f3f6fa}
.card.alt{background:#fff}
.fav{position:absolute;left:calc(22*var(--u));top:calc(18*var(--u));width:calc(22*var(--u));height:calc(22*var(--u));z-index:1;color:var(--ink)}
.fav svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;transition:fill .2s}
.fav[aria-pressed=true] svg{fill:#d8a7a0;stroke:#b98179}
.shot{flex:1;min-height:0;display:block}
.shot svg{display:block;width:100%;height:100%}
.meta{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:calc(8*var(--u))}
.meta h3{font-weight:400;font-size:calc(9.5*var(--u));letter-spacing:.14em}
.meta span{display:block;grid-column:1;margin-top:calc(6*var(--u));font-size:calc(12.5*var(--u));color:var(--mid);letter-spacing:.03em}
.add{grid-column:2;grid-row:1/3;width:calc(26*var(--u));height:calc(26*var(--u));position:relative;transition:transform .2s}
.add:before,.add:after{content:"";position:absolute;left:50%;top:50%;width:calc(15*var(--u));height:1.5px;margin:-.75px 0 0 calc(-7.5*var(--u));background:var(--ink)}
.add:after{transform:rotate(90deg)}
.add:hover{transform:rotate(90deg)}
.wait{position:fixed;inset:0;z-index:9;background:#f1f5fa;transition:opacity .5s;pointer-events:none}
.wait.gone{opacity:0}
button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (max-width:820px){
:root{--u:1px}
header{padding:14px 16px 12px}
.r1{grid-template-columns:1fr auto}
.tabs,.r2,.acct>a:not(:last-child){display:none}
.brand{font-size:14px}
main{grid-template-columns:1fr;grid-template-rows:1fr 190px}
.stage{cursor:auto}.m{cursor:auto}.ring{display:none}
.intro{left:16px;top:18px;width:calc(100% - 32px)}
.intro h2{font-size:17px}
.intro p{display:none}
.tag{left:16px;bottom:18px}
.look{font-size:22px;line-height:30px}.win,.roll b{height:30px}
.card{width:160px;height:100%;padding:12px}
.fav{left:10px;top:10px}
}

/* Respect Sports: original product photography, same depth choreography. */
[hidden]{display:none!important}
body.depth-store{--ink:#19211e;--mid:#6f7973;--dim:#8f9892;--accent:#bc4e2e}
.skip-link,.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{clip-path:none;left:20px;top:10px;width:auto;height:auto;padding:12px;background:#fff;z-index:999}
.brand{font-size:calc(24*var(--u));font-weight:500;letter-spacing:.12em;line-height:1}
.brand-sub{display:block;font-size:calc(7.5*var(--u));letter-spacing:.19em;margin-top:calc(7*var(--u))}
.runway-logo{width:calc(170*var(--u));height:calc(42*var(--u));object-fit:contain}
.tabs{font-size:calc(12*var(--u));gap:calc(36*var(--u))}
.acct{font-size:calc(9*var(--u));gap:calc(20*var(--u))}
.reference-link{color:var(--mid);font-size:calc(7.5*var(--u))}
.r2{gap:calc(48*var(--u));font-size:calc(8.5*var(--u));margin-top:calc(19*var(--u))}
.r2 [aria-current=true]{color:var(--accent)}
.stage{background:linear-gradient(transparent 60%,rgba(255,255,255,.72) 100%),linear-gradient(90deg,#f1f5fa 0%,#e7eff6 38%,#eef4f9 62%,#f6f9fc 100%)}
.m{mix-blend-mode:multiply}
.m img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;pointer-events:none}
.m:before{background:radial-gradient(closest-side,rgba(40,55,40,.18),transparent)}
.intro{width:calc(390*var(--u));z-index:160}
.season{display:block;font-size:calc(8.5*var(--u));letter-spacing:.15em;color:var(--mid)}
.intro h1{font-size:calc(33*var(--u));line-height:1.45;letter-spacing:.06em;font-weight:400;margin-top:calc(16*var(--u))}
.intro p{max-width:calc(315*var(--u));font-size:calc(12*var(--u))}
.tag{z-index:160;max-width:calc(360*var(--u))}
.current-category{font-size:calc(8*var(--u));letter-spacing:.13em;color:var(--accent);display:block;margin-bottom:calc(12*var(--u))}
.look{align-items:baseline;font-size:calc(25*var(--u))}
.total{font-size:calc(10*var(--u));letter-spacing:.08em;color:var(--mid)}
.current-name{display:block;font-size:calc(11*var(--u));line-height:1.7;letter-spacing:.08em;margin-top:calc(10*var(--u));max-width:calc(300*var(--u))}
.stage-controls{display:flex;align-items:center;gap:calc(38*var(--u));margin-top:calc(10*var(--u))}
.shop{margin-top:0;font-size:calc(8.5*var(--u))}
.arrows{display:flex;gap:calc(8*var(--u))}
.arrows button{width:calc(34*var(--u));height:calc(34*var(--u));border:1px solid #bcc5bd;border-radius:50%;font-size:calc(17*var(--u));transition:background .2s}
.arrows button:hover{background:#fff}
.gesture{font-size:calc(9*var(--u));color:var(--mid);margin-top:calc(14*var(--u));letter-spacing:.03em}
.gesture span{padding:0 7px}
.ring{z-index:170}
.rail,.card{background:#f1f3ee}.card.alt{background:#fff}
.card{padding:calc(20*var(--u)) calc(24*var(--u)) calc(18*var(--u))}
.card-category{font-size:calc(7*var(--u));letter-spacing:.12em;color:var(--mid);margin-left:calc(34*var(--u));min-height:calc(16*var(--u))}
.shot{margin-top:calc(4*var(--u))}
.shot img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.meta h2{font-weight:400;font-size:calc(9*var(--u));line-height:1.5;letter-spacing:.07em;padding-right:calc(10*var(--u))}
.meta .price{display:block;grid-column:1;margin-top:calc(6*var(--u));font-size:calc(12*var(--u));color:var(--mid);letter-spacing:.02em}
.meta .price span{display:inline;margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.meta .price small{font-size:.68em;letter-spacing:.05em}
.meta .price del{opacity:.6}.meta .price ins{text-decoration:none}
.add{border:1px solid #c7cdc5;width:calc(29*var(--u));height:calc(29*var(--u))}
.availability{font-size:9px;text-decoration:underline;grid-column:2;grid-row:1/3}
.fav[aria-pressed=true] svg{fill:#bc4e2e;stroke:#bc4e2e}
.quick-shop-dialog{position:fixed;inset:0;margin:auto;width:min(960px,calc(100% - 40px));max-height:90svh;padding:0;border:0;background:#f6f7f3;color:var(--ink);overflow:auto}
.quick-shop-dialog::backdrop{background:#17211ed9;backdrop-filter:blur(8px)}
.quick-close{position:absolute;right:14px;top:14px;z-index:2;width:36px;height:36px;background:white;border:1px solid #cbd0c8;border-radius:50%;font-size:24px}
.quick-layout{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.quick-gallery{padding:40px 22px 24px;background:#e8ece5;display:flex;flex-direction:column;justify-content:center}
.quick-main-image{width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply}
.quick-thumbnails{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.quick-thumbnails button{opacity:.5;border:1px solid transparent}
.quick-thumbnails button[aria-pressed=true]{opacity:1;border-color:var(--ink)}
.quick-thumbnails img{width:45px;height:50px;object-fit:contain;display:block}
.quick-information{padding:55px 32px 30px}
.quick-information>.eyebrow{font-size:9px;letter-spacing:.1em;color:var(--mid)}
.quick-information h2{font-family:Michroma,sans-serif;font-size:22px;font-weight:400;line-height:1.5;margin:18px 0}
.quick-price{font-size:18px;margin-bottom:18px}.quick-price ins{text-decoration:none}.quick-price del{opacity:.5;font-size:.8em}
.quick-description{font-size:12px;line-height:1.7;color:var(--mid);margin-bottom:15px;max-height:100px;overflow:auto}
.quick-form .variations{width:100%;margin-bottom:18px}
.quick-form .variations th{text-align:left;font-size:12px;font-weight:400;padding-right:15px}
.quick-form select{width:100%;padding:10px;background:#fff;border:1px solid #bfc7be;color:var(--ink);font:inherit;font-size:13px}
.quick-form .reset_variations{display:block;font-size:11px;margin-top:8px;text-decoration:underline}
.quick-form .quantity{display:inline-block;margin:12px 8px 12px 0}.quick-form .qty{width:60px;padding:12px;border:1px solid #bdc6ba;background:white}
.quick-form .single_add_to_cart_button{padding:14px 22px;background:var(--ink);color:white;font-size:12px}
.quick-form .single_add_to_cart_button.disabled,.quick-form button:disabled{opacity:.4;cursor:not-allowed}
.quick-form .stock{font-size:12px;margin:10px 0}.quick-form .woocommerce-variation-price{margin:10px 0;font-size:14px}
.quick-feedback{font-size:12px;line-height:1.7;margin-top:14px;color:#456340}.quick-feedback a{text-decoration:underline}
.quick-full{display:inline-block;margin-top:20px;font-size:10px;border-bottom:1px solid #b0b9aa;padding-bottom:4px}
.quick-note{font-size:10px;color:var(--mid);margin-top:16px}
.quick-loading{padding:100px 35px;text-align:center;font-size:13px}.quick-loading a{text-decoration:underline}
@media(max-width:820px){
.brand{font-size:20px}.brand-sub{font-size:7px;margin-top:5px}.runway-logo{width:145px;height:32px}
.acct{font-size:10px}.acct>.reference-link{display:block!important;font-size:0}.reference-link:after{content:'REF ↗';font-size:8px}
.r2{display:flex;justify-content:flex-start;gap:24px;overflow-x:auto;margin-top:16px;font-size:8px;padding-bottom:3px;white-space:nowrap;scrollbar-width:none}
.intro{z-index:160;top:20px;width:210px;pointer-events:none}.season{font-size:7px;line-height:1.6}.intro h1{font-size:19px;line-height:1.5;margin-top:10px}
.tag{max-width:230px;bottom:16px}.current-category{font-size:7px;margin-bottom:3px}.look{font-size:20px}.total{font-size:9px}
.current-name{font-size:9px;max-width:190px;margin-top:3px}.stage-controls{gap:18px;margin-top:7px}.shop{font-size:8px}.arrows{gap:6px}.arrows button{width:30px;height:30px;font-size:16px}.gesture{display:none}
.card{width:180px;padding:10px 12px}.card-category{font-size:6px;margin-left:25px;min-height:15px}.shot{margin-top:2px}.meta{margin-top:5px}.meta h2{font-size:8px;letter-spacing:.03em}.meta .price{font-size:11px;margin-top:4px}.add{width:28px;height:28px}.fav{width:18px;height:18px}
.quick-shop-dialog{width:calc(100% - 24px);max-height:92svh}.quick-layout{grid-template-columns:1fr;min-height:0}.quick-gallery{padding:25px 15px 15px}.quick-main-image{height:190px}.quick-thumbnails{margin-top:10px}.quick-thumbnails img{height:35px;width:35px}.quick-information{padding:20px}.quick-information h2{font-size:17px;margin:10px 0}.quick-description{display:none}.quick-price{margin-bottom:12px}.quick-note{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

div.page{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
header,main{min-width:0}
@media(max-width:820px){.r1{grid-template-columns:minmax(0,1fr) auto}.brand{min-width:0}.acct{gap:12px}.brand-sub{letter-spacing:.1em}.reference-link{white-space:nowrap}}

.m{mix-blend-mode:normal}

.runway-menu{display:flex;align-items:center;gap:calc(36*var(--u));list-style:none}

/* Transparent full figures are cropped to alpha bounds; feet use the reference depth stops. */
.runway-character svg{overflow:hidden;pointer-events:none}
.runway-character:before{left:8%;right:8%;bottom:-1.6%;height:3.6%;background:radial-gradient(closest-side,rgba(70,85,105,.24),transparent)}