@font-face{ font-family:"Rubik"; font-style:normal; font-weight:400; src:url("/assets/fonts/rubik/rubik-v23-latin-regular.woff2") format("woff2"); font-display:swap;}@font-face{ font-family:"Rubik"; font-style:normal; font-weight:500; src:url("/assets/fonts/rubik/rubik-v23-latin-500.woff2") format("woff2"); font-display:swap;}@font-face{ font-family:"Rubik"; font-style:normal; font-weight:700; src:url("/assets/fonts/rubik/rubik-v23-latin-700.woff2") format("woff2"); font-display:swap;}@font-face{ font-family:"Rubik"; font-style:normal; font-weight:800; src:url("/assets/fonts/rubik/rubik-v23-latin-800.woff2") format("woff2"); font-display:swap;}:root{ --bg:#f3eadc; --paper:#fff7ec; --ink:#161616; --muted:#4a4c48; --line:rgba(25, 33, 38, 0.1); --teal:#7fd3c6; --teal-deep:#0f6a62; --coral:#d94f32; --mustard:#d9a441; --sand:#ddc7a6; --shadow:0 20px 48px rgba(22, 22, 22, 0.12); --radius-xl:32px; --radius-lg:24px; --radius-md:18px; --wrap:min(1180px, calc(100vw - 32px));}*{ box-sizing:border-box;}html{ scroll-behavior:smooth;}body{ margin:0; font-family:"Rubik", "Trebuchet MS", sans-serif; color:var(--ink); background: radial-gradient(circle at top left, rgba(234, 91, 61, 0.2), transparent 28%), radial-gradient(circle at top right, rgba(127, 211, 198, 0.24), transparent 30%), linear-gradient(180deg, #fbf3e7 0%, var(--bg) 100%); line-height:1.55;}img{ max-width:100%; display:block;}a{ color:inherit; text-decoration:none;}.site-header{ position:sticky; top:0; z-index:20; backdrop-filter:blur(16px); background:rgba(251, 246, 238, 0.88); border-bottom:1px solid rgba(25, 33, 38, 0.06);}.nav-shell,.section,.footer-shell{ width:var(--wrap); margin:0 auto;}.nav-shell{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 0;}.nav-toggle{ display:none; border:0; border-radius:999px; background:var(--coral); color:#fff; padding:12px 16px; font:inherit; font-weight:700; cursor:pointer;}.brand{ display:inline-flex; align-items:center; gap:14px;}.brand img{ width:176px; height:auto;}.nav-links{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:flex-end;}.nav-links a{ font-size:0.95rem; color:var(--muted);}.nav-links a.active,.nav-links a:hover{ color:var(--coral);}.nav-cta{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border:0; border-radius:999px; background:var(--coral); color:#fff; font-weight:700; box-shadow:0 12px 24px rgba(234, 91, 61, 0.24); cursor:pointer; font:inherit;}.nav-dropdown{ position:relative;}.nav-dropdown-toggle::after{ content:"▾"; font-size:0.82rem; margin-left:2px;}.nav-dropdown-menu{ position:absolute; top:calc(100% + 12px); right:0; z-index:50; min-width:248px; padding:10px; display:none; border-radius:22px; background:rgba(255, 249, 241, 0.98); border:1px solid rgba(25, 33, 38, 0.08); box-shadow:0 20px 40px rgba(25, 33, 38, 0.16);}.nav-dropdown.open .nav-dropdown-menu{ display:grid; gap:4px;}.nav-dropdown-menu a{ display:block; width:100%; padding:10px 12px; border-radius:14px; color:var(--ink);}.nav-dropdown-menu a:hover{ background:rgba(127, 211, 198, 0.16); color:var(--coral);}.nav-delivery-menu{ min-width:320px; gap:10px;}.nav-delivery-group{ padding:6px 4px;}.nav-delivery-group strong{ display:block; margin:0 0 8px; padding:0 8px; font-size:0.9rem; color:var(--ink);}.nav-delivery-links{ display:flex; flex-wrap:wrap; gap:6px;}.nav-delivery-links a{ width:auto; padding:8px 12px; border-radius:999px; background:rgba(127, 211, 198, 0.14); font-size:0.92rem;}.hero{ width:var(--wrap); margin:28px auto 0; display:grid; grid-template-columns:1.1fr 0.9fr; gap:26px; align-items:stretch;}.hero-home{ display:block;}.hero-stage{ position:relative; min-height:660px; overflow:hidden; border-radius:var(--radius-xl); box-shadow:var(--shadow); background:#192126;}.hero-slideshow{ position:absolute; inset:0; z-index:0;}.hero-slide{ position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity 1.2s ease-in-out;}.hero-slide img{ width:100%; height:100%; object-fit:cover;}.hero-slide--active{ opacity:1;}.hero-stage-copy{ position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; min-height:660px; padding:34px; color:#fff; background:linear-gradient(180deg, rgba(15, 19, 18, 0.08), rgba(15, 19, 18, 0.3) 38%, rgba(15, 19, 18, 0.72) 100%);}.hero-stage-copy > *{ position:relative; z-index:1;}.hero-stage-copy .eyebrow{ background:rgba(234, 91, 61, 0.9); color:#fff;}.hero-stage-copy .lead{ max-width:34rem; color:#fff; text-shadow:0 2px 12px rgba(0, 0, 0, 0.35); font-weight:500;}.hero-stage-copy p.lead{ color:#fff;}.hero-stage-copy h1{ text-shadow:0 4px 18px rgba(0, 0, 0, 0.35);}.hero-stage-copy .button-secondary{ background:rgba(255, 255, 255, 0.16); color:#fff;}.hero-stage-copy .pill{ background:rgba(255, 255, 255, 0.12); color:rgba(255, 255, 255, 0.92);}.hero-stage-copy .metric{ background:rgba(255, 249, 241, 0.92);}.hero-copy,.hero-visual,.card,.story-grid,.store-card,.contact-panel,.menu-card,.quote-card,.cta-band,.info-panel,.footer-shell{ border-radius:var(--radius-xl); box-shadow:var(--shadow);}.hero-copy{ padding:34px; background: linear-gradient(135deg, rgba(255, 249, 241, 0.98), rgba(255, 244, 226, 0.92)), var(--paper); min-height:560px; display:flex; flex-direction:column;}.eyebrow{ display:inline-flex; align-items:center; gap:8px; align-self:flex-start; padding:10px 14px; border-radius:999px; background:rgba(156, 207, 202, 0.22); color:var(--teal-deep); font-size:0.9rem; font-weight:700; letter-spacing:0.03em; text-transform:uppercase;}.hero h1,.page-hero h1{ margin:20px 0 16px; font-size:clamp(2.7rem, 5.8vw, 5.4rem); line-height:0.92; letter-spacing:-0.04em; font-weight:800; text-transform:uppercase;}.hero p.lead,.page-hero p.lead{ margin:0; max-width:44rem; color:var(--muted); font-size:1.08rem;}.hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin:28px 0 24px;}.button,.button-secondary{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:999px; font-weight:700;}.button img,.button-secondary img{ width:18px; height:18px; object-fit:contain;}.social-chip img{ width:20px; height:20px; object-fit:contain;}.footer-social a img{ width:22px; height:22px; object-fit:contain;}.button{ background:var(--coral); color:#fff; box-shadow:0 14px 28px rgba(234, 91, 61, 0.24);}.button-secondary{ background:rgba(255, 247, 236, 0.9); color:var(--ink); border:1px solid rgba(22, 22, 22, 0.08);}.metric-row{ display:flex; gap:10px; margin-top:16px;}.metric{ padding:12px 14px; border-radius:var(--radius-md); background:rgba(255, 252, 247, 0.95); border:1px solid rgba(22, 22, 22, 0.08);}.metric strong{ display:inline; font-size:1.1rem; margin-right:6px; color:var(--teal-deep);}.metric span{ color:var(--ink); font-size:0.88rem;}.hero-visual{ min-height:560px; overflow:hidden; background:linear-gradient(160deg, rgba(25, 33, 38, 0.9), rgba(47, 105, 99, 0.75)); position:relative;}.hero-visual-grid{ position:absolute; inset:0; display:grid; grid-template-columns:1fr 0.9fr; grid-template-rows:1.1fr 0.9fr; gap:10px; padding:10px;}.hero-visual-grid img{ width:100%; height:100%; object-fit:cover; border-radius:calc(var(--radius-xl) - 10px);}.hero-visual-grid img:nth-child(1){ grid-row:1 / span 2;}.hero-badge{ position:absolute; left:24px; right:24px; bottom:24px; padding:18px 20px; border-radius:var(--radius-lg); background:rgba(255, 249, 241, 0.9); color:var(--ink);}.hero-badge strong{ display:block; margin-bottom:6px; font-size:1.05rem;}.section{ margin-top:84px;}.section-head{ display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:26px;}.section-head h2{ margin:0; font-size:clamp(2rem, 4vw, 3.5rem); line-height:0.94; letter-spacing:-0.04em; text-transform:uppercase;}.section-head p{ margin:0; max-width:38rem; color:var(--muted);}.pill-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}.pill{ padding:10px 14px; border-radius:999px; background:rgba(255, 247, 236, 0.78); color:var(--ink); font-size:0.92rem; font-weight:700;}.card-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;}.card{ padding:24px; background:rgba(255, 248, 240, 0.88); border:1px solid rgba(22, 22, 22, 0.08);}.card h3,.menu-card h3,.store-card h3,.quote-card h3,.contact-panel h3{ margin:0 0 12px; font-size:1.34rem;}.card p,.menu-card p,.store-card p,.quote-card p,.contact-panel p,.info-panel p{ margin:0; color:var(--muted);}.story-grid{ display:grid; grid-template-columns:1.1fr 0.9fr; overflow:hidden; background:rgba(255, 255, 255, 0.84);}.story-grid img{ width:100%; height:100%; object-fit:cover; min-height:380px;}.story-copy{ padding:34px;}.story-copy h3{ margin:0 0 18px; font-size:2rem;}.story-copy ul{ margin:18px 0 0; padding-left:20px; color:var(--muted);}.menu-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;}.menu-card{ padding:22px; background:rgba(255, 248, 240, 0.9); border:1px solid rgba(22, 22, 22, 0.08);}.menu-card img{ width:128px; height:128px; object-fit:contain; margin-bottom:16px;}.menu-card span{ display:inline-block; margin-top:16px; color:var(--teal-deep); font-weight:700;}.product-gallery{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:18px;}.product-tile{ padding:14px; border-radius:22px; background:rgba(255, 248, 240, 0.9); border:1px solid rgba(22, 22, 22, 0.08); box-shadow:var(--shadow);}.product-tile img{ width:100%; height:150px; object-fit:contain; margin-bottom:12px; background:rgba(255, 255, 255, 0.78); border-radius:16px;}.product-tile h3{ margin:0; font-size:0.98rem;}.store-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px;}.store-card{ overflow:hidden; background:rgba(255, 248, 240, 0.92);}.store-card img{ width:100%; height:260px; object-fit:cover;}.store-card-content{ padding:24px;}.store-meta{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0;}.store-meta span{ border-radius:999px; padding:8px 12px; background:rgba(127, 211, 198, 0.18); color:var(--ink); font-size:0.9rem;}.store-links{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px;}.store-links a,.text-link{ color:var(--teal-deep); font-weight:700;}.quote-card{ display:grid; grid-template-columns:220px 1fr; gap:24px; padding:24px; background:linear-gradient(135deg, rgba(234, 91, 61, 0.16), rgba(255, 248, 240, 0.94));}.quote-card img{ width:100%; border-radius:var(--radius-lg);}.quote-card blockquote{ margin:0; font-size:1.25rem; line-height:1.4;}.quote-card cite{ display:block; margin-top:14px; color:var(--muted); font-style:normal;}.chip-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px;}.area-chip{ padding:16px 18px; border-radius:var(--radius-md); background:rgba(255, 248, 240, 0.92); border:1px solid rgba(22, 22, 22, 0.08); font-weight:700; text-align:center;}.review-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;}.review-card{ padding:24px; border-radius:var(--radius-xl); background:rgba(255, 248, 240, 0.92); border:1px solid rgba(22, 22, 22, 0.08); box-shadow:var(--shadow);}.rating-row{ display:flex; align-items:center; gap:10px; margin-bottom:14px; font-weight:700;}.rating-stars{ color:var(--coral); letter-spacing:0.08em;}.review-card cite{ display:block; margin-top:16px; color:var(--muted); font-style:normal;}.info-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;}.info-panel{ padding:24px; background:rgba(255, 248, 240, 0.88);}.cta-band{ margin-top:84px; width:var(--wrap); padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:18px; background:linear-gradient(135deg, rgba(127, 211, 198, 0.98), rgba(234, 91, 61, 0.78));}.cta-band h3{ margin:0 0 8px; font-size:1.75rem;}.footer-shell{ margin:84px auto 28px; padding:30px; background:#182126; color:rgba(255, 255, 255, 0.86);}.footer-top{ display:grid; grid-template-columns:1fr auto; gap:20px; align-items:start;}.footer-social{ display:flex; gap:12px; flex-wrap:wrap; margin-top:14px;}.footer-social a{ display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:999px; background:rgba(255, 255, 255, 0.08); border:1px solid rgba(255, 255, 255, 0.08);}.footer-social img{ width:22px; height:22px; object-fit:contain;}.footer-brand{ margin:0 0 10px; font-size:1.2rem; font-weight:700; color:#fff;}.footer-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; margin-top:24px;}.footer-grid h4{ margin:0 0 12px; font-size:0.9rem; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255, 255, 255, 0.58);}.footer-grid a,.footer-grid p{ display:block; margin:0 0 10px; color:rgba(255, 255, 255, 0.86); font-size:0.95rem;}.footer-grid p a{ display:inline;}.footer-bottom{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:22px; padding-top:18px; border-top:1px solid rgba(255, 255, 255, 0.12); color:rgba(255, 255, 255, 0.58); font-size:0.88rem;}.page-hero{ width:var(--wrap); margin:28px auto 0; padding:34px; border-radius:var(--radius-xl); background:rgba(255, 248, 240, 0.9); box-shadow:var(--shadow);}.page-hero-grid{ display:grid; grid-template-columns:1fr 360px; gap:24px; align-items:center;}.page-hero-grid img{ width:100%; height:100%; max-height:280px; object-fit:cover; border-radius:var(--radius-lg);}.contact-layout{ display:grid; grid-template-columns:0.95fr 1.05fr; gap:20px;}.contact-panel{ padding:28px; background:rgba(255, 248, 240, 0.9);}.contact-list{ display:grid; gap:14px;}.contact-list strong{ display:block; margin-bottom:4px;}.social-row{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px;}.social-chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; background:rgba(127, 211, 198, 0.16);}.instagram-callout{ display:flex; align-items:center; gap:12px; color:rgba(127, 211, 198, 0.96); font-weight:700;}.instagram-callout img{ width:28px; height:28px; object-fit:contain;}.instagram-callout a{ color:inherit;}.kicker{ color:var(--teal-deep); font-weight:700; text-transform:uppercase; letter-spacing:0.05em; font-size:0.88rem;}@media (max-width:1024px){ .hero, .story-grid, .page-hero-grid, .contact-layout{ grid-template-columns:1fr;} .card-grid, .menu-grid, .info-grid, .footer-grid, .store-grid{ grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width:760px){ .nav-shell, .section, .footer-shell, .hero, .page-hero, .cta-band{ width:min(100vw - 24px, 1180px);} .nav-shell{ align-items:flex-start; flex-wrap:wrap; flex-direction:row;} .nav-toggle{ display:inline-flex; align-items:center; justify-content:center;} .nav-links{ display:none; width:100%; margin-top:8px; padding:14px; border-radius:24px; background:rgba(255, 249, 241, 0.96); border:1px solid rgba(25, 33, 38, 0.08); box-shadow:0 16px 32px rgba(25, 33, 38, 0.08); flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:6px;} .nav-links.open{ display:flex;} .nav-links a{ width:100%; padding:10px 2px;} .nav-links .nav-cta{ width:100%; justify-content:center; margin-top:6px;} .nav-dropdown{ width:100%;} .nav-dropdown-menu{ position:static; min-width:0; margin-top:8px; box-shadow:none; background:rgba(255, 255, 255, 0.62);} .nav-delivery-links a{ width:100%; text-align:center;} .hero-copy, .hero-stage-copy, .page-hero, .story-copy, .footer-shell, .cta-band{ padding:24px;} .metric-row, .card-grid, .chip-grid, .menu-grid, .review-grid, .info-grid, .footer-grid, .store-grid, .quote-card{ grid-template-columns:1fr;} .quote-card{ gap:18px;} .quote-card img{ max-width:220px;} .hero-visual, .hero-copy{ min-height:auto;} .hero-stage, .hero-stage-copy{ min-height:480px;} .hero-stage-copy{ padding:20px;} .hero-stage-copy h1{ font-size:clamp(2rem, 8vw, 2.7rem);} .hero-actions{ flex-direction:column; width:100%;} .hero-actions .button, .hero-actions .button-secondary{ width:100%; justify-content:center;} .metric-row{ flex-direction:column; gap:8px;} .metric{ width:100%;} .menu-card img{ max-height:280px; object-fit:contain;} .hero-visual-grid{ position:relative; min-height:320px;} .cta-band, .section-head, .footer-top, .footer-bottom{ flex-direction:column; align-items:flex-start;}}