/* Freeze2k theme: Bold — dark, high-contrast, oversized type */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600&family=Archivo+Black&display=swap');
:root { --accent:#00e5a0; --accent2:#ff3d71; --ink:#f4f6fb; --muted:#9aa4bd; --bg:#0b0e17; --card:#141a29; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Archivo',sans-serif; color:var(--ink); background:var(--bg); line-height:1.7; }
.hero { text-align:left; padding:110px 8% 84px; background:linear-gradient(120deg,#0b0e17 55%,#151c2e); border-bottom:1px solid rgba(255,255,255,0.06); }
.hero h1 { font-family:'Archivo Black',sans-serif; font-size:4rem; line-height:0.98; text-transform:uppercase; letter-spacing:-0.02em; margin-bottom:18px; }
.hero h1::after { content:''; display:block; width:80px; height:6px; background:var(--accent); margin-top:20px; }
.hero .tagline { font-size:1.2rem; color:var(--muted); max-width:620px; }
main { max-width:1060px; margin:56px auto; padding:0 8%; display:grid; gap:24px; grid-template-columns:1fr; }
@media (min-width:760px){ main { grid-template-columns:1fr 1fr; } }
.contact-card,.about-card,.page-content { background:var(--card); border:1px solid rgba(255,255,255,0.07); border-radius:14px; padding:34px; }
.page-content { grid-column:1/-1; }
h2 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:1.35rem; letter-spacing:0.02em; margin-bottom:18px; color:var(--accent); }
h3 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; color:var(--accent2); margin:22px 0 10px; font-size:1.05rem; }
.contact-list { list-style:none; }
.contact-list li { padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.06); }
.contact-list .label { display:inline-block; min-width:84px; font-size:0.7rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--muted); font-weight:600; }
.contact-list a,.page-content a { color:var(--accent); text-decoration:none; font-weight:600; }
.about-card p,.page-content p { color:var(--muted); margin-bottom:14px; }
.page-content img { max-width:100%; height:auto; border-radius:10px; margin:10px 0; }
.page-content ul,.page-content ol { margin:0 0 14px 22px; color:var(--muted); }
.page-content .f2k-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; margin:18px 0; }
.page-content .f2k-gallery img { margin:0; width:100%; object-fit:cover; aspect-ratio:4/3; }
footer { text-align:center; padding:36px 20px; color:var(--muted); font-size:0.82rem; border-top:1px solid rgba(255,255,255,0.06); }
