:root{--base:#14171b;--text:clamp(10px,1.6vw,19px);--span:70vw;--span-portrait:88vw;--gutter:3rem;--feather-x:7%;--feather-y:9%;--vignette:.8;--halo:.66;--halo-width:40em;--halo-height:12em}.page{background:var(--base)}.screen{margin:0;height:100dvh;overflow:hidden;background:var(--base);transition:background-color var(--fade) ease;color:#fff;font:400 var(--text)/1.35 Helvetica,ui-sans-serif,system-ui,sans-serif}.slideshow{position:fixed;inset:0}.slideshow__photo{--ar:1.3333;position:absolute;top:50%;left:50%;width:min(var(--span),calc((100dvh - var(--gutter) * 2) * var(--ar)));aspect-ratio:var(--ar);transform:translate(-50%,-50%);opacity:0;transition:opacity var(--fade) ease;mask-image:linear-gradient(to right,transparent,#000 var(--feather-x),#000 calc(100% - var(--feather-x)),transparent),linear-gradient(to bottom,transparent,#000 var(--feather-y),#000 calc(100% - var(--feather-y)),transparent);mask-composite:intersect}.slideshow__photo.is-visible{opacity:1}.screen::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 22%,rgba(0,0,0,calc(var(--vignette) * .425)) 58%,rgba(0,0,0,var(--vignette)) 100%)}.site-title{position:fixed;inset:0;margin:0;display:grid;place-content:center;pointer-events:none;font-size:inherit;font-weight:inherit;letter-spacing:.012em;text-align:center;text-shadow:0 0 5px #000,0 0 9px #000,0 0 9px #000,0 0 22px #000,0 0 22px #000,0 0 22px #000,0 0 45px #000,0 0 45px #000,0 0 45px #000,0 0 80px #000,0 0 80px #000,0 0 80px #000,0 0 130px #000,0 0 130px #000,0 0 130px #000,0 0 200px #000,0 0 200px #000,0 0 200px #000,0 0 300px #000,0 0 300px #000,0 0 300px #000}.site-title::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:var(--halo-width);height:var(--halo-height);transform:translate(-50%,-50%);background:radial-gradient(ellipse closest-side,rgba(0,0,0,var(--halo)),rgba(0,0,0,calc(var(--halo) * .91)) 18%,rgba(0,0,0,calc(var(--halo) * .7)) 36%,rgba(0,0,0,calc(var(--halo) * .42)) 55%,rgba(0,0,0,calc(var(--halo) * .2)) 72%,rgba(0,0,0,calc(var(--halo) * .06)) 86%,transparent 100%)}.play-toggle{position:fixed;left:22px;bottom:20px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.32);color:rgba(255,255,255,.6);cursor:pointer;transition:color .18s,background-color .18s}.play-toggle:hover{background:rgba(0,0,0,.55);color:#fff}.play-toggle__icon{display:block;fill:currentColor}.play-toggle__glyph--play,.play-toggle.is-paused .play-toggle__glyph--pause{display:none}.play-toggle.is-paused .play-toggle__glyph--play{display:block}@media (max-aspect-ratio:3/4){:root{--span:var(--span-portrait)}}