:root { --bg:#f6f1e8; --card:#ffffff; --ink:#22283e; --muted:#5d6379; --accent:#e4492f; --line:rgba(30,40,70,.12); }
@media (prefers-color-scheme: dark) { :root { --bg:#171a26; --card:#202433; --ink:#eef0f6; --muted:#a8aec2; --accent:#ff7a62; --line:rgba(255,255,255,.12); } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
header.site { border-bottom:1px solid var(--line); background:var(--card); }
header.site .in, main, footer.site .in { max-width:760px; margin:0 auto; padding-left:16px; padding-right:16px; }
header.site .in { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; padding-top:12px; padding-bottom:12px; }
header.site .name { font-weight:700; color:var(--accent); text-decoration:none; font-size:1.1rem; margin-right:auto; }
header.site nav a { color:var(--ink); text-decoration:none; margin-left:0; margin-right:14px; font-size:.95rem; }
header.site nav a:hover, header.site nav a[aria-current="page"] { color:var(--accent); }
main { padding-top:28px; padding-bottom:56px; }
h1 { font-size:2rem; line-height:1.2; margin:0 0 4px; color:var(--accent); }
h2 { font-size:1.3rem; margin:2.2em 0 .4em; padding-top:1.2em; border-top:1px solid var(--line); }
h3 { font-size:1.06rem; margin:1.5em 0 .2em; }
p, li { color:var(--ink); }
ul { padding-left:1.2em; }
li { margin:.35em 0; }
a { color:var(--accent); overflow-wrap:anywhere; }
mark { background:#ffe58a; color:#22283e; padding:0 .2em; border-radius:3px; }
.sub { color:var(--muted); margin:0 0 1.5em; }
.hero { display:flex; gap:20px; align-items:center; margin:8px 0 22px; }
.hero .icon { border-radius:28px; flex:none; box-shadow:0 6px 18px rgba(0,0,0,.18); }
.hero .lead { font-size:1.15rem; margin:0 0 .4em; }
.hero .soon { color:var(--muted); margin:0; }
.shots { display:flex; gap:12px; overflow-x:auto; padding-bottom:6px; }
.shots img { height:auto; width:31%; min-width:180px; border-radius:18px; border:1px solid var(--line); }
ul.links { list-style:none; padding:0; }
ul.links li { margin:.5em 0; }
footer.site { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
footer.site .in { padding-top:18px; padding-bottom:28px; }
footer.site a { color:var(--muted); margin-right:14px; }
@media (max-width:520px) { .hero { flex-direction:column; align-items:flex-start; } }