:root{--bg:#090a0b;--sf:#18191b;--bt:#31ffe5;--tx:#f8f5ef;--ac:#d9b36b;--bd:#ffffff1a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:1.0625rem/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ac)}a:hover{color:#e0651f}
:focus-visible{outline:3px solid var(--bt);outline-offset:3px}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--bt);color:#111;padding:.5rem 1rem;z-index:9}
.site-head{position:sticky;top:0;z-index:5;background:#090a0bf2;border-bottom:1px solid var(--bd)}
.bar{max-width:1100px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.35rem;color:var(--tx);text-decoration:none;letter-spacing:-.02em}.brand span{color:var(--ac);font-weight:500}
nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}nav a:not(.btn){color:var(--tx);text-decoration:none;padding:.5rem 0}nav a:not(.btn):hover{color:var(--ac)}
.btn{display:inline-block;background:var(--bt);color:#111!important;font-weight:700;padding:.7rem 1.3rem;border-radius:999px;text-decoration:none;min-height:44px;transition:transform .2s,background .2s}
.btn:hover{background:#c9561a;transform:translateY(-2px)}
.nav-t,.burger{display:none}
@media(max-width:820px){.burger{display:inline-block;border:1px solid var(--bd);padding:.6rem 1rem;border-radius:999px;cursor:pointer;min-height:44px}.nav-t:focus-visible+.burger{outline:3px solid var(--bt)}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;order:3}.nav-t:checked~nav{display:flex}}
.age{margin:1.5rem 0;padding:.8rem 1rem;border:1px solid var(--ac);border-radius:12px;background:var(--sf);font-size:.95rem}
article.wrap{padding-bottom:4rem}
.has-shot{display:grid;grid-template-columns:1fr;gap:2rem}.has-shot .age{grid-column:1/-1}
@media(min-width:900px){.has-shot{grid-template-columns:1.3fr .7fr;align-items:start}.shot{position:sticky;top:6rem}}
h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:.5rem 0 1.5rem;background:linear-gradient(90deg,var(--tx),var(--ac));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:1.6rem;margin:0 0 .6rem;color:var(--ac)}
.blk{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:1.4rem 1.5rem;margin:1.25rem 0}
.blk p{margin:.5rem 0}.rg{border-left:3px solid var(--bt);padding-left:1rem}
.shot{margin:0}.shot img{width:100%;height:auto;border-radius:24px;border:1px solid var(--bd)}
.site-foot{border-top:1px solid var(--bd);background:var(--sf);padding:2rem 0;margin-top:2rem}
.site-foot nav{margin-bottom:1rem}.sm{font-size:.9rem;opacity:.8}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.site-head{padding:.75rem 1.25rem}.bar{padding:0}
.brand,nav a:not(.btn),.site-foot nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.hb{margin-left:auto}.burger{align-items:center}
@media(min-width:821px){.hb{margin-left:0}nav{margin-left:auto}}
@media(max-width:820px){.burger{display:inline-flex}}
.site-head{padding:0}.bar{padding:.75rem 1.25rem}
.hb{display:none}
@media(max-width:820px){.hb{display:inline-block}.nb{display:none}.brand{margin-right:auto}.hb{margin-left:0}}
@media(max-width:820px){nav a:not(.btn){min-width:100%}}
nav{padding:.5rem}.site-foot nav{padding:.5rem 0}.site-foot .btn{margin:.5rem}.site-foot nav{padding:.5rem}
.nav-t{position:absolute;opacity:0;width:44px;height:44px;pointer-events:none}