:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f6f7fb;background:#080a10;--line:#292e3c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#202b42 0,transparent 34%),#080a10}header,body>footer{display:flex;justify-content:space-between;gap:24px;max-width:1500px;margin:auto;padding:22px 4vw;color:#9aa3b7;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.12em}.kms{color:#a9ff68;text-decoration:none}main{max-width:1500px;margin:auto;padding:5vh 4vw 10vh}.intro{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;margin-bottom:7vh}.intro p{margin:14px 0;color:#a9ff68;font:700 13px ui-monospace,monospace;text-transform:uppercase}.intro h1{margin:0;font-size:clamp(3.2rem,8vw,8.4rem);line-height:.82;letter-spacing:-.075em}.note{grid-column:2;margin-top:18px;color:#9aa3b7;font:12px ui-monospace,monospace}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{grid-column:span 4;min-height:330px;padding:24px;border:1px solid var(--line);border-radius:18px;color:inherit;text-decoration:none;display:flex;flex-direction:column;background:linear-gradient(145deg,#161a25,#0b0e15);transition:.22s transform,.22s border-color}.card:hover{transform:translateY(-6px);border-color:#a9ff6888}.card>span,.card footer{font:700 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:#9aa3b7}.card strong{margin-top:auto;font-size:clamp(2rem,3vw,3.6rem);line-height:.9;letter-spacing:-.055em}.card p{max-width:34ch;color:#b7bfd0;line-height:1.55}.card footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line)}.card em{color:#a9ff68;font-style:normal}.card b{color:white}.card-2{background:linear-gradient(145deg,#182320,#0a1210)}.card-3{background:linear-gradient(145deg,#251d2b,#100b14)}.card-4{background:linear-gradient(145deg,#182132,#090d15)}.card-5{background:linear-gradient(145deg,#2c2318,#141009)}.card-6{background:linear-gradient(145deg,#25251a,#101009)}@media(max-width:1000px){.card{grid-column:span 6}}@media(max-width:700px){.intro{grid-template-columns:1fr}.intro h1,.note{grid-column:1}.card{grid-column:1/-1;min-height:290px}header{align-items:flex-start;flex-direction:column}}