.article-page{padding-bottom:0}
.article-header{background:var(--cream);border-bottom:1px solid #d5d9c8}
.article-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;padding-block:18px}
.article-header .brand{width:240px}
.article-header .button{font-size:12px;min-height:45px}
.article-hero{background:#e2e7d5;border-bottom:1px solid #cbd3ba;padding-block:48px 56px}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.article-hero h1{font-size:clamp(37px,4.15vw,66px);line-height:1.16;letter-spacing:-2px}
.article-hero .place-name{white-space:nowrap}
.article-hero p{margin-top:25px;color:#4f614a;font-size:17px;line-height:1.8}
.article-hero figure{position:relative}
.article-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px 30px 4px 30px;box-shadow:0 8px 0 #c5cfb4}
.article-hero figcaption{font-size:10px;color:#52614a;text-align:right;margin-top:16px}
.article-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(35px,6vw,95px);padding-block:64px 78px;align-items:start}
.article-prose{font-size:17px;line-height:1.85;color:#455646}
.article-prose h2{font-size:clamp(25px,2.35vw,34px);color:var(--green);line-height:1.3;letter-spacing:-.9px;margin-top:39px;margin-bottom:18px}
.article-prose h2:first-child{margin-top:0}
.article-prose p+p{margin-top:18px}
.article-prose .button{margin-top:25px;line-height:1.4}
.article-prose strong{color:var(--green)}
.article-note{padding:24px 27px;margin-top:30px;background:#f3e5bc;border-left:4px solid #ae8c36;border-radius:3px 16px 3px 3px;color:#3f503b}
.article-note p+p{margin-top:9px}
.article-sidebar{position:sticky;top:30px;background:var(--green);color:var(--cream);border-radius:4px 24px 4px 24px;padding:clamp(25px,3vw,43px);box-shadow:7px 7px 0 #d9deca}
.article-sidebar h2{font-size:30px;letter-spacing:-1px}
.article-sidebar address{font:16px/1.7 var(--sans);margin-top:21px}
.article-sidebar .hours{border-block:1px solid #d5dfc640;padding-block:15px;margin-block:24px 15px}
.article-sidebar .hours>div{font-size:13px}
.article-sidebar .hours-note{color:#d0d9c5}
.article-sidebar .button{width:100%;margin-top:24px;font-size:12px;gap:14px}
.article-sidebar .button-outline{border-color:#aebda2;color:var(--cream);margin-top:12px}
.article-sidebar .button-outline:hover{background:#355442}
.article-more{border-top:1px solid #cbd3ba;background:#e2e7d5;padding-block:38px}
.article-more .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}
.article-more h2{font-size:27px;letter-spacing:-.8px}
.article-more p{margin-top:10px;color:#52614a;font-size:14px}
.article-more .button{flex-shrink:0;font-size:12px}
.article-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px;font-size:11px;color:var(--muted)}
@media(max-width:1000px){
 .article-hero h1{font-size:43px}
 .article-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:35px}
 .article-sidebar{padding:25px}
 .article-sidebar .hours>div{flex-direction:column;gap:0}
}
@media(max-width:760px){
 .article-hero-grid,.article-layout{grid-template-columns:1fr}
 .article-hero-grid{gap:30px}
 .article-hero{padding-block:35px}
 .article-hero h1{font-size:clamp(36px,7vw,49px);letter-spacing:-1.5px}
 .article-hero p{font-size:16px;margin-top:20px}
 .article-layout{padding-block:42px 50px;gap:40px}
 .article-prose{font-size:16px}
 .article-sidebar{position:static}
 .article-sidebar .hours>div{flex-direction:row;gap:12px}
 .article-more .wrap{display:block}
 .article-more .button{margin-top:24px}
}
@media(max-width:600px){
 .article-header .wrap{min-height:85px;gap:15px}
 .article-header .brand{width:165px}
 .article-header .button{font-size:10px;padding:10px 12px;min-height:40px}
 .article-footer .wrap{flex-wrap:wrap}
 .article-note{padding:20px}
}
@media(prefers-reduced-motion:reduce){.article-page *{scroll-behavior:auto!important;transition:none!important}}