@font-face{font-family:Genesis;src:url('./assets/genesis-light.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--key:#C8B59A;--bg:#050505;--white:#f4f4f4;--gray:#969696}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg)}body{font-family:Genesis,'Apple SD Gothic Neo',sans-serif;color:var(--white);font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid var(--key);outline-offset:6px}button{cursor:pointer}button[hidden],[hidden]{display:none!important}.screen{position:relative;width:100%;height:100vh;height:100dvh;min-height:400px}.heading{position:absolute;top:14%;left:0;width:100%;text-align:center}.heading h1{margin:0;color:var(--key);font-size:44.8px;font-weight:300;letter-spacing:2px;line-height:1.2}.heading p{margin:5px 0 0;color:var(--gray);font-size:25.6px;letter-spacing:1px;line-height:1.2}.gallery{position:absolute;top:50%;left:2%;width:96%;display:flex;justify-content:center;gap:20px;transform:translateY(-50%)}.card{flex:0 1 30%;min-width:0;border:0;padding:0;background:transparent;text-align:center;border-radius:12px;transition:transform .2s cubic-bezier(.25,.46,.45,.94);user-select:none;-webkit-user-select:none}.card:active{transform:scale(.96)}.picture{display:block;overflow:hidden;border-radius:12px;background:#141414;aspect-ratio:16/9}.picture img{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .3s}.card:active img{opacity:.75}@media(hover:hover){.card:hover{transform:scale(1.025)}.card:hover img{opacity:.88}}.label{display:block;margin-top:20px;font-size:22.4px;line-height:1.4;letter-spacing:-.5px;white-space:nowrap}.sub-label{display:block;margin-top:5px;color:var(--gray);font-size:17.6px;line-height:1.4;letter-spacing:-.5px}.description{position:absolute;bottom:12.8%;left:5%;width:90%;margin:0;text-align:center;font-size:16px;line-height:1.6;letter-spacing:1px;color:#888}.caption-note{position:absolute;bottom:65px;left:4%;width:92%;margin:0;color:#888;text-align:center;font-size:11px;line-height:1.5;letter-spacing:.15px}.status-bar{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:95%;white-space:nowrap;display:flex;align-items:center;gap:18px;color:#969696;font-size:11px;letter-spacing:.4px}.status-button,.help-button{border:0;background:none;padding:12px 0;min-height:44px;white-space:nowrap}.status-button{display:flex;align-items:center;gap:7px}.dot{width:4px;height:4px;border-radius:50%;background:#888}.status-button[data-state=ready] .dot{background:#c3c3c3}.help-button{color:#969696}.overlay{position:fixed;inset:0;background:#000;z-index:10;display:flex;align-items:center;justify-content:center;animation:appear .2s ease}.overlay video{display:block;width:96%;height:96%;object-fit:contain;border-radius:16px}.close{position:absolute;top:max(30px,env(safe-area-inset-top));right:max(30px,env(safe-area-inset-right));width:48px;height:48px;border:1px solid #ffffff24;border-radius:50%;background:#14141480;display:grid;place-items:center;z-index:3;transition:transform .15s,background .15s}.close:active{transform:scale(.9);background:#444}.close svg{width:24px;height:24px}.play-message{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);max-width:80%;text-align:center;background:#181818ed;border:1px solid #555;border-radius:8px;padding:16px 24px;color:white}.help-panel{position:fixed;inset:0;background:#000b;z-index:20;display:grid;place-items:center}.help-content{position:relative;width:min(570px,90vw);border:1px solid #393939;border-radius:16px;background:#111;padding:48px 42px;color:#ddd;font-size:16px;line-height:1.8}.help-content h2{font-weight:300;font-size:26px;margin:0 0 20px}.help-content .close{top:14px;right:14px}.help-content p{margin:12px 0}.help-content small{color:#aaa;display:block;font-size:12px;line-height:1.7}.help-content a{color:#ddd}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.portrait-note{display:none}@keyframes appear{from{opacity:0}to{opacity:1}}@media(max-width:1100px){.label{font-size:20px}.sub-label{font-size:15.5px}.description{font-size:15px}.caption-note{font-size:10px}}@media(min-width:1300px) and (min-height:950px){.caption-note{bottom:80px}}@media(max-height:650px){.heading{top:8%}.heading h1{font-size:36px}.heading p{font-size:20px}.gallery{top:51%}.description{bottom:8%;font-size:13px}.caption-note{display:none}.label{font-size:18px;margin-top:12px}.sub-label{font-size:14px}.status-bar{bottom:2px;font-size:10px}}@media(orientation:portrait){.heading{top:17%}.gallery{gap:12px}.label{font-size:clamp(12px,2.4vw,20px);white-space:normal}.sub-label{font-size:clamp(10px,1.8vw,16px)}.description{font-size:14px}.portrait-note{display:block;position:absolute;bottom:22%;width:100%;text-align:center;color:#888;font-size:12px}.caption-note{bottom:90px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}