:root{--ink:#0d1117;--paper:#f3ecdc;--yellow:#f6cf3a;--red:#d6001c;--line:#34404d;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans)}body>header{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(13,17,23,.95);backdrop-filter:blur(14px)}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.14em}.brand span,.kicker{color:var(--yellow)}nav{display:flex;align-items:center;gap:1.5rem}nav a{color:#c2cad3;text-decoration:none;font-size:.78rem;font-weight:700}nav button{border:1px solid #687484;background:transparent;color:#fff;padding:.6rem .75rem;font-weight:800;cursor:pointer}nav button b{display:inline-grid;place-items:center;margin-left:.3rem;min-width:1.4rem;height:1.4rem;border-radius:50%;background:var(--red)}.catalog-hero{min-height:620px;padding:9vw 7vw;background:radial-gradient(circle at 80% 20%,#273a50 0,transparent 38%),linear-gradient(135deg,#0d1117,#161e28)}.kicker{font:500 .68rem var(--mono);letter-spacing:.14em}.catalog-hero h1,.collection h2,.custom-callout h2{font-size:clamp(3.2rem,6vw,7rem);line-height:.88;letter-spacing:-.07em;margin:.7rem 0 1.5rem}.catalog-hero h1 em{font-style:normal;color:#ef6048}.catalog-hero>p:not(.kicker){max-width:680px;color:#b7c0ca;font-size:1.15rem}.catalog-hero>div,.custom-callout>div:last-child{display:flex;gap:1rem;align-items:center;margin-top:2rem}.cta{display:inline-block;background:var(--yellow);color:#111;padding:1rem 1.2rem;text-decoration:none;font-weight:800;box-shadow:5px 5px 0 #ef6048}.text-link{color:#fff;font-weight:800;text-decoration:none}.collection{padding:7rem 6vw;background:var(--paper);color:#111}.collection.mosaic{background:#111924;color:#fff}.collection-head{display:grid;grid-template-columns:1fr .75fr;gap:3rem;align-items:end}.collection h2{font-size:clamp(2.7rem,4.5vw,5rem);margin-bottom:0}.collection-head>p{color:#65665f;max-width:540px;line-height:1.6}.mosaic .collection-head>p{color:#a9b4bf}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:2rem 0}.filters button{border:1px solid #9d968a;background:transparent;padding:.55rem .7rem;font:500 .62rem var(--mono);cursor:pointer}.mosaic .filters button{color:#fff;border-color:#506070}.filters button.active{background:var(--yellow);color:#111;border-color:var(--yellow)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.product-card{background:#fff;border:1px solid #d1c6b4;box-shadow:6px 6px 0 #d5c9b7;overflow:hidden}.mosaic .product-card{background:#19232e;border-color:#3b4a59;box-shadow:6px 6px 0 #080c10}.product-preview{aspect-ratio:4/3;padding:1.1rem;display:grid;place-items:center;background:#171d25}.product-preview canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.product-copy{padding:1.15rem}.product-copy h3{font-size:1.25rem;margin:.1rem 0 .4rem}.product-copy>p{min-height:2.6em;color:#6e6e68;font-size:.78rem}.mosaic .product-copy>p{color:#9eabb6}.product-meta{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:.8rem 0;border-block:1px solid #ded5c5;font:400 .58rem var(--mono)}.mosaic .product-meta{border-color:#3b4856}.product-meta b{display:block;font-size:.72rem;margin-top:.15rem}.product-price{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.product-price b{font-size:1.25rem}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.product-actions a,.product-actions button{border:1px solid #111;background:transparent;color:#111;padding:.75rem;text-align:center;text-decoration:none;font-weight:800;cursor:pointer}.product-actions button{background:var(--yellow)}.mosaic .product-actions a{color:#fff;border-color:#8995a0}.custom-callout{padding:6rem 7vw;background:#e85e49;color:#111;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}.custom-callout h2{font-size:clamp(2.5rem,4.2vw,4.8rem)}.custom-callout p{max-width:650px}.cta.inverse{background:#111;color:#fff;box-shadow:5px 5px 0 #f6cf3a}footer{padding:3rem 6vw;display:flex;justify-content:space-between;gap:2rem;align-items:end;border-top:1px solid var(--line)}footer p,footer small{margin:0;color:#929eaa}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:49}.cart-drawer{position:fixed;z-index:50;right:0;top:0;width:min(470px,100%);height:100vh;background:var(--paper);color:#111;transform:translateX(105%);transition:.25s;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-20px 0 50px #0008}.cart-drawer.open{transform:none}.cart-head,.cart-foot{padding:1.3rem;border-bottom:1px solid #ccc0ad}.cart-head{display:flex;justify-content:space-between}.cart-head h2{margin:.25rem 0}.cart-head button{border:0;background:none;font-size:2rem;cursor:pointer}#catalog-cart-items{padding:1rem;overflow:auto}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #d2c7b4}.cart-row canvas{width:80px;height:70px;object-fit:contain;background:#111}.cart-row small,.cart-row b{display:block}.cart-row button{border:0;background:none;color:#a33b2c;cursor:pointer}.cart-foot{border-top:1px solid #ccc0ad;border-bottom:0}.cart-foot span{display:flex;justify-content:space-between}.cart-foot>button{width:100%;margin:.9rem 0;padding:1rem;border:0;background:var(--yellow);font-weight:800;cursor:pointer}.cart-foot small{display:block;color:#746d62}.toast{position:fixed;left:50%;bottom:25px;z-index:70;transform:translate(-50%,20px);padding:.8rem 1.2rem;background:var(--yellow);color:#111;font-weight:800;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.product-grid{grid-template-columns:repeat(2,1fr)}nav a{display:none}.collection-head,.custom-callout{grid-template-columns:1fr}}@media(max-width:620px){body>header{padding:0 1rem}.catalog-hero{padding:7rem 1.2rem}.collection{padding:5rem 1.1rem}.product-grid{grid-template-columns:1fr}.collection-head{display:block}.custom-callout{padding:4rem 1.2rem}.catalog-hero>div,.custom-callout>div:last-child{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}}