:root{--cs-dark-at: .35s;--cs-dark-for: 1.4s;--cs-frame-at: .5s;--cs-frame-step: .05s;--cs-frame-for: 1.1s;--cs-light-at: 2.05s;--cs-edge-at: 2.05s;--cs-num-at: 2.1s;--cs-mark-at: 2.25s;--cs-mark-step: .13s;--cs-mark-for: .6s;--cs-rise-at: 2.5s;--cs-rise-step: .15s;--cs-tail-at: 3.1s}html[data-darkroom=short]{--cs-dark-at: 0s;--cs-dark-for: .35s;--cs-frame-at: .05s;--cs-frame-step: 12ms;--cs-frame-for: .5s;--cs-light-at: 0s;--cs-edge-at: .3s;--cs-num-at: .3s;--cs-mark-at: .45s;--cs-mark-step: .05s;--cs-mark-for: .4s;--cs-rise-at: .5s;--cs-rise-step: .08s;--cs-tail-at: .7s}@keyframes cs-darken{0%{background-color:var(--color-paper)}to{background-color:var(--color-ink)}}@keyframes cs-safelight{to{opacity:0;visibility:hidden}}@keyframes cs-develop{0%{opacity:0;filter:blur(10px) contrast(.6)}60%{opacity:1}to{opacity:1;filter:blur(0) contrast(1)}}@keyframes cs-draw{to{stroke-dashoffset:0}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cs-mono{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.cs-hero{animation:cs-darken var(--cs-dark-for) cubic-bezier(.4,0,.2,1) var(--cs-dark-at) both}.cs-safelight{position:absolute;inset:0;z-index:40;pointer-events:none;background:#b8543180;mix-blend-mode:multiply;animation:cs-safelight .6s ease var(--cs-light-at) forwards}html[data-darkroom=short] .cs-safelight{display:none}.cs-frame{position:relative;display:block;aspect-ratio:1 / 1;background:#161614;opacity:0;animation:cs-develop var(--cs-frame-for) cubic-bezier(.2,.6,.2,1) calc(var(--cs-frame-at) + var(--i) * var(--cs-frame-step)) forwards}.cs-frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.06);transition:transform .28s cubic-bezier(.2,.7,.2,1),filter .35s ease,box-shadow .28s ease}@media(min-width:768px){.cs-cell:nth-child(8n+1) .cs-frame img{transform-origin:left center}.cs-cell:nth-child(8n) .cs-frame img{transform-origin:right center}}@media(hover:hover){.cs-frame:hover,.cs-frame:focus-visible{z-index:30;outline:none}.cs-frame:hover img,.cs-frame:focus-visible img{transform:scale(1.8);filter:none;z-index:3;box-shadow:0 30px 60px #0000008c}.cs-frame:hover .cs-cap,.cs-frame:focus-visible .cs-cap{opacity:1;transform:none}}.cs-frame:focus-visible img{outline:1px solid var(--color-rust);outline-offset:2px}.cs-cap{position:absolute;left:-40%;right:-40%;top:146%;z-index:4;width:max-content;max-width:180%;margin:0 auto;padding:6px 10px;background:var(--color-ink);color:var(--color-paper);letter-spacing:.06em;text-align:center;opacity:0;transform:translateY(-4px);transition:opacity .2s ease .12s,transform .2s ease .12s;pointer-events:none}.cs-mark{position:absolute;z-index:2;pointer-events:none;overflow:visible}.cs-mark--over{left:-12%;top:-12%;width:124%;height:124%}.cs-mark--inside{left:0;top:0;width:100%;height:100%}.cs-mark--wide{left:-30%;top:-30%;width:160%;height:160%}.cs-pen{fill:none;stroke:var(--color-rust);stroke-linecap:round;stroke-linejoin:round;opacity:.94;stroke-dasharray:1;stroke-dashoffset:1;animation:cs-draw var(--cs-mark-for) cubic-bezier(.45,0,.2,1) calc(var(--cs-mark-at) + var(--k) * var(--cs-mark-step)) forwards}.cs-note{opacity:0;animation:cs-fade .4s ease calc(var(--cs-mark-at) + var(--k) * var(--cs-mark-step) + .2s) forwards}.cs-edge{opacity:0;animation:cs-fade .6s ease calc(var(--cs-edge-at) + var(--s) * .12s) forwards}.cs-num{opacity:0;animation:cs-fade .5s ease var(--cs-num-at) forwards}.cs-copy{background:linear-gradient(to bottom,rgba(10,10,10,0) 0%,rgba(10,10,10,.94) 40%,var(--color-ink) 100%)}.cs-rise{opacity:0;animation:cs-rise .8s cubic-bezier(.2,.6,.2,1) calc(var(--cs-rise-at) + var(--r) * var(--cs-rise-step)) forwards}.cs-tail{opacity:0;animation:cs-fade .6s ease var(--cs-tail-at) forwards}.cs-counter{opacity:0;animation:cs-fade .4s ease .3s forwards}.header-dark{color:var(--color-paper);opacity:0;animation:cs-fade .6s ease var(--cs-num-at) forwards}html[data-darkroom=off] .cs-hero,html[data-darkroom=off] .cs-hero *,html[data-darkroom=off] .header-dark{animation:none!important}html[data-darkroom=off] .cs-safelight{display:none}html[data-darkroom=off] .cs-frame,html[data-darkroom=off] .cs-note,html[data-darkroom=off] .cs-edge,html[data-darkroom=off] .cs-num,html[data-darkroom=off] .cs-rise,html[data-darkroom=off] .cs-tail,html[data-darkroom=off] .cs-counter,html[data-darkroom=off] .header-dark{opacity:1}html[data-darkroom=off] .cs-pen{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.cs-hero,.cs-hero *,.header-dark{animation:none!important}.cs-safelight{display:none}.cs-frame,.cs-note,.cs-edge,.cs-num,.cs-rise,.cs-tail,.cs-counter,.header-dark{opacity:1}.cs-pen{stroke-dashoffset:0}.cs-frame img{transition:none}}