:root{--ink:#11110f;--paper:#f4f1e9;--acid:#dfff38;--muted:#77766f;--line:rgba(17,17,15,.14);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.promo{height:32px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.08em}.promo span{color:var(--acid)}
.header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,233,.9);backdrop-filter:blur(18px);z-index:20}.logo{font:700 23px/1 Unbounded,sans-serif;letter-spacing:-.08em}.logo span{color:#789900}.nav{display:flex;gap:34px;font-size:13px;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--ink);transition:.25s}.nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.menu-btn{border:0;background:transparent;width:38px;height:38px;padding:9px;cursor:pointer}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6}.cart-btn{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer}.cart-btn span{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:8px;background:var(--acid);border-radius:50%}.menu-btn{display:none}.menu-btn span{display:block;height:1.5px;background:var(--ink);margin:6px 0}
.hero{min-height:calc(100vh - 110px);padding:6vw 4vw 3vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;margin:0 0 20px}.hero h1,.section h2,.newsletter h2{font:600 clamp(44px,6.8vw,104px)/.92 Unbounded,sans-serif;letter-spacing:-.07em;margin:0}.hero h1 em{font-style:normal;color:#769800}.hero-text{max-width:520px;font-size:17px;line-height:1.7;color:#51504b;margin:30px 0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:99px;font-size:13px;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-light{border:1px solid var(--ink)}.btn-white{background:white;color:var(--ink)}
.hero-visual{aspect-ratio:.92;position:relative;background:var(--acid);border-radius:48% 48% 20px 20px;overflow:hidden}.hero-orbit{position:absolute;border:1px solid rgba(17,17,15,.22);border-radius:50%}.orbit-one{width:80%;height:80%;left:10%;top:9%}.orbit-two{width:58%;height:58%;left:21%;top:20%}.model-card{position:absolute;inset:8% 12% 0;display:flex;flex-direction:column;justify-content:flex-end}.model-shape{height:82%;position:relative;filter:drop-shadow(0 30px 30px rgba(0,0,0,.18))}.model-shape span{position:absolute;background:#161715}.head{width:16%;aspect-ratio:1;border-radius:50%;top:0;left:42%}.body{width:28%;height:43%;left:36%;top:14%;border-radius:44% 44% 25% 25%;transform:perspective(300px) rotateX(-4deg)}.arm{width:8%;height:42%;top:18%;border-radius:99px;transform-origin:top}.arm-left{left:34%;transform:rotate(22deg)}.arm-right{right:34%;transform:rotate(-22deg)}.leg{width:11%;height:48%;top:51%;border-radius:99px;transform-origin:top}.leg-left{left:39%;transform:rotate(7deg)}.leg-right{right:39%;transform:rotate(-7deg)}.model-label{position:absolute;left:-5%;bottom:6%;background:white;padding:14px 18px;border-radius:12px;display:flex;flex-direction:column;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.model-label strong{font-family:Unbounded;margin-bottom:4px}.floating-note{position:absolute;width:74px;height:74px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.note-one{right:2%;top:15%}.note-two{left:4%;top:42%;background:#fff;color:var(--ink)}.scroll-note{position:absolute;left:4vw;bottom:24px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.scroll-note span{font-size:18px;margin-left:8px}
.marquee{background:var(--ink);color:#fff;overflow:hidden;padding:16px 0}.marquee-track{display:flex;width:max-content;gap:44px;animation:marquee 24s linear infinite;font:600 17px Unbounded}.marquee span{white-space:nowrap}.marquee span::first-letter{color:var(--acid)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 4vw}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section h2{font-size:clamp(38px,5vw,72px)}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid;padding-bottom:5px}.text-link span{margin-left:8px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-image{aspect-ratio:.82;position:relative;border-radius:18px;overflow:hidden;display:grid;place-items:center}.product-a{background:#c9c7c0}.product-b{background:#ddd4c2}.product-c{background:#d9ff3f}.product-d{background:#bfc4be}.tag{position:absolute;top:14px;left:14px;background:var(--ink);color:white;font-size:9px;font-weight:800;padding:7px 9px;border-radius:99px;letter-spacing:.12em}.heart{position:absolute;right:14px;top:12px;border:0;background:white;border-radius:50%;width:34px;height:34px;font-size:19px;cursor:pointer;z-index:2}.garment{position:relative;background:#20211f;filter:drop-shadow(0 25px 20px rgba(0,0,0,.18))}.top-garment{width:48%;height:52%;border-radius:30% 30% 14% 14%}.top-garment:before,.top-garment:after{content:"";position:absolute;background:inherit;width:25%;height:70%;top:10%;border-radius:99px}.top-garment:before{left:-16%;transform:rotate(16deg)}.top-garment:after{right:-16%;transform:rotate(-16deg)}.leggings-garment{width:40%;height:67%;background:#eee9dd;clip-path:polygon(15% 0,85% 0,100% 100%,56% 100%,50% 42%,44% 100%,0 100%)}.shorts-garment{width:54%;height:35%;clip-path:polygon(5% 0,95% 0,100% 100%,55% 100%,50% 58%,45% 100%,0 100%)}.jacket-garment{width:56%;height:55%;border-radius:24% 24% 12% 12%}.jacket-garment:after{content:"";position:absolute;left:49.5%;top:0;width:1px;height:100%;background:#777}.product-info{display:flex;justify-content:space-between;gap:12px;padding:15px 2px 10px}.product-info h3{font-size:14px;margin:0 0 5px}.product-info p{font-size:12px;color:var(--muted);margin:0}.product-info strong{font-size:13px;white-space:nowrap}.add-btn{width:100%;border:1px solid var(--line);border-radius:99px;padding:12px;background:transparent;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.add-btn:hover{background:var(--ink);color:white}
.collections{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;padding-top:0}.collection-main,.collection-side{min-height:620px;border-radius:24px;position:relative;overflow:hidden}.collection-main{background:#141513;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr}.collection-side{background:#dfff38;padding:44px;display:flex;flex-direction:column;justify-content:space-between}.collection-copy{padding:56px;position:relative;z-index:2}.collection-copy h2{font-size:clamp(42px,5vw,76px);margin-bottom:24px}.collection-copy p:not(.eyebrow){max-width:390px;line-height:1.65;font-size:14px;color:#b7b8b2;margin-bottom:28px}.collection-side .collection-copy{padding:0}.collection-side .collection-copy p:not(.eyebrow){color:#3e4326}.light{color:#cfd0ca}.collection-figure{position:relative}.runner{position:absolute;width:42%;height:82%;left:30%;bottom:0;background:#cfd1cc;clip-path:polygon(38% 0,63% 0,70% 16%,86% 33%,72% 62%,87% 100%,61% 100%,50% 66%,38% 100%,14% 100%,30% 59%,15% 33%,30% 15%);filter:drop-shadow(0 20px 30px #000)}.abstract-ring{width:240px;height:240px;border:52px solid var(--ink);border-radius:50%;align-self:center;transform:translateY(30px);box-shadow:0 30px 0 rgba(17,17,15,.15)}
.manifesto{border-top:1px solid var(--line)}.manifesto-text{font:500 clamp(27px,4.2vw,62px)/1.22 Unbounded;margin:0;max-width:1300px;letter-spacing:-.055em}.manifesto-text span{color:#789900}.metrics{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metrics div{padding:28px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.metrics div+div{padding-left:28px}.metrics strong{font:600 32px Unbounded;margin-bottom:8px}.metrics span{font-size:12px;color:var(--muted)}
.newsletter{margin:0 4vw 80px;background:var(--ink);color:#fff;border-radius:24px;padding:64px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:44px}.newsletter h2{font-size:clamp(36px,4vw,64px)}.newsletter form{display:flex;border-bottom:1px solid #777}.newsletter input{flex:1;background:transparent;border:0;color:#fff;padding:18px 0;outline:0}.newsletter button{border:0;background:transparent;color:var(--acid);font-weight:800;cursor:pointer}.form-message{grid-column:2;font-size:12px;color:var(--acid);margin:0}.footer{padding:70px 4vw 28px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:38px;border-top:1px solid var(--line)}.logo-footer{font-size:28px}.footer-brand p,.footer a{font-size:12px;color:var(--muted)}.footer h4{font-size:12px;margin:0 0 18px}.footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:10px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;border-radius:99px;padding:14px 18px;font-size:12px;transform:translateY(100px);opacity:0;transition:.3s;z-index:30}.toast.show{transform:none;opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.nav{position:absolute;left:0;right:0;top:78px;background:var(--paper);padding:24px 4vw;flex-direction:column;border-bottom:1px solid var(--line);transform:translateY(-150%);transition:.3s;z-index:-1}.nav.open{transform:none}.menu-btn{display:block}.icon-btn{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{max-height:640px}.scroll-note{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.collections{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr}.form-message{grid-column:1}.footer{grid-template-columns:2fr 1fr 1fr}.footer>div:nth-child(4){grid-column:2}.collection-main{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.promo{font-size:9px}.header{height:66px}.cart-btn{font-size:0}.cart-btn span{font-size:11px;margin:0}.hero{padding:52px 18px}.hero h1{font-size:45px}.hero-text{font-size:14px}.hero-buttons .btn{width:100%}.hero-visual{border-radius:150px 150px 16px 16px}.section{padding:76px 18px}.section-head{align-items:flex-start}.product-grid{grid-template-columns:1fr}.collections{padding-top:0}.collection-main{grid-template-columns:1fr;min-height:700px}.collection-copy{padding:38px 28px}.collection-figure{min-height:300px}.collection-side{padding:34px 26px;min-height:520px}.metrics{grid-template-columns:1fr}.metrics div,.metrics div+div{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.newsletter{margin:0 18px 55px;padding:38px 24px}.newsletter form{flex-direction:column}.newsletter button{text-align:left;padding:12px 0}.footer{padding:50px 18px 24px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer>div:nth-child(4){grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.marquee-track{font-size:13px}}
