html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}:root{--padding: 20px;--nav-height: 50px;--dark: #111;--redforest: #f41d3c;--title-height: 230px;--text-max-width: 680px}@media(min-width: 767px){:root{--padding: 20px}}@media(min-width: 767px){:root{--title-height: 250px}}html{font-size:14px}@media(min-width: 767px){html{font-size:16px}}a{color:inherit}@font-face{font-family:"Neureal Web";src:url(../../build/fonts/Neureal-Regular.woff2) format("woff2");font-weight:normal;font-style:normal;font-stretch:normal}.commas span::after,.commas div::after{content:", "}.commas span:nth-last-child(1)::after,.commas div:nth-last-child(1)::after{content:""}.upper{text-transform:uppercase}@media(min-width: 767px){.mobile{display:none}}strong{font-weight:700}.system{letter-spacing:.03em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}p,ul,ol{margin-bottom:1rem}ol{list-style-type:decimal}ul{list-style-type:disc}ol,ul{margin-left:2em;margin:1rem 0 1rem 1rem}li{margin-bottom:1rem}h1{font-family:"Neureal Web",sans-serif;font-size:34px;line-height:1.1;font-weight:normal;letter-spacing:-0.03em}@media(min-width: 767px){h1{font-size:54px}}em{font-style:italic}h2{font-family:"Lyon Hed Web",sans-serif;font-size:100px;line-height:1;font-weight:600;color:#fff}h3{font-family:"Neureal Web",sans-serif;margin-bottom:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.1;color:#fff;font-size:20px;margin-bottom:1.5rem}@media(min-width: 767px){h3{font-size:24px;margin-bottom:2rem}}body{background-color:var(--redforest);-webkit-transition:500ms background-color;transition:500ms background-color}.volume{position:fixed;z-index:10}.volume--top,.volume--bottom{left:0;right:0;mix-blend-mode:color}.volume--top{top:0;background:-webkit-gradient(linear, left top, left bottom, from(#feca5c), to(transparent));background:linear-gradient(to bottom, #feca5c, transparent);background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(transparent));background:linear-gradient(to bottom, #000000, transparent)}.volume--bottom{bottom:0;background:-webkit-gradient(linear, left bottom, left top, from(#b53f64), to(transparent));background:linear-gradient(to top, #b53f64, transparent);background:-webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));background:linear-gradient(to top, #000000, transparent)}.volume--left,.volume--right{display:none;top:0;bottom:0;opacity:.85}.volume--left{left:0;background:-webkit-gradient(linear, left top, right top, from(hsla(0, 0%, var(--cloud), 1)), to(hsla(0, 0%, var(--cloud), 0)));background:linear-gradient(to right, hsla(0, 0%, var(--cloud), 1), hsla(0, 0%, var(--cloud), 0))}.volume--right{right:0;background:-webkit-gradient(linear, right top, left top, from(hsla(0, 0%, var(--cloud), 1)), to(hsla(0, 0%, var(--cloud), 0)));background:linear-gradient(to left, hsla(0, 0%, var(--cloud), 1), hsla(0, 0%, var(--cloud), 0))}.image{position:absolute;top:0;left:0;bottom:0;right:0;position:fixed;z-index:0;-webkit-transition:-webkit-filter 500ms;transition:-webkit-filter 500ms;transition:filter 500ms;transition:filter 500ms, -webkit-filter 500ms;height:100vh}.image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image div{position:relative}.image div{width:100vw;height:100vh}.image__caption{position:absolute;bottom:0;left:0;z-index:1;color:#ffffffb0;font-family:"Neutral Web",sans-serif;font-size:13px;padding:var(--padding);letter-spacing:.03rem;margin:0;line-height:1.4;max-width:400px}@media(min-width: 1024px){.image__caption{left:auto;right:0;width:calc(100vw - var(--text-max-width))}}@media(min-width: 1280px){.image__caption{left:0;width:calc(calc(100vw - var(--text-max-width)) / 2)}}button{background:transparent;border:none;padding:0;color:#ffffffb0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;font-family:inherit;font-size:inherit;padding-left:10px}#timer{color:#fff}body.drone{background-color:hsl(0, 0%, var(--cloud))}body.drone .volume--top,body.drone .volume--bottom{display:none}body.drone .volume--left,body.drone .volume--right{display:block}body.drone .image{-webkit-filter:grayscale(1);filter:grayscale(1)}.debug{position:fixed;top:0;font-family:"Menlo",monospace;color:#ffffffb0;padding:var(--padding);line-height:1.5;z-index:98;font-size:11px;right:0;left:0}@media(min-width: 767px){.debug{font-size:12px;max-width:400px;width:100vw;left:calc(50vw - 200px);right:auto}}@media(min-width: 1024px){.debug{left:auto;top:0;right:0;width:calc(100vw - var(--text-max-width))}}@media(min-width: 1280px){.debug{width:calc(calc(100vw - var(--text-max-width)) / 2)}}.debug__inner{padding:10px;background:rgba(0,0,0,.6)}.debug__chapterrow{color:var(--redforest)}.debug__row{display:grid;grid-template-columns:100px 1fr}.debug label{text-transform:uppercase}.debug__note{color:#fff;font-style:italic;margin-bottom:1rem}.content{color:#fff;background:#222;max-width:var(--text-max-width);margin:calc(100vh - var(--title-height)) auto 0 auto;position:relative;z-index:99}@media(min-width: 1024px){.content{margin:calc(100vh - var(--title-height)) 0 0 0}}@media(min-width: 1280px){.content{margin:calc(100vh - var(--title-height)) auto 0 auto}}.content__inner{padding:0 var(--padding) var(--padding)}@media(min-width: 767px){.content__inner{padding:0 calc(var(--padding) * 2) calc(var(--padding) * 2) calc(var(--padding) * 2)}}.content__text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.03em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:15px;line-height:1.7;color:#fff;font-weight:normal}@media(min-width: 767px){.content__text{font-size:17px}}.content__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--padding) 0 var(--padding) 0}@media(min-width: 767px){.content__title{padding:calc(var(--padding) * 2) 0 calc(var(--padding) * 2) 0}}.content__bios{font-size:13px}@media(min-width: 767px){.content__bios{font-size:15px}}.start{cursor:pointer;font-family:"Menlo",monospace;position:fixed;font-size:14px;width:160px;height:160px;border-radius:50%;background:#000;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;z-index:1000;display:none;left:50%;margin-left:-80px;top:50%;margin-top:-80px;-webkit-transition:background 200ms;transition:background 200ms}.start:hover{background:#222222e3}.credits{font-size:14px}.credits__row{margin-bottom:1rem}@media(min-width: 767px){.credits__row{display:grid;grid-template-columns:220px 1fr;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.credits__row div:nth-child(1){color:#999;text-transform:uppercase;letter-spacing:.06em;font-size:.9em}body{min-height:100vh}body.notstarted{background:#111;overflow:hidden}body.notstarted .image{-webkit-filter:grayscale(1);filter:grayscale(1)}body.notstarted .start{display:-webkit-box;display:-ms-flexbox;display:flex}body.notstarted .content,body.notstarted .debug{display:none}hr{border:none;border-bottom:1px solid #333;margin:1.5rem 0}@media(min-width: 767px){hr{margin:3rem 0}}