/* A quiet editorial layout for photographs and stories from the restaurant. */
.article-layout{max-width:1040px;padding:65px 0 100px}
.article-header{max-width:760px;margin:0 auto 46px}
.article-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.article-meta time{font-size:11px;letter-spacing:.16em}
.article-tags{display:flex;gap:10px;flex-wrap:wrap}
.article-tags li{font-size:11px;letter-spacing:.1em;color:var(--clay);border:1px solid #a4513b40;padding:3px 12px}
.article-layout .article-header h1{font-size:clamp(28px,3.1vw,42px);line-height:1.8;letter-spacing:.09em;margin:24px 0 0;text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere}
.article-cover{margin:0 0 58px}
.article-layout .article-cover img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0}
.article-layout figcaption{font-size:11px;line-height:1.9;letter-spacing:.04em;color:#68736b;padding:14px 0 0}
.article-body{max-width:760px;margin:auto}
.article-layout .article-body p{font-size:16px;line-height:2.25;letter-spacing:.035em;margin:0 0 1.9em}
.article-body h2{font-size:27px;letter-spacing:.08em;line-height:1.8;margin:60px 0 26px;padding-top:28px;border-top:1px solid var(--line)}
.article-body h3{font-size:21px;line-height:1.8;margin:32px 0 20px}
.article-body strong{font-weight:700}
.article-body a{color:var(--clay);padding-bottom:3px;line-height:2.4;overflow-wrap:anywhere}
.article-body ul,.article-body ol{padding-left:1.6em;line-height:2.2;margin-bottom:2em}
.article-body ul{list-style:disc}
.article-body blockquote{border-left:2px solid var(--clay);margin:30px 0;padding:5px 0 5px 24px}
.article-layout .article-photo{margin:38px -60px 42px}
.article-layout .article-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0}
.article-layout .article-back{display:block;max-width:760px;margin:65px auto 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:0;font-size:13px;letter-spacing:.1em}
@media(max-width:1000px){.article-layout .article-photo{margin-inline:0}}
@media(max-width:700px){
 .article-layout{padding:38px 0 65px}
 .article-header{margin-bottom:30px}
 .article-meta{gap:15px}
 .article-meta time,.article-tags li{font-size:10px}
 .article-layout .article-header h1{font-size:clamp(25px,6.8vw,34px);line-height:1.8;letter-spacing:.04em}
 .article-cover{margin:0 -22px 38px}
 .article-layout .article-cover img{aspect-ratio:4/3}
 .article-layout .article-cover figcaption{padding:12px 22px 0}
 .article-layout .article-body p{font-size:15px;line-height:2.25;letter-spacing:.02em}
 .article-body h2{font-size:23px;line-height:1.75;margin:42px 0 22px;padding-top:23px;letter-spacing:.04em}
 .article-layout .article-photo{margin:30px 0 35px}
 .article-layout .article-photo img{aspect-ratio:4/3}
 .article-layout figcaption{font-size:11px}
 .article-layout .article-back{margin-top:45px}
}