:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101419;color:#fff}*{box-sizing:border-box}body{margin:0;overflow:hidden}#stage,.slide{position:fixed;inset:0;width:100%;height:100%;height:100dvh}.slide{opacity:0;transition:opacity 1s ease;isolation:isolate}.slide.active{opacity:1}.background{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(35px) brightness(.40) saturate(.85);z-index:-2}.shade{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 20%,#09101a66);z-index:-1}.photos{height:100%;width:100%;display:flex;gap:1.3vw;align-items:center;justify-content:center;padding:0}.photos img{object-fit:contain;max-width:100%;height:100%;min-width:0}.slide.group .photos{padding:3vh 2vw 6vh}.slide.group .photos img{flex:1 1 0;width:0;max-width:none;height:100%;opacity:0;transition:opacity 1s ease}.slide.group .photos img.revealed{opacity:1}.slide.single .photos{padding:3vh 3vw 5vh}.slide.single .photos img{max-width:88%;box-shadow:0 20px 80px #0005}.slide.landscape .photos img{width:100%;height:100%;max-width:none;object-fit:cover}.slide.landscape .background,.slide.landscape .shade{display:none}.enhanced .photos img[data-tone="gentle"]{filter:url(#tone-gentle)}.enhanced .photos img[data-tone="shadow"]{filter:url(#tone-shadow)}.photos img[data-tone="protected"]{filter:none!important}.credit{position:absolute;bottom:3.4vh;right:3vw;text-align:right;font-size:clamp(13px,1.25vw,28px);line-height:1.5;text-shadow:0 2px 9px #000;background:linear-gradient(90deg,transparent,#0007);padding:12px 18px;border-radius:3px}.credit b{display:block;font-weight:500}.credit span{display:block;opacity:.92}.hide-credits .credit{display:none}.chrome{position:fixed;z-index:10;transition:opacity .5s,transform .5s}header{top:28px;left:32px;right:32px;display:flex;justify-content:space-between;text-shadow:0 2px 9px #000}header div{display:flex;align-items:center;gap:14px}header strong{font-size:23px;letter-spacing:2px}header span,header small{font-size:10px;letter-spacing:3px}nav{bottom:28px;left:32px;display:flex;align-items:center;gap:7px;padding:8px;background:#101822db;border:1px solid #ffffff20;border-radius:12px;backdrop-filter:blur(16px);font-size:12px}button,select{font:inherit;color:#fff;background:#ffffff0d;border:1px solid #ffffff25;border-radius:6px;padding:10px 12px;cursor:pointer}button:hover,select:hover{background:#ffffff24}button:focus-visible,select:focus-visible{outline:2px solid #c6eaf8;outline-offset:3px}nav label{display:flex;align-items:center;gap:8px}.divider{height:22px;width:1px;background:#fff3;margin:0 5px}#counter{padding:0 10px;opacity:.65}.idle .chrome{opacity:0;pointer-events:none;transform:translateY(5px)}.idle{cursor:none}#loading{position:absolute;top:45%;width:100%;text-align:center;font-size:24px;letter-spacing:1px}#loading span{display:block;font-size:14px;opacity:.6;margin-top:15px}dialog{max-width:460px;width:90%;background:#141d26;color:white;border:1px solid #ffffff25;border-radius:18px;padding:35px;box-shadow:0 24px 80px #0009}dialog::backdrop{background:#0008;backdrop-filter:blur(12px)}dialog h1{font-size:24px;font-weight:500}dialog p{color:#b8c4cc;line-height:1.6}dialog label{display:block;margin:22px 0;font-size:14px}dialog select{display:block;width:100%;margin-top:10px}dialog #close{float:right}.note{font-size:12px;border-top:1px solid #fff2;padding-top:20px}@media(max-width:700px){header{left:15px;right:15px}header small{display:none}nav{left:12px;right:12px;bottom:12px;flex-wrap:wrap;justify-content:center}nav label{font-size:10px}.credit{bottom:18vh}.slide.group .photos{gap:5px;padding:10vh 5px 20vh}.photos img{max-width:100%}}

.chrome{opacity:0;pointer-events:none}.controls-visible .chrome{opacity:1;pointer-events:auto}.credit{max-width:75vw;color:#fff;background:linear-gradient(90deg,transparent,#0008);text-align:right}