:root{--bg:#151716;--panel:#1f2120;--accent:#a6a182;--muted:#c0c1bd;--line:#ffffff25;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:white;font:16px/1.65 'Hanken Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e5dfaf;outline-offset:4px}img{display:block;max-width:100%;object-fit:cover}p{color:var(--muted);margin:0 0 22px}h1,h2,h3{line-height:1.13;margin:0 0 18px;text-transform:uppercase}h1{font-size:clamp(30px,5vw,72px);font-weight:800}h2{font-size:clamp(28px,3.6vw,50px);font-weight:800}h3{font-size:20px}em{font-style:normal;color:var(--accent)}[hidden]{display:none!important}.wrap{width:min(1290px,calc(100% - 48px));margin-inline:auto}.section{padding:96px 0}.panel{background:var(--panel)}.center{text-align:center}.center h2{max-width:780px;margin:0 auto 40px}.kicker{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:800;margin-bottom:12px}.kicker:before{content:'●';font-size:9px;margin-right:9px}.btn,.round{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:var(--accent);color:#111;border:1px solid transparent;border-radius:40px;padding:12px 24px;font-weight:800;transition:.2s}.btn:hover,.round:hover{background:white;color:#171717}.ghost{background:transparent;border-color:var(--accent);color:white}.round{padding:0;width:44px;height:44px}.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:5;background:#151716f5;border-bottom:1px solid var(--line)}.home header{position:absolute;top:0;width:100%;background:#15171652}.bar{display:flex;min-height:108px;align-items:center;justify-content:space-between;gap:16px}.logo{display:inline-flex;align-items:center;gap:15px;font-size:27px;font-weight:800;white-space:nowrap}.logo svg{width:50px;height:50px}.bar nav{display:flex;align-items:center;gap:24px}.navmore{position:relative}.navmore summary{cursor:pointer}.navmore div{position:absolute;min-width:205px;padding:14px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}.bar nav a:hover,.textlink:hover{color:var(--accent)}#navToggle{display:none}.hero,.banner,.feature,.review{background-image:linear-gradient(90deg,#111311e8,#11131194),var(--background);background-size:cover;background-position:center}.hero{position:relative;padding:174px 0 64px;min-height:790px;display:grid;align-items:center}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,76px);align-items:center}.hero .split{grid-template-columns:1.12fr 1fr}.hero p{max-width:610px;font-size:17px}.hero-photo{position:relative;margin-inline:6%;aspect-ratio:1}.hero-photo>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hero-photo .bubble{position:absolute;width:23%;height:auto;aspect-ratio:1;border:4px solid white;right:-4%;top:13%;box-shadow:0 0 0 8px #ffffff20}.hero-photo .bubble:last-child{left:-4%;right:auto;top:auto;bottom:11%}.slide-enter{animation:reveal .55s ease-out both}@keyframes reveal{from{opacity:.45;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.dots{justify-content:center;margin-top:30px}.dot{border:1px solid var(--accent);background:#ffffff30;border-radius:50%;width:14px;height:14px;padding:0}.dot[aria-current=true]{background:var(--accent)}.banner{padding:92px 0;text-align:center}.banner h1{margin-bottom:10px}.banner a{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:clip}.card figure{margin:0;overflow:clip}.card img{width:100%;height:auto;aspect-ratio:1.38;transition:transform .45s ease}.card:hover img{transform:scale(1.06)}.card div{padding:22px}.card p{margin-bottom:12px}.card.tall{position:relative}.card.tall img{aspect-ratio:.75;filter:brightness(.72)}.card.tall div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding-top:42px}.card.tall h3{margin-bottom:0}.photo{width:100%;height:auto;aspect-ratio:1.15;border-radius:20px}.daily .photo{border-radius:50%;aspect-ratio:1}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}.dish{display:flex;align-items:center;gap:16px;border-bottom:1px dashed var(--line);padding:14px 0}.dish img{border-radius:50%;width:76px;height:76px;flex:none}.dish h3,.dish p{margin:0}.dish p{font-size:15px}.feature{text-align:center;padding:130px 0}.review{text-align:center}.review blockquote{margin:24px auto;max-width:700px;font-size:23px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.chips a{padding:7px 15px;border:1px solid var(--line);border-radius:25px}.chips a:hover{background:var(--accent);color:#111}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);gap:38px}.article-layout aside{background:var(--panel);padding:24px;border-radius:14px;align-self:start}.article-layout aside a{display:block;margin-bottom:8px}.article-layout .photo{margin-bottom:28px}.faq{border:1px solid var(--line);border-radius:10px;margin:0 0 14px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:12px 0 0}.gallery button{border:0;padding:0;background:none;overflow:hidden;border-radius:14px}.gallery img{width:100%;height:auto;aspect-ratio:1.35;transition:transform .35s}.gallery button:hover img{transform:scale(1.05)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}label{display:grid;gap:5px}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#161817;color:white;padding:10px 12px}textarea{resize:vertical}.status{margin:12px 0 0}.reserve{border-top:1px solid var(--line)}.reserve .split{align-items:start}footer{border-top:1px solid var(--line);padding:35px 0}.footerbar{justify-content:space-between}.footerbar p{margin:0}iframe{width:100%;border:0;min-height:320px}.quick{position:fixed;z-index:6;left:10px;top:48%;display:grid;gap:7px}.quick .round,.up{box-shadow:0 4px 18px #0005}.quick .round{position:relative}.round svg{width:21px;height:21px;fill:currentColor}.tip{display:none;position:absolute;left:calc(100% + 6px);white-space:nowrap;padding:4px 10px;background:#161817;color:white;border-radius:5px}.round:hover .tip,.round:focus-visible .tip{display:block}.up{position:fixed;right:13px;bottom:15px;z-index:6}dialog{width:min(660px,calc(100% - 28px));max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:white;padding:26px}dialog::backdrop{background:#000b}dialog .close{float:right;margin-bottom:8px}dialog .gallery-img{clear:both;width:100%;max-height:65dvh;object-fit:contain}body:has(dialog[open]){overflow:hidden}section[id]{scroll-margin-top:125px}.empty{padding:26px;border:1px solid var(--line);border-radius:12px}.error-number{font-size:clamp(90px,22vw,235px);font-weight:800;line-height:1;color:var(--accent)}
@media(max-width:1100px){.bar nav{gap:14px}.bar>.btn{display:none}.hero{min-height:670px}.quick{top:auto;bottom:14px;display:flex}.quick .tip{left:0;bottom:calc(100% + 5px)}footer{padding-bottom:75px}}
@media(max-width:991px){.bar{min-height:84px}.bar nav{display:none}#navToggle{display:inline-flex}.bar nav.open{position:absolute;display:grid;inset:84px 0 auto;background:var(--panel);padding:20px 24px;max-height:calc(100dvh - 84px);overflow:auto}.navmore div{position:static}.bar:has(nav.open){}body:has(nav.open){overflow:hidden}.section{padding:68px 0}.hero{min-height:0;padding-top:132px}.hero .split{grid-template-columns:1fr}.hero-photo{width:min(78%,510px);margin:auto}.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}.split,.menu-grid,.article-layout{grid-template-columns:1fr}.grid:not(.four){grid-template-columns:1fr}.section{padding:54px 0}.hero{padding-bottom:34px}.logo{font-size:24px}.logo svg{width:44px;height:44px}.four{gap:13px}.card div{padding:15px}.card h3{font-size:17px}.feature,.banner{padding:74px 0}.formgrid{grid-template-columns:1fr}.quick .round,.up{width:40px;height:40px}.footerbar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Slider and scroll effects */
#heroSlide{position:relative;display:grid}
#heroSlide>.split{grid-area:1/1;min-width:0}
#heroSlide .slide-enter{animation:hero-in 1s ease both}
#heroSlide .hero-outgoing{animation:hero-out 1s ease both;pointer-events:none}
@keyframes hero-in{from{opacity:0}to{opacity:1}}
@keyframes hero-out{from{opacity:1}to{opacity:0}}
.motion-word{display:inline-block;white-space:nowrap}
.motion-char{display:inline-block}
.home.scrolled-header header{position:fixed;background:#151716f5;animation:header-in .35s ease-out both}
@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.about-collage{position:relative;margin:0;padding:0 14% 12% 0}
.about-collage .photo:first-child{aspect-ratio:1}
.about-collage .photo:last-child{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:1;border:7px solid var(--bg)}
.about-points{margin-top:42px;border-top:1px solid var(--line);padding-top:28px}
.about-point{display:flex;align-items:flex-start;gap:16px}
.about-point>span{color:var(--accent);font-size:24px;font-weight:800}
.about-point p{margin-bottom:0}
.ingredients{display:grid;gap:8px;padding-left:20px;margin:0 0 24px}
.ingredients li::marker{color:var(--accent)}
.feature .btn{box-shadow:0 0 0 9px #ffffff1a}
#reviewContent{animation:hero-in 1s ease both}
@media(min-width:992px) and (prefers-reduced-motion:no-preference){.review,.banner{background-attachment:fixed}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sidebar-first{grid-template-columns:minmax(220px,325px) minmax(0,1fr)}
.sidebar-first aside>a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}
.sidebar-first aside>a[aria-current=page]{color:var(--accent)}
.detail-cta{margin-top:24px;padding:25px 18px;border-radius:12px;background:linear-gradient(#1119,#111d),var(--background) center/cover}
.detail-cover{aspect-ratio:1.85}
.post-detail{max-width:1000px;margin:auto}
.post-detail .photo{margin-bottom:32px}
.post-detail blockquote{margin:26px 0;padding:28px;background:var(--panel);border-left:4px solid var(--accent);font-size:22px}
.post-actions{border-top:1px solid var(--line);padding-top:22px}
@media(max-width:760px){.sidebar-first{grid-template-columns:1fr}.sidebar-first article{grid-row:1}}