*{margin:0;padding:0}html,body,#root{min-height:100%}html{scrollbar-gutter:stable}body{background:#0a0a0f;color:#ffffffd9;font-family:Cormorant Garamond,Georgia,serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.gallery{max-width:1180px;margin:0 auto;padding:clamp(28px,6vh,64px) clamp(18px,4vw,48px) 64px}.gallery-header{text-align:center;margin-bottom:clamp(28px,5vh,56px)}.gallery-kicker{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(11px,1.4vw,14px);letter-spacing:.35em;text-transform:uppercase;color:#ffffff61;margin-bottom:14px}.gallery-title{font-weight:300;font-style:italic;font-size:clamp(40px,7vw,72px);line-height:1.05;color:#c9a84c;text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 40px rgba(201,168,76,.08)}.gallery-rule{width:80px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent)}.gallery-sub{margin-top:14px;font-style:italic;font-weight:300;font-size:clamp(16px,2.2vw,21px);color:#c9a84c73}.group-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(11px,1.4vw,13px);letter-spacing:.3em;text-transform:uppercase;color:#c9a84c8c;margin:clamp(28px,4vh,44px) 0 16px;display:flex;align-items:center;gap:14px}.group-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,168,76,.18),transparent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4 / 3;border-radius:8px;padding:20px 22px;background:linear-gradient(160deg,#c9a84c12,#c9a84c05 55%,#00000040);border:1px solid rgba(201,168,76,.16);position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease,background .25s ease}.card:hover{border-color:#c9a84c73;transform:translateY(-3px)}.card-num{position:absolute;top:12px;right:18px;font-size:clamp(40px,5vw,56px);font-weight:300;font-style:italic;color:#c9a84c24;line-height:1}.card-title{font-size:clamp(23px,2.6vw,28px);font-weight:400;font-style:italic;color:#e8dcc4;line-height:1.15}.card-sub{margin-top:7px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:12.5px;letter-spacing:.06em;color:#ffffff6b;line-height:1.45}.gallery-footer{margin-top:clamp(40px,7vh,72px);padding-top:22px;border-top:1px solid rgba(201,168,76,.1);text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff40}.gallery-footer a:hover{color:#c9a84cb3}.poster-stage{min-height:100vh;background:#0a0a0f}@media (max-width: 820px),(pointer: coarse) and (max-height: 620px){.poster-stage .slide-fade>*:not(.poster-loading):not(.poster-frame-box){height:auto!important;min-height:100vh;min-height:100svh;overflow:visible!important}}.poster-stage{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.deck-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:60;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0 0 4px;border-radius:50%;border:1px solid rgba(201,168,76,.3);background:#0a0a0f73;cursor:pointer;font-family:Georgia,serif;font-size:30px;line-height:1;color:#c9a84ce6;opacity:0;pointer-events:none;transition:opacity .4s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.poster-stage.chrome-on .deck-arrow{opacity:.55;pointer-events:auto}.poster-stage.chrome-on .deck-arrow:hover{opacity:1;border-color:#c9a84cb3}.deck-prev{left:5px}.deck-next{right:-4px}@media (pointer: coarse){.deck-arrow{display:none}}.deck-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:0 18px 8vh;background:linear-gradient(180deg,transparent 40%,rgba(5,5,10,.55));animation:slidefade .6s ease;cursor:pointer}.deck-hint-card{max-width:420px;border-radius:10px;padding:22px 26px;background:#0c0b09eb;border:1px solid rgba(201,168,76,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.deck-hint-title{font-style:italic;font-weight:400;font-size:24px;color:#c9a84c;margin-bottom:12px}.deck-hint-row{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:13.5px;line-height:1.5;color:#f0ece4bf;margin-bottom:9px}.deck-hint-btn{margin-top:8px;padding:7px 26px;border-radius:999px;border:1px solid rgba(201,168,76,.45);background:none;color:#c9a84c;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.deck-hint-btn:hover{background:#c9a84c1f}.deck-hint-desktop{position:fixed;z-index:80;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:slidefade .6s ease}.deck-hint-desktop.side{top:0;bottom:0;right:0;padding:0 24px}.deck-hint-desktop.center{top:0;right:0;bottom:0;left:0;background:#05050a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.deck-hint-panel{max-width:400px;text-align:left;padding:28px 34px}.deck-hint-desktop.side .deck-hint-panel{padding:10px 0 10px 32px;border-left:1px solid rgba(201,168,76,.25)}.deck-hint-desktop.center .deck-hint-panel{background:#0c0b09f2;border:1px solid rgba(201,168,76,.3);border-radius:10px}.deck-hint-panel .deck-hint-title{font-size:30px;text-align:left;margin-bottom:18px}.deck-hint-drow{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:19px;line-height:1.55;color:#f0ece4bf;margin-bottom:14px}.kbd{display:inline-block;padding:0 7px;margin:0 3px 0 0;border:1px solid rgba(201,168,76,.4);border-radius:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;line-height:1.7;color:#c9a84c;vertical-align:2px}.deck-hint-panel .deck-hint-btn{margin-top:10px}.slide-fade{animation:slidefade .35s ease}@keyframes slidefade{0%{opacity:0}to{opacity:1}}.poster-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 24px}.poster-loading-title{font-style:italic;font-weight:300;font-size:clamp(26px,4vw,40px);color:#c9a84cb3}.poster-loading-note{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d}.spinner{width:34px;height:34px;border-radius:50%;border:1px solid rgba(201,168,76,.2);border-top-color:#c9a84ccc;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
