:root{
  --bg:#120d0a;--bg2:#1a120d;--panel:#23180f;--amber:#f0b45b;--amber2:#ffd18b;
  --cream:#f7f0e5;--muted:#c8b8a4;--paper:#f3eee6;--ink:#2a211a;
  --line:rgba(255,255,255,.10);--line2:rgba(42,33,26,.14);--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.shell{width:min(var(--max),calc(100% - 42px));margin:auto}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;color:#000;padding:10px 14px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(18,13,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand img{height:48px;width:auto}
.desktop-nav{display:flex;gap:24px;font-size:13px;font-weight:800;color:#d0c4b7}
.desktop-nav a:hover{color:var(--amber)}
.header-actions{display:flex;align-items:center;gap:10px}
.login-btn,.amber-btn,.dark-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-size:13px;font-weight:900;transition:.2s}
.login-btn{border:1px solid var(--line)}
.amber-btn{background:var(--amber);color:#21160f;box-shadow:0 12px 30px rgba(240,180,91,.16)}
.amber-btn:hover{transform:translateY(-2px);background:var(--amber2)}
.dark-btn{background:#120d0a;color:#fff}
.big{min-height:54px;padding:0 25px}
.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:10px}
.menu-button span{display:block;width:18px;height:2px;background:#fff;margin:5px auto}
.mobile-menu{padding:18px 21px 24px;background:#1a120d;border-top:1px solid var(--line)}
.mobile-menu nav{display:grid}
.mobile-menu nav a{padding:11px 0;border-bottom:1px solid var(--line)}
.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}

.hero{position:relative;overflow:hidden;padding:100px 0 0;background:
  radial-gradient(circle at 82% 18%,rgba(240,180,91,.13),transparent 28%),
  radial-gradient(circle at 90% 78%,rgba(255,209,139,.07),transparent 25%),
  linear-gradient(145deg,#120d0a,#21160f 72%,#190f0b)}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 18% 28%,rgba(255,255,255,.02) 0 1px,transparent 1px);
  background-size:34px 34px}
.steam{position:absolute;width:250px;height:250px;border-radius:50%;background:#f5dec0;filter:blur(90px);opacity:.05}
.steam-a{left:-90px;top:170px}.steam-b{right:-70px;bottom:45px}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-bottom:78px}
.eyebrow,.menu-intro>span,.stations-head>span,.prep-copy>span,.recipe-nav>div>span,.faq-head>span,.final-box>div>span,.page-hero span,.legal-hero span{font:900 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--amber)}
.hero h1{font-size:clamp(54px,7vw,92px);line-height:.94;letter-spacing:-.06em;margin:20px 0 24px;max-width:820px}
.hero-copy>p{font-size:18px;color:var(--muted);max-width:670px}
.hero-actions{display:flex;gap:12px;margin-top:30px}
.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.hero-pills span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:#e2d8cb}

.menu-card{min-height:480px;background:#f8f2e9;color:#2a211a;border-radius:30px 10px 30px 10px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.34);display:flex;flex-direction:column;transform:rotate(-1deg)}
.menu-card-top,.menu-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid #ddd1c1;font:900 10px/1 ui-monospace,monospace;letter-spacing:.12em;color:#796d5f}
.menu-card-top b{color:#a56a23}
.menu-card-main{flex:1;padding:34px;display:grid;align-content:center;justify-items:center;text-align:center;background:radial-gradient(circle at center,rgba(240,180,91,.12),transparent 48%)}
.menu-card-main small,.menu-card-main span{font:900 9px/1 ui-monospace,monospace;color:#887b6c;letter-spacing:.14em}
.menu-card-main strong{font-size:62px;line-height:.95;letter-spacing:-.055em;margin:12px 0;color:#261c15}
.menu-dots{display:flex;gap:10px;margin-top:34px}
.menu-dots i{width:16px;height:16px;border-radius:50%;background:#f0b45b;display:block}
.menu-dots i:nth-child(2){background:#2f2a25}.menu-dots i:nth-child(3){background:#d8943e}.menu-dots i:nth-child(4){background:#6d6256}
.menu-card-foot{border-top:1px solid #ddd1c1;border-bottom:0}.menu-card-foot span{color:#a56a23}

.service-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.service-strip>div{padding:22px 18px;border-right:1px solid var(--line)}
.service-strip>div:last-child{border-right:0}
.service-strip span{display:block;font:900 10px/1 ui-monospace,monospace;color:var(--amber);margin-bottom:5px}
.service-strip strong{font-size:13px}

.menu-section{background:var(--paper);color:var(--ink);padding:115px 0}
.menu-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.menu-intro h2,.stations-head h2,.prep-copy h2,.recipe-nav h2,.faq-head h2{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 16px}
.menu-intro>span{color:#9a6325}
.menu-intro p{color:#76695d}
.menu-board{display:grid;gap:10px}
.featured-dish{min-height:345px;padding:30px;border-radius:30px 10px 30px 10px;background:#24180f;color:#fff;display:flex;flex-direction:column}
.featured-dish>span{font:900 10px/1 ui-monospace,monospace;color:var(--amber)}
.featured-dish h3{font-size:40px;line-height:1.03;letter-spacing:-.04em;margin:auto 0 14px}
.featured-dish p{color:#d0c1b1}
.featured-dish a{font-weight:900;color:var(--amber)}
.menu-row{display:grid;grid-template-columns:70px 190px 1fr 70px;gap:18px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line2)}
.menu-row span{font:900 10px/1 ui-monospace,monospace;color:#9a6325}
.menu-row small{color:#76695d}
.menu-row b{font:900 9px/1 ui-monospace,monospace;color:#8c5c21;text-align:right}

.stations{background:#0c0806;padding:115px 0}
.stations-head{width:min(var(--max),calc(100% - 42px));margin:0 auto 45px}
.stations-list{border-top:1px solid var(--line)}
.station-row{display:grid;grid-template-columns:90px 250px 1fr 35px;gap:20px;align-items:center;padding:28px max(21px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);transition:.2s}
.station-row:hover{background:#18100b;padding-left:max(31px,calc((100vw - var(--max))/2 + 10px))}
.station-row span{font:900 10px/1 ui-monospace,monospace;color:var(--amber)}
.station-row strong{font-size:28px}
.station-row small{color:#a99988}
.station-row b{color:var(--amber)}

.prep{background:var(--amber);color:#21170f;padding:110px 0}
.prep-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px}
.prep-copy>span{color:#5a3a15}
.prep-copy p{color:#5e4b36;max-width:520px}
.prep-copy .dark-btn{margin-top:20px}
.prep-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prep-item{min-height:195px;padding:24px;background:#fbf5ea;border-radius:30px 10px 30px 10px;display:grid;grid-template-columns:56px 1fr;gap:18px}
.prep-item>span{width:50px;height:50px;border-radius:10px;display:grid;place-items:center;background:#21170f;color:var(--amber);font-weight:950}
.prep-item h3{font-size:22px;margin:6px 0 8px}
.prep-item p{margin:0;color:#706557;font-size:14px}

.recipe-notes{background:#050302;padding:120px 0}
.recipe-grid{display:grid;grid-template-columns:320px 1fr;gap:85px}
.sticky{position:sticky;top:110px}
.recipe-nav h2{font-size:34px;line-height:1.05}
.recipe-nav nav{display:grid;border-top:1px solid var(--line)}
.recipe-nav nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;color:#998b7d}
.recipe-nav nav a:hover{color:var(--amber)}
.recipe-copy section{padding:0 0 64px;margin-bottom:64px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.recipe-copy section>span{font:900 10px/1 ui-monospace,monospace;color:var(--amber)}
.recipe-copy h2{font-size:clamp(35px,4.6vw,58px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 22px}
.recipe-copy p{font-size:17px;line-height:1.9;color:#c4b7a8}

.faq-section{background:var(--paper);color:var(--ink);padding:110px 0}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}
.faq-head>span{color:#9a6325}
.faq-head>a{font-weight:900;color:#9a6325}
.faq-list{border-top:1px solid var(--line2)}
.faq-list details,.faq-page-list details{border-bottom:1px solid var(--line2)}
.faq-list summary,.faq-page-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:18px;font-weight:900}
.faq-list summary::-webkit-details-marker,.faq-page-list summary::-webkit-details-marker{display:none}
.faq-list summary b,.faq-page-list summary b{color:#9a6325;font-size:22px}
.faq-list details[open] summary b,.faq-page-list details[open] summary b{transform:rotate(45deg)}
.faq-list p,.faq-page-list p{margin:0;padding:0 55px 24px 0;color:#76695d}

.final-cta{background:#24180f;padding:80px 0}
.final-box{display:flex;justify-content:space-between;align-items:center;gap:60px}
.final-box h2{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:12px 0}
.final-box p{color:var(--muted)}
.final-actions{display:flex;gap:12px;flex-shrink:0}

.footer{background:#020100;padding:54px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr .5fr;gap:45px}
.footer-brand p{color:#897c6f;max-width:460px}
.footer h4{font-size:12px;margin:0 0 14px;color:var(--amber)}
.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:9px}
.footer-grid a{font-size:13px;color:#c1b6aa}
.footer-bottom{margin-top:34px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#61574f;font-size:11px}

/* inner pages */
.inner-page{background:var(--paper);color:var(--ink)}
.page-hero{background:linear-gradient(145deg,#120d0a,#3c2616);color:#fff;padding:105px 0}
.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end}
.page-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:14px 0}
.page-hero p{font-size:18px;color:#d0c2b3}
.contact-hero{background:linear-gradient(145deg,#120d0a,#5a3518)}
.responsible-hero{background:linear-gradient(145deg,#120d0a,#70523a)}
.faq-page-hero{background:linear-gradient(145deg,#120d0a,#382519)}
.page-content{padding:100px 0}
.prose-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:80px}
.prose-grid aside>span{font:900 10px/1 ui-monospace,monospace;color:#9a6325}
.prose-grid aside h2{font-size:38px;line-height:1.05;letter-spacing:-.04em}
.prose-grid article{font-size:17px;color:#706458}
.prose-grid article h3{color:var(--ink);font-size:25px;margin-top:36px}
.page-band{background:#9a6325;color:#fff;padding:85px 0}
.page-band span{font:900 10px/1 ui-monospace,monospace;letter-spacing:.14em}
.page-band h2{font-size:clamp(40px,5vw,64px);line-height:1.03;letter-spacing:-.05em;max-width:980px;margin:14px 0 0}
.contact-section{padding:100px 0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-grid article{min-height:300px;padding:28px;border-radius:30px 10px 30px 10px;background:#fff;border:1px solid #ddd3c7;display:flex;flex-direction:column}
.contact-grid article>span{font-weight:950;color:#9a6325}
.contact-grid h2{font-size:28px;margin:auto 0 10px}
.contact-grid p{color:#76695d}
.contact-grid a{font-weight:900;color:#9a6325}
.faq-page-section{padding:90px 0}
.faq-page-list{max-width:900px}
.faq-page-list details{background:#fff;padding:0 24px;border-left:4px solid transparent}
.faq-page-list details[open]{border-left-color:#9a6325}
.legal-hero{background:#120d0a;color:#fff;padding:95px 0}
.legal-hero h1{font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.05em;margin:14px 0}
.legal-hero p{color:#c4b6a7}
.legal-content{padding:90px 0}
.legal-wrap{max-width:880px}
.legal-wrap section{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid #d9d0c5}
.legal-wrap h2{font-size:28px}
.legal-wrap p{font-size:16px;color:#706458}
.legal-wrap a{color:#9a6325;font-weight:900}
.responsible-section{padding:100px 0}
.responsible-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.responsible-grid article{min-height:260px;background:#fff;border:1px solid #ddd3c7;border-radius:30px 10px 30px 10px;padding:28px}
.responsible-grid article>span{font-size:30px;font-weight:950;color:#9a6325}
.responsible-grid h2{font-size:27px;margin:45px 0 8px}
.responsible-grid p{color:#76695d}
.error-page{min-height:100vh;display:grid;place-items:center;background:#020100;padding:24px}
.error-box{text-align:center;width:min(720px,100%)}
.error-box>span{font:900 10px/1 ui-monospace,monospace;color:var(--amber)}
.error-box h1{font-size:clamp(48px,8vw,84px);line-height:1;letter-spacing:-.05em}
.error-box p{color:var(--muted);margin-bottom:28px}

.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.js .reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  .desktop-nav,.desktop-only{display:none}.menu-button{display:block}
  .hero-grid,.menu-layout,.prep-grid,.faq-grid,.page-hero-grid,.prose-grid{grid-template-columns:1fr}
  .menu-card{max-width:760px}
  .recipe-grid{grid-template-columns:1fr}.recipe-nav{display:none}
  .final-box{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .contact-grid{grid-template-columns:1fr}
  .responsible-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .shell,.stations-head{width:min(var(--max),calc(100% - 28px))}
  .header-inner{height:70px}.brand img{width:175px}.mobile-actions{grid-template-columns:1fr}
  .hero{padding-top:65px}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.hero-actions{display:grid}
  .service-strip{grid-template-columns:1fr 1fr}.service-strip>div:nth-child(2){border-right:0}.service-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .menu-section,.stations,.faq-section{padding:80px 0}.featured-dish h3{font-size:36px}
  .menu-row{grid-template-columns:52px 1fr 60px}.menu-row small{grid-column:2}.menu-row b{grid-column:3;grid-row:1/3}
  .station-row{grid-template-columns:52px 1fr 26px;padding:24px 14px}.station-row small{grid-column:2}.station-row b{grid-column:3;grid-row:1/3}
  .prep{padding:80px 0}.prep-list{grid-template-columns:1fr}
  .recipe-notes{padding:82px 0}.recipe-copy h2{font-size:36px}.recipe-copy p{font-size:16px}
  .final-actions{width:100%;display:grid}
  .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}
  .page-hero{padding:75px 0}.page-hero h1{font-size:47px}
  .page-content,.contact-section,.legal-content,.responsible-section,.faq-page-section{padding:70px 0}
  .responsible-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
