/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4. Existing BUSANJIB brand tokens and real photography. */
:root{--hero-shade:oklch(15% .014 65 / .63);--hero-edge:oklch(15% .014 65 / .77);--hero-clear:oklch(15% .014 65 / .16);--hero-rule:oklch(99% .005 85 / .4);--modal-shade:oklch(15% .014 65 / .88)}
.photo-header .site-header{position:absolute;inset:0 0 auto;z-index:5;background:transparent;color:var(--color-white);border:0}
.photo-header .masthead{border-bottom:1px solid var(--hero-rule)}
.photo-header .nav-row{border:0;background:transparent}
.photo-header .nav-row nav a,.photo-header .language a,.photo-header .mast-location{color:var(--color-white)}
.photo-header .nav-row nav a[aria-current],.photo-header .language a[aria-current]{color:var(--color-white);text-decoration:underline;text-underline-offset:7px}
.photo-header .menu-lines{border-color:var(--color-white)}
.photo-header .site-header a:focus-visible,.photo-header .site-header button:focus-visible,.hero-cta:focus-visible{outline-color:var(--color-white)}
.nav-row nav{gap:clamp(14px,2.5vw,40px);flex-wrap:wrap}
.nav-row nav a{white-space:nowrap}
.home-hero,.editorial-hero{position:relative;isolation:isolate;max-width:none;margin:0;height:max(760px,92svh);min-height:680px;padding:240px var(--gutter) 92px;display:flex;align-items:flex-end;background:var(--color-ink);color:var(--color-white)}
.home-hero:after,.editorial-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--hero-edge),var(--hero-clear) 42%,var(--hero-shade))}
.home-hero>.hero-photo,.editorial-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;z-index:-2}
.home-hero .hero-caption{background:none;padding:0;max-width:850px;width:auto;color:var(--color-white);position:static}
.home-hero .hero-caption h1,.editorial-hero h1{color:var(--color-white);font-size:clamp(44px,5.4vw,84px);font-weight:500;line-height:1.16;letter-spacing:-.045em;margin:20px 0 24px}
.home-hero .hero-caption>p,.home-hero .hero-caption .hero-description{color:var(--color-white)}
.home-hero .hero-caption>p:first-child,.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;margin-bottom:18px;line-height:1.6}
.home-hero .hero-caption .text-link{color:var(--color-white);border-bottom:1px solid var(--hero-rule);padding-bottom:14px;margin-top:28px}
.home-hero .hero-note{background:none;bottom:28px;right:var(--gutter);padding:0}
.editorial-hero-copy{max-width:850px}.editorial-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.8}
.hero-cta{display:inline-flex;align-items:center;gap:32px;min-height:48px;border-bottom:1px solid var(--hero-rule);text-decoration:none;font-size:12px;letter-spacing:.08em;margin-top:28px;white-space:nowrap}
.hero-credit{position:absolute;right:var(--gutter);bottom:28px;font-size:10px;letter-spacing:.1em}
.brand-ribbon{background:var(--color-red);color:var(--color-white);display:flex;justify-content:space-between;gap:20px;padding:18px var(--gutter);font-size:11px;letter-spacing:.15em}
.alley-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,8vw,120px);align-items:center;padding-block:120px}
.story-photo{position:relative;padding:0 28px 30px 0}.story-photo>img{width:100%;height:560px;object-fit:cover}.story-photo-caption{font-size:10px;letter-spacing:.12em;margin-top:14px}
.story-date{position:absolute;right:0;bottom:0;background:var(--color-red);color:var(--color-white);padding:22px 28px;text-align:center;line-height:1.6;font-size:12px;letter-spacing:.1em}.story-date strong{font-family:var(--font-display);font-size:38px;font-weight:500}
.story-copy .eyebrow{color:var(--color-red)}.story-copy h2{font-size:clamp(34px,3.7vw,58px);margin-bottom:30px}.story-copy p{color:var(--color-muted);font-size:15px;line-height:1.9}.story-copy .story-lead{font-size:21px;color:var(--color-ink);line-height:1.65;margin-bottom:24px}.story-copy .text-link{margin-top:30px}
.story-hero>img{object-position:center 48%}.seeding-note{text-align:center;border-top:1px solid var(--color-rule);padding-block:90px;background-image:url('/assets/brand-pattern.png');background-repeat:repeat-x;background-size:auto 14px;background-position:bottom}.seeding-note>img{width:100px;height:auto;margin:0 auto 24px}.seeding-note h2{margin:20px 0 32px}.seeding-note p{margin-inline:auto}.seeding-note .text-link{margin-top:30px}
.listing{padding-top:80px}.listing>.section-title .eyebrow{color:var(--color-red)}.restaurant-card .card-image{overflow:clip}.restaurant-card .card-image img{transition:transform .5s var(--ease-out)}.restaurant-card .card-image:hover img{transform:scale(1.025)}.restaurant-card{border-bottom:1px solid var(--color-rule);padding-bottom:32px}.restaurant-card .card-menu-link{display:inline-flex;margin-left:24px;min-height:44px;align-items:center;font-size:13px}
.menu-book{border-top:1px solid var(--color-rule)}.menu-book .eyebrow{color:var(--color-red)}.menu-reader{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.menu-tabs{display:none;flex-direction:column;border-top:1px solid var(--color-rule)}.reader-ready .menu-tabs{display:flex}.menu-tabs button{background:none;border:0;border-bottom:1px solid var(--color-rule);padding:18px 12px;text-align:left;min-height:54px;font-size:14px}.menu-tabs button span{font-size:11px;color:var(--color-muted);margin-right:20px}.menu-tabs button[aria-pressed=true]{background:var(--color-ink);color:var(--color-white)}.menu-tabs button[aria-pressed=true] span{color:var(--color-white)}.menu-tabs button:hover{background:var(--color-soft);color:var(--color-ink)}.menu-tabs button:hover span{color:var(--color-ink)}
.menu-paper{background:var(--color-soft);padding:24px;min-width:0}.menu-page-stack figure{margin:0 auto 24px;max-width:650px}.reader-ready .menu-page-stack{min-height:480px}.reader-ready .menu-page-stack figure{margin-bottom:0}.menu-page-stack img{width:100%;max-height:720px;object-fit:contain}.menu-page-stack figcaption{text-align:center}.menu-controls{display:none;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:20px}.reader-ready .menu-controls{display:flex}.menu-controls button,.menu-dialog button{min-height:44px;min-width:44px;border:1px solid var(--color-rule);background:var(--color-paper);padding:8px 16px;font-size:13px;white-space:nowrap}.menu-controls button:hover:not(:disabled){border-color:var(--color-ink)}.menu-controls p{font-size:12px;text-align:center}.menu-disclaimer{font-size:12px;color:var(--color-muted);margin-top:24px}.menu-dialog{padding:0;border:0;width:min(96vw,1360px);max-width:96vw;height:94svh;max-height:94svh;background:var(--color-paper);color:var(--color-ink)}.menu-dialog::backdrop{background:var(--modal-shade)}.menu-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--color-rule)}.menu-dialog-bar p{font-size:12px}.menu-dialog-scroll{overflow:auto;height:calc(100% - 70px)}.menu-dialog-scroll img{width:1241px;max-width:none;margin:auto}.menu-modal-open{overflow-y:hidden}
.menu-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.menu-index-list article{padding:28px 0;border-bottom:1px solid var(--color-rule)}.menu-index-list p{margin-top:12px;color:var(--color-muted);font-size:14px}.menu-index-list a{margin-top:16px}
@media(max-width:959px){.nav-row nav{gap:12px 22px}.nav-row nav a{font-size:12px}.alley-story{gap:40px;padding-block:80px}.story-photo>img{height:450px}.menu-reader{grid-template-columns:180px minmax(0,1fr);gap:24px}.menu-tabs button{padding-inline:8px}.menu-tabs button span{margin-right:12px}}
@media(max-width:639px){.photo-header .nav-row nav.is-open{background:var(--color-ink);padding:12px 20px}.home-hero,.editorial-hero{height:780px;min-height:680px;padding:220px var(--gutter) 80px;align-items:flex-end}.home-hero .hero-caption h1,.editorial-hero h1{font-size:44px}.home-hero .hero-caption .hero-description,.editorial-hero-copy>p:not(.eyebrow){font-size:15px}.brand-ribbon{font-size:9px;letter-spacing:.06em;padding-block:16px}.alley-story{grid-template-columns:minmax(0,1fr);gap:48px;padding-block:64px}.story-photo>img{height:380px}.story-copy h2{font-size:37px}.hero-credit{font-size:9px}.menu-reader{grid-template-columns:minmax(0,1fr);gap:20px}.reader-ready .menu-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.menu-tabs button{padding:12px;font-size:12px}.menu-paper{padding:12px}.reader-ready .menu-page-stack{min-height:0}.menu-controls{gap:8px}.menu-controls p{flex-basis:100%;order:4}.menu-index-list{grid-template-columns:minmax(0,1fr)}.seeding-note h2{font-size:30px}.listing{padding-top:56px}}
@media(prefers-reduced-motion:reduce){.restaurant-card .card-image img{transition:none}.restaurant-card .card-image:hover img{transform:none}}

.menu-text{margin-top:24px;border-block:1px solid var(--color-rule);padding-block:16px}.menu-text summary{min-height:44px;display:flex;align-items:center;font-weight:600}.menu-text summary::after{content:"+";margin-left:auto}.menu-text[open] summary::after{content:"−"}.menu-text dl{margin:12px 0}.menu-text dl>div{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-top:1px solid var(--color-rule);font-size:14px}.menu-text dd{white-space:nowrap;margin:0}.menu-reader:not(.reader-ready){grid-template-columns:minmax(0,1fr)}

.community-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8vw;border-top:1px solid var(--color-rule)}
.community-story h3{font-size:20px;margin-bottom:18px;line-height:1.5}
.community-story h3:not(:first-child){margin-top:48px}
.community-story p{line-height:1.9}
.community-story .text-link{margin-top:22px}
@media(max-width:767px){.community-story{grid-template-columns:1fr;gap:32px}.community-story h2{font-size:30px}}
