:root{--bg:#f6f7f5;--card:#fff;--ink:#16201c;--muted:#5b6762;--line:#dde3df;--teal:#2f6b5c}
@media(prefers-color-scheme:dark){:root{--bg:#121816;--card:#1a221f;--ink:#e6ece9;--muted:#9aa8a2;--line:#2b3631;--teal:#6fb7a2}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:1100px;margin:auto;padding:40px 16px 64px}.brand{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.brand a{color:inherit;text-decoration:none}
h1{font-size:clamp(26px,5vw,32px);line-height:1.2;margin:6px 0 12px}h2{font-size:20px;line-height:1.3;margin:0}p{color:var(--muted);max-width:760px}a{color:var(--teal)}a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin:32px 0}.card{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card)}.card:hover{border-color:var(--teal)}.card:focus-within{outline:2px solid var(--teal);outline-offset:3px}.card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;border-radius:11px 11px 0 0;background:#e4e9ef}.card-body{padding:20px}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:after{content:"";position:absolute;inset:0;border-radius:12px}.card p{margin:12px 0}.badge{display:inline-block;margin-bottom:10px;padding:2px 9px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--muted)}.stats{font-size:14px;font-weight:600}.credit{font-size:13px;overflow-wrap:anywhere}.credit a{position:relative;z-index:1}.frame{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.gate{padding:16px 20px;border-top:1px solid var(--line);background:var(--card)}.gate p{margin:0}.gate .actions{margin:12px 0 0}button.cta{border:0;font:inherit;cursor:pointer}#still{display:block;width:100%;height:auto;background:#e4e9ef}iframe{display:block;width:100%;height:min(70vh,620px);min-height:320px;border:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.cta{display:inline-block;padding:9px 16px;border-radius:8px;background:var(--teal);color:var(--card);text-decoration:none;font-weight:600}.alt{background:transparent;color:var(--teal);border:1px solid var(--teal)}.back{display:inline-block;margin:20px 0}small{color:var(--muted)}[hidden]{display:none!important}