@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--background: white;--color: black;--gray: #796f6a;--accent: #a75300;--accent-background: #f3e5cf;--accent-background--hover: #eed5b1;--accent-background--active: #e1bc88;--form-background: #e7e7e7;--form-text: black}@media (prefers-color-scheme: dark){:root{--background: #181a1b;--color: white;--gray: #a0988c;--accent: #ffab57;--accent-background: #28231f;--accent-background--hover: #48362b;--accent-background--active: #62432a;--form-background: #26292a;--form-text: white}}html,body{min-height:100%;background-color:var(--background);color:var(--color);font-size:14px}@media screen and (min-width: 875px){html,body{font-size:16px}}h1,h2,h3{font-family:Roboto Slab,serif}blockquote{font-family:Roboto Slab,serif;font-style:italic;font-weight:400;line-height:2em;margin:0;max-width:40em}h4,a{color:var(--accent)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline}p{line-height:1.5em}.story{height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(33vh,min-content) .75em}.story__image{position:relative}@media screen and (min-width: 875px){.story__image{margin-top:1.5em}}.story__image img{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent-background);object-fit:cover;object-position:50% 50%}@media screen and (min-width: 875px){.story__image img{left:50%;transform:translate(-50%);width:70%;border-radius:10px}}.story__image button:disabled{display:none}.story__button{display:block;position:absolute;top:0;width:15%;height:100%;background-color:#ffffff40;color:var(--color);transition:background-color .2s ease-in-out;border:none}@media (prefers-color-scheme: dark){.story__button{background-color:#181a1b40}}.story__button:active{background-color:#00000080}.story__button--back{left:0}.story__button--next{right:0}.story__content,.story__progress{width:calc(100% - 3em);margin:0 auto;max-width:875px}.story__content h2{font-size:1.5em;font-weight:400;line-height:1.5em;color:var(--accent)}.story__content p{line-height:2em}.story__content__caption{line-height:1.5em;color:var(--gray)}.story__progress{display:flex;gap:.5em}.story__progresstile{width:100%;height:.25em;background-color:var(--accent-background);border-radius:5px}.story__progresstile--past{background-color:var(--accent)}
