:root{--ink:#0b0e0c;--paper:#f1eee6;--gold:#c7a46a;--olive:#4f5d3e;--ember:#a5422f;--line:rgba(241,238,230,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.65 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,p{margin-top:0}h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:.92;letter-spacing:-.045em}
.site-header{position:fixed;z-index:50;inset:0 0 auto;background:var(--olive);border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.3)}.header-main{height:74px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-logo{width:44px;height:44px;border:1px solid rgba(255,255,255,.8);border-radius:50%;overflow:hidden;background:#fff}.brand-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.17)}.wordmark{text-align:center}.wordmark strong,.wordmark small{display:block;line-height:1;letter-spacing:.18em}.wordmark strong{font-size:1.08rem}.wordmark small{font-size:.55rem;color:#f3d8a6;margin-top:6px;padding-left:.18em}.header-location{margin:0;color:rgba(255,255,255,.75);font:500 .65rem/1.3 Montserrat,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions>a{padding:10px 14px;border:1px solid rgba(255,255,255,.55);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.header-actions>a:hover{background:rgba(255,255,255,.12)}.header-actions .header-order{background:var(--ember);border-color:#d5ad70;color:#fff}.site-header nav{height:46px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:stretch;justify-content:center;background:#171b18;border-top:1px solid rgba(255,255,255,.13)}.site-header nav a{min-width:105px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.11);font-size:.67rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:.2s}.site-header nav a:last-child{border-right:1px solid rgba(255,255,255,.11)}.site-header nav a:hover{background:rgba(165,66,47,.55)}.site-header nav a[aria-current="page"]{background:var(--ember);color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
.view{display:none;min-height:calc(100svh - 120px);padding-top:120px}.view.is-active{display:block;animation:viewIn .35s ease both}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-view{position:relative;min-height:100svh;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,9,.98),rgba(8,10,9,.86) 42%,rgba(8,10,9,.32) 78%),linear-gradient(0deg,rgba(8,10,9,.78),transparent 55%)}.hero-content{position:relative;z-index:2;min-height:calc(100svh - 120px);display:grid;grid-template-columns:minmax(380px,.85fr) minmax(490px,1.15fr);gap:clamp(36px,6vw,100px);align-items:center;padding:54px clamp(24px,6vw,96px) 110px}.hero-intro{max-width:650px}.eyebrow{font-size:.69rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:19px}.hero-intro h1,.category-hero h1,.split-copy h1,.page-heading h1,.about-layout h1,.visit-layout h1{font-size:clamp(4.5rem,8vw,8.4rem);margin-bottom:24px}.hero-intro h1 em{color:var(--gold);font-weight:500}.hero-intro>p:last-of-type{font:500 1.45rem/1.35 "Cormorant Garamond";color:#ddd7cb;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ember);color:#fff;border:1px solid #d4af72}.secondary{background:var(--olive);color:#fff;border:1px solid rgba(255,255,255,.3)}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-card{min-height:195px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid rgba(201,164,106,.65);background:var(--olive);box-shadow:0 16px 38px rgba(0,0,0,.3);transition:.25s}.category-card:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:1;transition:.35s}.menu-card:before{background-image:linear-gradient(145deg,rgba(89,27,17,.22),rgba(10,12,11,.84)),url("element-pizza.jpeg")}.cello-card:before{background-image:linear-gradient(145deg,rgba(58,75,42,.12),rgba(10,12,11,.86)),url("house-cellos.jpeg")}.event-card:before{background-image:linear-gradient(145deg,rgba(165,66,47,.16),rgba(10,12,11,.84)),url("ethan-levy-brunch.jpeg")}.gallery-card:before{background-image:linear-gradient(145deg,rgba(79,93,62,.12),rgba(10,12,11,.86)),url("element-pasta.jpeg")}.category-card>*{position:relative;z-index:1}.category-card>span,.category-card small{font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:#f1dfbd;text-shadow:0 2px 10px rgba(0,0,0,.8)}.category-card h2{font-size:3.2rem;margin:5px 0 0;text-shadow:0 3px 18px rgba(0,0,0,.85)}.category-card b{position:absolute;top:20px;right:22px;font-size:1.25rem;font-weight:400;color:#f3d8a6;text-shadow:0 2px 10px rgba(0,0,0,.8)}.category-card:hover{transform:translateY(-4px);border-color:#f3d8a6;box-shadow:0 20px 48px rgba(0,0,0,.42)}.category-card:hover:before{filter:saturate(1.16) brightness(1.08);transform:scale(1.04)}.element-ribbon{position:absolute;z-index:3;bottom:0;left:0;right:0;height:68px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,10,9,.9);border-top:1px solid var(--line)}.element-ribbon span{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid var(--line);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#cfcac0}.element-ribbon img{width:31px;height:31px;object-fit:contain}
.category-hero{min-height:440px;display:flex;align-items:flex-end;padding:70px clamp(24px,8vw,130px);background-size:cover;background-position:center;position:relative}.category-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,9,.94),rgba(8,10,9,.32)),linear-gradient(0deg,rgba(8,10,9,.82),transparent)}.category-hero>div{position:relative;z-index:1;max-width:700px}.category-hero h1{margin-bottom:12px}.category-hero p:last-child{font:500 1.35rem/1.4 "Cormorant Garamond"}.menu-hero{background-image:url("element-pizza.jpeg")}.event-hero{background-image:url("ethan-levy-brunch.jpeg");background-position:center 34%}.page-content{padding:clamp(70px,9vw,130px) clamp(24px,8vw,130px)}
.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);background:var(--paper);color:var(--ink)}.menu-options h2{font-size:clamp(3.2rem,6vw,5.5rem);margin-bottom:18px}.menu-options article>p:nth-of-type(2){max-width:440px}.menu-options .button{margin:14px 0 30px}.menu-options article>img{display:block;width:100%;max-height:780px;object-fit:contain;object-position:top;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.15)}
.split-hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 82px)}.split-photo img{width:100%;height:100%;object-fit:cover}.split-copy{padding:clamp(60px,9vw,140px);display:flex;flex-direction:column;justify-content:center;background:var(--olive)}.split-copy p:last-child{max-width:620px;font-size:1.1rem}.flavor-list{display:flex;flex-wrap:wrap;gap:10px;padding:50px clamp(24px,8vw,130px);background:var(--paper);color:var(--ink)}.flavor-list span{padding:10px 15px;border:1px solid rgba(11,14,12,.28);font-size:.69rem;letter-spacing:.1em;text-transform:uppercase}
.event-list{display:grid;grid-template-columns:1fr 1fr}.event-list article{padding:45px;border:1px solid var(--line);min-height:310px}.event-list h2{font-size:clamp(2.8rem,5vw,4.6rem);margin-bottom:22px}.event-list a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.event-list .featured-event{grid-column:1/-1;padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:430px}.featured-event img{width:100%;height:100%;object-fit:cover;max-height:520px}.featured-event div{padding:clamp(45px,7vw,100px);background:var(--olive);display:flex;flex-direction:column;justify-content:center}
.page-heading{padding:clamp(80px,10vw,150px) clamp(24px,8vw,130px) 60px}.page-heading h1{margin-bottom:20px}.photo-grid{padding:0 clamp(24px,6vw,90px) 100px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.photo-grid figure{margin:0;position:relative;min-height:420px;overflow:hidden}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:.4s}.photo-grid figure:hover img{transform:scale(1.03)}.photo-grid figcaption{position:absolute;left:22px;bottom:20px;padding:7px 11px;background:rgba(8,10,9,.8);font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}
.about-layout{min-height:620px;padding:clamp(80px,11vw,170px) clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--paper);color:var(--ink)}.about-copy{align-self:center;font:500 1.4rem/1.5 "Cormorant Garamond";max-width:600px}.about-copy .button{font-family:Montserrat;font-size:.7rem;margin-top:20px}.element-stories{display:grid;grid-template-columns:repeat(4,1fr)}.element-stories article{min-height:430px;position:relative;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.element-stories img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.element-stories article:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(8,10,9,.93))}.element-stories h2,.element-stories p{position:relative;z-index:1}.element-stories h2{font-size:3.8rem;margin-bottom:8px}
.visit-layout{min-height:calc(100svh - 82px);display:grid;grid-template-columns:1.1fr .9fr;background:var(--gold);color:var(--ink)}.visit-layout>div:first-child{padding:clamp(70px,10vw,150px);align-self:center}.visit-layout h1{font-size:clamp(4rem,7vw,7rem)}address{font:500 1.8rem/1.4 "Cormorant Garamond";font-style:normal}.visit-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171b18;color:#fff;gap:30px;text-align:center;letter-spacing:.15em}.visit-mark img{width:min(330px,55%);aspect-ratio:1;object-fit:cover;border-radius:50%}.visit-mark strong{font:500 1.8rem/1.25 "Cormorant Garamond"}
footer{padding:46px clamp(24px,6vw,90px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;border-top:1px solid var(--line)}footer>p{text-align:center;color:#8d8c86;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;margin:0}footer>div{display:flex;gap:18px;font-size:.7rem;text-transform:uppercase}footer>small{grid-column:1/-1;color:#646761;font-size:.65rem}
@media(max-width:1000px){.header-main{height:68px}.header-location{display:none}.header-actions>a:first-child{display:none}.site-header nav{height:44px;justify-content:flex-start;overflow-x:auto;padding:0;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{min-width:max-content;padding:0 19px}.view{padding-top:112px}.hero-content{min-height:calc(100svh - 112px);grid-template-columns:1fr;padding-top:54px}.hero-intro{max-width:720px}.category-grid{max-width:720px}.split-hero,.visit-layout{grid-template-columns:1fr}.split-photo{max-height:560px}.element-stories{grid-template-columns:1fr 1fr}.visit-mark{min-height:500px}footer{grid-template-columns:1fr;text-align:center}footer .brand,footer>div{justify-content:center}footer>small{grid-column:auto}}
@media(max-width:650px){.header-main{height:64px;padding:0 14px}.brand-logo{width:38px;height:38px}.wordmark strong{font-size:.9rem}.header-actions>a{padding:8px 10px;font-size:.58rem}.site-header nav{height:42px}.site-header nav a{padding:0 15px;font-size:.62rem}.view{padding-top:106px}.hero-content{display:block;padding:60px 20px 112px}.hero-intro h1,.category-hero h1,.split-copy h1,.page-heading h1,.about-layout h1,.visit-layout h1{font-size:3.85rem}.hero-intro>p:last-of-type{font-size:1.16rem}.actions .button{width:100%}.category-grid{margin-top:38px;grid-template-columns:1fr 1fr;gap:8px}.category-card{min-height:145px;padding:17px}.category-card h2{font-size:2.25rem}.category-card b{top:13px;right:15px}.element-ribbon{height:54px}.element-ribbon span{font-size:0}.element-ribbon img{width:32px;height:32px}.category-hero{min-height:360px;padding:50px 22px}.menu-options,.event-list,.featured-event,.about-layout{grid-template-columns:1fr}.menu-options,.page-content{padding:70px 22px}.event-list .featured-event{grid-column:auto}.featured-event img{max-height:360px}.event-list article{padding:32px 22px}.split-copy{padding:70px 22px}.photo-grid{grid-template-columns:1fr;padding:0 16px 70px}.photo-grid figure{min-height:360px}.about-layout{gap:30px;padding:80px 22px}.about-copy{font-size:1.2rem}.element-stories{grid-template-columns:1fr 1fr}.element-stories article{min-height:300px;padding:20px}.element-stories h2{font-size:2.8rem}.visit-layout>div:first-child{padding:80px 22px}.visit-mark{min-height:390px}}