:root{--ink:#121110;--surface:#1b1a18;--line:#2e2c29;--bone:#ece7dd;--muted:#a49e93;--faint:#8e877d;--gold:#c8a24a;
--sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--bone);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header{border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:baseline;gap:.6rem;padding:1.1rem 0;font-size:1.05rem}
.brand a{color:var(--bone);text-decoration:none;font-weight:600}
.brand span{color:var(--faint);font-size:.8rem}
h1{font-size:clamp(1.7rem,6vw,2.4rem);line-height:1.15;font-weight:500;margin:2.2rem 0 .4rem}
.sub{color:var(--muted);font-size:.95rem;margin:0 0 2rem}
h2{font-size:1.05rem;font-weight:600;margin:2.4rem 0 .7rem;padding-top:1.6rem;border-top:1px solid var(--line)}
p{margin:0 0 1rem}ul{margin:0 0 1.2rem;padding-left:1.2rem}li{margin-bottom:.45rem}
a{color:var(--gold)}
.fact{background:var(--surface);border:1px solid var(--line);padding:1rem 1.2rem;margin:0 0 1.2rem}
.fact b{display:block;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:400;margin-bottom:.2rem}
.fact p{margin:0;font-size:.95rem}
.cta{display:block;margin:2.2rem 0;padding:1.1rem 1.4rem;background:var(--gold);color:var(--ink);font-size:1.05rem;font-weight:600;text-align:center;text-decoration:none}
.cta small{display:block;font-weight:400;font-size:.82rem;opacity:.78;margin-top:.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1px;background:var(--line);margin:1.4rem 0}
.grid a{background:var(--surface);padding:.85rem 1rem;text-decoration:none;color:var(--bone);font-size:.92rem}
.grid a:hover{background:#222120}
.grid a em{display:block;font-style:normal;font-size:.72rem;color:var(--faint);margin-top:.15rem}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.4rem 0}
.shot{margin:0}.shot img{width:100%;display:block;border:1px solid var(--line)}
.shot figcaption{font-size:.8rem;color:var(--muted);margin-top:.45rem}
.slot{aspect-ratio:4/3;border:1px dashed var(--line);display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:1rem;text-align:center}
.slot b{font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);font-weight:400}
.slot span{font-size:.8rem;color:var(--faint)}
footer{margin-top:3.5rem;padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--faint);font-size:.84rem}
