:root{--black:#101111;--acid:#dfff00;--white:#f5f5f1;--gray:#a7aaa5;--line:#333532;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.bar{height:30px;background:var(--acid);color:#111;text-align:center;padding:8px;font-size:10px;font-weight:bold;letter-spacing:1.5px}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);position:relative;z-index:4}.logo{font-size:24px;font-weight:900;letter-spacing:-1px}.logo i{color:var(--acid);font-style:normal}.nav nav{display:flex;gap:32px;font-size:11px;font-weight:bold;letter-spacing:1px}.actions{display:flex;gap:18px;align-items:center}.actions button{background:none;border:0;color:#fff;cursor:pointer;font-size:11px}.count{background:var(--acid);color:#111;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center}.hero{min-height:calc(100vh - 108px);display:flex;align-items:flex-end;padding:8% 5%;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.08)),url('assets/images/hero.jpg') center/cover}.hero h1{font-size:clamp(68px,10vw,150px);line-height:.78;letter-spacing:-7px;text-transform:uppercase;margin:12px 0 32px;max-width:900px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--acid);font-weight:bold}.hero p{color:#d4d4d0;line-height:1.7;max-width:430px}.cta{display:inline-block;background:var(--acid);color:#111;padding:17px 28px;font-size:10px;font-weight:bold;letter-spacing:1.5px;margin-top:18px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;white-space:nowrap}.marquee span{font-size:13px;font-weight:bold;letter-spacing:2px;margin-right:70px}.section{padding:110px 5%}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.heading h2{font-size:clamp(45px,6vw,82px);text-transform:uppercase;letter-spacing:-4px;margin:8px 0 0}.heading a{font-size:10px;border-bottom:1px solid;padding-bottom:7px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{cursor:pointer}.image{height:390px;background:#e8e8e5;position:relative;overflow:hidden}.image img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:.4s}.card:hover img{transform:scale(1.04);filter:none}.quick{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;border:0;background:var(--acid);cursor:pointer;font-size:22px}.meta{font-size:9px;color:var(--gray);letter-spacing:1.5px;margin:16px 0 7px;text-transform:uppercase}.card h3{font-size:17px;margin:0}.price{font-size:12px;color:var(--gray)}.split{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.split-image{background:url('assets/images/product-03.jpg') center/cover}.split-copy{background:var(--acid);color:#111;padding:13%;display:flex;justify-content:center;flex-direction:column}.split-copy h2{font-size:clamp(55px,7vw,100px);letter-spacing:-5px;line-height:.85;text-transform:uppercase;margin:10px 0 30px}.split-copy p{max-width:450px;line-height:1.8}.split-copy .cta{background:#111;color:#fff;width:max-content}.newsletter{text-align:center;border-bottom:1px solid var(--line)}.newsletter h2{font-size:55px;text-transform:uppercase;letter-spacing:-2px;margin:12px 0}.newsletter form{max-width:520px;margin:35px auto;display:flex;border-bottom:1px solid #777}.newsletter input{flex:1;background:none;border:0;color:#fff;padding:15px 0;outline:none}.newsletter button{background:none;color:var(--acid);border:0;font-weight:bold}.note{font-size:11px;color:var(--acid);height:18px}footer{padding:60px 5% 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}footer h4{font-size:10px;color:var(--acid);letter-spacing:2px}footer a{display:block;color:#999;font-size:11px;margin:13px 0}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:#666;font-size:9px}.drawer{position:fixed;z-index:20;right:0;top:0;height:100vh;width:min(430px,100%);background:#1a1b1a;padding:40px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer h2{font-size:38px;text-transform:uppercase}.close{position:absolute;right:22px;top:20px;background:none;border:0;color:#fff;font-size:30px}.cart-items{flex:1;overflow:auto}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:13px;border-bottom:1px solid var(--line);padding:13px 0;align-items:center}.cart-row img{width:65px;height:72px;object-fit:cover}.cart-row h4{font-size:12px;margin:0}.cart-row p{font-size:10px;color:#aaa}.cart-row button{background:none;border:0;color:#aaa}.total{display:flex;justify-content:space-between;padding:20px 0}.checkout{background:var(--acid);border:0;padding:16px;font-weight:bold}.overlay{position:fixed;z-index:15;inset:0;background:#0009;opacity:0;pointer-events:none}.overlay.show{opacity:1;pointer-events:auto}.auth{position:fixed;z-index:25;left:50%;top:50%;transform:translate(-50%,-45%);background:#1c1d1c;width:min(460px,calc(100% - 30px));padding:45px;opacity:0;pointer-events:none}.auth.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.auth-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line)}.auth-tabs button{background:none;border:0;color:#888;padding:12px 0}.auth-tabs button.active{color:var(--acid);border-bottom:1px solid var(--acid)}.auth form h2{font-size:35px;text-transform:uppercase}.auth label{display:block;font-size:9px;letter-spacing:1px;margin:17px 0}.auth input{display:block;width:100%;background:none;border:0;border-bottom:1px solid #555;color:#fff;padding:11px 0}.auth form>button,.logout{width:100%;background:var(--acid);border:0;padding:14px;font-weight:bold;margin-top:12px}.auth-close{position:absolute;right:18px;top:14px;background:none;border:0;color:#fff;font-size:28px}.message{font-size:10px;color:var(--acid);margin-top:10px}.account-panel{text-align:center;padding:30px 0}.account-panel h2{text-transform:uppercase}.toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--acid);color:#111;padding:12px 20px;font-size:10px;font-weight:bold;opacity:0}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.nav{height:65px;padding:0 20px}.nav nav{display:none}.hero{min-height:75vh;padding:60px 22px}.hero h1{font-size:66px;letter-spacing:-4px}.section{padding:75px 20px}.grid{grid-template-columns:repeat(2,1fr);gap:35px 10px}.image{height:260px}.heading h2{font-size:48px}.split{grid-template-columns:1fr}.split-image{min-height:500px}.split-copy{padding:80px 25px}footer{grid-template-columns:1fr 1fr}.footer-logo,.copyright{grid-column:1/-1}.actions .account-text{font-size:0}.actions .account-text:after{content:'◯';font-size:14px}}