@keyframes flicker{0%{opacity:.27861}10%{opacity:.23604}20%{opacity:.18128}30%{opacity:.65583}40%{opacity:.26559}50%{opacity:.96019}60%{opacity:.20313}70%{opacity:.53455}80%{opacity:.71428}90%{opacity:.7003}to{opacity:.24387}}@keyframes textShadow{0%{text-shadow:.4389924193300864px 0 1px rgba(0,30,255,.5),-.4389924193300864px 0 1px rgba(255,0,80,.3),0 0 3px}5%{text-shadow:2.7928974010788217px 0 1px rgba(0,30,255,.5),-2.7928974010788217px 0 1px rgba(255,0,80,.3),0 0 3px}10%{text-shadow:.02956275843481219px 0 1px rgba(0,30,255,.5),-.02956275843481219px 0 1px rgba(255,0,80,.3),0 0 3px}15%{text-shadow:.40218538552878136px 0 1px rgba(0,30,255,.5),-.40218538552878136px 0 1px rgba(255,0,80,.3),0 0 3px}20%{text-shadow:3.4794037899852017px 0 1px rgba(0,30,255,.5),-3.4794037899852017px 0 1px rgba(255,0,80,.3),0 0 3px}25%{text-shadow:1.6125630401149584px 0 1px rgba(0,30,255,.5),-1.6125630401149584px 0 1px rgba(255,0,80,.3),0 0 3px}30%{text-shadow:.7015590085143956px 0 1px rgba(0,30,255,.5),-.7015590085143956px 0 1px rgba(255,0,80,.3),0 0 3px}35%{text-shadow:3.896914047650351px 0 1px rgba(0,30,255,.5),-3.896914047650351px 0 1px rgba(255,0,80,.3),0 0 3px}40%{text-shadow:3.870905614848819px 0 1px rgba(0,30,255,.5),-3.870905614848819px 0 1px rgba(255,0,80,.3),0 0 3px}45%{text-shadow:2.231056963361899px 0 1px rgba(0,30,255,.5),-2.231056963361899px 0 1px rgba(255,0,80,.3),0 0 3px}50%{text-shadow:.08084290417898504px 0 1px rgba(0,30,255,.5),-.08084290417898504px 0 1px rgba(255,0,80,.3),0 0 3px}55%{text-shadow:2.3758461067427543px 0 1px rgba(0,30,255,.5),-2.3758461067427543px 0 1px rgba(255,0,80,.3),0 0 3px}60%{text-shadow:2.202193051050636px 0 1px rgba(0,30,255,.5),-2.202193051050636px 0 1px rgba(255,0,80,.3),0 0 3px}65%{text-shadow:2.8638780614874975px 0 1px rgba(0,30,255,.5),-2.8638780614874975px 0 1px rgba(255,0,80,.3),0 0 3px}70%{text-shadow:.48874025155497314px 0 1px rgba(0,30,255,.5),-.48874025155497314px 0 1px rgba(255,0,80,.3),0 0 3px}75%{text-shadow:1.8948491305757957px 0 1px rgba(0,30,255,.5),-1.8948491305757957px 0 1px rgba(255,0,80,.3),0 0 3px}80%{text-shadow:.0833037308038857px 0 1px rgba(0,30,255,.5),-.0833037308038857px 0 1px rgba(255,0,80,.3),0 0 3px}85%{text-shadow:.09769827255241735px 0 1px rgba(0,30,255,.5),-.09769827255241735px 0 1px rgba(255,0,80,.3),0 0 3px}90%{text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px}95%{text-shadow:2.1841838852799786px 0 1px rgba(0,30,255,.5),-2.1841838852799786px 0 1px rgba(255,0,80,.3),0 0 3px}to{text-shadow:2.6208764473832513px 0 1px rgba(0,30,255,.5),-2.6208764473832513px 0 1px rgba(255,0,80,.3),0 0 3px}}.crt:after{content:" ";display:block;position:absolute;inset:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none;animation:flicker .15s infinite}.crt:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}.crt{animation:textShadow 1.6s infinite;position:relative;box-shadow:inset 0 0 140px #0003;background-color:color-mix(in srgb,var(--grey) 20%,transparent);min-height:500px}.prose p:first-of-type:first-child:first-letter{font-family:Allegreya,serif;float:left;font-weight:300;font-style:italic;font-size:clamp(4rem,1rem + 17vw,9rem);line-height:60px;display:inline-block;padding-top:1.5rem;padding-right:.75rem;padding-left:3px;margin-bottom:1rem}.prose-meta{width:100%;max-width:26em;margin:0 0 0 10vw;padding:0 0 4rem;color:var(--black);font-size:1rem;font-style:italic}main{width:100%;max-width:100%;margin:0;padding-top:0}.hero-image{width:95vw;max-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:2.5vw auto 0}.hero-image img{display:block;margin:0 auto;min-width:100%;min-height:500px;border-radius:0;filter:brightness(1.9);opacity:.5;object-fit:cover;filter:saturate(0) brightness(4) contrast(.5)}.prose{font-size:1.5rem;width:100%;max-width:26em;margin:0 0 0 10vw;padding:4rem 0 0;color:var(--black)}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1}.title{position:absolute;margin:0;padding:1em 7.5vw;text-align:left;line-height:1;width:100%}.title h1{font-family:Alegreya,serif;font-style:italic;font-weight:300;font-size:clamp(3rem,.75rem + 10vw,7rem);text-align:left;line-height:.8;color:var(--black);margin:0}.date{margin-bottom:.5em;color:var(--grey);font-size:2rem}.last-updated-on{font-style:italic}.crt-toggle-btn{position:absolute;top:1rem;right:1rem;z-index:10;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.crt-toggle-btn:hover{background:#000000e6;border-color:#fff9}.crt-none{animation:none!important}.crt-none:after{animation:none!important}:root{--yir25-background: #f7dbe9;--yir250-text: #3a282d;--yir25-text-light: #66545a;--yir25-accent: #edbbd6;--yir25-font: "Jacquard 24", serif;--yir25-mono-font: "Martian Mono", monospace;interpolate-size:allow-keywords}body{background:var(--yir25-background)}.static-bg{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--yir25-font);font-weight:400;color:var(--yir25-text)}.year-in-review{width:100%;padding:2rem 0}.year-in-review-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:0 5vw}.year-in-review-tag,.year-in-review-date{display:block;background:var(--yir25-accent);color:var(--yir25-text);font-family:var(--yir25-mono-font);font-size:.8rem;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;border-radius:1.5rem}.year-in-review-content{font-size:1.25rem;line-height:1.8;color:var(--black);margin:3rem auto;width:100%}.year-in-review-content h1,.year-in-review-content h2,.year-in-review-content h3,.year-in-review-content h4,.year-in-review-content h5,.year-in-review-content h6{text-shadow:-5px 5px 0 var(--yir25-accent);line-height:.6}.year-in-review-content h2{font-size:clamp(5rem,.75rem + 10vw,7.5rem);margin:5rem 0;padding-left:5%}@media (max-width: 768px){.year-in-review-content h2{margin:3rem 0}}.year-in-review-content h3{font-size:clamp(2rem,.75rem + 10vw,5.5rem);margin:3rem 0;padding-left:5%}.year-in-review-content p{max-width:43rem;margin-left:10%}@media (max-width: 768px){.year-in-review-content p{margin-left:0;padding:0 5%}}.yir25--masthead-title{padding:0 5vw;h1{font-size:clamp(3rem,.75rem + 20vw,16rem);line-height:.6;max-width:100%;position:relative;color:var(--yir25-text);text-shadow:-5px 5px 0 var(--yir25-accent)}p{font-size:clamp(1rem,.75rem + 10vw,1.75rem);line-height:1.1;font-style:italic;margin:5rem 0 5rem 20%}}.yir25-intro-image{width:50%;position:absolute;z-index:-1;left:0;top:40%}@media (max-width: 768px){.yir25-intro-image{width:100%;position:relative;z-index:1;left:0;margin-left:-10%;top:0}}@media (max-width: 768px){.yir25--masthead-title{p{margin:3rem 0}}}.yir25--intro{font-size:clamp(1rem,.75rem + 8vw,1.75rem);max-width:43rem;line-height:1.4;margin:0 auto 5rem 20%;max-width:1600px}@media (max-width: 768px){.yir25--intro{margin:0 5vw 3rem}}.yir25--list{background-image:url(/images/yir25-halftone-pattern.png);background-size:5px 5px;background-repeat:repeat;padding-bottom:5rem;margin:5rem 0}.yir25--list h3{transform:translateY(-50%);margin:0;margin-bottom:3rem}.yir25--list ol{margin-block-start:0;padding-inline-start:0;position:relative;max-width:70rem;padding-right:5%;padding-left:15%;list-style-type:none;li{position:relative;counter-increment:film-counter;padding-left:3rem;&:before{content:counter(film-counter) ".";position:absolute;left:0;top:0;font-size:clamp(1.25rem,.75rem + 5vw,5rem);font-weight:900;color:var(--yir25-accent);line-height:.6}}}.yir25--list--hm{background-color:var(--yir25-background);box-shadow:-10px 10px 0 var(--yir25-accent);border-radius:.5rem;max-width:40rem;padding:2rem;margin-left:20%;margin-bottom:8rem;strong{color:var(--yir25-text-light)}}@media (max-width: 768px){.yir25--list--hm{margin:4rem auto;max-width:90%;padding:1rem;font-size:1rem}}.yir25--list ol li{margin-bottom:3rem;max-width:29rem;&:nth-of-type(2n){margin-left:auto;margin-right:0}@media (max-width: 768px){&:nth-of-type(2n){margin-left:0;margin-right:auto}}p{margin-bottom:0;margin-left:2rem;font-size:1rem;line-height:1.4;text-align:justify}p:first-of-type{font-size:clamp(1rem,.75rem + 5vw,1.5rem);line-height:1;font-family:var(--yir25-mono-font)}}.yir25--list--left{flex:1}.yir25-list-image{display:block;float:left;margin-right:2rem;margin-bottom:2rem}@media (max-width: 768px){.yir25-list-image{float:none;max-width:100%;margin-right:1rem;margin-bottom:1rem}}.yir25-list-image-album{max-width:150px}.yir25-list-image-book{max-width:200px}.yir25--list--films,.yir25--list--books{ol{padding:0;max-width:1000px;display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin:3rem auto;li{margin:0;max-width:inherit;flex-basis:250px;&:nth-of-type(2n){margin:0}p{margin-left:0;max-width:250px;strong{display:block}}}}}.yir25-list-image-film{max-width:200px;float:none;vertical-align:top}.yir25--list-stacked{display:flex;margin:3rem auto;gap:2rem;justify-content:center;margin:8rem 0;margin-bottom:0;padding:0 5% 8rem;.yir25--stack{flex-basis:40%;max-width:600px}}@media (max-width: 768px){.yir25--list-stacked{flex-direction:column;align-items:center;gap:4rem}}.yir25--list-stacked+.yir25--list{margin-top:0}.yir25--list details{font-size:clamp(1rem,.75rem + 5vw,1.25rem);display:block;font-family:var(--yir25-mono-font);summary{transition:all .3s ease;position:relative;anchor-name:--summary;&::marker{color:var(--yir25-accent);margin-left:1rem;transition:all .3s ease}}&::details-content{transition:height .5s ease,content-visibility 1.5s ease allow-discrete;height:0;overflow:clip;font-size:1.25rem;margin-bottom:1rem;font-family:Alegreya Sans,sans-serif}&[open]::details-content{height:auto}}.yir25-insandouts{display:flex;gap:2rem;justify-content:center;margin:8rem 0;margin-bottom:0;padding:0 5% 8rem;position:relative}@media (max-width: 768px){.yir25-insandouts{flex-direction:column}}.yir25-insandouts-list{flex-basis:33rem;font-size:clamp(1rem,.75rem + 5vw,1.25rem);font-weight:500;font-family:var(--yir25-mono-font)}.yir25-insandouts-image{width:50%;height:auto;object-fit:cover;position:absolute;left:0;top:-15rem;z-index:-1}.bye{font-size:clamp(2rem,.75rem + 5vw,3.5rem);max-width:1200px;margin:18rem auto;text-align:center;font-family:var(--yir25-mono-font);font-weight:500;color:var(--yir25-text-light);text-shadow:-5px 5px 0 var(--yir25-accent);line-height:.6;padding:0 5%}
