:root{--color--kehr-red:#E73431;--color--kehr-red--secondary:#ee3d3a;--color--white:#FFFFFF;--color--black:#000000;--color--gray:#8C8C8C;--color--text:var(--color--black);--color--text--secondary:var(--color--gray);--color--text--over-color:var(--color--white);--color--background--light:var(--color--white);--scrollbar-width:15px;--font-size--xs:0.75rem;--font-size--sm:0.875rem;--font-size--md:1rem;--font-size--lg:1.25rem;--font-size--xl:1.5rem;--font-size--3xl:2.25rem;--font-size--4xl:3rem;--date-width:11rem;--timeline-height:3px;--outer-spacing:5vw}footer .menu{color:var(--color--text--over-color);position:fixed;bottom:calc(var(--outer-spacing)/3);right:var(--outer-spacing);display:flex;list-style-type:none;padding:0;gap:1rem;font-size:var(--font-size--xs)}footer .menu li{position:relative}footer .menu li:after{content:"";display:block;position:absolute;left:calc(100% + .5rem);top:0;width:1px;height:100%;background:var(--color--text--over-color)}footer .menu li:last-child:after{display:none}footer .menu a{color:inherit;text-decoration:none}
:root{--color--kehr-red:#E73431;--color--kehr-red--secondary:#ee3d3a;--color--white:#FFFFFF;--color--black:#000000;--color--gray:#8C8C8C;--color--text:var(--color--black);--color--text--secondary:var(--color--gray);--color--text--over-color:var(--color--white);--color--background--light:var(--color--white);--scrollbar-width:15px;--font-size--xs:0.75rem;--font-size--sm:0.875rem;--font-size--md:1rem;--font-size--lg:1.25rem;--font-size--xl:1.5rem;--font-size--3xl:2.25rem;--font-size--4xl:3rem;--date-width:11rem;--timeline-height:3px;--outer-spacing:5vw}@font-face{font-display:swap;font-family:"Signika Negative";font-style:normal;font-weight:300;src:url(fonts/signika-negative-v21-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Signika Negative";font-style:normal;font-weight:400;src:url(fonts/signika-negative-v21-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Signika Negative";font-style:normal;font-weight:700;src:url(fonts/signika-negative-v21-latin-700.woff2) format("woff2")}body,html,li,ul{padding:0;margin:0}body,html{touch-action:none;height:100%}ul{list-style-type:"- "}html{font-weight:400;font-size:20px;line-height:1.2;overflow:hidden}@media (max-width:800px){html{font-size:14px}}body{font-family:"Signika Negative",sans-serif;background-color:var(--color--kehr-red);background-image:url(images/carpet-pattern.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow:auto}.float-text{position:absolute;font-weight:700;text-transform:uppercase;color:var(--color--kehr-red--secondary);font-size:14vw;line-height:.8;opacity:.5}.float-text--chronic{top:5vw;left:5vw}.float-text--years{top:16vw;left:17vw}.float-text--episodes{right:5vw;bottom:3vw}*{box-sizing:border-box}.text h1:first-child,.text h2:first-child,.text h3:first-child,.text h4:first-child,.text h5:first-child,.text h6:first-child,.text p:first-child{margin-top:0}.text h1:last-child,.text h2:last-child,.text h3:last-child,.text h4:last-child,.text h5:last-child,.text h6:last-child,.text p:last-child{margin-bottom:0}
header.site_header{position:fixed;top:0;left:0;width:100%;padding:var(--outer-spacing);color:var(--color--text--over-color);font-size:1.75vw;z-index:100}header.site_header h1{margin:0 0 0 calc(var(--date-width)/2)}header.site_header .nav_wrap{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}header.site_header .logo img{display:block;min-width:8rem;width:20vw}@media (max-width:600px){header.site_header h1{font-size:var(--font-size--xl);margin:0}}
@keyframes episode-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.1)}}.timeline{position:relative;color:var(--color--text--over-color);padding:max(15vw,6rem) var(--outer-spacing) var(--outer-spacing);scrollbar-width:none;height:calc(100dvh - var(--outer-spacing));display:flex;flex-direction:column;overflow:auto;--img-max-width:min(10rem, 15dvh);--img-max-height:min(12rem, 18dvh);--text-block-height:4.5rem;padding-left:calc(var(--date-width)/2)}@media (max-width:600px){.timeline{height:calc(100dvh - var(--outer-spacing)*2)}}.timeline::-webkit-scrollbar{display:none}.timeline__bottom,.timeline__top{flex:1;display:flex;position:relative}.timeline__top{gap:1rem;align-items:flex-end;width:calc(var(--num-of-years)*var(--date-width))}.timeline-item:after,.timeline__top:before{content:"";display:block;background-color:var(--color--text--over-color)}.timeline__top:before{position:absolute;left:calc(100%/var(--num-of-years)/2 - .5rem);height:3px;width:calc((var(--num-of-years) - 1)/var(--num-of-years)*100% + 1rem)}.timeline__bottom{gap:1rem;align-items:flex-start;width:calc(var(--num-of-years)*var(--date-width)*(var(--num-of-episodes) + .5)/var(--num-of-episodes) - var(--date-width)/2 + .5rem)}@media (max-width:600px){.timeline__bottom{padding-bottom:1.5rem}}.timeline__float-btn{position:fixed;top:50%;width:3rem;display:none;justify-content:center;align-items:center;border-radius:100%;aspect-ratio:1;transform:translateY(-50%);background:var(--color--white)}@media (hover:hover){.timeline__float-btn{display:flex}}.timeline__float-btn img{height:2rem;width:auto}.timeline__float-btn--prev{left:1rem}.timeline__float-btn--next{right:1rem}.timeline-item{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.timeline-item__year{font-size:var(--font-size--lg);font-weight:700}.timeline-item__content{font-size:var(--font-size--xs)}.timeline-item:after{flex:1;position:relative;margin:.5rem 0 0;width:1px}.timeline-item:nth-child(1){min-height:60%}.timeline-item:nth-child(1):before{content:"";position:absolute;bottom:calc(-.375rem + var(--timeline-height)/2);left:50%;transform:translateX(-50%);width:.75rem;aspect-ratio:1;border-radius:1000px;background-color:var(--color--text--over-color)}.timeline-item:nth-child(3n+2){min-height:50%}.timeline-item:nth-child(3n+3){min-height:75%}.timeline-item:nth-child(3n+4){min-height:100%}.timeline-episode{position:relative;flex:1;display:flex;flex-direction:column;padding-top:1rem;align-items:center;text-align:center;height:100%;transform:translateX(calc(-25% - .75rem))}.timeline-episode:nth-child(1) .timeline-episode__image img{animation-delay:0s}.timeline-episode:nth-child(2) .timeline-episode__image img{animation-delay:.1s}.timeline-episode:nth-child(3) .timeline-episode__image img{animation-delay:.2s}.timeline-episode:nth-child(4) .timeline-episode__image img{animation-delay:.3s}.timeline-episode:nth-child(5) .timeline-episode__image img{animation-delay:.4s}.timeline-episode__link{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;text-decoration:none;color:inherit;font-size:var(--font-size--xs)}.timeline-episode__link:hover .timeline-episode__image{transform:scale(1.1)}.timeline-episode__link:hover .timeline-episode__image img{animation-play-state:paused}.timeline-episode h2{font-size:var(--font-size--lg);margin:1rem 0 0}.timeline-episode__image{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:5/3;padding-top:1rem;transition:all .25s ease-in-out}.timeline-episode__image img{display:block;width:auto;height:auto;max-width:var(--img-max-width);max-height:var(--img-max-height);animation:episode-pulse 2s infinite ease-in-out .5s}.timeline-episode:before{flex:1;content:"";position:absolute;display:block;top:0;height:calc((100% - var(--text-block-height))/2);width:1px;z-index:-1;background-color:var(--color--text--over-color)}.timeline-episode:after{content:"";position:absolute;top:calc(-.5rem - var(--timeline-height)*1.5);left:50%;transform:translateX(-50%);width:1rem;aspect-ratio:1;border-radius:1000px;background-color:var(--color--kehr-red);border:var(--timeline-height) solid var(--color--text--over-color)}.timeline-episode__story-count{display:flex;margin-top:.5rem;gap:.5rem}.timeline-episode__story-bubble{display:flex;width:.75rem;border-radius:100%;aspect-ratio:1;background:var(--color--text--over-color);transition:all .25s ease-in-out}.timeline-episode__story-bubble:hover{transform:scale(1.2);background:var(--color--text--secondary)}.timeline-episode--last{position:absolute;left:calc(100% - var(--date-width)/2);padding-left:2rem;width:calc(var(--date-width)*2);font-size:var(--font-size--lg);font-weight:700;justify-content:center}.timeline-episode--last:after{display:none}.timeline-episode--last:before{width:50%;position:absolute;top:calc(var(--timeline-height)*-1);left:calc(var(--date-width)/2*-1 - 2rem + var(--date-width)/2);background:0 0;border-top:var(--timeline-height) dashed var(--color--text--over-color);height:var(--timeline-height);z-index:-1}.timeline-episode-modal{--nav-arrow-width:8rem;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;display:flex;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:all .25s ease-in-out}@media (max-width:1024px){.timeline-episode-modal{--nav-arrow-width:3rem}}.timeline-episode-modal--active{opacity:1;pointer-events:auto}.timeline-episode-modal--active .timeline-episode-modal__window{transform:scale(1)}.timeline-episode-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,.5)}.timeline-episode-modal__window{display:flex;position:relative;flex-direction:column;width:100%;max-width:1200px;max-height:100dvh;transform:scale(.95);background:var(--color--background--light);transition:all .25s ease-in-out}.timeline-episode-modal__content{display:flex;flex:1;overflow:auto;gap:4rem;scroll-snap-type:x mandatory;scrollbar-width:none}.timeline-episode-modal__content::-webkit-scrollbar{display:none}.timeline-episode-modal__controls{position:relative;padding:.66rem;font-size:var(--font-size--lg);text-align:center;z-index:1}.timeline-episode-modal__controls:after,.timeline-episode-modal__controls:before{content:"";position:absolute;top:0;height:100%}.timeline-episode-modal__controls:before{right:0;width:calc(100% - 6rem);background:var(--color--kehr-red)}.timeline-episode-modal__controls:after{left:0;width:5rem;background:var(--color--text--secondary)}.timeline-episode-modal__title{position:relative}.timeline-episode-modal__story-count{display:flex;justify-content:center;padding:3rem;gap:1rem}@media (max-width:600px){.timeline-episode-modal__story-count{padding:1rem}}.timeline-episode-modal__story-bubble{display:flex;width:.8rem;border-radius:100%;aspect-ratio:1;background:var(--color--text--secondary);transition:all .25s ease-in-out}.timeline-episode-modal__story-bubble--active{background:var(--color--kehr-red)}.timeline-episode-modal__story-bubble:hover{transform:scale(1.2);background:var(--color--kehr-red)}.timeline-episode-modal__close,.timeline-episode-modal__nav{position:absolute;height:100%;display:flex;justify-content:center;align-items:center}.timeline-episode-modal__close{top:0;left:0;width:5rem;z-index:1}.timeline-episode-modal__nav{width:var(--nav-arrow-width)}.timeline-episode-modal__nav img{width:2rem;height:auto}.timeline-episode-modal__nav--prev{left:var(--scrollbar-width)}.timeline-episode-modal__nav--next{right:var(--scrollbar-width)}@media (max-width:1024px){.timeline-episode-modal__nav{display:none}}.timeline-story{color:var(--color--text);flex:0 0 100%;max-height:100%;scroll-snap-align:start;display:flex;overflow:auto;padding:4rem var(--nav-arrow-width);font-size:var(--font-size--sm);gap:4rem;font-weight:300;line-height:1.4;-webkit-overflow-scrolling:touch}.timeline-story figure{margin:0;text-align:center;font-size:var(--font-size--xs)}.timeline-story__title{margin:0 0 .5em;font-size:var(--font-size--3xl);font-weight:400;color:var(--color--text--secondary);line-height:1.2}.timeline-story__intro{font-size:var(--font-size--md)}.timeline-story__image{flex:1;display:flex;justify-content:center;align-items:flex-start}.timeline-story__image img{width:20rem;height:auto;display:block;max-width:100%;margin-bottom:1rem}.timeline-story__content{flex:2}.timeline-story__content img{width:100%;height:auto}@media (max-width:1024px){.timeline-story{flex-direction:column;gap:4rem;padding:4rem 1rem}}.lightbox,.lightbox__images{display:flex;width:100%;height:100%}.lightbox{position:fixed;top:0;left:0;z-index:102;opacity:0;pointer-events:none;transition:all .25s ease-in-out}.lightbox__images{align-items:stretch;scroll-snap-type:x mandatory;overflow:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lightbox__images::-webkit-scrollbar{display:none}.lightbox__image{flex:0 0 100vw;display:flex;flex-direction:column;color:var(--color--text);gap:1rem;justify-content:center;align-items:center;scroll-snap-align:start;scale:.95;transition:scale .25s ease-in-out}.lightbox__image img{display:block;width:auto;height:auto;max-width:80%;max-height:80%}@media (max-width:600px){.lightbox__image img{max-width:100%;max-height:100%}}.lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(255,255,255,.8);transition:all .25s ease-in-out}.lightbox__nav{position:absolute;width:var(--nav-arrow-width);height:100%;display:flex;justify-content:center;align-items:center}.lightbox__nav img{width:2rem;height:auto}.lightbox__nav--prev{left:0}.lightbox__nav--next{right:0}@media (max-width:1024px){.lightbox__nav{display:none}}.lightbox__close{position:absolute;top:0;left:0;padding:1rem;aspect-ratio:1;z-index:1;display:flex;justify-content:center;align-items:center}.lightbox--active{pointer-events:auto;opacity:1}.lightbox--active .lightbox__image{scale:1}.lightbox--active .lightbox__overlay{backdrop-filter:blur(.25rem)}