:root{--color-text: hsl(0, 0%, 100%);--color-background: hsl(24, 28%, 7%);--border: 1px solid var(--color-text);--letter-spacing: .2em}*,*:before,*:after{box-sizing:border-box;min-width:0;margin:0;padding:0}*:focus{outline:none}*:focus-visible{outline:1px solid blue}html{height:100%;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:62.5%;line-height:1.5;font-synthesis:none;font-smooth:always;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color:var(--color-text)}body{overscroll-behavior:none;background:var(--color-background)}p{text-wrap:pretty;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}strong{overflow-wrap:break-word}img,picture,video,canvas,svg,iframe{display:block}input,textarea,button,button:disabled{color:inherit;font:inherit;border:none;border-radius:0;background:none}fieldset{border:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.poster{display:none}.poster .arrow{width:40px;fill:var(--color-text);position:fixed;bottom:64px;left:50%;translate:-50%}.poster .layer{width:100%;height:100vh;position:sticky;top:0;display:flex;justify-content:center;align-items:flex-end}.poster .layer>img{height:calc(100% - 24px);aspect-ratio:380 / 364;object-fit:cover}.poster .layer.highlight{--padding-x: 24px;position:fixed;top:0;left:0;opacity:0}.poster .layer.highlight .copyLayout{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;padding-top:20vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.poster .layer.highlight .copyLayout img.heading{width:calc(100% - var(--padding-x));max-width:500px;filter:drop-shadow(0 0 10px black) drop-shadow(0 0 5px black)}.poster .layer.highlight .copyLayout .countdown{margin-top:64px;font-size:3.2rem;filter:drop-shadow(0 0 15px black) drop-shadow(0 0 10px black) drop-shadow(0 0 5px black) drop-shadow(0 0 3px black);background:-webkit-linear-gradient(hsl(0,0%,100%),hsl(0,0%,40%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.poster .layer.highlight .copyLayout>button{margin-top:32px;height:48px;padding:0 24px;font-size:1.6rem;text-transform:uppercase;letter-spacing:var(--letter-spacing);cursor:pointer;background:var(--color-background);border:var(--border);filter:drop-shadow(0 0 10px black) drop-shadow(0 0 5px black)}.poster .layer.highlight .copyLayout>button:hover{background:var(--color-text);color:var(--color-background)}.poster .layer.highlight .screenReaderOnly{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;margin:-1px;padding:0;position:absolute;width:1px;white-space:nowrap}body[data-state=poster] .poster{display:unset}.sound{width:100%;height:100dvh;position:fixed;top:0;left:0;display:grid;grid:". ." auto ". ." auto / auto auto;justify-content:center;align-content:center;gap:24px 16px}.sound h2{grid-column:1 / -1;font-size:2.4rem;font-weight:400;text-align:center}.sound button{height:48px;padding:0 24px;font-size:1.6rem;text-transform:uppercase;letter-spacing:var(--letter-spacing);cursor:pointer;background:var(--color-background);border:var(--border)}.sound button:first-of-type{justify-self:end}.sound button:hover{background:var(--color-text);color:var(--color-background)}body[data-state=poster] .sound{display:none}
