:root{--neutral-100:#f2f0ed;--neutral-600:#615e5c;--mauve-100:#efecee;--mauve-200:#ded8dc;--mauve-300:#cbb9c4;--mauve-500:#936c85;--mauve-700:#5d4655;--mauve-900:#30272d;--red-600:#844;--red-700:#6d3636;--paper:var(--neutral-100);--card:var(--mauve-100);--ink:var(--mauve-900);--muted:var(--neutral-600);--line:var(--mauve-200);--brand:var(--mauve-900);--accent:var(--mauve-700);--highlight:var(--red-600);--placeholder:var(--mauve-300);--wash:var(--mauve-200);--wash-ink:var(--mauve-700);--tint:var(--mauve-500);--focus:var(--red-700);--shadow:#26242414;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Newsreader,Georgia,serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:radial-gradient(circle at 85% -5%, color-mix(in srgb, var(--tint) 30%, transparent), transparent 28rem), var(--paper);flex-direction:column;min-width:320px;min-height:100dvh;margin:0;display:flex;overflow-x:clip}main{flex-direction:column;flex:1;display:flex}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.15em;text-decoration-thickness:.08em}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#main-content:focus,#main-content:focus-visible{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;color:#fff;background:var(--brand);border-radius:.2rem;padding:.6rem .8rem;font-family:DM Mono,monospace;font-size:.85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--line);background:#f7f3ebf5;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,72rem);min-height:4.6rem;margin:0 auto;display:flex}.wordmark{min-height:1.75rem;color:var(--brand);letter-spacing:-.08em;align-items:center;font-family:DM Mono,monospace;font-size:1.1rem;font-weight:500;text-decoration:none;display:inline-flex}.wordmark span{color:var(--highlight)}.menu-button{min-height:2.75rem;color:var(--brand);border:1px solid var(--line);background:0 0;border-radius:.2rem;align-items:center;gap:.4rem;padding:.45rem .7rem;font-family:DM Mono,monospace;font-size:.78rem;display:inline-flex}.menu-button span[aria-hidden=true]{width:1rem;font-family:Arial,sans-serif;font-size:1.35rem;line-height:1}.primary-nav{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 .75rem 1.5rem var(--shadow);padding:.5rem 1rem 1rem;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0}.primary-nav[data-open=true]{display:block}.primary-nav ul{width:min(100%,72rem);margin:0 auto;padding:0;list-style:none;display:grid}.primary-nav a{min-height:2.75rem;color:var(--brand);border-bottom:1px solid var(--line);padding:.75rem .35rem;font-family:DM Mono,monospace;font-size:.85rem;text-decoration:none;display:block}.primary-nav li:last-child a{border-bottom:0}.primary-nav a[aria-current=page]{color:var(--accent);font-weight:700}.page-shell,.detail-page{width:min(100% - 2rem,72rem);margin:0 auto}.home-page,.collection-page,.not-found{padding-block:clamp(3rem,7vw,6.5rem)}.home-hero,.page-intro{max-width:49rem}.eyebrow{color:var(--wash-ink);letter-spacing:.07em;text-transform:uppercase;margin:0 0 .65rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;line-height:1.4}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--brand);letter-spacing:-.035em;text-wrap:balance;font-weight:500}h1{max-width:18ch;margin-bottom:1rem;font-size:clamp(2.75rem,9vw,6.5rem);line-height:.92}h2{margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.3rem);line-height:.98}h3{margin-bottom:.5rem;font-size:1.55rem;line-height:1.02}.home-hero>p:last-child,.lede,.not-found>p:not(.eyebrow){max-width:41rem;color:var(--muted);font-size:clamp(1.15rem,3.5vw,1.4rem);line-height:1.45}.home-page{flex-direction:column;flex:1;justify-content:center;display:flex}.home-index{justify-content:center;display:flex}.home-index ul{width:min(100%,34rem);margin:0;padding:0;list-style:none}.home-index li+li:before{background:var(--line);content:"";width:3rem;height:1px;margin:0 auto;display:block}.home-index a{min-height:44px;color:var(--evergreen);letter-spacing:-.02em;justify-content:center;align-items:center;padding-block:1.1rem;font-size:1.35rem;text-decoration:none;display:flex}.home-index a:hover{color:var(--green)}.home-highlights,.home-blog{gap:3.5rem;margin-top:clamp(4rem,10vw,8rem);display:grid}.home-blog{border-top:1px solid var(--line);padding-top:clamp(3.5rem,8vw,6rem)}.section-heading{margin-bottom:1.25rem}.section-heading--link{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-heading--link>a{color:var(--accent);padding-bottom:.45rem;font-family:DM Mono,monospace;font-size:.8rem;font-weight:500}.card-grid{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.card-grid>li{display:flex}.content-card{background:var(--card);border:1px solid var(--line);width:100%;box-shadow:.2rem .25rem 0 var(--shadow);border-radius:.25rem;position:relative;overflow:hidden}.content-card__image-link{color:inherit;background:var(--placeholder);text-decoration:none;display:block}.content-card__image-link:focus-visible{z-index:1;position:relative}.content-image{aspect-ratio:4/3;object-fit:cover;background:var(--placeholder);width:100%;height:auto}.content-card__placeholder{aspect-ratio:4/3;color:#fffc;background:linear-gradient(135deg, var(--brand), var(--tint));text-transform:uppercase;place-items:center;font-family:DM Mono,monospace;font-size:.85rem;display:grid}.content-card__body{padding:1.15rem}.content-card__body .eyebrow{margin-bottom:.4rem;font-size:.65rem}.content-card__body :is(h2,h3){margin-bottom:.5rem;font-size:1.55rem;line-height:1.02}.content-card__body :is(h2,h3) a{text-decoration:none}.content-card__body>p:not(.eyebrow){min-height:2.8em;color:var(--muted);margin-bottom:1rem;font-size:1.05rem;line-height:1.35}.content-card__meta{min-height:1.1rem;color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.content-card__rating:before{content:"★ ";color:var(--highlight)}.ranked-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.ranked-list>li{display:flex}.content-card__rank{z-index:1;color:var(--card);background:var(--brand);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-bottom-right-radius:.25rem;margin:0;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;position:absolute;top:0;left:0}.content-card__rank--first{background:var(--highlight)}.ranked-row{background:var(--card);border:1px solid var(--line);width:100%;box-shadow:.2rem .25rem 0 var(--shadow);border-radius:.25rem;grid-template-columns:auto minmax(0,1fr);gap:.1rem .9rem;padding:.9rem 1.15rem;display:grid}.ranked-row__rank{color:var(--accent);margin:0;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;line-height:1.45}.ranked-row__body h2{margin:0;font-size:1.25rem;line-height:1.15}.ranked-row__body h2 a{text-decoration:none}.ranked-row__body>p{color:var(--muted);margin:.2rem 0 0;font-size:.95rem;line-height:1.3}.ranked-row__meta{color:var(--muted);flex-wrap:wrap;grid-column:2;gap:.25rem .75rem;margin-top:.35rem;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.empty-state{max-width:34rem;color:var(--muted);background:color-mix(in srgb, var(--card) 65%, transparent);border:1px dashed var(--line);border-radius:.2rem;padding:1.25rem}.detail-page{--page-width:min(100vw - 2rem, 72rem);--page-inset:calc((100vw - var(--page-width)) / 2);padding-block:clamp(2rem,6vw,5.5rem) clamp(4rem,8vw,7rem)}.detail-hero{gap:1.75rem;margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.detail-hero__copy{flex-direction:column;justify-content:center;align-items:start;display:flex}.detail-hero__copy h1{overflow-wrap:break-word;max-width:min(14ch,100%);font-size:clamp(2.5rem,5.5vw,4.5rem)}.detail-hero--review{margin-bottom:clamp(2rem,4vw,3rem)}.detail-hero--review .detail-hero__copy{justify-content:start}.detail-hero--review h1{max-width:100%;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08}.detail-hero__notes{min-width:0}.detail-hero__notes .rich-text>:first-child{margin-top:0}.detail-hero__notes .rich-text>:last-child{margin-bottom:0}.detail-hero__notes .rich-text__image{width:100%;margin-left:0}.detail-hero__notes .rich-text__image figcaption{margin-left:0}.detail-hero__date{color:var(--muted);margin:0;font-family:DM Mono,monospace;font-size:.75rem}.detail-hero__date+.lede{margin-top:1.3rem}.detail-hero__image{margin:0}.detail-hero__image .content-image{aspect-ratio:4/3;border-radius:.25rem}figcaption{color:var(--muted);margin-top:.6rem;font-size:.9rem;line-height:1.35}.figcaption__credit{text-transform:uppercase;font-family:DM Mono,monospace;font-size:.72rem;display:block}.detail-content{max-width:48rem}.detail-page--review .detail-content{max-width:none}.detail-page--review .detail-section{max-width:48rem}.detail-hero--review:not(:has(.detail-hero__image)){max-width:48rem}.facts{border-top:1px solid var(--line);margin:0 0 2.5rem;display:grid}.facts>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(7rem,.8fr) minmax(0,1.5fr);gap:1rem;padding:.85rem 0;display:grid}.facts dt{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.72rem}.facts dd{margin:0;font-size:1.1rem}.facts dd a{padding-block:.3rem}.rich-text{color:var(--ink);font-size:clamp(1.15rem,3vw,1.35rem);line-height:1.55}.rich-text>*+*{margin-top:1.35em}.rich-text h2,.rich-text h3{margin-top:1.7em}.rich-text h2{font-size:2rem}.rich-text h3{font-size:1.5rem}.rich-text ul,.rich-text ol{padding-left:1.35em}.rich-text li+li{margin-top:.4em}.rich-text blockquote{color:var(--accent);border-left:3px solid var(--highlight);margin-left:0;margin-right:0;padding-left:1rem;font-size:1.2em}.rich-text code{background:var(--wash);border-radius:.15rem;padding:.1em .25em;font-family:DM Mono,monospace;font-size:.8em}.detail-section{margin-top:3.5rem}.rich-text__image{margin:2rem 0}.rich-text__image .content-image{border-radius:.25rem}.rich-text__image--wide{width:var(--wide-width);margin-left:calc((100vw - var(--wide-width)) / 2 - var(--page-inset));--wide-width:min(64rem, var(--page-width))}.rich-text__image--full{width:100vw;margin-left:calc(-1 * var(--page-inset))}.rich-text__image--full .content-image{border-radius:0}.rich-text__image--full figcaption{max-width:48rem;margin-left:var(--page-inset)}.rich-text h4{margin-top:1.7em;font-size:1.2rem}.callout{background:var(--wash);border-left:4px solid var(--highlight);margin-block:2rem;padding:1.25rem 1.5rem}.callout .rich-text{font-size:1.05rem}.callout--warning{border-left-color:var(--accent)}.callout--quote{color:var(--accent);text-align:center;background:0 0;border-left:none;padding-left:0;font-size:1.35em;line-height:1.3}.callout--quote .rich-text{font-size:inherit}.code-block{margin:2rem 0}.code-block__filename{text-transform:uppercase;margin:0 0 .4rem;font-family:DM Mono,monospace;font-size:.72rem}.code-block pre{background:var(--wash);border-radius:.25rem;margin:0;padding:1rem 1.25rem;overflow-x:auto}.code-block code{background:0 0;padding:0;font-family:DM Mono,monospace;font-size:.85rem;line-height:1.5}.divider{border:0;border-top:1px solid var(--line);margin-block:2.5rem}.divider--asterisks{color:var(--muted);letter-spacing:.6em;text-align:center;border-top:0}.recipe-list{gap:1rem;display:grid}.recipe{background:var(--wash);border-left:4px solid var(--highlight);padding:1.25rem}.recipe h3{margin-bottom:.2rem}.recipe p{margin-bottom:.65rem;line-height:1.4}.recipe__method,.recipe__settings{color:var(--muted);font-family:DM Mono,monospace;font-size:.74rem}.recipe ol{margin:.8rem 0 0;padding-left:1.2rem;line-height:1.4}.recipe li+li{margin-top:.4rem}.tag-list{flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--wash-ink);background:var(--wash);border:1px solid var(--wash-ink);border-radius:10rem;padding:.3rem .55rem;font-family:DM Mono,monospace;font-size:.7rem}.not-found{min-height:52vh}.button-link{color:#fff;background:var(--brand);border-radius:.2rem;min-height:2.75rem;margin-top:1rem;padding:.8rem 1rem;font-family:DM Mono,monospace;font-size:.78rem;text-decoration:none;display:inline-block}.button-link:hover{color:#fff;background:var(--accent)}.site-footer{width:min(100% - 2rem,72rem);color:var(--muted);border-top:1px solid var(--line);margin:0 auto;padding:1.5rem 0 2rem;font-family:DM Mono,monospace;font-size:.7rem}.site-footer p{margin:0}@media (width>=42rem){.site-header__inner,.page-shell,.detail-page,.site-footer{width:min(100% - 4rem,72rem)}.detail-page{--page-width:min(100vw - 4rem, 72rem)}.menu-button{display:none}.primary-nav{box-shadow:none;background:0 0;border:0;padding:0;display:block;position:static}.primary-nav ul{align-items:center;gap:1.1rem;width:auto;display:flex}.primary-nav a,.primary-nav li:last-child a{border:0;min-height:auto;padding:.4rem 0;font-size:.72rem}.primary-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--highlight)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--single{max-width:34rem}.ranked-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ranked-list__row{grid-column:1/-1}.ranked-row{grid-template-columns:auto minmax(0,1fr) auto;gap:.1rem 1.25rem}.ranked-row__meta{grid-column:auto;justify-content:flex-end;align-self:center;margin-top:0}.detail-hero{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center}.detail-hero--review{grid-template-columns:minmax(0,1fr);align-items:start}}@media (width>=56rem){.detail-hero--review:has(.detail-hero__image){grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(2rem,4vw,3.5rem)}.detail-hero--review .detail-hero__image{grid-area:1/2/3}.detail-hero--review .detail-hero__notes{grid-column:1}}@media (width>=64rem){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--single{grid-template-columns:minmax(0,1fr);max-width:34rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}