@font-face{font-family:cMuTyPoHyPeR;src:url(/fonts/cMuTyPoHyPeR.woff2) format("woff2");font-style:normal;font-weight:500}@font-face{font-family:cMuTyPoHyPeR;src:url(/fonts/cMuTyPoHyPeRiTaLiC.woff2) format("woff2");font-style:italic;font-weight:500}:root{--black: rgb(0, 0, 0);--gray: rgb(154, 163, 165);--layout: 800px;--view: 35vh;--img-w: calc(100vw - var(--margin) * 2);--img-h: calc(100vh - var(--margin) * 2);--margin: 1rem;--gap: 1.25rem;--ease: cubic-bezier(0, .68, .58, 1);--time: .45s;--text-s: .68rem;--text-l: 1.6rem;--lineheight: 1.3125em;--lineheight-l: 1.02em}@media (max-width: 800px){:root{--margin: .6rem;--text-s: .8rem;--text-l: 1.6rem}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{font-size:22px}@media (min-width: 320px){html,body{font-size:calc(.375vw + 20.8px)}}@media (min-width: 1920px){html,body{font-size:28px}}body{font-family:cMuTyPoHyPeR,serif;margin:var(--margin);line-height:var(--lineheight);letter-spacing:.03rem}* ::selection{color:#fff;background-color:#ff4500}h1,h2,h3,h4,h5,h6{font-weight:500}h1,h2,h3{font-size:var(--text-l);line-height:var(--lineheight-l);margin:var(--gap) 0;align-self:center;text-align:center;letter-spacing:.045em;-webkit-text-stroke-width:.02em;-webkit-text-stroke-color:black}h1:first-of-type{padding:calc(50vh - 2em) 0;hyphens:auto;max-width:100%;text-align:center;hyphens:manual;flex-wrap:wrap;align-items:center;justify-content:center}@media (max-width: 800px){h1:first-of-type{max-width:calc(100% - 2em)}}h1:first-of-type span{color:#000;opacity:0;-webkit-text-stroke-color:black;transition:all var(--time) var(--ease);transition-property:opacity,color,-webkit-text-stroke-color}strong,b{-webkit-text-stroke-width:.05em;-webkit-text-stroke-color:black;font-weight:500}a{font-weight:500;color:#000}a{text-decoration:none;display:block;padding:2rem 1rem;width:80%;border:1.5px solid black;border-radius:.2rem;align-self:center;text-align:center;margin:0 auto;background-color:#fff;transition:all .2s var(--ease);transition-property:color,background-color}a strong,a b{transition:all .2s var(--ease);transition-property:-webkit-text-stroke-color}a:hover{background-color:var(--gray);color:#fff}a:hover strong,a:hover b{-webkit-text-stroke-color:white}p:has(a){width:100%;margin:2rem 0}article{max-width:var(--layout);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:start}article>*:not(img,figure,h1,section.figure-viewport){max-width:var(--layout)}section.figure-viewport.observe{padding:var(--view) 0}section.figure-viewport{margin:0;align-self:center;width:100%}figure{display:grid;height:var(--img-h);width:100%;padding:0;margin:0;grid-template:"top" 1fr "image" minmax(0,auto) "text" auto "bottom" 1fr;justify-items:center;gap:0}figure img{grid-area:image;max-width:100%;max-height:100%;padding:0;margin:0}figure figcaption{grid-area:text;font-size:var(--text-s);text-align:center;max-width:calc(var(--layout) * .8);line-height:1.15em;margin:0;padding:1.15em 0 0}figure figcaption p{padding:0;margin:0}section.figure-viewport.observe{background-color:#fff}section.figure-viewport.observe figure{opacity:0;transition:all var(--time) var(--ease);transition-property:opacity}section.figure-viewport.observe figure.clone{position:fixed;height:var(--img-h);width:var(--img-w);top:0;padding:var(--margin);background-color:#fff;left:0}section.figure-viewport.observe figure.clone img{transition:all calc(var(--time) * .35) var(--ease);transition-property:filter;filter:brightness(69%) hue-rotate(200deg) saturate(345%) contrast(157%);-webkit-filter:brightness(69%) hue-rotate(200deg) saturate(345%) contrast(157%);-moz-filter:brightness(69%) hue-rotate(200deg) saturate(345%) contrast(157%)}section.figure-viewport.observe figure:not(.clone) img{transition:all calc(var(--time) * 1.7) var(--ease)}section.bar{position:fixed;bottom:0;width:0%;height:.11rem;left:0}section.figure-viewport:last-of-type section.bar{display:none}section.figure-viewport.observe.active figure.clone{opacity:1}section.figure-viewport.observe.active figure.clone img{filter:none}section.blockquote-viewport{height:200vh;align-self:center}section.blockquote-viewport blockquote{position:sticky;top:0;padding:var(--margin) 0;height:100vh;display:flex;flex-direction:column;justify-content:center;margin-inline-start:.5em;margin-inline-end:.5em}section.blockquote-viewport blockquote p{margin:.5rem;padding-left:2rem}section.blockquote-viewport blockquote p:nth-child(2n){padding-left:0rem}section.blockquote-viewport.observe span{opacity:0;color:red;color:color(display-p3 1 0 0);transition:all .2s var(--ease);transition-property:opacity,color}section.blockquote-viewport.observe span.written{opacity:1;color:#000}figure.cover{position:fixed;width:var(--img-w);height:var(--img-h);margin:var(--margin);top:0;left:0}figure.cover img{width:100%;height:100%;padding:0}