/* Refined local edition. Keep the approved artwork and responsive composition. */
:root{--gold:#c6ac76;--line:#c6ac7638;--reading:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
body{color:#f3eee2}
.news h2,.craft-title,.section-title h2{font-size:30px!important;line-height:1.5;letter-spacing:.12em}
.news h2:after{content:"";display:block;width:30px;height:2px;background:var(--gold);margin:12px auto 0}
.craft-title:after,.section-title h2:after{width:30px;height:2px;background:var(--gold);margin-top:12px}
.news{max-width:1080px;padding-top:24px}
.news h2{margin-bottom:24px}
.news-columns{gap:28px}
.news-list{border-top:1px solid var(--line);padding:0 20px;background:linear-gradient(135deg,#11110fe8,#090a09e0)}
.news-item{padding:18px 0;min-height:86px;font-size:14px;line-height:1.8}
.news-item:after{width:20px;height:1px;background:var(--gold)}
.news-item span{font-family:var(--reading)!important;font-weight:400!important}
.news-item time{display:block;font-family:var(--reading)!important;font-weight:500!important;font-size:11px;letter-spacing:.12em;color:#c6ac76;font-variant-numeric:tabular-nums;margin-bottom:5px}
.facebook-timeline{padding:10px;border:1px solid var(--line);background:#0d0e0be6}
.facebook-page-link{font-family:var(--reading)!important;font-weight:400!important;line-height:1.6;padding:12px 2px 2px}
.store-intro{max-width:1080px}
.store-intro-frame{border-color:var(--line);padding:24px 30px}
.store-intro p,.noodles-story-copy p{font-family:"Yu Mincho","Hiragino Mincho ProN",serif!important;font-weight:500!important;font-size:16px;line-height:1.95;letter-spacing:.035em;text-shadow:none}
.noodles-story-copy{border-color:var(--line)}
.noodles-story-photo{border:1px solid #c6ac763d;box-shadow:0 8px 24px #0005}
.noodles-story{max-width:1080px}
.ramen-cards{max-width:1080px}
.ramen-card{border:1px solid #c6ac7655;box-shadow:0 5px 16px #0005;background:#ece4d1}
.menu-text-grid{max-width:1080px;width:100%;margin:28px auto 0;padding:24px;border:1px solid var(--line);background:#0b0c0be8;gap:24px}
.menu-text-grid .menu-category h3{font-size:18px;color:#d9c49a;border-color:var(--line);letter-spacing:.06em}
.menu-text-grid .menu-category dt,.menu-text-grid .menu-category dd,.menu-text-grid .menu-category dt small{font-family:var(--reading)!important;font-weight:400!important}
.menu-text-grid .menu-category dl>div{padding:7px 0;border-color:#ffffff18}
.menu-text-grid .menu-category dd{font-variant-numeric:tabular-nums;color:#f3eee2}
#place{max-width:1200px;margin:auto;column-gap:40px}
#place .place-photo{justify-self:end}
#place .info{max-width:440px;width:100%}
#place .info-intro{font-size:22px;color:#e5d4b0}
#place .info dt,#place .info dd,#place .info dd *,#place .map-link,.franchise-copy p{font-family:var(--reading)!important;font-weight:400!important}
#place .info dt{font-size:13px;color:#b9b4a8}
#place .info dd{font-size:15px}
#place .last-order{font-size:12px;color:#bbb7ad}
#place .map-link{border:1px solid #c6ac7666;width:100%;justify-content:center;font-size:13px;padding:10px 14px;margin-top:8px;transition:background .2s,color .2s}
#place .map-link:hover{background:#c6ac761c;color:#f3eee2}
#franchise{max-width:1080px;width:88%;margin:12px auto 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:16px}
.franchise-copy .phone-link{font-size:22px;letter-spacing:.08em;color:#e5d4b0}
footer{align-items:center;max-width:1200px;margin:auto;border:0;padding:16px 6% 24px}
footer a{display:inline-flex;justify-self:end;align-items:center;min-height:44px;font-size:12px}
footer small{margin:0;color:#aaa69c;letter-spacing:.08em}
a:focus-visible{outline:2px solid #e5d4b0;outline-offset:4px}
.header nav a{position:relative}
.header nav a:after{content:"";position:absolute;height:1px;background:var(--gold);bottom:2px;left:0;right:0;transform:scaleX(0);transition:transform .2s}
.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}
@media(max-width:1000px){.header nav{font-size:clamp(10px,1.5vw,15px);gap:2.2vw}.header nav a{min-height:32px;display:flex;align-items:center}}
@media(max-width:760px){
 .news h2,.craft-title,.section-title h2{font-size:22px!important;letter-spacing:.08em}
 .news{width:88%;padding-top:12px}
 .news h2{margin-bottom:18px}
 .news-columns{gap:20px}
 .news-list{padding:0 14px}
 .news-item{padding:12px 0;min-height:74px;font-size:13px;line-height:1.7}
 .news-item time{font-size:10px;margin-bottom:3px}
 .facebook-timeline{padding:6px}
 .store-intro-frame{padding:16px}
 .store-intro p,.noodles-story-copy p{font-size:14px;line-height:1.8;letter-spacing:.02em}
 .ramen-cards{gap:16px}
 .menu-text-grid{padding:16px;margin-top:20px;gap:20px}
 .menu-text-grid .menu-category h3{font-size:18px}
 #place{column-gap:0}
 #place .place-photo{justify-self:center}
 #place .info{max-width:340px}
 #place .info-intro{font-size:20px}
 #place .info dd{font-size:14px}
 #place .info dl div{grid-template-columns:64px minmax(0,1fr);gap:10px}
 #franchise{padding:20px 0;margin:8px auto 12px;gap:12px}
 footer{padding-top:6px;gap:8px}
 footer small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}/* Keep detailed text legible over brush artwork. */
body.has-art-background .menu-text-grid{background:rgba(8,9,8,.9);box-shadow:none}
body.has-art-background .info{background:rgba(8,9,8,.82);box-shadow:0 0 20px 10px rgba(8,9,8,.45)}
.menu-text-grid .menu-category dt>span{font-family:var(--reading)!important;font-weight:400!important}
