@layer components{.archive :where(input):focus-visible{outline:2px solid var(--teal);outline-offset:2px}.lead{isolation:isolate;aspect-ratio:4/5;color:var(--white);align-content:end;display:grid}.lead img{z-index:-1;object-position:50% 30%}.lead:after{content:"";z-index:-1;background:linear-gradient(to top, color-mix(in oklab, var(--navy-deep), transparent 6%) 0%, color-mix(in oklab, var(--navy), transparent 40%) 38%, transparent 64%);position:absolute;inset:0}@media (min-width:40rem){.lead{aspect-ratio:4/3}}@media (min-width:64rem){.lead{aspect-ratio:auto}}.sheet__title .ribbon-line{color:var(--white)}.lead__body{gap:.875rem;padding:clamp(1.25rem,.9rem + 1vw,2rem);display:grid}.lead__meta{color:var(--on-dark-soft);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem .875rem;font-weight:500;display:flex}.lead__flag{background:linear-gradient(90deg, var(--teal), color-mix(in oklab, var(--teal), var(--teal-glow) 45%));clip-path:polygon(.3em 0,100% 0,calc(100% - .3em) 100%,0 100%);color:var(--white);padding:.2em .7em .25em .6em;font-weight:600}.lead__title{max-inline-size:30ch;font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,1rem + .8vw,1.75rem);font-weight:500;line-height:1.15}.lead__link{text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.08em;transition:text-decoration-color .2s}.lead__link:after{content:"";position:absolute;inset:0}.lead__link:hover{-webkit-text-decoration-color:var(--teal-glow);text-decoration-color:var(--teal-glow)}.lead__link:focus-visible{outline-color:var(--teal-glow)}.archive{padding-inline:var(--gutter);padding-block:clamp(3.5rem, 2rem + 4vw, 6rem) calc(var(--sheet-r) + clamp(4rem, 2rem + 5vw, 7rem));grid-template-columns:minmax(0,1fr);gap:clamp(2rem,1.4rem + 2vw,3rem);display:grid}@media (min-width:64rem){.archive{grid-template-columns:minmax(15rem,.3fr) minmax(0,1fr);column-gap:clamp(3rem,1rem + 4vw,6rem)}}.archive__aside{align-content:start;gap:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);min-inline-size:0;display:grid}@media (min-width:64rem){.archive__aside{align-self:start;position:sticky;inset-block-start:clamp(1.5rem,1rem + 2vw,3rem)}}.archive__title{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,1rem + 2.4vw,3.25rem);font-weight:500;line-height:1.02}.archive__status{color:var(--ink-soft);margin-block-start:.625rem;font-weight:500}.finder{gap:clamp(1.25rem,1rem + .8vw,1.75rem);display:grid}.finder[hidden]{display:none}.finder__label{color:var(--ink-soft);font-size:var(--text-sm);align-items:center;gap:.625rem;margin-block-end:.75rem;padding:0;font-weight:500;display:flex}.finder__label:before{content:"";background:linear-gradient(90deg, var(--teal), var(--teal-glow));clip-path:polygon(.25rem 0,100% 0,calc(100% - .25rem) 100%,0 100%);block-size:.1875rem;inline-size:1rem}.finder__field{position:relative}.finder__field svg{inline-size:1.125rem;color:var(--ink-soft);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:1rem;translate:0 -50%}.finder__input{border:1px solid var(--line-light);background:var(--mist);block-size:3rem;inline-size:100%;color:var(--navy);font:inherit;border-radius:999px;padding-inline:2.75rem 1rem;font-weight:500;transition:background-color .2s,border-color .2s}.finder__input::placeholder{color:var(--ink-soft);opacity:1}.finder__input:hover{border-color:color-mix(in oklab, var(--navy), transparent 70%)}.finder__input:focus{background:var(--white)}.finder__themes{border:0;min-inline-size:0;margin:0;padding:0}.finder__theme{cursor:pointer;font-weight:500;position:relative}.finder__theme:has(:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.finder__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}@media not (min-width:64rem){.finder__list{margin-inline:calc(-1 * var(--gutter));padding:.25rem var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);-webkit-mask:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);mask:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);gap:.5rem;display:flex;overflow-x:auto}.finder__list::-webkit-scrollbar{display:none}@media (min-width:40rem){.finder__list{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible;-webkit-mask:none;mask:none}}.finder__theme{background:var(--mist);color:var(--navy);font-size:var(--text-sm);white-space:nowrap;scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.5rem .875rem .5rem 1rem;transition:background-color .2s,color .2s;display:inline-flex}.finder__theme .finder__count{color:var(--ink-soft)}.finder__theme:has(:checked){background:var(--teal);color:var(--white)}.finder__theme:has(:checked) .finder__count{color:var(--on-dark-soft)}}@media (min-width:64rem){.finder__list{border-block-start:1px solid var(--line-light)}.finder__theme{border-block-end:1px solid var(--line-light);color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.6875rem;transition:color .2s;display:flex}.finder__theme:hover{color:var(--navy)}.finder__theme:has(:checked){color:var(--navy)}.finder__theme:has(:checked) .finder__name{color:var(--white)}.finder__theme:has(:checked) .finder__name:before{scale:1}.finder__name{isolation:isolate;margin-inline-start:-.22em;padding:.04em .34em .1em .22em;position:relative}.finder__name:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--teal), color-mix(in oklab, var(--teal), var(--teal-glow) 45%));clip-path:polygon(.16em 0,100% 0,calc(100% - .16em) 100%,0 100%);transform-origin:0;position:absolute;inset:0;scale:0 1}}.archive__list{align-content:start;gap:clamp(2.5rem,1.6rem + 2.5vw,4rem);min-inline-size:0;display:grid}.archive__year[hidden]{display:none}.archive__year-head{z-index:1;border-block-end:2px solid var(--navy);background:var(--white);justify-content:space-between;align-items:baseline;gap:1rem;margin:0;padding-block:.75rem;display:flex;position:sticky;inset-block-start:0}.archive__year-num{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(2.25rem,1.4rem + 2.4vw,3.75rem);font-weight:500;line-height:1}.archive__year-count{color:var(--ink-soft);font-size:var(--text-sm);font-weight:500}.entry{border-block-end:1px solid var(--line-light)}.entry[hidden]{display:none}.entry__card{grid-template-columns:5.5rem minmax(0,1fr);grid-template-areas:"thumb date""thumb meta""title title";align-items:center;gap:.25rem 1rem;padding-block:1.25rem;display:grid;position:relative}@media (min-width:48rem){.entry__card{grid-template-columns:4.5rem minmax(0,1fr) clamp(9rem,4rem + 11vw,13rem);grid-template-areas:"date body thumb";align-items:start;column-gap:clamp(1.25rem,.5rem + 2vw,2.5rem);padding-block:clamp(1.5rem,1.2rem + .8vw,2rem)}}.entry__body{display:contents}@media (min-width:48rem){.entry__body{grid-area:body;gap:.625rem;display:grid}}.entry__date{color:var(--navy);font-size:var(--text-sm);grid-area:date;align-self:end;font-weight:600}@media (min-width:48rem){.entry__date{align-self:start}.entry__date time{display:grid}}@media (min-width:48rem){.entry__day{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,1.5rem + 1.2vw,2.75rem);font-weight:500;line-height:.9}}@media (min-width:48rem){.entry__month{color:var(--ink-soft);margin-block-start:.375rem;font-weight:500}}.entry__meta{font-size:var(--text-sm);flex-wrap:wrap;align-self:start;gap:.125rem 1rem;font-weight:500;display:flex}@media not (min-width:48rem){.entry__meta{grid-area:meta}.entry__title{grid-area:title}}.entry__theme{color:var(--teal);font-weight:600}.entry__time{color:var(--ink-soft)}.entry__title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;margin:.75rem 0 0;font-size:clamp(1.1875rem,1rem + .55vw,1.5rem);font-weight:500;line-height:1.2}@media (min-width:48rem){.entry__title{margin:0}}.entry__link{text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.07em;transition:text-decoration-color .2s}.entry__link:after{content:"";position:absolute;inset:0}.entry__link:hover{-webkit-text-decoration-color:var(--teal);text-decoration-color:var(--teal)}.entry__excerpt{max-inline-size:62ch;color:var(--ink-soft);text-wrap:pretty;font-weight:500;display:none}@media (min-width:48rem){.entry__excerpt{display:block}}.entry__thumb{aspect-ratio:4/3;background:var(--folder-light);object-fit:cover;border-radius:clamp(.5rem,.35rem + .4vw,.875rem);grid-area:thumb;align-self:start;block-size:auto;inline-size:100%}.archive__empty{border-block-end:1px solid var(--line-light);color:var(--ink-soft);justify-items:start;gap:.5rem;padding-block:clamp(2rem,1.5rem + 2vw,3rem);font-weight:500;display:grid}.archive__empty[hidden]{display:none}.archive__empty-title{color:var(--navy);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.375rem,1.1rem + .8vw,1.875rem)}.archive__reset{cursor:pointer;background:0 0;border:0;margin-block-start:.75rem}.extras__list{gap:clamp(1rem,.6rem + 1vw,1.5rem);display:grid}@media (min-width:48rem){.extras__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.extra{border:1px solid color-mix(in oklab, var(--white), transparent 88%);border-radius:var(--sheet-r);background:color-mix(in oklab, var(--navy), var(--white) 5%);grid-template-rows:auto 1fr;transition:border-color .2s;display:grid;position:relative;overflow:clip}.extra:has(.extra__link:hover){border-color:color-mix(in oklab, var(--teal-glow), transparent 40%)}.extra__media{box-sizing:border-box;aspect-ratio:16/9;object-fit:cover;block-size:auto;inline-size:100%}.extra--screen .extra__media{background:linear-gradient(to bottom, var(--mist), color-mix(in oklab, var(--mist), var(--teal-glow) 18%));object-fit:contain;object-position:50% 100%;padding:clamp(1rem,.6rem + 1.5vw,2rem) clamp(1rem,.6rem + 1.5vw,2rem) 0}.extra__body{color:var(--on-dark-soft);align-content:start;gap:.875rem;padding:clamp(1.25rem,.9rem + 1vw,2rem);font-weight:500;display:grid}.extra__title{color:var(--white);font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.375rem,1.1rem + .8vw,1.875rem);font-weight:500;line-height:1.1}.extra__link{color:var(--white);font-size:var(--text-sm);-webkit-text-decoration:underline .12em var(--teal-glow);text-decoration:underline .12em var(--teal-glow);text-underline-offset:.35em;justify-self:start;align-items:center;gap:.35em;margin-block-start:.375rem;font-weight:600;display:inline-flex}.extra__link svg{inline-size:1.1em}.extra__link:after{content:"";position:absolute;inset:0}}@layer motion{@media (prefers-reduced-motion:no-preference){.sheet__title .ribbon-line{animation:rise .9s var(--ease-out) .35s both}.sheet__title .ribbon-line:before{animation:.9s cubic-bezier(.76,0,.24,1) .6s both unroll}.lead img{transition:scale .7s var(--ease-out)}.lead:has(.lead__link:hover) img{scale:1.04}.entry{view-transition-class:archive-entry}.archive__year-head{view-transition-class:archive-head}::view-transition-group(.archive-entry){animation-duration:.45s;animation-timing-function:var(--ease-out)}::view-transition-group(.archive-head){animation-duration:.45s;animation-timing-function:var(--ease-out)}::view-transition-old(.archive-entry):only-child{animation:.2s ease-in both fade-away}::view-transition-new(.archive-entry):only-child{animation:.4s var(--ease-out) 80ms both rise}::view-transition-group(root){animation-duration:.3s}}@keyframes unroll{0%{scale:0 1}to{scale:1}}@keyframes fade-away{to{opacity:0}}}