:root{--bg:#ffffff;--fg:#000000;--red:#ff0033;--rule:rgba(0,0,0,.12);--mut:rgba(0,0,0,.5);--margin:clamp(16px,3vw,32px);--measure:760px;--view:35vh}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:IM Fell English,Times New Roman,Times,serif;font-size:clamp(19px,1.4vw,23px);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--red);color:#fff}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:1px}a:hover{background:var(--red);color:#fff}.col{max-width:var(--measure);margin:0 auto;padding-left:var(--margin);padding-right:var(--margin)}.mono{font-family:JetBrains Mono,monospace}.locator{position:fixed;top:calc(var(--margin) * .75);left:var(--margin);z-index:20;font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);pointer-events:none;opacity:0;transition:opacity .5s ease;view-transition-name:locator}.locator.on{opacity:1}.platebar{position:fixed;bottom:0;left:0;z-index:20;height:2px;width:0;background:var(--fg);pointer-events:none}.w{opacity:0;color:var(--red);transition:opacity .28s ease,color .85s ease}.w.on{opacity:1;color:inherit}.quote{height:300vh}.quote .hold{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--margin);text-align:center}.feelword{margin:0;font-size:clamp(56px,11vw,150px);line-height:1}.feel{display:inline-block;animation:breathe 4.8s ease-in-out infinite;will-change:transform}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.quoteline{margin:7vh 0 0;max-width:22ch;font-size:clamp(22px,3.2vw,42px);line-height:1.35;font-style:italic}.chapter{padding:30vh 0}h1{font-weight:400;font-size:clamp(48px,8.5vw,110px);line-height:1;margin:0 0 26px;letter-spacing:.01em}h1 .dot{color:var(--red)}h2{font-weight:400;font-size:clamp(26px,3.4vw,40px);line-height:1.1;text-align:center;margin:0 0 30px;letter-spacing:.02em}p{margin:0 0 18px}.hero{padding:calc(50vh - 6em) 0 30vh}.lede{font-size:clamp(21px,2.3vw,27px);line-height:1.45}.byline{font-family:JetBrains Mono,monospace;font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);margin-top:30px}.plate{padding:var(--view) var(--margin)}.plate figure{display:grid;margin:0;height:calc(100svh - 2*var(--margin));grid-template-rows:1fr minmax(0,auto) auto 1fr;justify-items:center}.plate img,.plate video{grid-row:2;max-width:min(100%,1100px);max-height:100%;display:block;view-transition-name:var(--plate);view-transition-class:plate}.plate a{display:contents}.plate figcaption{grid-row:3;max-width:560px;text-align:center;padding-top:16px;font-size:15.5px;line-height:1.35}.plate .dateline{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);display:block;margin:0 0 5px}.plate .dateline b{color:var(--red);font-weight:400}.manifest{padding:45vh var(--margin) 35vh}.manifest .inner{max-width:var(--measure);margin:0 auto;border-top:2px solid var(--red);padding-top:24px}.manifest table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,monospace;font-size:12.5px}.manifest td{padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);vertical-align:top}.manifest td:first-child{color:var(--red);white-space:nowrap}.manifest td:last-child{text-align:right;color:var(--mut);position:relative}.manifest .peek{position:absolute;left:calc(100% + 24px);top:50%;width:160px;transform:translateY(-50%);opacity:0;transition:opacity .2s ease;pointer-events:none}.manifest tr:hover .peek{opacity:1}.manifest .foot{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mut);letter-spacing:.05em;margin:26px 0 0}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(locator){animation:none;opacity:0}::view-transition-new(locator){animation:none}::view-transition-old(.plate){animation:none;opacity:0}::view-transition-new(.plate){animation:none}:active-view-transition-type(to-plate)::view-transition-group(.plate),:active-view-transition-type(to-project)::view-transition-group(.plate){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}:active-view-transition-type(page-next)::view-transition-new(.plate){animation:from-right .24s ease-out}:active-view-transition-type(page-prev)::view-transition-new(.plate){animation:from-left .24s ease-out}@keyframes from-right{0%{transform:translate(100vw)}}@keyframes from-left{0%{transform:translate(-100vw)}}.feelword{animation:arrive-feel .9s ease-out both}@keyframes arrive-feel{0%{opacity:0;transform:scale(.96);color:var(--red)}50%{opacity:1;color:var(--red)}to{transform:none;color:var(--fg)}}html[data-arrived~=back] .feelword{animation:none}@media(prefers-reduced-motion:reduce){.w{opacity:1;color:inherit;transition:none}.feel,.feelword{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
