/* Five-page restaurant website. Shared navigation and editorial home. */
.site-header{position:relative;background:#0b100d;padding:26px 4%;gap:24px}
.home-page .site-header{position:absolute;background:linear-gradient(#080b08b0,transparent)}
.site-header nav{margin-left:auto;gap:22px;align-items:center}
.site-header nav a{font-size:13px;letter-spacing:.04em;white-space:nowrap;display:flex;align-items:center}
.site-header nav a[aria-current=page]{color:#e4cfa2;border-bottom-color:#b5a071}
.site-header nav a:last-child{border:1px solid #b5a07180;padding:9px 15px}
.site-header .demo-tag{font-size:10px;white-space:nowrap}
.brand{flex-shrink:0}.brand-en{display:none}
.menu-toggle{display:none}
.home-page{background:#142019;color:#e5dfd1}
.home-page .section-label span{color:#b5a071}
.home-page .hero{height:820px}
.hero-menu-link{display:flex;align-items:center;gap:28px;border-bottom:1px solid #b5a07180;min-height:48px;font-size:15px;color:#e4cfa2;white-space:nowrap}
.home-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.home-split figure img{width:100%;object-fit:cover}
.home-about figure{width:88%;position:relative}
.home-about figure:after{content:'';position:absolute;inset:15px 15px -15px -15px;border:1px solid #b5a07160;pointer-events:none}
.home-about figure img{aspect-ratio:4/5;position:relative;z-index:1}
.home-page h2{font-size:36px;line-height:1.8;letter-spacing:.08em}
.home-page h2 span{display:block}
.home-prose{font-size:17px;line-height:1.95;letter-spacing:.02em;margin-top:27px}
.editorial-link{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:16px;line-height:1.8;border-bottom:1px solid #b5a07180;min-height:54px;padding:12px 0;color:inherit;transition:color .2s}
.editorial-link:hover{color:#c3a76d}
.home-split .editorial-link{margin-top:30px}
.home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}
.home-heading .editorial-link{font-size:15px}
.home-courses{background:#0b100d;color:#e8e0ce}
.home-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.home-course img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:filter .25s}
.home-course:hover img{filter:brightness(1.12)}
.home-course>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:24px}
.home-course h3{font-size:27px;letter-spacing:.06em}
.home-course>div>p{font-family:var(--serif);font-size:25px;color:#e4cfa2}
.home-course>div>p>span{display:block;font:12px/1.9 var(--sans);color:#c4c8b9;text-align:right;margin-top:5px}
.home-course-note{font-size:14px;color:#c4c8b9;margin-top:12px}
.home-space{background:#eae7dd;color:#25372d}
.home-space figure img{aspect-ratio:1.15}
.home-space .section-label span{color:#626b5b}
.home-information{padding-block:85px}
.home-info-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px;align-items:center;margin-top:38px}
.home-info-grid p{font-size:15px;line-height:2}
.home-demo-note{font-size:13px;color:#c2cab6;margin-top:30px}
.inner-page{background:#142019;color:#e5dfd1}
.page-intro{padding-block:26px 68px;border-bottom:1px solid #b5a07150}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#c9cbbb;margin-bottom:45px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.page-intro>.eyebrow{font-size:12px;color:#c4b184;letter-spacing:.16em}
.page-intro h1{font-size:43px;letter-spacing:.09em;line-height:1.65;margin-top:17px}
.page-lead{font-size:17px;line-height:1.9;margin-top:22px}
.inner-page main>.section-pad{padding-top:75px;padding-bottom:75px}
.inner-page .reservation-title h2{font-size:32px}
.page-next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:45px 65px}
.page-next .editorial-link{min-width:260px}
.back-home{font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.visit-faq{background:#0b100d}
.visit-faq h2{font-size:29px;margin-bottom:30px}
.visit-faq details{border-top:1px solid #b5a07150;padding:12px 0}
.visit-faq details:not([open])>p{display:none}
.visit-faq summary{font-size:17px;min-height:48px;padding:10px 0;cursor:pointer}
.visit-faq details p{font-size:16px;line-height:1.95;max-width:46em;padding:8px 0 18px;color:#cbd1bf}
.website-footer{display:block;padding:50px 6%;border-top:1px solid #b5a07140;background:#0a0e0b}
.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center}
.website-footer nav{display:flex;flex-wrap:wrap;gap:12px 30px}
.website-footer nav a{display:flex;align-items:center;min-height:44px;font-size:13px}
.website-footer nav a[aria-current=page]{color:#e4cfa2}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:32px;padding-top:27px;border-top:1px solid #b5a07130}
.website-footer>div{text-align:left}
.footer-bottom>div{text-align:right}
.website-reserve{display:none}
@media(min-width:901px) and (max-width:1150px){.site-header{gap:16px;padding-inline:3%}.site-header nav{gap:15px}.site-header nav a{font-size:12px}.site-header .demo-tag{display:none}.home-course>div{display:block}.home-course>div>p{margin-top:12px}.home-course>div>p>span{text-align:left}.home-info-grid{grid-template-columns:1fr 1fr}.home-info-grid .editorial-link{grid-column:1/-1;max-width:320px}}
@media(max-width:900px){
 .site-header{padding:22px 26px;gap:20px;flex-wrap:wrap;z-index:10}
 .site-header .brand-name{font-size:30px}
 .site-header .demo-tag{order:1;margin-left:auto;padding:0;border:0}
 .menu-toggle{order:2;display:flex;align-items:center;justify-content:center;gap:10px;min-width:48px;min-height:48px;padding:8px 10px;color:#e4cfa2;border:1px solid #b5a07170;background:#0b100d;font-size:12px}
 .menu-icon{width:17px;height:8px;border-block:1px solid currentColor;display:block}
 .menu-toggle[aria-expanded=true] .menu-icon{height:1px;border-bottom:0}
 .site-header nav{display:flex;order:3;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;background:#0b100d;padding:12px 20px}
 .site-header nav[hidden]{display:none}
 .site-header nav a{font-size:16px;min-height:56px;padding:10px 5px;border-bottom:1px solid #b5a07130;white-space:normal}
 .site-header nav a:last-child{margin-top:10px;padding:12px}
 .home-page .site-header:has(.menu-toggle[aria-expanded=true]){background:#0b100d}
 .home-split{gap:8%}
 .home-page h2{font-size:31px}
 .home-course>div{display:block}
 .home-course>div>p{margin-top:12px}
 .home-course>div>p>span{text-align:left}
 .home-info-grid{grid-template-columns:1fr 1fr}
 .home-info-grid .editorial-link{grid-column:1/-1;max-width:320px}
 .footer-top{align-items:flex-start}
 .website-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}
}
@media(max-width:700px){
 body{padding-bottom:88px}
 body:has(.visit-faq){padding-bottom:0}
 .site-header{padding:18px 22px;gap:12px}
 .site-header .demo-tag{font-size:12px}
 .menu-toggle{padding:7px 9px;gap:7px}
 .menu-label{font-size:13px}
 .hero:after{top:100px}
 .home-page .hero{height:730px}
 .hero-copy{top:130px}
 .hero-side{top:133px}
 .hero-menu-link{display:flex;width:100%;margin-top:14px;font-size:15px;min-height:44px;justify-content:space-between}
 .hero-bottom{bottom:33px}
 .home-split{grid-template-columns:1fr;gap:48px}
 .home-about figure{width:80%;margin-left:10px}
 .home-page h2{font-size:30px}
 .home-page .section-pad{padding-block:65px}
 .home-prose{font-size:17px;margin-top:22px}
 .home-heading{display:block;margin-bottom:33px}
 .home-heading .editorial-link{margin-top:22px}
 .home-course-grid{grid-template-columns:1fr;gap:42px}
 .home-course>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
 .home-course h3{font-size:26px}
 .home-course>div>p{font-size:25px;margin:0}
 .home-course>div>p>span{text-align:left}
 .home-space figure img{aspect-ratio:1.5}
 .home-space .home-split{gap:35px}
 .home-info-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}
 .home-info-grid p{font-size:16px}
 .home-info-grid .editorial-link{max-width:none}
 .home-demo-note{font-size:13px}
 .page-intro{padding-block:12px 38px}
 .breadcrumbs{font-size:12px;margin-bottom:23px;gap:8px}
 .page-intro h1{font-size:32px;letter-spacing:.05em}
 .page-lead{font-size:16px;margin-top:18px}
 .inner-page main>.section-pad{padding-block:48px}
 .page-next{display:block;padding-block:35px 45px}
 .page-next .editorial-link{min-width:0}
 .back-home{margin-top:20px}
 .website-footer{padding:35px 24px}
 .footer-top,.footer-bottom{display:block}
 .website-footer nav{margin-top:25px;gap:8px 20px}
 .website-footer nav a{font-size:14px}
 .footer-bottom>div{text-align:left;margin-top:20px}
 .website-reserve{position:fixed;z-index:9;bottom:0;left:0;width:100%;background:#0c120ef7;border-top:1px solid #b5a07170;padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}
 .website-reserve>span{font-family:var(--serif);font-size:17px;color:#dfcda5}
 .website-reserve small{display:block;font:12px/1.7 var(--sans);color:#c5cbb9}
 .website-reserve a{display:flex;align-items:center;gap:15px;border:1px solid #b5a07190;min-height:48px;padding:9px 13px;font-size:14px;color:#e4cfa2}
 .visit-faq summary{font-size:16px}
}
@media(max-width:350px){.site-header{padding-inline:20px;gap:10px}.site-header .demo-tag{display:none}.menu-toggle{margin-left:auto}.hero-copy{top:127px}.hero-side{top:130px}.home-page .hero{height:715px}.website-reserve{padding-inline:12px}.website-reserve a{font-size:13px;padding-inline:10px;gap:8px}.website-reserve>span{font-size:16px}.page-intro h1{font-size:29px}}