:root{--c-bg:#f7f5f0;--c-text:#252522;--c-text-2:#4d4b46;--c-text-sub:#77756f;--c-accent:#66704e;--c-accent-strong:#4f5739;--c-border:#e5e1d8;--c-tint:#eeebe3;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-serif:var(--font-noto-serif), "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.125rem;--fs-xl:clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);--fs-2xl:clamp(1.75rem, 1.3rem + 2vw, 2.5rem);--fs-3xl:clamp(2rem, 1.4rem + 3vw, 3.5rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-section:clamp(3.5rem, 2rem + 6vw, 6.5rem);--radius:2px;--w-wide:76rem;--w-content:48rem;--gutter:clamp(1rem, .5rem + 2.5vw, 2.5rem);--ease:cubic-bezier(.2, .6, .2, 1);background:var(--c-bg);color:var(--c-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);letter-spacing:.02em;font-feature-settings:"palt" 0;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75;overflow-x:hidden}button,input,select,textarea{font:inherit;letter-spacing:inherit}h1,h2,h3{letter-spacing:.03em;line-height:1.35}h1{font-family:var(--font-serif);font-weight:600}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;transition:color .2s var(--ease), opacity .2s var(--ease), border-color .2s var(--ease)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--c-accent) 25%, transparent)}.site-main{max-width:var(--w-wide);padding:var(--sp-6) var(--gutter) var(--sp-section);min-height:calc(100dvh - 10rem);margin:0 auto}.site-main>:not(.wide){max-width:var(--w-content);margin-left:auto;margin-right:auto}.site-header{z-index:50;background:color-mix(in srgb, var(--c-bg) 94%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(8px);border-bottom:1px solid var(--c-border);position:sticky;top:0}.site-header__inner{max-width:var(--w-wide);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:var(--sp-6);height:3.5rem;margin:0 auto;display:flex}.logo{color:var(--c-text);align-items:baseline;gap:.625rem;text-decoration:none;display:flex}.logo__mark{font-family:var(--font-serif);letter-spacing:.04em;font-size:1.375rem;font-weight:600;line-height:1}.logo__sub{letter-spacing:.24em;text-transform:uppercase;color:var(--c-text-sub);font-size:.625rem}.nav{gap:var(--sp-6);display:flex}.nav a{font-size:var(--fs-sm);color:var(--c-text-2);padding:.25rem 0;text-decoration:none;position:relative}.nav a:after{content:"";transform-origin:0;height:1px;transition:transform .25s var(--ease);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav a:hover{color:var(--c-text)}.nav a:hover:after{transform:scaleX(1)}.menu{display:none}@media (max-width:52rem){.nav--desktop{display:none}.menu{display:block}.menu>summary{cursor:pointer;font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--c-text);padding:.75rem 0 .75rem 1rem;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu[open]>summary .menu__open,.menu:not([open])>summary .menu__close{display:none}.menu__panel{background:var(--c-bg);border-bottom:1px solid var(--c-border);padding:var(--sp-2) var(--gutter) var(--sp-6);position:absolute;top:100%;left:0;right:0}.menu__panel a{border-bottom:1px solid var(--c-border);font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--c-text);padding:.875rem 0;text-decoration:none;display:block}.menu__panel a span{float:right;font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-sub);line-height:2.2}}.site-footer{border-top:1px solid var(--c-border);padding:var(--sp-12) var(--gutter);color:var(--c-text-sub);font-size:var(--fs-sm)}.site-footer__inner{max-width:var(--w-wide);gap:var(--sp-8);grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin:0 auto;display:grid}.site-footer nav{gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;display:flex}.site-footer a{color:var(--c-text-2);text-decoration:none}.site-footer a:hover{color:var(--c-accent)}@media (max-width:40rem){.site-footer__inner{grid-template-columns:1fr}}.eyebrow{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);font-weight:600;line-height:1.4;display:inline-flex}.meta{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--c-text-sub);line-height:1.5}.serif{font-family:var(--font-serif);font-weight:600}.section{margin-top:var(--sp-section)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);padding-bottom:var(--sp-3);margin-bottom:var(--sp-8);border-bottom:1px solid var(--c-text);display:flex}.section-head__title{gap:var(--sp-1);flex-direction:column;display:flex}.section-head h2{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-xl);line-height:1.3}.more-link{font-size:var(--fs-sm);color:var(--c-text-2);white-space:nowrap;border-bottom:1px solid var(--c-border);padding-bottom:2px;text-decoration:none}.more-link:hover{color:var(--c-accent);border-color:var(--c-accent)}.photo{aspect-ratio:3/2;background:var(--c-tint);position:relative;overflow:hidden}.photo img{object-fit:cover;transition:transform .6s var(--ease)}.photo--empty{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--c-text-sub);letter-spacing:.1em;justify-content:center;align-items:center;display:flex}.story{color:inherit;text-decoration:none;display:block}.story:hover .photo img{transform:scale(1.03)}.story:hover .story__title{color:var(--c-accent-strong)}.story__title{font-family:var(--font-serif);transition:color .2s var(--ease);font-weight:600;line-height:1.45}.story__body{gap:var(--sp-2);padding-top:var(--sp-4);flex-direction:column;display:flex}.story__desc{font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.8}.clamp-2,.clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.clamp-3{-webkit-line-clamp:3;line-clamp:3}.hero{padding-top:var(--sp-6);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,1rem + 3vw,4rem);display:grid}.hero .photo{aspect-ratio:4/3}.hero__text{gap:var(--sp-4);padding-bottom:var(--sp-2);flex-direction:column;display:flex}.hero__issue{justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-text);display:flex}.hero__title{font-size:var(--fs-3xl);letter-spacing:.02em;line-height:1.25}.hero__sub{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--c-text-2);line-height:1.6}.hero__lead{font-size:var(--fs-md);color:var(--c-text-2);line-height:1.9}.masthead{gap:var(--sp-8);padding:var(--sp-8) 0 var(--sp-6);border-bottom:1px solid var(--c-border);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;display:grid}.masthead h1{font-size:var(--fs-2xl);line-height:1.3}.masthead p{font-size:var(--fs-sm);color:var(--c-text-sub);margin-top:var(--sp-2)}.stories{gap:var(--sp-12) clamp(1.5rem, 1rem + 2vw, 3rem);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.stories__side{gap:var(--sp-8);flex-direction:column;display:flex}.stories__lead .story__title{font-size:var(--fs-xl)}.stories__side .story__title{font-size:var(--fs-lg)}.entries{gap:var(--sp-8) clamp(1rem, .5rem + 1.5vw, 2rem);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.entries>:first-child{grid-area:span 2/span 2}.entries>:first-child .story__title{font-size:var(--fs-xl)}.entries .story__title{font-size:var(--fs-md)}.index-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.5rem,1rem + 2vw,3rem);padding:0;list-style:none;display:grid}.index-item{gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-border);color:inherit;grid-template-columns:2.25rem 6.5rem minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.index-item__no{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--c-text-sub)}.index-item:hover .story__title{color:var(--c-accent-strong)}.index-item:hover .photo img{transform:scale(1.04)}.features{gap:var(--sp-8) clamp(1rem, .5rem + 1.5vw, 2rem);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.features .story__title{font-size:var(--fs-lg)}.browse{gap:var(--sp-12) clamp(1.5rem, 1rem + 2vw, 3rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.browse__list{border-top:1px solid var(--c-border);padding:0;list-style:none}.browse__list a{justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-border);font-family:var(--font-serif);font-size:var(--fs-lg);text-decoration:none;display:flex}.browse__list a:hover{color:var(--c-accent-strong);padding-left:var(--sp-2)}.browse__list a{transition:color .2s var(--ease), padding .25s var(--ease)}.browse__list .meta{font-family:var(--font-sans)}.callout-line{gap:var(--sp-3);padding:var(--sp-6) 0;border-top:1px solid var(--c-border);flex-direction:column;text-decoration:none;display:flex}.callout-line:last-child{border-bottom:1px solid var(--c-border)}.callout-line strong{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-lg)}.callout-line:hover strong{color:var(--c-accent-strong)}@media (max-width:60rem){.entries,.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:48rem){.hero,.masthead,.stories,.browse{grid-template-columns:1fr}.hero{gap:var(--sp-6)}.hero .photo{margin:0 calc(var(--gutter) * -1);aspect-ratio:3/2}.index-list{grid-template-columns:1fr}.stories__side{gap:var(--sp-6) var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:30rem){.entries>:first-child{grid-area:auto/span 2}.features,.stories__side{grid-template-columns:1fr}.index-item{gap:var(--sp-3);grid-template-columns:1.75rem 5rem minmax(0,1fr)}}.article-hero{padding:var(--sp-8) 0 var(--sp-8);gap:var(--sp-6);display:grid}.article-hero__head{max-width:var(--w-content);gap:var(--sp-4);flex-direction:column;display:flex}.article-hero h1{font-size:var(--fs-3xl);line-height:1.25}.article-hero__sub{font-family:var(--font-serif);font-size:var(--fs-xl);color:var(--c-text-2);line-height:1.5}.article-hero .photo{aspect-ratio:21/9}.article-hero figcaption{margin-top:var(--sp-2)}.article-body .adsbygoogle{max-width:400px;margin:var(--sp-8) auto}.article-lead{font-size:var(--fs-lg);color:var(--c-text);margin-bottom:var(--sp-12);line-height:2}.article-body h2{font-family:var(--font-serif);font-weight:600}@media (max-width:48rem){.article-hero .photo{margin:0 calc(var(--gutter) * -1);aspect-ratio:3/2}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.entries--even>:first-child{grid-area:auto}.entries--even>:first-child .story__title{font-size:var(--fs-md)}.dish-card{padding:var(--sp-6) 0;border-bottom:1px solid var(--c-border)}.dish-card__link{gap:var(--sp-6);margin-bottom:var(--sp-3);grid-template-columns:minmax(0,1fr) 10rem;align-items:start;display:grid}.dish-card__title{font-size:var(--fs-lg);margin:var(--sp-1) 0 var(--sp-2)}.dish-card__advice{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--c-accent);line-height:1.7}.dish-card__photo.photo--empty{font-size:var(--fs-sm)}@media (max-width:30rem){.dish-card__link{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 7rem}}.dish-list{border-top:1px solid var(--c-border)}.tag-list{gap:var(--sp-2);flex-wrap:wrap;display:flex}.tag-list a{border:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-2);border-radius:999px;padding:.125rem .625rem;line-height:1.8;text-decoration:none}.tag-list a:hover{color:var(--c-accent);border-color:var(--c-accent)}.dish-section{gap:var(--sp-6);padding:var(--sp-6) 0;border-top:1px solid var(--c-border);grid-template-columns:9rem minmax(0,1fr);display:grid}.dish-section>h2{font-family:var(--font-serif);font-size:var(--fs-md);font-weight:600;line-height:1.8}.dish-section>:not(h2){grid-column:2}@media (max-width:40rem){.dish-section{gap:var(--sp-3);grid-template-columns:1fr}.dish-section>:not(h2){grid-column:1}}.dish-list .tag-list{padding-right:3rem}
