:root{--bg:#050505;--panel:#2d2d2d;--text:#f1f1f1;--muted:#aaa;--line:#3b3b3b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{min-height:38px;background:var(--panel);display:flex;align-items:center;gap:42px;padding:0 28px;position:sticky;top:0;z-index:5}.brand{font-size:22px;font-weight:700;white-space:nowrap}.menu{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:700;text-transform:lowercase}.menu a{opacity:.9}.menu a.active,.menu a:hover{opacity:1;color:#fff}.footer{position:fixed;bottom:0;left:0;right:0;background:#111;color:#999;font-size:11px;text-align:center;padding:8px 16px}.home{min-height:calc(100vh - 38px);display:grid;grid-template-columns:repeat(5,1fr);gap:0}.home-card{position:relative;overflow:hidden;min-height:calc(100vh - 38px);display:flex;align-items:end;border-right:1px solid #111}.home-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.72;transition:.25s}.home-card:hover img{opacity:.95;transform:scale(1.025)}.home-card span{position:relative;z-index:1;font-size:24px;font-weight:700;text-transform:lowercase;padding:24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.74));width:100%}.page{padding:64px 54px 80px}.page h1{font-size:44px;line-height:1;margin:0 0 36px;text-transform:lowercase}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;max-width:1160px}.tile{background:#222;min-height:150px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.tile img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1);opacity:.82}.tile span{font-weight:700;font-size:13px;line-height:1.2;text-transform:lowercase;padding:10px 12px;background:#333;min-height:48px;display:flex;align-items:center}.tile:hover img{opacity:1}.viewer{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(200px,1fr) minmax(420px,760px) minmax(200px,1fr);grid-template-rows:auto 1fr auto;gap:18px 28px;padding:70px 52px 92px}.meta{grid-column:1;align-self:start;padding-top:38px}.meta .category{color:var(--muted);font-size:15px;margin:0 0 8px;text-transform:lowercase}.meta h1{margin:0;font-size:38px;line-height:.95;text-transform:lowercase}.meta p{color:var(--muted);font-size:14px;line-height:1.5}.stage{grid-column:2;align-self:center;justify-self:center;margin:0;text-align:center}.stage img{max-width:100%;max-height:62vh;object-fit:contain;background:#111}.stage figcaption{margin-top:12px;color:#bdbdbd;font-size:13px}.nav-button{align-self:center;justify-self:center;border:0;background:transparent;color:#d8d8d8;font-size:62px;cursor:pointer}.thumbs{grid-column:1/4;display:flex;gap:9px;overflow:auto;justify-content:center;padding-top:18px}.thumb{border:2px solid transparent;background:none;padding:0;cursor:pointer;opacity:.62}.thumb.active,.thumb:hover{opacity:1;border-color:#ddd}.thumb img{display:block;width:82px;height:62px;object-fit:cover}.text-page{max-width:850px;color:#ddd;line-height:1.6}.text-page h2{margin-top:34px;color:#fff}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 18px}.home{grid-template-columns:1fr}.home-card{min-height:240px}.viewer{display:block;padding:36px 20px 100px}.meta{padding:0 0 24px}.nav-button{display:none}.thumbs{justify-content:flex-start}.footer{position:static}.page{padding:36px 20px 60px}}