:root { --ink:#17110d; --cream:#f5efe6; --paper:#fffaf3; --red:#c41f2b; --gold:#d59d52; --muted:#766b62; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; }
.wrap { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.site-header { position:absolute; inset:0 0 auto; z-index:10; border-bottom:1px solid #ffffff2b; }
.nav { height:94px; display:flex; align-items:center; justify-content:space-between; }
.nav img { width:94px; height:94px; object-fit:contain; filter:drop-shadow(0 4px 14px #0008); }
.nav nav { display:flex; gap:34px; color:#fff; text-transform:uppercase; font-size:.82rem; font-weight:800; letter-spacing:.12em; }
.nav nav a:hover { color:var(--gold); }
.hero { min-height:780px; position:relative; display:grid; align-items:center; color:#fff; background:url('/images/photo-1.jpg') center/cover no-repeat; }
.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,#100a07ed 0%,#100a07b8 48%,#100a0738 100%),linear-gradient(0deg,#100a07a8 0%,transparent 45%); }
.hero__content { position:relative; padding-top:100px; } .hero__logo { width:150px; margin-bottom:18px; }
.eyebrow { margin:0 0 12px; color:var(--gold); font-size:.76rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3 { font-family:Georgia,'Times New Roman',serif; }
.hero h1 { margin:0; font-size:clamp(4rem,8vw,7.5rem); line-height:.85; letter-spacing:-.055em; text-transform:uppercase; }
.hero__lede { max-width:590px; margin:28px 0 0; font-size:1.2rem; line-height:1.7; color:#f6ede3; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 24px; border:1px solid #fff7; font-size:.77rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; transition:.2s; }
.button--red { background:var(--red); border-color:var(--red); color:#fff; } .button--ghost { color:#fff; backdrop-filter:blur(4px); } .button:hover { transform:translateY(-2px); filter:brightness(1.1); }
.ticker { min-height:62px; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; align-items:center; padding:12px 20px; background:var(--red); color:#fff; font-size:.75rem; font-weight:900; letter-spacing:.17em; }
.ticker i { width:5px; height:5px; border-radius:50%; background:var(--gold); }
.section { padding-block:100px; }
.feature { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:80px; } .feature__image { min-height:470px; display:grid; place-items:center; background:var(--cream); overflow:hidden; } .feature__image img { width:92%; height:460px; object-fit:contain; }
h2 { margin:0 0 22px; font-size:clamp(2.7rem,5vw,4.8rem); line-height:.95; text-transform:uppercase; letter-spacing:-.045em; }
.feature__copy>p:not(.eyebrow),.atmosphere p { color:var(--muted); font-size:1.07rem; line-height:1.8; }
.text-link { display:inline-block; margin-top:18px; color:var(--red); font-size:.78rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.atmosphere { background:var(--ink); color:#fff; } .atmosphere__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:center; } .atmosphere p:not(.eyebrow) { color:#d7cbbf; } .atmosphere img { width:100%; max-height:560px; object-fit:cover; }
.section-heading { text-align:center; margin-bottom:48px; }
.events-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.event-card { display:grid; grid-template-columns:210px 1fr; background:#fff; border:1px solid #e8ded3; box-shadow:0 18px 50px #47301c14; }
.event-card img { width:100%; height:320px; object-fit:cover; background:#111; } .event-card>div { padding:36px 28px; align-self:center; } .event-card h3 { margin:0 0 12px; font-size:2rem; text-transform:uppercase; } .event-card p:last-child { color:var(--muted); line-height:1.7; }
footer { padding-top:72px; background:#0f0b08; color:#f7eee5; } .footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:60px; } .footer-logo { width:130px; } footer h3 { color:var(--gold); font-family:Arial,sans-serif; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; } footer p { color:#c9bdb3; line-height:1.7; } .footer-bottom { margin-top:60px; padding-block:24px; border-top:1px solid #ffffff1f; color:#897d73; font-size:.75rem; }
.menu-hero { padding:180px 0 90px; color:#fff; background:linear-gradient(#130d09db,#130d09db),url('/images/photo-1.jpg') center 45%/cover; } .menu-hero h1 { margin:0; font-size:clamp(4rem,9vw,7rem); line-height:.9; text-transform:uppercase; } .menu-hero p:last-child { color:#d9cec4; }
.menu-layout { display:grid; grid-template-columns:320px 1fr; gap:72px; padding-block:90px; align-items:start; } .menu-photo { position:sticky; top:24px; display:grid; gap:24px; } .menu-photo img { width:100%; aspect-ratio:1; object-fit:contain; background:var(--cream); }
.menu-section { padding:0 0 58px; margin-bottom:58px; border-bottom:1px solid #dfd3c7; } .menu-section:last-child { border:0; } .menu-section h2 { font-size:2.8rem; } .section-description { max-width:680px; margin:-10px 0 28px; color:var(--muted); line-height:1.7; }
.menu-item { display:flex; justify-content:space-between; gap:28px; padding:19px 0; border-bottom:1px dashed #ded2c6; } .menu-item h3 { margin:0; font-family:Arial,sans-serif; font-size:1.05rem; } .menu-item p { max-width:650px; margin:7px 0 0; color:var(--muted); font-size:.92rem; line-height:1.55; } .menu-item strong { white-space:nowrap; color:var(--red); font-size:1rem; }
@media (max-width:820px) { .feature,.atmosphere__grid,.menu-layout { grid-template-columns:1fr; } .menu-photo { position:static; grid-template-columns:1fr 1fr; } .events-grid { grid-template-columns:1fr; } .footer-grid { grid-template-columns:1fr 1fr; } .footer-grid>div:first-child { grid-column:1/-1; } }
@media (max-width:560px) { .wrap { width:min(100% - 28px,1120px); } .nav { height:78px; } .nav img { width:76px;height:76px; } .nav nav { gap:15px; font-size:.62rem; } .hero { min-height:680px; } .hero__content { padding-top:90px; } .hero__logo { width:116px; } .section { padding-block:70px; } .feature { gap:38px; } .feature__image,.feature__image img { min-height:320px;height:320px; } .event-card { grid-template-columns:135px 1fr; } .event-card img { height:280px; } .event-card>div { padding:24px 18px; } .event-card h3 { font-size:1.5rem; } .menu-layout { gap:44px; padding-block:60px; } .footer-grid { grid-template-columns:1fr; } .footer-grid>div:first-child { grid-column:auto; } }