@import url('/style.css');
body{display:block;color:var(--paper);background:var(--ink)}
main{max-width:1280px;margin:auto;padding:48px 5% 96px}
main>a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.eyebrow{color:var(--accent);margin:36px 0 12px}
h1{font:800 clamp(52px,9vw,112px)/1 'Barlow Condensed',Impact,sans-serif;white-space:normal;letter-spacing:-.02em;margin:16px 0 24px}
#status{max-width:650px;color:#c3c1c4;line-height:1.7}
h2{font-size:28px;font-weight:500;margin-top:56px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.card{padding:22px;background:#232326;border:1px solid var(--line);border-radius:0;min-width:0}
.card img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;border-radius:0;background:var(--ink)}
.card h3{font-size:22px;font-weight:500;line-height:1.3}
.card a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--accent)}
.card small{color:var(--accent)}
@media(max-width:760px){main{padding:24px 6% 64px}.eyebrow{font-size:10px;line-height:1.6}h2{font-size:25px}.card{padding:20px}}