:root{--case-black: #1a1a1c;--case-raised: #232326;--case-panel: #2a2a2e;--aluminum: #9aa0a6;--aluminum-bright: #c7ccd1;--safety-yellow: #ffd23f;--ink: #f2f2f0;--ink-dim: #a7a7a2;--stencil: "Saira Stencil One", "Arial Black", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;color:var(--ink);font-family:var(--stencil);letter-spacing:.04em;background:radial-gradient(1200px 600px at 50% -200px,#2c2c30 0%,transparent 60%),repeating-linear-gradient(45deg,#1c1c1e 0,#1c1c1e 14px,#1a1a1c 14px,#1a1a1c 28px);background-color:var(--case-black)}.masthead{text-align:center;padding:clamp(28px,6vh,64px) 16px 8px}.brand{margin:0;font-size:clamp(3rem,11vw,6.5rem);font-weight:400;line-height:.95;color:var(--aluminum-bright);text-shadow:0 3px 0 #000,0 6px 18px rgba(0,0,0,.7)}.brand-accent{color:var(--safety-yellow)}.tape-strip{display:inline-block;margin-top:14px;padding:6px 22px;font-size:clamp(.7rem,2.2vw,1rem);color:#111;background:linear-gradient(180deg,#b9b9b3,#a3a39d);box-shadow:0 2px 6px #0000008c;transform:rotate(-1.2deg);clip-path:polygon(1% 8%,99% 0%,100% 92%,0% 100%)}.case-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;gap:clamp(18px,3vw,34px);padding:clamp(24px,5vh,56px) clamp(16px,4vw,48px);align-content:start}.case-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:200px;padding:26px 22px;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,var(--case-raised),#1e1e21);border:3px solid #101012;border-radius:14px;box-shadow:inset 0 0 0 2px #38383c,inset 0 0 40px #0000008c,0 10px 24px #0009;transition:transform .12s ease,box-shadow .12s ease}.case-card:before,.case-card:after{content:"";position:absolute;width:34px;height:34px;border:5px solid var(--aluminum);filter:drop-shadow(0 1px 1px #000)}.case-card:before{top:-3px;left:-3px;border-right:0;border-bottom:0;border-radius:14px 0 0}.case-card:after{bottom:-3px;right:-3px;border-left:0;border-top:0;border-radius:0 0 14px}.case-rivets,.case-rivets:before{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--aluminum-bright),#55585c 70%);box-shadow:0 1px 2px #000}.case-rivets{top:12px;right:14px}.case-rivets:before{content:"";top:0;right:-0px;transform:translateY(164px)}.case-label{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#141416;border:2px solid var(--accent, var(--safety-yellow));border-radius:6px;box-shadow:inset 0 0 14px #000c}.case-title{font-size:1.5rem;color:var(--accent, var(--safety-yellow));text-shadow:0 2px 0 #000}.case-tagline{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;letter-spacing:.02em;color:var(--ink-dim)}.case-go{align-self:flex-end;font-size:.95rem;color:var(--ink);opacity:.85}a.case-card:hover,a.case-card:focus-visible{transform:translateY(-4px);box-shadow:inset 0 0 0 2px #45454a,inset 0 0 40px #00000080,0 16px 32px #000000b3,0 0 0 3px var(--accent, var(--safety-yellow));outline:none}.case-card--soon{opacity:.82;cursor:default}.case-tape{position:absolute;top:46%;left:-6%;right:-6%;padding:7px 0;text-align:center;font-size:1.05rem;color:#201f1a;background:linear-gradient(180deg,#b9b9b3,#9d9d97);transform:rotate(-7deg);box-shadow:0 3px 8px #0009;clip-path:polygon(.5% 12%,99.5% 0%,100% 88%,0% 100%)}.dock{padding:18px;text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;color:var(--ink-dim);border-top:2px dashed #333}