@charset "UTF-8";
:root{color-scheme:dark;--text:#fff;--muted:#d1d1c9;--gold:#eac568;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#090a08;color:var(--text);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.shell,main,.gallery{width:100%;height:100%;min-width:0}.gallery{height:100dvh;position:relative}.stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y pinch-zoom;background:#090a08}.main-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;transition:opacity .16s ease}.stage[aria-busy="true"] .main-image{opacity:.7}
.header{position:fixed;z-index:4;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 20px 30px;background:linear-gradient(#080a08a8,transparent);pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;letter-spacing:-.5px;text-shadow:0 1px 8px #000}.brand-mark{font-size:14px;letter-spacing:1px;color:var(--gold);border-right:1px solid #ffffff5c;padding:3px 13px 3px 0}.brand-period{color:var(--gold)}.icon-button,.view-toggle{display:flex;align-items:center;justify-content:center;background:#11150db8;color:white;border:1px solid #ffffff48;backdrop-filter:blur(12px);border-radius:8px;min-height:44px;padding:0 13px;gap:9px}.icon-button{width:44px;padding:0}.icon-button:hover,.view-toggle:hover{border-color:var(--gold);background:#1d2219df}.icon-button svg,.view-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-button[hidden]{display:none}
.arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);height:52px;width:52px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#12140fa6;backdrop-filter:blur(10px);color:white;transition:background .15s,border-color .15s}.arrow:hover{background:#1a1c16ef;border-color:var(--gold)}.arrow:active{background:#4e452c}.arrow svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.arrow-prev{left:16px}.arrow-next{right:16px}
.caption-row{position:absolute;inset:auto 0 0;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:40px 20px max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#070a06b8);pointer-events:none}.caption-row>*{pointer-events:auto}.caption{min-width:0;text-shadow:0 1px 9px #000}.eyebrow{margin:0 0 5px;font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--gold)}h1{font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.2px;margin:0}.controls{display:flex;align-items:center;gap:18px;flex-shrink:0}.position{display:flex;align-items:center;gap:9px;font-size:14px;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000;color:var(--muted)}#current{color:white}.position-divider{opacity:.6}.view-toggle{font-size:14px}.view-toggle[aria-expanded="true"]{border-color:var(--gold);color:var(--gold)}
.thumbnails{position:absolute;z-index:5;bottom:88px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 32px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px;background:#0c100be8;border:1px solid #ffffff38;border-radius:12px;backdrop-filter:blur(20px);box-shadow:0 10px 45px #0008}.thumbnails[hidden]{display:none}.thumbnail{display:block;min-width:0;background:none;color:#cdcec5;border:0;padding:0;text-align:left}.thumb-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:2px solid transparent;border-radius:4px;opacity:.65}.thumb-image img{display:block;width:100%;height:100%;object-fit:cover}.thumbnail:hover .thumb-image{opacity:1}.thumbnail[aria-current="true"] .thumb-image{border-color:var(--gold);opacity:1}.thumbnail[aria-current="true"] .thumb-title{color:var(--gold)}.thumb-number{position:absolute;left:5px;bottom:5px;font-size:12px;color:white;background:#080a08b3;padding:2px 5px;border-radius:3px}.thumb-title{display:block;font-size:13px;line-height:1.3;padding-top:7px}.image-status{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:75%;text-align:center;background:#10150eee;border:1px solid #ffffff3b;border-radius:8px;padding:11px 16px;margin:0;font-size:14px}.image-status[hidden]{display:none}
@media(max-width:760px){.header{padding:12px 14px 25px}.brand{font-size:18px;gap:9px}.brand-mark{font-size:13px;padding-right:10px}.caption-row{padding:35px 14px max(14px,env(safe-area-inset-bottom));gap:12px}h1{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.1px}.controls{gap:12px}.view-toggle{width:44px;padding:0}.view-toggle span{display:none}.position{font-size:13px;gap:7px}.arrow{height:44px;width:44px}.arrow-prev{left:9px}.arrow-next{right:9px}.arrow svg{width:21px;height:21px}.thumbnails{display:flex;overflow-x:auto;gap:10px;padding:12px;bottom:81px;scrollbar-width:thin;scrollbar-color:#aa9150 transparent}.thumbnail{flex:0 0 132px}.thumb-title{font-size:13px}.image-status{max-width:80%;font-size:13px}}
@media(max-height:500px) and (orientation:landscape){.header{padding:8px 12px 22px}.caption-row{padding:24px 12px 8px}.brand{font-size:16px}.brand-mark{font-size:12px}.eyebrow{display:none}h1{font-size:15px}.icon-button,.view-toggle{min-height:36px;height:36px}.icon-button{width:36px}.thumbnails{bottom:59px;max-width:650px}.thumb-title{font-size:12px}.arrow{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}