/* Wide gathering photo, feathered dark aperture, and a separate draggable food layer. */
.restaurant-hero.hero-table{display:block;height:auto;min-height:0;max-height:none;padding:0;overflow:visible;background:#171411}
.hero-table.hero-motion{height:180svh}
.hero-table-stage{position:relative;height:100svh;min-height:760px;overflow:hidden;isolation:isolate;background:#171411;color:#f3eddf;perspective:1400px}
.hero-motion .hero-table-stage{position:sticky;top:0}
.hero-portrait{position:absolute;inset:0;overflow:hidden;z-index:0;background:#171411}
.hero-portrait picture{display:block;width:100%;height:100%}
.hero-portrait img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
.hero-aperture{--aperture-x:47%;--aperture-y:32%;position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(13,12,11,.84);mask-image:radial-gradient(ellipse var(--aperture-x) var(--aperture-y) at 50% 46%,transparent 72%,rgba(0,0,0,.12) 82%,rgba(0,0,0,.5) 94%,rgba(0,0,0,.88) 106%,#000 116%)}
.site-header:not(.is-scrolled){background:rgba(19,17,15,.88)}
.hero-table .hero-content{position:absolute;inset:0;width:100%;z-index:3;pointer-events:none}
.hero-table .hero-content h1{font:400 clamp(80px,9.5vw,160px)/1 Young,Georgia,serif;letter-spacing:-.055em;white-space:nowrap}
.hero-line-first,.hero-line-last{display:block;position:absolute;width:100%;text-align:center;left:0}
.hero-line-first{top:13%}
.hero-line-last{top:67%;font-size:.83em}
.hero-table .hero-content p{position:absolute;left:5vw;bottom:38px;font-size:18px;line-height:1.45;max-width:400px;margin:0}
.hero-table .hero-actions{position:absolute;right:5vw;bottom:40px;display:flex;flex-direction:row;gap:28px;align-items:center;pointer-events:auto}
.hero-playground{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-play-help{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-food{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 20px 16px #08150c45)}
.hero-food-inner{display:block;width:100%;height:100%;padding:0;border:0;background:none;transform-origin:center;transform:rotate(var(--food-angle,0deg));pointer-events:auto;touch-action:none;user-select:none;cursor:grab;border-radius:50%;will-change:transform}
.hero-food-inner.is-grabbed{cursor:grabbing;filter:drop-shadow(0 12px 12px #08150c60)}
.hero-food-inner:focus{outline:none}
.hero-food-inner:focus-visible:not(.is-grabbed) img{filter:brightness(1.12) drop-shadow(0 0 10px #caa66599)}
.hero-food img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-food-salad{left:-3%;top:39%;width:29%;height:35%;--food-angle:-15deg}
.hero-food-citrus{right:1%;top:24%;width:21%;height:39%;--food-angle:12deg}
.hero-food-bites{right:40%;top:80%;width:16%;height:16%;--food-angle:14deg;z-index:2}
@media(min-width:1600px){.hero-table .hero-content h1{font-size:10vw}}
@media(max-width:1000px) and (min-width:761px){.hero-table .hero-content p{font-size:16px;max-width:300px}.hero-table .hero-actions{gap:18px}.hero-table .hero-actions .button{padding:16px}.hero-food-bites{display:none}}
@media(max-width:760px){
 .hero-table-stage{min-height:640px}
 .hero-table.hero-motion{height:165svh}
 .hero-table .hero-content h1{font-size:clamp(60px,17vw,110px);line-height:1;letter-spacing:-.055em}
 .hero-line-first{top:15%}
 .hero-line-last{top:64%;font-size:.62em}
 .hero-portrait{inset:8% 0 24%;mask-image:linear-gradient(#000 76%,transparent 100%)}
 .hero-portrait img{object-position:50% 42%}
 .hero-aperture{--aperture-x:61%;--aperture-y:29%;mask-image:radial-gradient(ellipse var(--aperture-x) var(--aperture-y) at 50% 45%,transparent 72%,rgba(0,0,0,.12) 82%,rgba(0,0,0,.5) 94%,rgba(0,0,0,.88) 106%,#000 116%)}
 .hero-food-salad{left:-12%;top:45%;width:45%;height:22%}
 .hero-food-citrus{right:-7%;top:14%;width:32%;height:26%}
 .hero-food-bites{display:none}
 .hero-table .hero-content p{left:6vw;right:6vw;bottom:112px;text-align:center;max-width:none;font-size:16px;margin:0}
 .hero-table .hero-actions{left:6vw;right:6vw;bottom:35px;justify-content:center;gap:18px;flex-wrap:nowrap}
 .hero-table .hero-actions .button{padding:16px;font-size:15px;gap:17px}
 .hero-table .hero-actions .text-link{font-size:15px}
}
@media(max-height:740px) and (min-width:761px){.hero-table-stage{min-height:620px}.hero-line-first{top:17%}.hero-table .hero-content h1{font-size:14vh}.hero-aperture{--aperture-y:33%}.hero-table .hero-content p{font-size:16px}.hero-table .hero-actions{bottom:25px}}
@media(max-width:350px){.hero-table .hero-actions{gap:12px}.hero-table .hero-actions .button{padding:14px;font-size:14px;gap:10px}.hero-table .hero-actions .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-table.hero-motion{height:auto}.hero-table .hero-table-stage{position:relative}}

.hero-table .hero-content h1{text-shadow:0 2px 24px #0008,0 1px 3px #0005}
