:root{--bg:#EEF1F4;--paper:#fff;--ink:#101317;--muted:#545D67;--line:#DCE1E7;--accent:#C9381A;--chip:#EEF1F4;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#0E1216;--paper:#171C22;--ink:#EEF1F4;--muted:#A3ACB6;--line:rgba(255,255,255,.08);--chip:#232A32;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:18px/1.55 "Atkinson Hyperlegible",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
.cap{text-transform:uppercase;letter-spacing:.06em;font:600 13.5px/1.2 Oswald,sans-serif}
.top{background:var(--paper);box-shadow:0 1px 0 var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;max-width:1100px;flex-wrap:wrap}
.brand{font:700 26px/1 Oswald,sans-serif;text-decoration:none}
.back{text-decoration:none;color:var(--muted)}
.kick{display:flex;align-items:center;gap:8px;color:var(--muted);margin-top:30px}
.ic{display:inline-flex;color:var(--c)}
h1{font:700 clamp(32px,5vw,50px)/1.05 Oswald,sans-serif;letter-spacing:-.01em;margin:10px 0 12px}
.lede{color:var(--muted);font-size:20px;margin:0 0 20px}
.media{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#BFC8D1;margin:16px 0;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.media img.photo{width:100%;height:100%;object-fit:cover;display:block}
.aerial{position:absolute;inset:0;overflow:hidden}
.aerial-in{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.aerial-pin{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--pin);border:3px solid #fff;box-shadow:0 0 0 10px color-mix(in srgb,var(--pin) 30%,transparent)}
.src{position:absolute;right:10px;bottom:8px;font-size:11px;color:rgba(255,255,255,.9)}
h2{font:600 15px/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0 10px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gallery figure{margin:0;border-radius:14px;overflow:hidden;background:#0B0E12;color:#fff}
.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery figcaption{padding:8px 10px}
.tl{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.tl li{position:relative;padding:0 0 16px 18px}
.tl li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.tl .cap{display:block;color:var(--muted)}
.near{list-style:none;margin:0;padding:0}.near li{padding:10px 0;border-top:1px solid var(--line)}.near a{text-decoration:none;font-weight:700}
.near span{display:block;color:var(--muted);font-size:15px}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--ink);color:var(--paper);text-decoration:none;border:0;cursor:pointer}
.btn.alt{background:var(--chip);color:var(--ink)}
.note{color:var(--muted);font-size:14px;margin:30px 0 50px}
.aerial-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 4px 6px rgba(0,0,0,.6))}