:root{--lime:#dfff00;--ink:#080808;--paper:#f2f1ec;--muted:#9a9a94;--line:#282824;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Archivo,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:var(--lime);color:#000;padding:.8rem 1rem}.skip-link:focus{top:1rem}.site-header{height:76px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,8,8,.78);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-family:"Space Grotesk";letter-spacing:.16em;font-weight:700}.brand img{object-fit:cover}.brand b{color:var(--lime)}nav{display:flex;gap:2rem}nav a{text-decoration:none;color:#aaa;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}nav a:hover{color:#fff}.cart-trigger{border:1px solid #3a3a36;color:#fff;background:none;height:44px;padding:0 1rem;display:flex;align-items:center;gap:.6rem;cursor:pointer}.cart-trigger svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.cart-count{display:grid;place-items:center;min-width:21px;height:21px;border-radius:20px;background:var(--lime);color:#000;font-size:.72rem}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 5vw 80px;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%);z-index:-2}.hero-noise{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 80% 40%,#252a13 0,transparent 35%),linear-gradient(145deg,#080808 55%,#11120d)}.hero-copy{max-width:720px;z-index:2}.eyebrow{display:flex;align-items:center;gap:.65rem;color:#b8b8b3;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700}.eyebrow span{width:26px;height:2px;background:var(--lime)}h1,h2{font-family:"Space Grotesk";letter-spacing:-.065em;margin:0;line-height:.86}h1{font-size:clamp(4rem,9.5vw,9rem);margin:2rem 0}h1 em{font-style:normal;color:var(--lime)}.hero-copy>p:not(.eyebrow){color:#a5a5a0;max-width:550px;line-height:1.7;font-size:1.03rem}.hero-actions{display:flex;gap:.8rem;margin:2.2rem 0}.button{min-height:50px;padding:0 1.25rem;border:1px solid #3a3a36;display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800;cursor:pointer}.button-primary{background:var(--lime);border-color:var(--lime);color:#000}.button-primary:hover{background:#fff;border-color:#fff}.button-ghost{background:transparent;color:#fff}.button-ghost:hover{border-color:#fff}.hero-meta{display:flex;gap:1.6rem;color:#73736f;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem}.hero-meta span:before{content:"✓";color:var(--lime);margin-right:.45rem}.hero-art{height:75vh;position:relative;display:grid;place-items:center}.outline-word{position:absolute;transform:rotate(90deg);font:700 9vw "Space Grotesk";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);letter-spacing:-.08em}.shoe-stage{width:min(36vw,520px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform:rotate(-8deg)}.shoe-stage:after{content:"";position:absolute;width:95%;height:14%;border-radius:50%;background:#000;filter:blur(22px);bottom:17%}.shoe-shape{position:relative;width:88%;height:38%;border-radius:66% 20% 23% 38%;background:linear-gradient(150deg,#fafafa,#aaa 50%,#555);clip-path:polygon(3% 37%,28% 32%,42% 3%,57% 16%,63% 44%,93% 66%,98% 83%,87% 94%,20% 88%,1% 67%);filter:drop-shadow(0 25px 12px #000);z-index:1}.shoe-shape:before{content:"K";position:absolute;font:800 7rem "Space Grotesk";color:#111;left:39%;top:8%;transform:skew(-16deg)}.shoe-shape span{position:absolute;width:54%;height:3px;background:#333;left:15%;top:61%;box-shadow:0 12px #444,0 24px #333}.shoe-stage b{position:absolute;right:0;top:15%;font:600 .65rem "Space Grotesk";letter-spacing:.35em;color:var(--lime)}.scroll-hint{position:absolute;bottom:22px;left:5vw;text-decoration:none;color:#777;text-transform:uppercase;font-size:.58rem;letter-spacing:.18em}.scroll-hint span{color:var(--lime);font-size:1rem;margin-left:.6rem}.ticker{overflow:hidden;background:var(--lime);color:#000;white-space:nowrap;padding:1rem 0;font:700 1rem "Space Grotesk";letter-spacing:.18em}.ticker div{width:max-content;animation:ticker 25s linear infinite}.ticker i{margin:0 2rem}@keyframes ticker{to{transform:translateX(-50%)}}.catalog,.news,.about{padding:110px 5vw}.catalog{background:var(--paper);color:#0a0a09}.section-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:2rem}.section-heading h2,.news h2,.about h2{font-size:clamp(3.3rem,7vw,7.4rem)}.section-heading>p{max-width:560px;color:#666;line-height:1.7}.filter-bar{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #c9c8c1;margin-top:3.5rem;padding-top:1.2rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{border:1px solid #c6c5bd;background:transparent;padding:.72rem 1rem;text-transform:uppercase;font-weight:700;font-size:.66rem;letter-spacing:.1em;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#111;color:#fff;border-color:#111}.search{height:42px;border-bottom:1px solid #999;display:flex;align-items:center;gap:.5rem}.search input{border:0;outline:0;background:transparent;width:180px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbc9c1;border:1px solid #cbc9c1;margin-top:2rem}.product-card{background:#eeede7;min-width:0;position:relative}.product-image{position:relative;aspect-ratio:1.05;overflow:hidden;background:#dddcd5}.product-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s}.product-card:hover img{transform:scale(1.05)}.badge{position:absolute;left:1rem;top:1rem;background:var(--lime);padding:.45rem .7rem;text-transform:uppercase;font-weight:800;font-size:.6rem;letter-spacing:.1em}.product-info{padding:1.2rem}.product-top{display:flex;justify-content:space-between;gap:1rem}.product-brand{color:#777;text-transform:uppercase;letter-spacing:.14em;font-size:.6rem;font-weight:700;margin:0}.product-name{font:600 1.18rem "Space Grotesk";margin:.35rem 0}.product-price{font-weight:800;margin:0}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.1rem 0}.selectors label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#777}.selectors select{width:100%;margin-top:.35rem;border:1px solid #bbb;background:transparent;padding:.65rem}.add-cart{width:100%;background:#111;color:#fff;border:0;padding:.9rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;cursor:pointer}.add-cart:hover{background:var(--lime);color:#000}.empty-state{text-align:center;padding:3rem;color:#777}.news{background:#0b0b0b}.news-feature{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center}.news-feature>div:first-child>p:not(.eyebrow){color:#999;line-height:1.7;max-width:620px}.text-link{display:inline-flex;gap:2rem;margin-top:1.2rem;color:var(--lime);text-underline-offset:5px;font-weight:700}.poster{aspect-ratio:.78;background:var(--lime);color:#000;position:relative;padding:2rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.poster:after{content:"";position:absolute;width:120%;height:1px;background:#000;transform:rotate(-48deg);left:-10%;top:50%}.poster small{font-weight:800;letter-spacing:.2em}.poster strong{font:700 clamp(3rem,6vw,6rem)/.82 "Space Grotesk";letter-spacing:-.08em;z-index:1}.poster img{position:absolute;width:50%;right:4%;top:16%;mix-blend-mode:multiply;z-index:2}.poster span{align-self:flex-end;font-size:.7rem;font-weight:800;letter-spacing:.2em}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2b2b28;margin-top:7rem}.service-cards article{padding:2rem;border-right:1px solid #2b2b28}.service-cards article:last-child{border:0}.service-cards span{color:var(--lime);font-size:.65rem}.service-cards h3{font:600 1.5rem "Space Grotesk"}.service-cards p{color:#888;line-height:1.6}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#151511}.about>img{width:100%;max-width:520px}.about>div>p:not(.eyebrow){color:#aaa;line-height:1.8;max-width:650px;margin:2rem 0}footer{padding:70px 5vw 30px;display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:3rem;border-top:1px solid #2b2b28;color:#999}footer h3{color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}footer a{text-decoration:none}footer a:hover{color:var(--lime)}footer small{grid-column:1/-1;border-top:1px solid #2b2b28;padding-top:1.5rem;margin-top:2rem}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:80}.cart-drawer{position:fixed;right:0;top:0;z-index:90;width:min(470px,100%);height:100%;background:#f3f2ec;color:#111;transform:translateX(105%);transition:transform .3s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.cart-head{display:flex;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #ccc}.cart-head p{font:700 1.4rem "Space Grotesk";margin:0}.cart-head h2{font:400 .75rem Archivo;letter-spacing:.1em;color:#777;margin-top:.4rem}.cart-head .cart-count{display:inline;background:none}.cart-close{font-size:2rem;border:0;background:none;cursor:pointer}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:82px 1fr auto;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #d0cfc8}.cart-item img{width:82px;height:82px;object-fit:cover}.cart-item h3{font-size:.9rem;margin:0 0 .4rem}.cart-item p{font-size:.72rem;color:#777;margin:.25rem 0}.cart-item strong{font-size:.8rem}.cart-item button{border:0;background:none;font-size:1.2rem;cursor:pointer}.cart-empty{margin:auto;text-align:center;padding:2rem}.cart-empty>span{font-size:4rem;color:#bbb}.cart-empty h3{font:600 1.4rem "Space Grotesk"}.cart-empty p{color:#777}.cart-empty .button{color:#111;margin-top:1rem}.cart-footer{padding:1.5rem;border-top:1px solid #ccc}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem}.cart-total strong{font-size:1.3rem}.cart-footer>p{font-size:.7rem;line-height:1.5;color:#777}.whatsapp-checkout{width:100%;border:0;background:var(--green);color:#071b0c}.clear-cart{display:block;margin:1rem auto 0;border:0;background:none;text-decoration:underline;color:#777;cursor:pointer}.toast{position:fixed;left:50%;bottom:2rem;z-index:100;transform:translate(-50%,130px);background:var(--lime);color:#000;padding:.8rem 1.2rem;font-weight:700;font-size:.8rem;transition:transform .25s}.toast.show{transform:translate(-50%,0)}.floating-wa{position:fixed;right:1.4rem;bottom:1.4rem;z-index:40;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#081b0d;font-weight:900;text-decoration:none;box-shadow:0 10px 30px #000}
@media(max-width:900px){.site-header{height:66px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:110px}.hero-art{position:absolute;inset:20% -25% auto 35%;opacity:.35;z-index:-1}.hero-meta{flex-wrap:wrap}.section-heading,.news-feature,.about{grid-template-columns:1fr}.section-heading>p{margin-top:1rem}.product-grid{grid-template-columns:repeat(2,1fr)}.poster{max-width:520px}.about>img{max-width:330px;margin:auto}footer{grid-template-columns:1fr 1fr}.service-cards{grid-template-columns:1fr}.service-cards article{border-right:0;border-bottom:1px solid #2b2b28}}
@media(max-width:600px){.site-header{padding:0 1rem}.brand span{font-size:.78rem}.cart-trigger>span{display:none}.hero{padding:100px 1.2rem 70px;min-height:92svh}.hero h1{font-size:18vw}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{gap:.7rem}.scroll-hint{display:none}.catalog,.news,.about{padding:75px 1.2rem}.section-heading h2,.news h2,.about h2{font-size:14vw}.filter-bar{display:block}.search{margin-top:1rem}.search input{width:100%}.product-grid{grid-template-columns:1fr}.service-cards{margin-top:4rem}.service-cards article{padding:1.5rem 0}footer{grid-template-columns:1fr;padding:55px 1.2rem 25px}.floating-wa{width:48px;height:48px}.hero-art{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}