:root{--copy-gutter: 50px;--copy-gutter-double: 100px;--copy-max: 600px;--font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;--primary: black}*:where(:not(html,iframe,canvas,img,svg,video,audio,button):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{--primary: grey;--primary-inverse: lightgrey;--primary-inverse-concentrated: white;--primary-concentrated: black;--primary-semi-concentrated: dimgrey;--highlight: white;--home-overlay: rgba(0,0,0,.65)}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;src:url(/assets/barlow-condensed-latin-400-normal-Dc2u_eUW.woff2) format("woff2")}.leaflet-container{font-family:Barlow Condensed!important}.leaflet-popup-content-wrapper{border-radius:0!important}.leaflet-popup{font-size:1.75em}.leaflet-control-attribution{display:none}html{scroll-behavior:smooth}html,body{background-color:var(--primary);color:var(--primary-inverse);font-family:var(--font-family);font-size:20px}a{cursor:pointer}a,svg{transition:.3s cubic-bezier(.25,.8,.25,1);transition-property:all}svg text{fill:var(--primary-inverse)}svg line{stroke:var(--primary-inverse)}p{max-width:var(--copy-max)}ul{padding-left:1em}main{margin:2em}figure{font-size:.8em;margin:0;padding:0}nav{fill:var(--highlight);padding:1em 0 1em 1em;position:fixed;right:.5em;top:0;width:4em;z-index:99999}nav ol li{height:3em;margin-bottom:.5em;opacity:.2;transition:opacity .3s ease-in-out;width:3em}nav ol li:not(:has(.zero)){font-size:2em;margin-left:.25em}nav li:hover{opacity:1}.nav-enter-active{animation:nav .8s 2s ease}.nav-leave-active{animation:nav .5s 2s reverse}@keyframes nav{0%{top:-10em}to{top:0}}.tooltip{background-color:var(--primary);color:#fff;display:flex;filter:drop-shadow(0 0 .25em black);font-size:.9rem;min-height:1em;padding:.25em;position:absolute;z-index:999}.tooltip .selfie{height:10em;width:100%}.tooltip button{background-color:var(--primary);color:#fff;cursor:pointer;position:absolute;right:0;z-index:999}main[data-label=overview] section#heatmap,main[data-label=overview] section#calendar,main[data-label=detail] section#trajectory,main[data-label=detail] section#selfie{height:60vh}main[data-label=overview] section{margin-bottom:5em}main[data-label=overview] section>h1,main[data-label=overview] #about>h2{border-bottom:.1em;border-bottom-style:solid;color:var(--primary-inverse-concentrated);padding-bottom:.25em}main[data-label=overview] section#heatmap h1,main[data-label=overview] section#slideshow h1{margin-bottom:1em}main[data-label=detail] section#trajectory{margin-top:3em}main[data-label=detail] menu{display:flex;justify-content:space-between;left:-2em;position:relative;top:-5.35em;width:10.75em}main[data-label=detail] menu button{background-color:var(--primary-concentrated);border:0 none;color:currentColor;cursor:pointer;height:2em;margin:0;padding:0;width:2em}hgroup.home{background-color:var(--home-overlay);color:#fff;height:100vh;left:0;padding-top:30vh;position:absolute;top:0;width:100vw}hgroup.home h1{color:var(--highlight);font-size:1.5em;margin:auto;width:80vw}hgroup.home p{font-size:2.5em;line-height:1.1;margin:auto;max-width:unset;width:80vw}.home .zero{display:inline-block;fill:var(--highlight);height:1em;margin-left:.15em;width:1em}video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;height:100%;object-fit:cover;opacity:1;width:100%;overflow-clip-margin:content-box;overflow:clip}.bounce{animation:bounce .4s ease infinite alternate}@keyframes bounce{0%{text-shadow:0 5px 0 white,0 2px 3px rgba(0,0,0,1)}to{transform:translateY(-20px);text-shadow:0 50px 0 black,0 0px 20px rgba(0,0,0,.8)}}.home-fade-1-enter-active{opacity:0;animation:home-fade-1 ease-in 1;animation-fill-mode:forwards;animation-duration:.5s;animation-delay:2s}.home-fade-1-leave-active{animation:home-fade-1 .5s reverse}@keyframes home-fade-1{0%{opacity:0}to{opacity:1}}.home-fade-2-enter-active{opacity:0;animation:home-fade-2 ease-in 1;animation-fill-mode:forwards;animation-duration:.5s;animation-delay:5s}.home-fade-2-leave-active{animation:home-fade-2 .5s reverse}@keyframes home-fade-2{0%{opacity:0}to{opacity:1}}.home-fade-3-enter-active{opacity:0;animation:home-fade-3 ease-in 1;animation-fill-mode:forwards;animation-duration:.5s;animation-delay:9s}.home-fade-3-leave-active{animation:home-fade-3 .5s reverse}@keyframes home-fade-3{0%{opacity:0}to{opacity:1}}.backgroundcolor-enter-active{background-color:#09243300;animation:backgroundcolor ease-in 1;animation-fill-mode:forwards;animation-duration:5s}.backgroundcolor-leave-active{animation:backgroundcolor .5s reverse}@keyframes backgroundcolor{0%{background-color:#09243300}to{background-color:#09243399}}#about>header{font-size:1.25em;line-height:1.4;margin-bottom:1em}#about>header h1{color:var(--primary-inverse-concentrated);font-size:2em;margin-bottom:.25em}#about>header h2{color:var(--highlight)}#about p em{font-style:italic}#about p strong{color:var(--primary-inverse-concentrated)}#about #sticky-threshold{margin-bottom:1em}#about #sticky-threshold>div{font-size:1.25em;font-weight:300;display:flex;justify-content:space-between;max-width:var(--copy-max)}#about #sticky-threshold>h1{color:var(--primary-inverse-concentrated)}#about>h2{color:var(--primary-inverse-concentrated)}main[data-label=detail] #about{background-color:var(--primary);margin-bottom:-2em;position:sticky;top:0;z-index:9999}main[data-label=detail] #about>h1{color:var(--highlight)}main[data-label=detail] #about>h2{margin-bottom:1em}main[data-label=detail] #about #sticky-threshold{margin-top:1em}main[data-label=detail] #about #sticky-threshold span:first-of-type{color:var(--mileage)}main[data-label=detail] #about #sticky-threshold span:last-of-type:before{content:"::";margin-left:.5em;margin-right:.5em}#calendar>figure{height:100%;width:100%}#calendar>figure .lgv-axis-y .tick text{transform:translate(2em,1em)}#calendar>figure .lgv-axis-y .tick:first-of-type line{display:none}#calendar>figure .lgv-axis-x .domain,#calendar>figure .lgv-axis-y .domain{display:none}#calendar>figure .lgv-node{cursor:pointer}#mileage{background-color:var(--primary);font-size:.8em;position:sticky;top:0;transition:all .3s ease}#mileage.sticky{height:2.5em;left:0;position:fixed;top:0;transition:all 1s ease-in-out;width:100vw;z-index:9999}#mileage h1{color:var(--primary-inverse-concentrated);position:absolute;top:1em}main[data-label=overview] #mileage{margin-bottom:3em}main[data-label=overview] section#slideshow>div{column-gap:1em;display:grid;grid-template-columns:1fr 1fr;row-gap:1em}main[data-label=overview] section#slideshow .selfie{height:12em}.selfie{border:.2em;border-color:var(--primary);border-style:solid;height:100%;position:relative}.selfie header{bottom:0;cursor:pointer;height:100%;left:-.1em;padding:1em;position:absolute;transition:all 1s;width:calc(100% + .2em);z-index:1}.selfie header>*{color:var(--primary-inverse-concentrated);opacity:0;transition:all 1s}.selfie header h1{font-size:1.2em}.selfie header h2{font-size:.8em;font-style:italic}.selfie:hover figure div,.selfie:focus figure div{transform:scale(1.1)}.selfie:hover header>*{opacity:1}.selfie .poster{height:100%;overflow:hidden}.selfie .poster div{background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:100%;transition:1s cubic-bezier(.25,.8,.25,1);transition-property:transform}.lgv-visualization-chart-legend-swatch{border:0 none!important}figure .tick text{font-family:var(--font-family);font-size:1.2em;font-weight:400}[data-lgv=lgv-heatmap],[data-lgv=visualization-map]{height:100%!important}.lgv-line-chart .lgv-y-axis .tick line{stroke-dasharray:5 5}.lgv-line-chart .domain{display:none}.lgv-line-chart .lgv-y-axis .tick text{filter:grayscale(1);font-size:3em}.lgv-line-chart .lgv-line-label,.lgv-line-chart .lgv-line{cursor:pointer}.lgv-line-chart .inactive{opacity:.1}@media only screen and (min-device-width:320px)and (max-device-width:480px)and (-webkit-min-device-pixel-ratio:2)and (orientation:portrait){nav ol li{opacity:1}main[data-label=overview] section#slideshow>div{display:block}.selfie:after{color:var(--mileage);content:"◥";filter:drop-shadow(2px 2px 8px black);font-size:1.25em;position:absolute;right:0;top:-.2em}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:1)and (orientation:portrait){nav ol li{height:2em;opacity:1;width:2em}nav ol li:not(:has(.zero)){font-size:1.5em;margin-left:.25em}.selfie:after{color:var(--mileage);content:"◥";filter:drop-shadow(2px 2px 8px black);font-size:1.25em;position:absolute;right:0;top:-.2em}}@media screen and (min-device-width:1200px)and (min-width:1200px)and (min-aspect-ratio:1/1){hgroup.home{padding-top:20vh}hgroup.home h1{font-size:1.5em;width:40vw}hgroup.home p{font-size:5.5em;line-height:.85;width:40vw}.home .zero{height:.5em;width:.5em}main[data-label=overview] section{position:fixed;margin:0}main[data-label=overview] section#about{padding:.5em 2em 2em;right:0;top:0;width:50vw}main[data-label=overview] section#about>header h1{font-size:4em}main[data-label=overview] section#about>h2{border:unset;margin-top:2em;padding:unset}main[data-label=overview] #mileage{left:20vw;position:fixed!important;top:47vh;width:30vw}main[data-label=overview] section#heatmap{height:47vh;left:20vw;top:0;width:30vw}main[data-label=overview] section#calendar{background-color:var(--primary-semi-concentrated);bottom:0;height:50vh;left:20vw;width:30vw}#calendar>figure .lgv-axis-y .tick:first-of-type line{display:unset}main[data-label=overview] section#slideshow{height:100vh;left:0;overflow-y:scroll;top:0;width:20vw}main[data-label=overview] section#slideshow>div{display:block}main[data-label=overview] section#slideshow>div .nrc-card{height:15em}main[data-label=overview] section:not(#about)>h1{display:none}main[data-label=detail] section{position:fixed}main[data-label=detail] section#about{padding:2em;position:fixed;right:0;top:35%;width:20vw}main[data-label=detail] menu{top:-4.5em}main[data-label=detail] #mileage{display:none}main[data-label=detail] section#trajectory{height:100vh;left:30vw;margin-top:unset;top:0;width:50vw}main[data-label=detail] section#selfie{height:100vh;left:0;top:0;width:30vw}main[data-label=detail] .selfie{height:100%}.overview-about-enter-active{animation:overview-about .5s ease}.overview-about-leave-active{animation:overview-about .5s reverse}@keyframes overview-about{0%{top:100%}to{top:0}}}
