.archives{--archives-gutter:clamp(1.25rem, 3vw, 3.75rem);--archives-gap:clamp(.75rem, 1.4vw, 1.25rem);--archives-tile:color-mix(in oklab, var(--hero-fg) 6%, var(--hero-bg))}@media (width>=40.0625rem) and (not ((orientation:portrait) and (width<=64rem))){:root:has(.archives) .hero__toggles{margin-right:3.5rem}}.archives{padding:6.5rem var(--archives-gutter) 6rem;gap:2rem;display:grid}#content.archives{--content-end:var(--hero-bg);background:var(--hero-bg)}@media (width>=64rem){.archives{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:3rem}}.archives__side{flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}@media (width>=64rem){.archives__side{align-self:start;height:calc(100svh - 8.5rem);position:sticky;top:6.5rem}}.archives__title{font:.75rem/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--hero-muted);margin:0}.archives__count{font:400 clamp(6rem, 3rem + 12vw, 15rem) / .8 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:.75rem 0 0}.archives__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.archives__note{max-width:22rem;color:var(--hero-muted);-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:.9375rem;line-height:1.55}.archives__note strong{color:var(--hero-fg);font-weight:400}.archives__empty{color:var(--hero-muted);align-self:center}.archives__wall{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:var(--archives-gap);grid-template-rows:auto 1fr;align-items:start;display:grid}.archives__col{gap:var(--archives-gap);will-change:transform;display:grid}.archives__item{margin:0;position:relative}.archives__tile{background:var(--ground,var(--archives-tile));outline:1px solid color-mix(in srgb, var(--hero-fg) 10%, transparent);outline-offset:-1px;border-radius:.25rem;overflow:hidden}.archives__kind{background:color-mix(in srgb, var(--navy) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:.625rem/1 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--player-ink);pointer-events:none;border-radius:.25rem;padding:.375rem .5rem;position:absolute;top:.5rem;right:.5rem}.archives__tile img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);display:block}@media (hover:hover) and (pointer:fine){.archives__tile:hover img{transform:scale(1.03)}}.archives__open{background:var(--navy);cursor:pointer;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.archives__open img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);display:block}.archives__tile.is-inset .archives__open{background:0 0}.archives__tile.is-inset .archives__open img{box-sizing:border-box;object-fit:contain;padding:8%}.archives__play{background:var(--player-ink);width:2.5rem;height:2.5rem;color:var(--navy);transition:transform .3s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 .125rem .5rem #00000040}@media (width<=47.99rem){.archives__play{width:2rem;height:2rem;bottom:.5rem;left:.5rem}}.archives__play svg{fill:currentColor;width:.875rem;height:.875rem}@media (hover:hover) and (pointer:fine){.archives__open:hover img{transform:scale(1.03)}.archives__open:hover .archives__play{transform:scale(1.08)}}.archives__open:focus-visible{outline:2px solid var(--hero-accent);outline-offset:3px}:root{--player-ink:#efe9dc}.archives-player{width:100%;max-width:none;height:100%;max-height:none;color:var(--player-ink);opacity:1;transition:opacity .25s var(--ease-out), display .25s allow-discrete, overlay .25s allow-discrete;background:0 0;border:0;margin:0;padding:0}.archives-player[open]{place-items:center;display:grid}.archives-player::backdrop{background:color-mix(in srgb, var(--navy) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.archives-player__frame{width:min(92vw, (100svh - 9rem) * (var(--ratio,16 / 9)));transition:transform .35s var(--ease-out)}@starting-style{.archives-player[open]{opacity:0}.archives-player[open] .archives-player__frame{transform:scale(.96)}}.archives-player--image .archives-player__frame{width:auto}.archives-player--image img{border-radius:.375rem;width:auto;max-width:92vw;height:auto;max-height:calc(100svh - 6rem);display:block}.archives-player video{width:100%;aspect-ratio:var(--ratio,16 / 9);cursor:pointer;background:#000;border-radius:.375rem;display:block}.archives-player__bar{align-items:center;gap:1rem;width:max(100%,min(28rem,92vw));margin-top:.875rem;display:flex;position:relative;left:50%;translate:-50%}.archives-player__btn,.archives-player__close{border:1px solid color-mix(in srgb, var(--player-ink) 30%, transparent);width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;transition:background-color .2s ease, transform .16s var(--ease-out);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.archives-player__btn:hover,.archives-player__close:hover{background:color-mix(in srgb, var(--player-ink) 10%, transparent)}}.archives-player__btn:active,.archives-player__close:active{transform:scale(.95)}.archives-player__btn svg{fill:currentColor;width:.875rem;height:.875rem}.archives-player__close{top:calc(1rem + env(safe-area-inset-top));position:fixed;right:1rem}.archives-player__close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:.875rem;height:.875rem}.archives-player__track{--p:0;flex:1;height:2.5rem;position:relative}.archives-player__track:before,.archives-player__track:after{content:"";pointer-events:none;height:2px;transition:transform .2s var(--ease-out);border-radius:999px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.archives-player__track:before{background:color-mix(in srgb, var(--player-ink) 22%, transparent)}.archives-player__track:after{background:var(--player-ink);transform-origin:0;transform:scaleX(var(--p))}.archives-player__track:has(input:active):before{transform:scaleY(2)}.archives-player__track:has(input:active):after{transform:scaleX(var(--p)) scaleY(2)}@media (hover:hover) and (pointer:fine){.archives-player__track:hover:before{transform:scaleY(2)}.archives-player__track:hover:after{transform:scaleX(var(--p)) scaleY(2)}}.archives-player__track input{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}.archives-player__track:has(input:focus-visible){outline:2px solid var(--hero-accent);outline-offset:2px;border-radius:.25rem}.archives-player__time{font:.6875rem/1 var(--font-label);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--player-ink) 70%, transparent);flex:none}.archives-player :is(button,video):focus-visible{outline:2px solid var(--hero-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.archives__col{transform:none!important}.archives__tile img,.archives__open img,.archives__play,.archives-player,.archives-player__frame,.archives-player__track:before,.archives-player__track:after{transition:none}}