:root{--archive-measure: calc(var(--article-max-width) + 3rem)}@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: 1.5rem;--archive-accent: var(--title-text-color);--archive-garden-accent: var(--title-text-color);--archive-sticky-top: 0px;--archive-row-gap: 1.25rem;position:relative;display:grid;gap:3.5rem;padding:1.25rem 0 0}@media(max-width:1023px){.archive-page{--archive-sticky-top: env(safe-area-inset-top)}}@media(max-width:640px){.archive-page{--archive-row-gap: .875rem;gap:2.75rem;padding:1.5rem 0 0}.archive-groups{gap:2.75rem}}.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}@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:stretch;grid-column:1 / span 8;min-width:0}.archive-years{display:none;grid-column:9 / span 4;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0 0 .3em;list-style:none}@media(min-width:1024px){.archive-years{display:flex}}.archive-years__year{padding:0;border:0;background:none;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.8125rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.5rem;cursor:pointer;transition:color .16s ease;&:hover,&[aria-current=true]{color:var(--title-text-color)}&:focus-visible{outline:var(--focus-ring);outline-offset:2px}}.archive-watermark{display:flex;align-items:baseline;gap:.08em;flex:0 1 auto;min-width:0;margin:0;padding-block:.1em;font-size:clamp(2.5rem,9vw,8rem);line-height:.86;user-select:none;-webkit-user-select:none}.archive-watermark__word{display:block;color:var(--title-text-color);font-family:var(--article-font-family);font-size:1em;font-weight:500;line-height:inherit;letter-spacing:-.04em;white-space:nowrap;transition:color .34s ease}.archive-masthead{position:relative;display:grid;gap:.75rem;margin:0;min-width:0}.archive-masthead{display:flex;flex-direction:column;flex:none;align-items:flex-start;align-self:stretch;gap:.6rem;margin:0 0 0 clamp(.75rem,2vw,1.5rem);padding-top:.15rem;max-height:100%;overflow:hidden;writing-mode:vertical-lr;text-orientation:mixed;color:var(--sub-text-color);font-family:var(--font-label);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;line-height:1;white-space:nowrap}.archive-masthead__stat{display:flex;gap:.5em;margin:0}.archive-masthead__subject{color:var(--title-text-color)}.archive-masthead__count{font-variant-numeric:tabular-nums}.archive-masthead__topics{padding:0;border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;white-space:nowrap;transition:color .14s var(--ease-out);&:hover,&:focus-visible{color:var(--title-text-color)}}.archive-year{display:inline-flex;flex:none;padding:0;border:none;background:none;color:var(--sub-text-color);font-family:var(--article-font-family);font-size:.38em;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;cursor:pointer;transition:color .22s var(--ease-out);&:is(:hover,:focus-visible){color:var(--title-text-color)}}.archive-year__value{display:block;transition:opacity .24s ease;&.is-rolling{opacity:0;transition:none}}.archive-group.is-sliced-out{display:none}.archive-page .archive-groups.is-slicing{opacity:0;pointer-events:none;transition-duration:.18s}.archive-page .archive-groups{transition:opacity .34s ease}.archive-body{display:grid;gap:3rem;min-width:0}.archive-inspector{display:none}@media(min-width:1024px){.archive-body{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gutter);align-items:start}.archive-groups{grid-column:1 / span 7;grid-row:1}.archive-inspector{grid-column:9 / span 4;grid-row:1;display:grid;gap:1rem;position:sticky;top:calc(var(--navbar-height) + env(safe-area-inset-top) + 1.5rem);align-content:start;min-width:0}.archive-page[data-view=garden] .archive-inspector{display:none}}.archive-inspector__placeholder{display:grid;place-items:center;aspect-ratio:3 / 2;margin:0;padding:1rem;box-shadow:inset 0 0 0 .5px var(--edge-color);color:var(--sub-text-color);font-family:var(--font-label);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);line-height:1.6;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 0 .5rem;overflow:hidden;border-radius:0;background:var(--hover-fill);aspect-ratio:3 / 2;&[hidden]{display:none}}.archive-inspector__img{display:block;width:100%;height:100%;object-fit:cover;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:calc(var(--article-font-size) * 1.5);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.archive-inspector__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;margin:0;color:var(--sub-text-color);font-family:var(--article-font-family);font-size:var(--article-font-size);line-height:var(--type-body-leading);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:5rem minmax(0,1fr);gap:.45rem 1rem;align-items:baseline;margin:.25rem 0 0;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;&[hidden]{display:none}dt{color:var(--title-text-color);font-family:var(--font-label);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase}dd{margin:0;color:var(--sub-text-color);overflow-wrap:anywhere}}.archive-item[data-inspected]>.archive-title{color:var(--title-text-color)}.archive-groups{position:relative}.archive-inspect-dot{position:absolute;top:0;left:-1.4rem;width:14px;height:14px;color:var(--title-text-color);opacity:0;pointer-events:none;transition:translate .42s cubic-bezier(.2,0,0,1),opacity .2s ease;svg{display:block;width:100%;height:100%}&.is-placed{opacity:1}}@media(prefers-reduced-motion:reduce){.archive-inspect-dot{transition:opacity .2s ease}}@media(max-width:1023px){.archive-inspect-dot{display:none}}.archive-topic-picker{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:none;background:var(--mantle);background-attachment:fixed;color:inherit;opacity:0;transition:opacity .2s ease,display .26s allow-discrete,overlay .26s allow-discrete}.archive-topic-picker:popover-open{opacity:1;transition:opacity .22s ease}@starting-style{.archive-topic-picker:popover-open{opacity:0}}.archive-topic-picker::backdrop{background:transparent}.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:1rem var(--page-margin) 0}@media(max-width:640px){.archive-topic-picker__body{padding-inline:1.25rem}}.archive-topic-picker__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.archive-topic-picker__title{margin:0;color:var(--title-text-color);font-family:var(--font-label);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);line-height:1.5rem;text-transform:uppercase}.archive-topic-picker__close{display:grid;place-items:center;width:44px;height:44px;margin-inline-end:-.8rem;padding:0;border:0;background:none;color:var(--sub-text-color);cursor:pointer;transition:color .16s var(--ease-out);&:is(:hover,:focus-visible){color:var(--title-text-color)}}.archive-topic-picker:popover-open .archive-topic-list__item{animation:archive-topic-item-in .3s var(--ease-out) backwards;animation-delay:calc(40ms + var(--i, 0) * 5ms)}@keyframes archive-topic-item-in{0%{opacity:0;translate:0 -.45rem}}.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:0;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:.25rem 0 calc(1.75rem + env(safe-area-inset-bottom))}.archive-topic-list__band{grid-column:1 / -1;margin:0;padding:2rem 0 .5rem;color:var(--sub-text-color);font-family:var(--font-label);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);line-height:1.5rem;text-transform:uppercase;&:first-child{padding-block-start:0}}.archive-topic-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:baseline;min-width:0;padding:.25rem 0;color:var(--sub-text-color);font-family:var(--article-font-family);font-size:var(--article-font-size);font-synthesis:none;line-height:1.5rem;text-decoration:none;transition:color .12s ease;&:hover,&:focus-visible,&[aria-current=page]{color:var(--title-text-color)}&[aria-current=page] .archive-topic-list__name{text-decoration:underline;text-underline-offset:.2em}}.archive-topic-list__name{min-width:0;overflow-wrap:anywhere}.archive-topic-list__count{color:color-mix(in oklab,var(--sub-text-color) 70%,transparent);font-family:var(--font-mono);font-size:.75rem;font-style:normal;font-variant-numeric:tabular-nums}.archive-garden{display:none;flex-direction:column;gap:.7rem;margin:0}.archive-garden__gate{max-width:22rem}.archive-page[data-view=garden] .archive-garden{display:flex}.archive-page[data-view=garden] :is(.archive-groups,.archive-masthead){display:none}.archive-page[data-view=garden] .archive-year{display:none}.archive-garden__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem}.archive-garden__count{margin:0;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.35}.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__items{display:grid;margin:0;padding:0;list-style:none}.archive-garden__item{min-width:0;animation:archive-garden-item-in .3s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 30ms)}@keyframes archive-garden-item-in{0%{opacity:0;translate:0 -.35rem}}.archive-garden a.archive-title{&:hover,&:focus-visible,&:active{color:var(--archive-garden-accent)}&:is(:hover,:focus-visible)>.archive-title__date{color:color-mix(in oklch,var(--archive-garden-accent) 72%,var(--sub-text-color))}}.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);font-size:.6875rem;line-height:1.6;text-transform:uppercase;transition:color .14s var(--ease-out);&:hover,&:focus-visible{color:var(--archive-garden-accent)}}.archive-groups{display:grid;gap:3.5rem;min-width:0}.archive-group{position:relative;min-width:0;scroll-margin-block-start:var(--archive-sticky-top);&.spring{--archive-accent: var(--peach)}&.summer{--archive-accent: var(--green)}&.autumn{--archive-accent: var(--red)}&.winter{--archive-accent: var(--blue)}}.archive-group__header{display:flex;margin:0 0 .5rem;line-height:2rem}.archive-folio{display:block;color:var(--title-text-color);font-family:var(--article-font-family);font-size:calc(var(--article-font-size) * 1.25);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;text-transform:capitalize;text-decoration:none;transition:color .22s var(--ease-out);&:is(:hover,:focus-visible){color:var(--sub-text-color)}}.archive-folio.is-armed{opacity:0;translate:0 .6rem}.archive-folio.is-emerging{animation:archive-folio-rise .76s var(--ease-out) both}@keyframes archive-folio-rise{0%{opacity:0;translate:0 .6rem}}@media(prefers-reduced-motion:reduce){.archive-folio.is-armed{opacity:1;translate:none}}.archive-list{display:grid;margin:0;padding:0;list-style:none}.archive-item{position:relative;min-width:0}a.archive-title{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--archive-row-gap);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.4;color:var(--sub-text-color);padding-block:.5rem;overflow-wrap:anywhere;text-decoration:none;transition:color .14s var(--ease-out);@media(min-width:1024px){grid-template-columns:minmax(0,6fr) minmax(0,1fr);column-gap:var(--grid-gutter);font-size:calc(var(--article-font-size) * 1.0625);line-height:1.5}@media(pointer:coarse){padding-block:.625rem}&:hover,&:focus-visible{color:var(--archive-accent)}&:active{color:var(--archive-accent);transition:none}}.archive-title__text{min-width:0}.archive-title__date{justify-self:end;color:var(--sub-text-color);font-family:var(--font-mono);font-size:.75rem;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap;transition:color .14s var(--ease-out)}a.archive-title:is(:hover,:focus-visible)>.archive-title__date,.archive-item[data-inspected]>.archive-title>.archive-title__date{color:var(--title-text-color)}:is(.archive-masthead__topics,.archive-group__link,.archive-topic-list__item,.archive-topic-picker__close,.archive-garden__lock,.archive-year,a.archive-title):focus-visible{outline:auto;outline-offset:2px;transition:none}@media(prefers-reduced-motion:reduce){.archive-topic-picker:popover-open .archive-topic-list__item,.archive-garden__item{animation:none}}
