@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body{padding:0;margin:0;font-family:Inter,sans-serif}.intro-wrapper{position:fixed;width:100vw;height:100vh;background:#d3d3d3;display:flex;justify-content:center}.mute-control{position:fixed;top:24px;right:72px;z-index:20;color:#fff}.mute-control button{all:unset;cursor:pointer;padding:2px;border-radius:2px;-webkit-tap-highlight-color:transparent}.mute-control button:focus-visible{outline:2px white solid;outline-offset:3px}.photo-container{position:fixed;top:0;left:0;height:100vh;width:100vw}.photo-container img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.title{position:fixed;top:32px;left:18px;text-transform:uppercase;z-index:10;color:#fff;transition:color .5s}.title.intro{color:#000}.title a{all:unset;-webkit-tap-highlight-color:transparent}.title a:focus-visible{outline:2px white solid;outline-offset:3px}.intro :is(.title a:focus-visible){outline-color:#000}.container{position:relative;scroll-snap-type:y mandatory;overflow:scroll;scroll-behavior:smooth;height:100dvh}.container::-webkit-scrollbar{display:none}.container:focus-visible{outline:2px white solid;outline-offset:-3px}.card{height:100%;scroll-snap-align:start;display:flex;align-items:end;justify-content:center}.text{margin:32px 96px 32px 18px;line-height:1.6;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;border-radius:4px;font-size:12px;max-width:600px}@media screen and (min-width: 768px){.text{text-align:center;font-size:18px}}.navigation{position:fixed;top:0;bottom:0;right:0;width:50px;padding:32px 12px;z-index:100}.progress-bar{position:absolute;height:calc(100% - 64px);width:100%;display:flex;justify-content:center}.track{position:absolute;top:0;bottom:0;width:0px;border:1px white dashed}.thumb{position:absolute;width:0px;top:0;bottom:0;transform-origin:top;border:1px white solid}.nav-markers{position:absolute;top:28px;bottom:28px;right:17px;display:flex;flex-direction:column;justify-content:space-between}.nav-markers a{text-decoration:none;color:inherit;padding:2px;border-radius:2px;-webkit-tap-highlight-color:transparent}.nav-markers a:focus-visible{outline:2px white solid;outline-offset:3px}.nav-item{display:flex;align-items:center;justify-content:end;width:100%;gap:6px}.nav-label{font-size:12px;color:#fff}.nav-marker{height:12px;width:12px;border-radius:12px;background:#fff;outline:2px transparent solid;outline-offset:2px;transition:outline .2s}.nav-marker.active{outline-color:#fff}.vignette{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(farthest-corner,transparent 75%,rgba(0,0,0,.75) 125%);pointer-events:none}.intro-container{max-width:600px;height:100%;display:flex;gap:24px;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.6;padding:24px}.intro-container button{all:unset;border:2px black solid;border-radius:24px;padding:4px 24px;cursor:pointer;-webkit-tap-highlight-color:transparent}.intro-container button:focus-visible{outline:2px black solid;outline-offset:3px}