:root{--archive-measure: calc(var(--article-max-width) + 3rem);--archive-hairline: color-mix(in oklab, var(--sub-text-color) 18%, transparent);--archive-border-subtle: color-mix(in oklab, var(--sub-text-color) 12%, transparent)}@media(min-width:1024px){:root{--archive-measure: min(100%, 96rem)}.main-content:has(>.archive-page){padding-inline:var(--page-margin)}}.main-content{max-width:var(--archive-measure)}.archive-page{--grid-gutter: 2.5rem;--archive-accent: var(--title-text-color);--archive-garden-accent: var(--title-text-color);--archive-sticky-top: 0px;--archive-list-indent: clamp(1.25rem, 1.8vw, 1.5rem);position:relative;display:flex;flex-direction:column;padding:1.25rem 0 0;min-height:100svh}@media(max-width:1023px){.archive-page{--archive-sticky-top: env(safe-area-inset-top)}}.archive-micro{font-family:var(--font-label);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase}.archive-hero{display:block;border-bottom:.5px solid var(--archive-hairline);padding-bottom:clamp(1.5rem,3svh,2.25rem)}@media(min-width:1024px){.archive-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gutter);align-items:end}}.archive-hero__title{display:flex;align-items:flex-start;grid-column:1 / span 8;min-width:0}.archive-watermark{display:flex;align-items:baseline;gap:.08em;flex:0 1 auto;min-width:0;margin:0;padding-block:0;font-size:clamp(3rem,9vw,8rem);line-height:.86;user-select:none;-webkit-user-select:none}.archive-watermark__baseline{display:inline-block;width:0;height:0;vertical-align:baseline}.archive-watermark__word{display:block;color:var(--title-text-color);font-family:var(--article-font-family);font-size:1em;font-weight:900;text-transform:capitalize;line-height:inherit;letter-spacing:-.04em;white-space:nowrap}.archive-masthead{display:flex;flex-direction:row;gap:.75rem;flex:none;align-self:flex-start;margin-left:clamp(1rem,2.5vw,2rem);color:color-mix(in oklab,var(--sub-text-color) 70%,transparent);font-family:var(--font-mono, monospace);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;line-height:1}.archive-masthead__col{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;display:inline-block;margin:0;padding:0}.archive-masthead__stat{display:block}@media(max-width:1023px){.archive-hero__title{flex-wrap:wrap;row-gap:1.25rem}.archive-watermark{flex-basis:100%}.archive-masthead{flex-basis:100%;gap:1.5rem;height:auto;margin-left:0;padding-top:0;font-size:.6875rem;line-height:1.4}.archive-masthead__col{writing-mode:horizontal-tb}}.archive-masthead__count{font-variant-numeric:tabular-nums}.archive-masthead__topics{border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;white-space:nowrap;padding:0;transition:color .14s ease;&:hover,&:focus-visible{color:var(--title-text-color)}}.archive-year{display:inline-flex;flex:none;padding:0;border:none;background:none;color:color-mix(in oklab,var(--title-text-color) 40%,transparent);font-family:var(--article-font-family);font-size:.42em;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;cursor:pointer;transition:color .2s ease;&:hover{color:var(--title-text-color)}}.archive-year__value{display:block;view-transition-name:archive-year;transition:opacity .24s ease;&.is-rolling{opacity:0;transition:none}}.archive-body{display:grid;grid-template-columns:1fr;flex:1 1 auto;min-width:0}@media(min-width:1024px){.archive-body{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);column-gap:0}.archive-groups{grid-column:1;padding-top:clamp(2rem,4svh,3rem);padding-right:var(--grid-gutter);padding-bottom:5rem}.archive-inspector-col{grid-column:2;border-left:1px solid var(--archive-hairline);min-width:0;padding-left:var(--grid-gutter);padding-top:clamp(3rem,6svh,4.5rem);padding-bottom:5rem}.archive-inspector{position:sticky;top:calc(var(--navbar-height, 0px) + env(safe-area-inset-top) + 2rem);display:flex;flex-direction:column;gap:1.5rem;min-width:0}}@media(max-width:1023px){.archive-groups{padding-top:2rem}.archive-inspector-col{display:none!important}}.archive-inspector__placeholder{display:grid;place-items:center;min-height:280px;margin:0;padding:2rem;color:color-mix(in oklab,var(--sub-text-color) 45%,transparent);font-family:var(--font-mono, monospace);font-size:.6875rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.archive-inspector[data-empty]>:not(.archive-inspector__placeholder),.archive-inspector:not([data-empty])>.archive-inspector__placeholder{display:none}.archive-inspector__cover{margin:0;overflow:hidden;background:var(--hover-fill);aspect-ratio:16 / 10;&[hidden]{display:none}}.archive-inspector__img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(115%);transition:opacity .22s ease;.archive-inspector__cover.is-loading &{opacity:0}}.archive-inspector__title{margin:0;color:var(--title-text-color);font-family:var(--article-font-family);font-size:1.35rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;text-wrap:balance}.archive-inspector__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:0;color:color-mix(in oklab,var(--sub-text-color) 85%,transparent);font-family:var(--article-font-family);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;&:empty{display:none}:where(p,ul,ol){margin:0 0 .35em;&:last-child{margin-bottom:0}}:where(img,video,iframe,figure,pre){display:none}}.archive-inspector__meta{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem 1rem;align-items:baseline;margin:0;padding-top:1rem;border-top:1px solid var(--archive-hairline);font-family:var(--font-mono, monospace);font-size:.75rem;line-height:1.5;&[hidden]{display:none}dt{color:color-mix(in oklab,var(--sub-text-color) 65%,transparent);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}dd{margin:0;color:var(--title-text-color);overflow-wrap:anywhere}}.archive-groups{position:relative;display:flex;flex-direction:column;gap:clamp(2.5rem,5svh,4rem);min-width:0}.archive-group{position:relative;min-width:0;scroll-margin-block-start:var(--archive-sticky-top)}.archive-group__header{display:flex;margin:0 0 .75rem}.archive-folio{display:inline-flex;align-items:baseline;gap:.45rem;color:color-mix(in oklab,var(--sub-text-color) 65%,transparent);font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color .15s ease;&:hover{color:var(--title-text-color)}}.archive-folio__sep{opacity:.35;font-weight:400}.archive-folio__count{font-size:.6875rem;opacity:.65}.archive-list{display:flex;flex-direction:column;margin:0;padding:0;padding-left:var(--archive-list-indent);list-style:none}.archive-item{position:relative;min-width:0}a.archive-title{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;align-items:baseline;max-inline-size:100%;font-size:var(--article-font-size);font-weight:var(--article-font-weight);font-family:var(--article-font-family);line-height:1.5;color:var(--sub-text-color);padding-block:.75rem;border-bottom:.5px solid var(--archive-border-subtle);overflow-wrap:anywhere;text-decoration:none;transition:color .14s ease,border-color .14s ease;@media(min-width:1024px){font-size:calc(var(--article-font-size) * 1.05)}}.archive-title__text{min-width:0}.archive-title__date{justify-self:end;color:color-mix(in oklab,var(--sub-text-color) 60%,transparent);font-family:var(--font-mono, monospace);font-size:.75rem;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;transition:color .14s ease}a.archive-title:is(:hover,:focus-visible)>.archive-title__date,.archive-item[data-inspected]>.archive-title>.archive-title__date{color:var(--title-text-color)}.archive-item[data-inspected]>.archive-title{color:var(--title-text-color)}.archive-inspect-dot{position:absolute;top:0;left:0;width:14px;height:14px;color:var(--title-text-color);opacity:0;pointer-events:none;transition:translate .35s cubic-bezier(.16,1,.3,1),opacity .18s ease;svg{display:block;width:100%;height:100%}&.is-placed{opacity:1}}.archive-topic-picker{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden;border:none;background:var(--mantle);color:inherit;opacity:0;transition:opacity .2s ease,display .26s allow-discrete,overlay .26s allow-discrete}.archive-topic-picker:popover-open{opacity:1}@starting-style{.archive-topic-picker:popover-open{opacity:0}}.archive-topic-picker__body{display:grid;grid-template-rows:auto minmax(0,1fr);gap:1.25rem;box-sizing:border-box;height:100%;max-width:var(--archive-measure);margin-inline:auto;padding:1.5rem var(--page-margin) 0}.archive-topic-picker__head{display:flex;align-items:center;justify-content:space-between}.archive-topic-picker__title{margin:0;color:var(--title-text-color);font-family:var(--font-mono, monospace);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.archive-topic-picker__close{display:grid;place-items:center;width:36px;height:36px;border:0;background:none;color:var(--sub-text-color);cursor:pointer;transition:color .14s ease;&:hover{color:var(--title-text-color)}}.archive-topic-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));align-content:start;column-gap:var(--grid-gutter);row-gap:.25rem;min-height:0;max-height:100%;overflow-y:auto;padding:.5rem 0 calc(2rem + env(safe-area-inset-bottom))}.archive-topic-list__band{grid-column:1 / -1;margin:0;padding:2rem 0 .5rem;color:color-mix(in oklab,var(--sub-text-color) 60%,transparent);font-family:var(--font-mono, monospace);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;&:first-child{padding-top:0}}.archive-topic-list__item{display:flex;justify-content:space-between;align-items:baseline;padding:.35rem 0;color:var(--sub-text-color);font-family:var(--article-font-family);font-size:var(--article-font-size);text-decoration:none;transition:color .12s ease;&:hover,&[aria-current=page]{color:var(--title-text-color)}}.archive-topic-list__count{color:color-mix(in oklab,var(--sub-text-color) 50%,transparent);font-family:var(--font-mono, monospace);font-size:.75rem;font-variant-numeric:tabular-nums}.archive-garden{display:none;flex-direction:column;gap:1rem;margin-top:2rem}.archive-page[data-view=garden] .archive-garden{display:flex}.archive-page[data-view=garden] :is(.archive-body,.archive-masthead,.archive-year){display:none}.archive-garden__gate{max-width:22rem}.archive-garden__count{font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--sub-text-color)}.archive-garden :is(.archive-garden__list,.archive-garden__lock,.gate__error){display:none}.archive-garden[data-state=error] .gate__error{display:block}.archive-garden[data-state=unlocked] :is(.archive-garden__list,.archive-garden__lock){display:block}.archive-garden[data-state=unlocked] .archive-garden__gate{display:none}.archive-garden__lock{align-self:start;padding:.25rem 0;border:none;background:transparent;color:var(--sub-text-color);cursor:pointer;font-family:var(--font-mono, monospace);font-size:.6875rem;text-transform:uppercase;transition:color .14s ease;&:hover{color:var(--title-text-color)}}.archive-group.is-sliced-out{display:none}.archive-groups{transition:opacity .22s ease;&.is-slicing{opacity:0}}@media(prefers-reduced-motion:reduce){.archive-groups{transition:none}}