@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--bg:#080808;--card:#111;--text:#f5f5f5;--muted:#999;--line:#242424;--accent:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}
.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(8,8,8,.88);backdrop-filter:blur(16px);z-index:20}
.logo{font-size:23px;font-weight:900;letter-spacing:-1.5px}.logo span{font-size:8px;vertical-align:top;margin-left:2px}.nav nav{display:flex;gap:32px;color:#bbb;font-size:13px}.nav nav a:hover{color:#fff}.cart-btn{border:1px solid #333;background:#151515;color:#fff;padding:10px 15px;border-radius:999px;cursor:pointer}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw 8vw;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:3px;color:#888;font-weight:700;margin:0 0 18px}.hero h1{font-size:clamp(55px,8vw,120px);line-height:.86;letter-spacing:-6px;margin:0 0 28px}.hero h1 em,.about em,.contact em{font-style:normal;color:#777}.hero-text{max-width:500px;color:#999;line-height:1.7;font-size:15px;margin-bottom:30px}.primary{display:inline-block;border:0;background:#fff;color:#050505;padding:14px 20px;font-weight:800;border-radius:3px;cursor:pointer}.hero-art{height:530px;position:relative;display:grid;place-items:center}.orb{width:min(35vw,430px);height:min(35vw,430px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#777,#242424 38%,#0d0d0d 70%);box-shadow:0 0 100px rgba(255,255,255,.08)}.hero-word{position:absolute;font-size:clamp(40px,7vw,95px);font-weight:900;letter-spacing:-6px;mix-blend-mode:screen;opacity:.75;transform:rotate(-12deg)}
.ticker{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:16px 0;color:#666;font-size:11px;letter-spacing:4px}.ticker span{display:inline-block;animation:move 18s linear infinite}@keyframes move{to{transform:translateX(-50%)}}
.shop{padding:100px 6vw}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-head h2,.about h2,.contact h2{font-size:clamp(38px,6vw,78px);letter-spacing:-4px;line-height:.9;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #333;color:#888;padding:9px 13px;border-radius:999px;cursor:pointer}.filter.active,.filter:hover{background:#fff;color:#000;border-color:#fff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:var(--card);border:1px solid var(--line);transition:.25s;overflow:hidden}.product:hover{transform:translateY(-4px);border-color:#444}.pic{aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,#303030,#0d0d0d 65%);display:grid;place-items:center;position:relative}.pic:after{content:"ETHANE";font-size:42px;font-weight:900;letter-spacing:-3px;color:#222;transform:rotate(-20deg)}.tag{position:absolute;left:10px;top:10px;background:#fff;color:#000;padding:5px 7px;font-size:9px;font-weight:800}.info{padding:15px}.info h3{font-size:13px;margin:0 0 8px}.info p{color:#777;font-size:11px;margin:0 0 12px}.price-row{display:flex;justify-content:space-between;align-items:center}.price{font-weight:800;font-size:13px}.add{border:1px solid #333;background:#181818;color:#fff;padding:8px 10px;cursor:pointer;font-size:11px}.add:hover{background:#fff;color:#000}
.about{border-block:1px solid var(--line);padding:120px 12vw}.about>p:last-child{max-width:680px;color:#999;line-height:1.8;margin:45px 0 0;font-size:16px}.contact{padding:110px 8vw;display:flex;justify-content:space-between;gap:50px;align-items:end}.contact form{display:flex;gap:8px;width:min(480px,100%)}.contact input{flex:1;min-width:0;background:#111;border:1px solid #333;color:#fff;padding:14px}.small{font-size:10px;color:#666;line-height:1.5}
footer{border-top:1px solid var(--line);padding:35px 6vw;display:flex;justify-content:space-between;color:#666;font-size:11px;gap:20px;flex-wrap:wrap}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;display:flex;justify-content:flex-end}.hidden{display:none}.cart{width:min(440px,100%);background:#0d0d0d;border-left:1px solid #333;padding:25px;overflow:auto}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222;padding-bottom:18px}.cart-head h3{margin:0}.cart-head button{background:none;color:#fff;border:0;font-size:28px;cursor:pointer}.cart-item{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #222}.cart-item small{color:#777}.remove{background:none;border:0;color:#777;cursor:pointer}.cart-total{display:flex;justify-content:space-between;padding:25px 0;font-size:18px}.checkout{width:100%;text-align:center}
@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:70px 6vw}.hero-art{height:320px}.orb{width:280px;height:280px}.grid{grid-template-columns:repeat(2,1fr)}.shop{padding:70px 4vw}.section-head{display:block}.filters{margin-top:25px}.about{padding:80px 7vw}.contact{padding:80px 7vw;display:block}.contact form{margin-top:35px}.hero h1{letter-spacing:-4px}}
@media(max-width:450px){.grid{gap:8px}.info{padding:11px}.pic:after{font-size:27px}.section-head h2{letter-spacing:-2px}}