:root{
  --bg:#08080a;--surface:#111114;--text:#f8f3eb;--muted:#b5adb0;--line:#302a2f;
  --accent:#f27fb5;--accent2:#ffd0e2;--paper:#f3ede5;--ink:#111012;
  --hero-bg:#09090a;--hero-text:#fff5e8;--hero-accent:#f47db6;
  --pad:clamp(18px,4vw,66px);--radius:30px;--shadow:0 34px 100px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#08080a}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
img{max-width:100%}.skip{position:fixed;top:10px;left:10px;z-index:999;background:white;color:black;padding:10px 14px;transform:translateY(-160%)}.skip:focus{transform:none}
.announcement{height:30px;background:#070708;color:#f5bad4;border-bottom:1px solid #211c20;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;letter-spacing:.17em;position:relative;z-index:40}
.site-nav{height:76px;position:absolute;top:30px;left:0;right:0;z-index:35;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.18);color:var(--hero-text)}
.brand{display:inline-flex;flex-direction:column;line-height:.78;width:max-content;position:relative}.brand-mark{font-size:27px;font-weight:950;letter-spacing:-.08em}.brand-sub{font-size:7px;letter-spacing:.24em;margin-top:8px}.brand-star{position:absolute;right:-12px;top:-13px;color:var(--accent);font-size:14px}
.desktop-nav{display:flex;gap:24px;font-size:9px;font-weight:900;letter-spacing:.13em}.nav-actions{justify-self:end;display:flex;gap:14px}.ghost-btn{border:0;background:transparent;color:inherit;font-size:9px;font-weight:900;letter-spacing:.14em;padding:12px 2px}.menu-btn{display:none}
.mobile-nav{position:absolute;top:76px;left:0;right:0;background:#0a0a0c;color:white;padding:24px var(--pad);display:grid;gap:18px;font-size:22px;font-weight:900;border-bottom:1px solid #292429}.mobile-nav[hidden]{display:none}
.hero{min-height:100dvh;position:relative;overflow:hidden;background:var(--hero-bg);color:var(--hero-text);padding:118px var(--pad) 38px;display:grid;grid-template-columns:1fr minmax(330px,650px) 1fr;align-items:center;isolation:isolate;transition:background .35s ease,color .35s ease}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--hero-accent) 22%,transparent),transparent 39%);z-index:-3}
.hero-rays{position:absolute;width:min(1200px,135vw);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%);background:repeating-conic-gradient(from -2deg,rgba(255,245,230,.12) 0deg 1deg,transparent 1deg 6deg);mask-image:radial-gradient(circle,black 8%,transparent 70%);z-index:-2}
.hero-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font-size:clamp(80px,14vw,220px);line-height:.72;letter-spacing:-.075em;font-weight:950;opacity:.15;pointer-events:none}.hero-title span{display:block;font-size:.38em;letter-spacing:-.03em}
.hero-copy{z-index:5;align-self:end;max-width:320px;padding-bottom:40px}.eyebrow{font-size:9px;font-weight:950;letter-spacing:.2em;color:var(--accent)}.hero-copy p{font-size:13px;line-height:1.65;font-weight:650}
.ctas{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.primary,.secondary{min-height:48px;padding:0 20px;border:1px solid currentColor;font-size:9px;font-weight:950;letter-spacing:.13em;background:transparent;color:inherit}.primary{background:var(--hero-text);color:var(--hero-bg);border-color:var(--hero-text)}
.hero-art{z-index:6;grid-column:2;justify-self:center;width:min(44vw,560px);height:min(70vh,680px);display:flex;align-items:center;justify-content:center;perspective:1100px}.hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 35px rgba(0,0,0,.4));transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .2s}
.hero-side{z-index:5;align-self:end;justify-self:end;text-align:right;padding-bottom:40px}.hero-side>span{font-size:9px;font-weight:950;letter-spacing:.16em}.hero-swatches{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hero-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.hero-swatch[aria-pressed="true"]{border-color:currentColor;transform:scale(1.08)}
.hero-foot{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:7px;font-weight:900;letter-spacing:.22em;white-space:nowrap}
.ticker{overflow:hidden;background:#08080a;border-block:1px solid #272228}.ticker-track{width:max-content;padding:20px 0;font-size:13px;font-weight:950;letter-spacing:.1em;animation:ticker 25s linear infinite}.ticker-track b{color:var(--accent);margin:0 26px}@keyframes ticker{to{transform:translateX(-50%)}}
.chapter{padding:120px var(--pad);min-height:100dvh}.chapter-head{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:58px}.chapter h2{font-size:clamp(54px,8vw,116px);line-height:.83;letter-spacing:-.07em;margin:12px 0 0}.chapter-head>p,.body-copy{color:var(--muted);line-height:1.7;font-size:14px;max-width:58ch}
.performance{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;background:#0a0a0c}.performance-copy h2{font-size:clamp(54px,7vw,108px);line-height:.84;letter-spacing:-.07em;margin:14px 0 25px}.performance-copy h2 em,.studio h2 em,.story h2 em{font-style:italic;color:var(--accent)}.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.feature-row span,.chips span{border:1px solid #393139;border-radius:999px;padding:10px 12px;font-size:8px;font-weight:900;letter-spacing:.12em}
.image-stack{height:700px;position:relative}.image-stack img{position:absolute;width:58%;height:82%;object-fit:contain;background:#0d0d0e;border-radius:28px;box-shadow:var(--shadow);border:1px solid #2b252a}.image-stack img:first-child{left:7%;top:2%;transform:rotate(-5deg);z-index:2}.image-stack img:last-child{right:4%;bottom:0;transform:rotate(7deg);filter:brightness(.9)}
.exploded{background:#f19abd;color:#140f12;position:relative;overflow:hidden}.exploded .eyebrow{color:#7b1744}.exploded-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:4vw;align-items:center}.exploded-copy p{color:#522d3e;line-height:1.7}.exploded-media{border-radius:34px;overflow:hidden;background:#0b0b0c;box-shadow:0 40px 90px rgba(80,10,45,.3);border:0;padding:0;position:relative}.exploded-media img{display:block;width:100%}.explode-pill{position:absolute;right:18px;bottom:18px;background:#f4a8c7;color:#151013;padding:10px 14px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.13em}
.anatomy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.anatomy button{background:rgba(255,255,255,.24);border:1px solid rgba(73,17,41,.25);padding:14px;border-radius:14px;text-align:left;font-size:9px;font-weight:950;letter-spacing:.08em;color:#2b1520}.anatomy button.active{background:#161014;color:#fff;border-color:#161014}.anatomy-description{min-height:100px;margin-top:14px;padding:18px;border:1px solid rgba(73,17,41,.25);border-radius:16px;background:rgba(255,255,255,.22);font-size:13px;line-height:1.65}
.studio{background:#0d0d0f}.studio-head{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end}.studio h2{font-size:clamp(54px,7vw,108px);line-height:.84;letter-spacing:-.07em}.viewer-stage{height:min(74vh,760px);min-height:520px;margin-top:54px;border:1px solid #2d272c;border-radius:34px;background:radial-gradient(circle,#242026 0%,#101013 44%,#09090a 75%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab;user-select:none}.viewer-stage:active{cursor:grabbing}.viewer-stage img{max-height:86%;max-width:55%;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(0,0,0,.65));transition:opacity .15s}.viewer-caption{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;font-weight:950;letter-spacing:.16em}.rotation-ring{position:absolute;width:66%;height:15%;bottom:11%;border:2px solid rgba(244,125,182,.55);border-radius:50%;box-shadow:0 0 35px rgba(244,125,182,.25)}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:18px}.viewer-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #403640;background:#121214;color:white}.viewer-dots{display:flex;gap:8px}.viewer-dot{width:9px;height:9px;border:1px solid #81747d;border-radius:50%}.viewer-dot.active{background:var(--accent);border-color:var(--accent)}
.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #302930;border-radius:18px;overflow:hidden;margin-top:42px}.spec-strip div{padding:22px;text-align:center;border-right:1px solid #302930}.spec-strip div:last-child{border:0}.spec-strip b,.spec-strip span{display:block}.spec-strip b{font-size:11px}.spec-strip span{font-size:7px;color:#978e94;letter-spacing:.13em;margin-top:5px}
.women-intro{background:#a9d2f4;color:#0a1b27;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.women-photo{min-height:100dvh;overflow:hidden}.women-photo img{width:100%;height:100%;object-fit:cover}.women-copy{padding:100px var(--pad);display:flex;flex-direction:column;justify-content:center}.women-copy .eyebrow{color:#215d82}.women-copy h2{font-size:clamp(54px,7vw,106px);line-height:.84;letter-spacing:-.07em;margin:15px 0}.women-copy p{color:#2f586e;line-height:1.7}
.selector-section{background:var(--paper);color:var(--ink)}.selector-section.dark{background:#0a0a0c;color:#f8f3eb}.selector-section.dark .chapter-head>p,.selector-section.dark .variant-panel p{color:#aaa2a7}.selector-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:30px;align-items:start}.product-board{background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:28px;overflow:hidden;min-height:650px;display:flex;align-items:center;justify-content:center;position:relative}.dark .product-board{background:#e9dfd3;border-color:#373136}.product-board img{width:100%;max-height:760px;object-fit:contain;transition:opacity .15s,transform .35s}.product-board:hover img{transform:scale(1.012)}.board-label{position:absolute;top:18px;left:18px;background:#0b0b0c;color:#fff;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:950;letter-spacing:.13em}
.variant-panel{position:sticky;top:20px}.variant-panel h3{font-size:34px;letter-spacing:-.045em;margin:0 0 8px}.variant-panel p{font-size:13px;color:#655f5b;line-height:1.65}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0}.variant-btn{min-height:65px;border:1px solid rgba(0,0,0,.15);border-radius:15px;background:white;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;font-size:9px;font-weight:900}.dark .variant-btn{background:#151517;color:white;border-color:#363136}.variant-btn.active{outline:2px solid currentColor;outline-offset:2px}.color-dot{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}.meta{border-top:1px solid rgba(0,0,0,.15)}.dark .meta{border-color:#333}.meta-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.15);padding:14px 0;font-size:9px;letter-spacing:.08em}.dark .meta-row{border-color:#333}.meta-row b{font-weight:950}
.lifestyle{background:#dba1b4;color:#1a1015}.lifestyle-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.life-card{min-height:720px;border-radius:30px;overflow:hidden;position:relative;background:#eee}.life-card img{width:100%;height:100%;object-fit:cover}.life-caption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.93);border-radius:14px;padding:15px 17px}.life-caption b{display:block;font-size:22px;letter-spacing:-.04em}.life-caption span{font-size:8px;font-weight:900;letter-spacing:.12em}
.color-theatre{background:#f2ece4;color:#111}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.color-card{min-height:520px;border:0;border-radius:28px;overflow:hidden;position:relative;background:#111;color:white;padding:0;text-align:left}.color-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b0b0c;transition:transform .55s}.color-card:hover img{transform:scale(1.035)}.color-card:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.color-meta{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:flex;justify-content:space-between;align-items:end}.color-meta b{font-size:17px}.color-meta span{font-size:8px;letter-spacing:.12em}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#111}.story-image{min-height:100dvh}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:100px var(--pad);display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(54px,7vw,108px);line-height:.84;letter-spacing:-.07em}.story-copy p{color:#b4acb0;line-height:1.7}
.shop{background:#09090a}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid #2c262b;border-radius:24px;overflow:hidden;background:#111113}.product-img{height:430px;background:#171518;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.product-card:hover .product-img img{transform:scale(1.03)}.product-info{padding:18px}.product-info h3{margin:0;font-size:18px}.product-info p{font-size:11px;color:#9f969c}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-bottom span{font-size:8px;font-weight:900;letter-spacing:.1em}.product-bottom button{min-height:42px;border:1px solid #483b44;background:transparent;color:white;font-size:8px;font-weight:950;letter-spacing:.11em;padding:0 13px}
.newsletter{padding:140px var(--pad);background:#ef80b1;color:#180f13;text-align:center}.newsletter p{font-size:8px;font-weight:950;letter-spacing:.2em}.newsletter h2{font-size:clamp(52px,8vw,116px);line-height:.84;letter-spacing:-.065em;margin:20px auto;max-width:1200px}.newsletter form{max-width:700px;margin:35px auto 0;display:flex;border-bottom:2px solid #2d1520}.newsletter input{flex:1;background:transparent;border:0;padding:18px 0;outline:0;font-weight:800}.newsletter form button{background:transparent;border:0;font-weight:950}
footer{padding:60px var(--pad);background:#080809;border-top:1px solid #252124;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.footer-links{display:flex;gap:20px;font-size:9px;letter-spacing:.12em}footer>p{grid-column:1/-1;color:#81777d;font-size:8px;letter-spacing:.11em}
.dialog,.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:100;backdrop-filter:blur(12px);padding:22px;display:flex}.dialog[hidden],.cart-backdrop[hidden]{display:none}.modal{width:min(1320px,100%);max-height:92dvh;margin:auto;background:#0c0c0e;border:1px solid #3b3138;border-radius:28px;overflow:auto;position:relative}.modal-close{position:sticky;top:18px;float:right;margin:18px;z-index:3;border:1px solid #433740;background:#111;color:white;border-radius:999px;padding:10px 14px;font-size:8px;font-weight:900;letter-spacing:.12em}.modal-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;padding:0 28px 28px}.modal-copy{padding:30px 28px 10px}.modal-copy h2{font-size:44px;margin:8px 0}.modal-copy p{color:#aaa1a6;line-height:1.6}.modal img{width:100%;display:block;border-radius:18px}.cart-backdrop{justify-content:flex-end;padding:0}.cart{height:100%;width:min(480px,100%);background:#0c0c0e;border-left:1px solid #312a2f;display:flex;flex-direction:column}.cart-head{display:flex;justify-content:space-between;padding:24px;border-bottom:1px solid #312a2f}.cart-head h2{margin:0}.cart-head button{border:0;background:transparent;color:white;font-size:8px;letter-spacing:.12em}.cart-items{flex:1;overflow:auto;padding:18px 24px;display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #292328;padding-bottom:12px}.cart-item img{width:70px;height:88px;object-fit:cover;border-radius:11px}.cart-item b{font-size:12px}.cart-item span{display:block;color:#8d8389;font-size:9px;margin-top:4px}.cart-item button{border:0;background:transparent;color:#f19abb;font-size:8px}.cart-footer{padding:24px;border-top:1px solid #312a2f}.cart-footer p{font-size:10px;color:#978e94;line-height:1.5}.disabled-checkout{width:100%;height:48px;background:#eee;border:0;color:#111;font-size:8px;font-weight:950;letter-spacing:.12em;opacity:.55}
.toast{position:fixed;right:18px;bottom:18px;background:#0c0c0e;color:white;border:1px solid #3a3137;padding:13px 16px;border-radius:12px;font-size:9px;letter-spacing:.09em;z-index:150;transform:translateY(150%);transition:.25s}.toast.show{transform:none}.offline{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:white;color:#111;padding:11px 15px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.1em;z-index:160}
.reveal{opacity:0;transform:translateY(25px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){
 .desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr minmax(300px,520px)}.hero-art{grid-column:1/-1;width:min(60vw,500px)}.hero-copy{grid-column:1}.hero-side{grid-column:2}.performance,.exploded-grid,.women-intro,.story{grid-template-columns:1fr}.women-photo,.story-image{min-height:72dvh}.selector-layout{grid-template-columns:1fr}.variant-panel{position:static}.lifestyle-grid{grid-template-columns:1fr}.color-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.spec-strip{grid-template-columns:repeat(2,1fr)}.spec-strip div:nth-child(2){border-right:0}.modal-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
 :root{--pad:18px;--radius:20px}.announcement{height:32px;font-size:7px;padding:0 10px;text-align:center}.site-nav{top:32px;height:68px;grid-template-columns:1fr auto}.brand-mark{font-size:22px}.hero{padding-top:110px;display:block}.hero-title{font-size:23vw;align-items:flex-start;padding-top:33vh}.hero-art{position:absolute;width:84vw;height:57dvh;left:50%;top:46%;transform:translate(-50%,-50%)}.hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:58px;max-width:none;padding:0}.hero-copy p{display:none}.ctas{justify-content:center}.hero-side{position:absolute;top:112px;right:var(--pad);padding:0}.hero-side>span{display:none}.hero-swatch{width:28px;height:28px}.hero-foot{font-size:6px;max-width:90vw;overflow:hidden}.chapter{padding:82px var(--pad)}.chapter-head{grid-template-columns:1fr;gap:15px}.chapter h2,.performance-copy h2,.women-copy h2,.story-copy h2{font-size:clamp(48px,14vw,72px)}.performance{padding:82px var(--pad);grid-template-columns:1fr}.image-stack{height:520px}.image-stack img{width:70%;height:74%}.anatomy{grid-template-columns:1fr 1fr}.viewer-stage{min-height:560px;height:64dvh}.viewer-stage img{max-width:82%;max-height:77%}.spec-strip{grid-template-columns:1fr 1fr}.women-copy{padding:82px var(--pad)}.product-board{min-height:340px}.variant-grid{grid-template-columns:1fr 1fr}.life-card{min-height:520px}.color-grid,.shop-grid{grid-template-columns:1fr}.product-img{height:470px}.newsletter{padding:100px var(--pad)}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.dialog{padding:8px}.modal{border-radius:18px}.modal-copy h2{font-size:31px}.ticker-track{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.ticker-track{animation:none}.hero-art img,.product-board img,.color-card img,.product-img img,.reveal{transition:none}.reveal{opacity:1;transform:none}
}
