/* Ellie editorial direction — own identity, inspired by modern restaurant typography */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--display:'Archivo Black',Arial,sans-serif;--utility:'DM Sans',Arial,sans-serif;--condensed:'Barlow Condensed',Impact,sans-serif;--cobalt:#2935ae;--coral:#e86a43;--shell:#f7f5ef}
body{font-family:var(--utility);background:var(--shell)}
body.overlay-open{overflow:hidden}
.wild-header{height:106px;padding:28px 5vw;align-items:center;position:absolute;z-index:40}
.wild-header .brand{width:130px}
.wild-header .desktop-nav{display:flex;gap:25px;color:#fff7ec}
.wild-header .nav-toggle{display:flex;position:relative;border:0;background:none;cursor:pointer;width:44px;height:44px;padding:10px;flex-direction:column;justify-content:center;gap:7px;z-index:42}
.wild-header .nav-toggle span{display:block;width:28px;height:2px;background:var(--cream)}
.site-overlay[hidden]{display:none!important}
.site-overlay{position:fixed;inset:0;z-index:1000;background:var(--coral);color:#171915;padding:clamp(26px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain}
.overlay-bar{display:flex;align-items:flex-start;justify-content:space-between}
.overlay-logo{display:block;width:clamp(110px,18vw,195px)}
.overlay-logo img{display:block;width:100%;height:auto}
.overlay-close{position:relative;width:48px;height:48px;background:none;border:0;cursor:pointer;color:inherit}
.overlay-close span{position:absolute;left:8px;top:23px;width:32px;height:2px;background:currentColor;transform:rotate(45deg)}
.overlay-close span:last-child{transform:rotate(-45deg)}
.overlay-links{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,2vh,24px);margin:45px auto}
.overlay-links a{font:800 clamp(65px,12vw,160px)/.95 var(--condensed);text-transform:uppercase;letter-spacing:-.025em;text-align:center;text-decoration:none;transition:transform .2s,color .2s}
.overlay-links a:hover,.overlay-links a:focus-visible{transform:scale(1.045);color:#fff2dd}
.overlay-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:600 12px/1.5 var(--utility);letter-spacing:.07em;text-transform:uppercase}
.atmospheric-hero{background:var(--olive)}
.atmospheric-hero h1{font:900 clamp(67px,10vw,150px)/.98 var(--display);letter-spacing:-.067em;max-width:1160px}
.atmospheric-hero h1 em{font-style:normal;color:var(--blue)}
.atmospheric-hero .hero-intro{font-size:clamp(18px,2vw,26px)}
.wild-story{background:#faf9f5;color:var(--cobalt);padding:clamp(70px,9vw,145px) max(28px,6vw);min-height:90vh}
.wild-rule{height:2px;background:#131713;margin-bottom:40px}
.wild-kicker{font:500 clamp(16px,1.4vw,22px)/1.4 var(--utility);color:inherit;margin:0 0 clamp(55px,8vw,120px)}
.wild-story h2{font:900 clamp(37px,5.6vw,86px)/1.075 var(--display);letter-spacing:-.05em;text-transform:uppercase;max-width:1380px;margin:0}
.wild-story-sub{font:500 clamp(18px,2vw,27px)/1.4 var(--utility);margin:85px 0 0;color:#313943}
.wild-feature{display:grid;grid-template-columns:1fr 1fr;background:#c6d3c8;color:var(--dark);min-height:90vh}
.wild-feature-text{padding:clamp(70px,8vw,135px) 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.wild-feature-text .wild-kicker{margin-bottom:40px;text-transform:none}
.wild-feature h2{font:900 clamp(52px,6.2vw,98px)/1.04 var(--display);letter-spacing:-.05em;margin:0 0 38px}
.wild-feature-text>p:not(.wild-kicker){font-size:clamp(18px,2vw,25px);line-height:1.4;max-width:560px;margin:0 0 38px}
.wild-feature-visual{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8vw 6vw;background:#e8cec2}
.wild-feature-frame{height:min(61vw,650px);min-height:380px;display:flex;align-items:end;padding:22px;background:linear-gradient(138deg,#9b9b89,#d5bb9f 55%,#746f5e);border:1px solid #504d4159;position:relative;overflow:hidden}
.wild-feature-frame:before{content:"";width:72%;height:112%;border-radius:49% 49% 0 0;position:absolute;right:10%;top:18%;background:linear-gradient(100deg,#e6d2b6,#8a866f 40%,#4a514a);border:16px solid #d9c8a9;opacity:.6}
.wild-feature-frame span{font:600 11px var(--utility);letter-spacing:.13em;color:#fffdf4;position:relative}
.wild-feature-visual>p{font-size:12px;max-width:320px;line-height:1.5;margin:18px 0 0}
.wild-color-panel{background:#c6dce5;color:#343a34;padding:clamp(100px,12vw,200px) 6vw;display:flex;justify-content:space-between;gap:30px;align-items:end}
.wild-color-panel>p{font:900 clamp(55px,8vw,127px)/1.05 var(--display);letter-spacing:-.075em;margin:0}
.wild-color-panel>div{display:flex;flex-direction:column;align-items:flex-start;gap:25px}
.wild-color-panel>div>span{font:600 12px var(--utility);letter-spacing:.08em;white-space:nowrap}
.menu-page .wild-header{position:relative;background:var(--coral)}
.menu-page .wild-menu-intro{background:var(--coral);color:#1c1a16;padding-top:80px;padding-bottom:110px}
.menu-page .wild-menu-intro h1{font:900 clamp(100px,17vw,250px)/.9 var(--condensed);letter-spacing:-.02em;margin:25px 0 40px}
.menu-page .wild-menu-intro .period{color:var(--cobalt)}
.menu-page .wild-menu-intro>p:not(.eyebrow){font-weight:600}
.menu-category-nav{position:sticky;top:0;z-index:30;background:#f8f5ee;display:flex;align-items:center;overflow-x:auto;gap:27px;padding:18px 5vw;border-bottom:1px solid #32372e;scrollbar-width:thin}
.menu-category-nav a{white-space:nowrap;font:600 12px var(--utility);letter-spacing:.06em;text-decoration:none}
.menu-category-nav a:hover,.menu-category-nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.menu-nav-label{white-space:nowrap;font:700 11px var(--utility);letter-spacing:.1em;text-transform:uppercase;color:#9b5946}
.menu-layout{padding-top:75px}
.menu-category{scroll-margin-top:85px}
.menu-category h2{font:900 clamp(42px,5vw,72px)/1.05 var(--display);letter-spacing:-.045em}
.menu-item h3{font:700 16px/1.3 var(--utility)}
.menu-item p{font:400 14px/1.5 var(--utility)}
.ellie-button{font-family:var(--utility);font-weight:700}
@media(max-width:850px){
.wild-header{height:95px;padding:24px}.wild-header .desktop-nav{display:none}
.overlay-links{gap:14px;margin:auto}
.overlay-links a{font-size:clamp(64px,16vw,120px)}
.overlay-bottom{font-size:10px}
.atmospheric-hero h1{font-size:clamp(57px,13.3vw,104px);line-height:1.03}
.wild-story{min-height:auto;padding:85px 24px 100px}
.wild-story .wild-kicker{margin-bottom:60px}
.wild-story h2{font-size:clamp(32px,7.6vw,62px);letter-spacing:-.05em}
.wild-story-sub{margin-top:60px}
.wild-feature{grid-template-columns:1fr}
.wild-feature-text{padding:90px 24px 70px}
.wild-feature h2{font-size:clamp(51px,11vw,86px)}
.wild-feature-visual{padding:60px 24px 70px}
.wild-feature-frame{min-height:380px;height:110vw;max-height:600px}
.wild-color-panel{padding:95px 24px;flex-direction:column;align-items:flex-start}
.wild-color-panel>p{font-size:clamp(56px,12vw,105px)}
.menu-page .wild-menu-intro h1{font-size:clamp(100px,21vw,170px)}
.menu-category-nav{padding:18px 24px;gap:23px}
}
@media(max-width:380px){.overlay-links a{font-size:60px}.wild-story h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.overlay-links a{transition:none}}
