/* Header and opening spread: an independent Taiwanese food journal. */
:root{--editorial-paper:#f8f7f2;--editorial-ink:#343630;--editorial-red:#9b5141}
.site-header{height:126px;background:var(--editorial-paper);color:var(--editorial-ink);padding:0 5.5%;border-bottom:1px solid #cccac2}
.brand{gap:10px;align-items:flex-start}.brand strong{font-size:43px;font-weight:500;letter-spacing:7px;line-height:1.2}.brand small{font-family:var(--serif);font-size:14px;letter-spacing:6px;margin-top:9px}.brand-seal{font:400 18px/1.1 var(--serif);padding:3px 4px;color:var(--editorial-paper);background:var(--editorial-red);margin-top:5px}
.site-header nav{font-family:var(--serif);gap:42px;font-size:16px;letter-spacing:2px}.nav-visit{color:var(--editorial-red);border-color:var(--editorial-red);padding:11px 25px}.nav-visit:hover{background:#9b51410a}
.literary-hero{background:var(--editorial-paper);color:var(--editorial-ink);max-width:none;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;padding:32px 5.5% 40px;min-height:790px;border-bottom:1px solid #d9d6c8}
.literary-hero .hero-copy{padding:110px 0 0;display:flex;align-items:flex-start;min-width:0}
.literary-hero h1{font-weight:500;font-size:clamp(42px,5.6vw,86px);line-height:1.5;letter-spacing:2px;margin:0 0 75px}
.literary-hero h1 span{display:block;white-space:nowrap}.literary-hero h1 span:after{display:none}
.literary-hero .hero-desc{color:#57594f;font-family:var(--serif);font-size:clamp(16px,1.45vw,22px);line-height:2;letter-spacing:1.4px;margin:0 0 42px}
.hero-menu-link{display:inline-flex;align-items:center;gap:23px;font:500 20px/1.7 var(--serif);letter-spacing:2px;color:var(--editorial-red);border-bottom:1px solid var(--editorial-red);padding-bottom:5px;min-height:44px}.hero-menu-link:hover{color:#713726;border-color:#713726}
.literary-hero .hero-foot{border:0;width:auto;margin-top:auto;padding-top:75px;font:12px/1.5 Georgia,serif;letter-spacing:2px}
.literary-hero .hero-photo{min-height:0;margin:0;overflow:visible;align-self:start;position:static;height:auto}
.literary-hero .hero-photo>img{position:static;width:100%;height:auto;aspect-ratio:0.79;object-fit:cover;object-position:center}
.literary-hero figcaption{font:14px/1.8 var(--serif);letter-spacing:3px;padding-top:12px;color:#686b60}
.visit-map iframe{height:360px}
.mobile-menu-cta{background:#f8f7f2;color:var(--editorial-ink);border:1px solid #b6b5aa;box-shadow:0 2px 14px #34363012}
@media(min-width:1700px){.literary-hero{padding-left:calc((100vw - 1510px)/2);padding-right:calc((100vw - 1510px)/2)}.literary-hero .hero-photo>img{max-height:800px}.literary-hero .hero-copy{padding-top:140px}}
@media(max-width:1100px) and (min-width:681px){.site-header{height:108px}.site-header nav{gap:22px;font-size:14px}.brand strong{font-size:35px}.literary-hero{gap:25px;min-height:640px;padding-top:30px}.literary-hero .hero-copy{padding-top:60px}.literary-hero h1{font-size:clamp(30px,4.6vw,49px);letter-spacing:0;margin-bottom:45px}.literary-hero .hero-desc{font-size:15px;letter-spacing:0}.hero-menu-link{font-size:17px}.literary-hero .hero-photo>img{aspect-ratio:.68}.literary-hero .hero-foot{padding-top:40px}}
@media(max-width:680px){html{scroll-padding-top:95px}.site-header{height:86px;padding:0 6%}.brand{gap:6px}.brand strong{font-size:29px;letter-spacing:5px}.brand small{font-size:11px;letter-spacing:3px;margin-top:5px}.brand-seal{font-size:13px;padding:2px 3px;margin-top:2px}.site-header nav{gap:16px;font-size:13px;letter-spacing:1px}.nav-visit{padding:8px 12px}.literary-hero{display:flex;flex-direction:column;padding:43px 7% 35px;gap:32px;min-height:0}.literary-hero .hero-copy{padding:0}.literary-hero h1{font-size:clamp(28px,8.25vw,49px);line-height:1.65;letter-spacing:.5px;margin:0 0 26px;font-weight:500}.literary-hero .hero-desc{font-size:15px;line-height:2;letter-spacing:.2px;margin:0 0 24px}.literary-hero .hero-desc br{display:initial}.hero-menu-link{font-size:17px;gap:24px}.literary-hero .hero-foot{padding-top:26px;margin-top:0;font-size:10px;letter-spacing:2px}.literary-hero .hero-photo{width:100%}.literary-hero .hero-photo>img{aspect-ratio:1.05;object-position:center 55%;height:auto}.literary-hero figcaption{font-size:13px;letter-spacing:2px;padding-top:10px}.visit-map iframe{height:300px}}
@media(max-width:360px){.site-header nav{gap:10px}.nav-visit{padding:7px 9px}.brand strong{font-size:26px}.brand small{letter-spacing:2px}.brand-seal{display:none}.literary-hero .hero-desc{font-size:14px}}