* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    :root {
      --bg-1: #fffdf7;
      --bg-2: #fff7ea;
      --bg-3: #ffedd7;
      --surface: rgba(255,255,255,0.58);
      --surface-strong: rgba(255,255,255,0.76);
      --text: #2d1f17;
      --muted: #6e5a50;
      --primary: #d86d2d;
      --secondary: #efb255;
      --accent: #9fd07b;
      --accent-2: #ffd9ab;
      --shadow: 0 20px 50px rgba(216,109,45,0.12);
      --radius-xl: 34px;
      --radius-lg: 24px;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Poppins', sans-serif;
      color: var(--text);
      overflow-x: hidden;
      background:
        radial-gradient(circle at 10% 12%, rgba(255, 214, 155, 0.38), transparent 22%),
        radial-gradient(circle at 86% 14%, rgba(159, 208, 123, 0.22), transparent 22%),
        radial-gradient(circle at 50% 78%, rgba(216, 109, 45, 0.12), transparent 30%),
        linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-3) 100%);
      position: relative;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      background:
        linear-gradient(rgba(45,31,23,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(45,31,23,0.025) 1px, transparent 1px);
      background-size: 34px 34px;
      opacity: 0.35;
      z-index: 0;
      pointer-events: none;
      animation: gridShift 26s linear infinite;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    .scene,
    .grain,
    .orbs,
    .steam,
    .stars,
    .clouds,
    .spices,
    .rocket-layer,
    .glow-waves,
    .parallax-shapes,
    .floating-food,
    .section-light {
      position: fixed;
      inset: 0;
      pointer-events: none;
    }

    .scene { z-index: 0; }

    .grain {
      background-image:
        radial-gradient(circle at 20% 20%, rgba(0,0,0,0.12) 0.8px, transparent 1px),
        radial-gradient(circle at 72% 38%, rgba(0,0,0,0.1) 0.7px, transparent 1px),
        radial-gradient(circle at 38% 80%, rgba(0,0,0,0.09) 0.8px, transparent 1px);
      background-size: 140px 140px;
      opacity: 0.08;
      animation: grainMove 12s linear infinite;
    }

    .orbs::before,
    .orbs::after,
    .orbs span,
    .orbs i {
      content: "";
      position: absolute;
      border-radius: 50%;
      filter: blur(32px);
    }

    .orbs::before {
      width: 280px;
      height: 280px;
      left: -80px;
      top: 8%;
      background: rgba(239,178,85,0.28);
      animation: orbOne 14s ease-in-out infinite;
    }

    .orbs::after {
      width: 340px;
      height: 340px;
      right: -90px;
      top: 24%;
      background: rgba(159,208,123,0.18);
      animation: orbTwo 16s ease-in-out infinite;
    }

    .orbs span {
      width: 220px;
      height: 220px;
      left: 40%;
      bottom: -40px;
      background: rgba(216,109,45,0.12);
      animation: orbThree 18s ease-in-out infinite;
    }

    .orbs i {
      width: 180px;
      height: 180px;
      right: 20%;
      bottom: 10%;
      background: rgba(255,217,171,0.26);
      animation: orbFour 15s ease-in-out infinite;
    }

    .stars span {
      position: absolute;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: rgba(255,255,255,0.92);
      box-shadow: 0 0 10px rgba(255,255,255,0.82);
      animation: twinkle 4s infinite ease-in-out;
    }

    .stars span:nth-child(1) { top: 12%; left: 14%; animation-delay: 0s; }
    .stars span:nth-child(2) { top: 18%; left: 74%; animation-delay: 1s; }
    .stars span:nth-child(3) { top: 30%; left: 26%; animation-delay: 2s; }
    .stars span:nth-child(4) { top: 10%; left: 54%; animation-delay: 0.7s; }
    .stars span:nth-child(5) { top: 26%; left: 88%; animation-delay: 1.8s; }
    .stars span:nth-child(6) { top: 38%; left: 66%; animation-delay: 2.7s; }
    .stars span:nth-child(7) { top: 44%; left: 10%; animation-delay: 1.1s; }
    .stars span:nth-child(8) { top: 52%; left: 84%; animation-delay: 2.2s; }

    .clouds span {
      position: absolute;
      width: 190px;
      height: 64px;
      background: rgba(255,255,255,0.42);
      border-radius: 999px;
      filter: blur(3px);
      animation: cloudMove 36s linear infinite;
    }

    .clouds span::before,
    .clouds span::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      background: rgba(255,255,255,0.42);
    }

    .clouds span::before {
      width: 74px;
      height: 74px;
      left: 22px;
      top: -24px;
    }

    .clouds span::after {
      width: 90px;
      height: 90px;
      right: 24px;
      top: -34px;
    }

    .clouds span:nth-child(1) { top: 10%; left: -240px; animation-delay: 0s; }
    .clouds span:nth-child(2) { top: 22%; left: -320px; transform: scale(0.82); animation-delay: 10s; }
    .clouds span:nth-child(3) { top: 32%; left: -280px; transform: scale(0.68); animation-delay: 20s; }

    .steam span {
      position: absolute;
      bottom: -150px;
      width: 160px;
      height: 260px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.08) 60%, transparent 75%);
      filter: blur(24px);
      animation: steamRise 14s infinite ease-in-out;
    }

    .steam span:nth-child(1) { left: 7%; animation-delay: 0s; }
    .steam span:nth-child(2) { left: 24%; animation-delay: 3s; transform: scale(0.88); }
    .steam span:nth-child(3) { right: 26%; animation-delay: 6s; }
    .steam span:nth-child(4) { right: 8%; animation-delay: 9s; transform: scale(1.08); }

    .spices i,
    .floating-food span,
    .parallax-shapes span {
      position: absolute;
      display: block;
    }

    .spices i {
      width: 16px;
      height: 16px;
      border-radius: 6px 10px 6px 10px;
      opacity: 0.14;
      animation: spiceFloat 18s linear infinite;
    }

    .spices i:nth-child(1) { left: 8%; top: 72%; background: #d86d2d; animation-delay: 0s; }
    .spices i:nth-child(2) { left: 18%; top: 30%; background: #efb255; animation-delay: 4s; }
    .spices i:nth-child(3) { right: 14%; top: 22%; background: #9fd07b; animation-delay: 1.5s; }
    .spices i:nth-child(4) { right: 8%; top: 72%; background: #d86d2d; animation-delay: 8s; }
    .spices i:nth-child(5) { left: 42%; top: 14%; background: #efb255; animation-delay: 10s; }
    .spices i:nth-child(6) { left: 72%; top: 62%; background: #9fd07b; animation-delay: 6s; }

    .floating-food span {
      width: 72px;
      height: 72px;
      border-radius: 24px;
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,0.28);
      border: 1px solid rgba(216,109,45,0.08);
      box-shadow: 0 12px 28px rgba(216,109,45,0.08);
      animation: floatFood 9s ease-in-out infinite;
      opacity: 0.68;
    }

    .floating-food span::before {
      content: attr(data-icon);
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
    }

    .floating-food span:nth-child(1) { left: 6%; top: 22%; animation-delay: 0s; }
    .floating-food span:nth-child(2) { right: 9%; top: 18%; animation-delay: 1.5s; }
    .floating-food span:nth-child(3) { left: 8%; bottom: 18%; animation-delay: 2.5s; }
    .floating-food span:nth-child(4) { right: 10%; bottom: 12%; animation-delay: 3.5s; }

    .parallax-shapes span {
      border-radius: 50%;
      border: 1px solid rgba(216,109,45,0.08);
      animation: rotateSlow 30s linear infinite;
      opacity: 0.5;
    }

    .parallax-shapes span:nth-child(1) {
      width: 420px;
      height: 420px;
      left: -160px;
      top: 36%;
    }

    .parallax-shapes span:nth-child(2) {
      width: 280px;
      height: 280px;
      right: -80px;
      top: 50%;
      animation-direction: reverse;
      animation-duration: 24s;
    }

    .rocket {
      position: absolute;
      width: 96px;
      height: 96px;
      left: -140px;
      top: 62%;
      transform: rotate(18deg);
      animation: rocketFly 20s linear infinite;
      opacity: 0.74;
      filter: drop-shadow(0 18px 24px rgba(216,109,45,0.18));
    }

    .rocket-body {
      position: absolute;
      left: 24px;
      top: 16px;
      width: 44px;
      height: 64px;
      background: linear-gradient(180deg, #ffffff 0%, #ffe3be 100%);
      border-radius: 26px 26px 18px 18px;
      border: 2px solid rgba(216,109,45,0.18);
      transform: rotate(35deg);
    }

    .rocket-body::before {
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #82b8ff;
      top: 14px;
      left: 14px;
      box-shadow: inset 0 0 0 3px rgba(255,255,255,0.45);
    }

    .rocket-body::after {
      content: "";
      position: absolute;
      top: -12px;
      left: 10px;
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 22px solid #d86d2d;
    }

    .rocket-wing-left,
    .rocket-wing-right {
      position: absolute;
      width: 16px;
      height: 24px;
      background: #efb255;
      border-radius: 10px;
      top: 58px;
    }

    .rocket-wing-left { left: 18px; transform: rotate(28deg); }
    .rocket-wing-right { left: 54px; transform: rotate(-8deg); }

    .flame {
      position: absolute;
      width: 18px;
      height: 28px;
      left: 8px;
      top: 66px;
      background: radial-gradient(circle at 50% 10%, #fff2b9 0%, #ffb347 45%, #ff7c2a 75%, transparent 100%);
      border-radius: 50% 50% 70% 70%;
      transform: rotate(34deg);
      animation: flamePulse 0.35s ease-in-out infinite;
    }

    .trail,
    .trail::before,
    .trail::after {
      position: absolute;
      content: "";
      display: block;
      height: 8px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.92));
      filter: blur(2px);
    }

    .trail {
      width: 160px;
      left: -132px;
      top: 68px;
      transform: rotate(34deg);
      opacity: 0.7;
    }

    .trail::before {
      width: 100px;
      left: 10px;
      top: -14px;
      opacity: 0.55;
    }

    .trail::after {
      width: 82px;
      left: 32px;
      top: 14px;
      opacity: 0.45;
    }

    .glow-waves::before,
    .glow-waves::after,
    .section-light::before,
    .section-light::after {
      content: "";
      position: absolute;
      left: -10%;
      width: 120%;
      border-radius: 50%;
      opacity: 0.5;
      filter: blur(22px);
    }

    .glow-waves::before {
      bottom: 10%;
      height: 160px;
      background: radial-gradient(circle at 50% 50%, rgba(255, 217, 167, 0.7), transparent 68%);
      animation: waveFloat 8s ease-in-out infinite;
    }

    .glow-waves::after {
      bottom: 4%;
      height: 90px;
      background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.7), transparent 72%);
      animation: waveFloat 10s ease-in-out infinite reverse;
    }

    .section-light::before {
      top: 28%;
      height: 120px;
      background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.45), transparent 72%);
      animation: waveFloat 12s ease-in-out infinite;
    }

    .section-light::after {
      top: 68%;
      height: 120px;
      background: radial-gradient(circle at 50% 50%, rgba(255,228,186,0.42), transparent 72%);
      animation: waveFloat 14s ease-in-out infinite reverse;
    }

    .container {
      position: relative;
      z-index: 2;
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
    }

    header {
      position: sticky;
      top: 14px;
      z-index: 50;
      padding-top: 18px;
    }

    .nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 12px 16px;
      border-radius: 999px;
      background: rgba(255,255,255,0.56);
      border: 1px solid rgba(216,109,45,0.1);
      backdrop-filter: blur(16px);
      box-shadow: 0 10px 30px rgba(216,109,45,0.08);
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }

    .brand-logo {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: rgba(255,255,255,0.7);
      display: grid;
      place-items: center;
      box-shadow: 0 8px 20px rgba(216,109,45,0.1);
      overflow: hidden;
      flex-shrink: 0;
    }

    .brand-logo img {
      width: 76%;
      height: 76%;
      object-fit: contain;
    }

    .brand-text strong {
      display: block;
      font-size: 0.95rem;
      line-height: 1.1;
    }

    .brand-text span {
      display: block;
      font-size: 0.78rem;
      color: var(--muted);
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .nav-links a {
      padding: 10px 14px;
      border-radius: 999px;
      font-size: 0.92rem;
      color: #513b31;
      transition: 0.25s ease;
    }

    .nav-links a:hover {
      background: rgba(255,255,255,0.68);
      transform: translateY(-2px);
    }

    .nav-cta {
      padding: 12px 18px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--primary), var(--secondary));
      color: white;
      font-weight: 600;
      box-shadow: 0 14px 28px rgba(216,109,45,0.24);
      white-space: nowrap;
    }

    section {
      position: relative;
    }

    .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding: 44px 0 46px;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.12fr 0.88fr;
      gap: 34px;
      align-items: center;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 18px;
      border-radius: 999px;
      background: rgba(255,255,255,0.48);
      border: 1px solid rgba(216,109,45,0.12);
      color: var(--primary);
      font-size: 0.9rem;
      font-weight: 600;
      box-shadow: 0 14px 34px rgba(216,109,45,0.08);
      animation: fadeUp 0.9s 0.1s both;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--primary), var(--secondary));
      box-shadow: 0 0 16px rgba(216,109,45,0.55);
      animation: dotPulse 2.2s infinite;
    }

    .hero-copy h1 {
      margin-top: 20px;
      font-family: 'Playfair Display', serif;
      font-size: clamp(2.8rem, 7vw, 6.2rem);
      line-height: 0.92;
      letter-spacing: 0.03em;
      animation: fadeUp 1s 0.24s both;
      text-shadow: 0 10px 30px rgba(216,109,45,0.08);
    }

    .hero-copy h1 span {
      display: block;
      color: var(--primary);
      background: linear-gradient(135deg, var(--primary), #f09f42, #d86d2d);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hero-copy p {
      margin-top: 20px;
      max-width: 640px;
      color: var(--muted);
      font-size: clamp(1rem, 2.1vw, 1.14rem);
      line-height: 1.9;
      animation: fadeUp 1s 0.38s both;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 28px;
      animation: fadeUp 1s 0.52s both;
    }

    .btn {
      padding: 15px 22px;
      border-radius: 999px;
      font-weight: 600;
      font-size: 0.96rem;
      transition: 0.25s ease;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }

    .btn-primary {
      color: white;
      background: linear-gradient(135deg, var(--primary), var(--secondary));
      box-shadow: 0 18px 36px rgba(216,109,45,0.24);
    }

    .btn-secondary {
      background: rgba(255,255,255,0.66);
      border: 1px solid rgba(216,109,45,0.1);
      color: #513b31;
      backdrop-filter: blur(12px);
      box-shadow: 0 14px 28px rgba(0,0,0,0.05);
    }

    .btn:hover {
      transform: translateY(-3px) scale(1.01);
    }

    .hero-metrics {
      margin-top: 24px;
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      animation: fadeUp 1s 0.66s both;
    }

    .metric {
      padding: 14px 18px;
      border-radius: 20px;
      background: rgba(255,255,255,0.56);
      border: 1px solid rgba(216,109,45,0.08);
      box-shadow: 0 14px 28px rgba(216,109,45,0.06);
      min-width: 130px;
      backdrop-filter: blur(10px);
    }

    .metric strong {
      display: block;
      font-size: 1.15rem;
      color: var(--text);
    }

    .metric span {
      display: block;
      margin-top: 4px;
      font-size: 0.82rem;
      color: var(--muted);
    }

    .hero-visual {
      position: relative;
      min-height: 620px;
      animation: fadeUp 1s 0.32s both;
    }

    .visual-main,
    .float-card,
    .dish-card,
    .mini-badge,
    .plate-ring,
    .orbit-dot {
      position: absolute;
    }

    .visual-main {
      inset: 80px 50px 80px 40px;
      border-radius: 38px;
      background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.4));
      border: 1px solid rgba(216,109,45,0.1);
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
      overflow: hidden;
      animation: visualFloat 7s ease-in-out infinite;
    }

    .visual-main::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 25%, rgba(255,214,155,0.34), transparent 30%),
        radial-gradient(circle at 50% 86%, rgba(216,109,45,0.12), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,0.65), rgba(255,255,255,0.18));
    }

    .plate-ring {
      width: 320px;
      height: 320px;
      border-radius: 50%;
      left: 50%;
      top: 48%;
      transform: translate(-50%, -50%);
      background: radial-gradient(circle, rgba(255,255,255,0.86) 0%, rgba(255,244,229,0.95) 42%, rgba(255,226,194,0.92) 56%, transparent 57%);
      box-shadow: 0 20px 50px rgba(216,109,45,0.12);
      animation: platePulse 6s ease-in-out infinite;
      z-index: 1;
    }

    .plate-ring::before {
      content: "";
      position: absolute;
      inset: 22px;
      border-radius: 50%;
      background: radial-gradient(circle, #fffefb 0%, #fff4e6 100%);
      box-shadow: inset 0 0 0 1px rgba(216,109,45,0.05);
    }

    .dish-card {
      width: 260px;
      height: 260px;
      left: 50%;
      top: 48%;
      transform: translate(-50%, -50%);
      z-index: 2;
      animation: dishFloat 5.5s ease-in-out infinite;
    }

    .dish {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: radial-gradient(circle at 50% 38%, #f4b65d 0%, #de7b28 48%, #a94318 84%);
      box-shadow: 0 24px 40px rgba(216,109,45,0.22);
      overflow: hidden;
    }

    .dish::before,
    .dish::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      filter: blur(0.4px);
    }

    .dish::before {
      inset: 26px;
      background:
        radial-gradient(circle at 24% 34%, #7bc267 0 8px, transparent 9px),
        radial-gradient(circle at 65% 28%, #f3e3a7 0 10px, transparent 11px),
        radial-gradient(circle at 72% 60%, #74b95b 0 8px, transparent 9px),
        radial-gradient(circle at 34% 70%, #f0db8b 0 11px, transparent 12px),
        radial-gradient(circle at 52% 52%, rgba(255,255,255,0.18) 0 40px, transparent 42px),
        radial-gradient(circle at 50% 50%, #d86622 0%, #c7551d 42%, #9e3b18 100%);
      box-shadow: inset 0 14px 28px rgba(255,255,255,0.12);
    }

    .dish::after {
      width: 96px;
      height: 96px;
      right: 18px;
      top: 20px;
      background: radial-gradient(circle, rgba(255,255,255,0.36), transparent 72%);
    }

    .float-card {
      padding: 16px 18px;
      border-radius: 22px;
      background: rgba(255,255,255,0.72);
      border: 1px solid rgba(216,109,45,0.08);
      box-shadow: 0 18px 34px rgba(216,109,45,0.08);
      backdrop-filter: blur(14px);
    }

    .float-card h4 {
      font-size: 0.95rem;
      margin-bottom: 6px;
    }

    .float-card p {
      font-size: 0.82rem;
      color: var(--muted);
      line-height: 1.55;
    }

    .card-top-left {
      left: 0;
      top: 110px;
      width: 210px;
      animation: floatCard1 6s ease-in-out infinite;
    }

    .card-bottom-left {
      left: 14px;
      bottom: 90px;
      width: 190px;
      animation: floatCard2 7s ease-in-out infinite;
    }

    .card-top-right {
      right: 0;
      top: 160px;
      width: 210px;
      animation: floatCard3 6.6s ease-in-out infinite;
    }

    .card-bottom-right {
      right: 22px;
      bottom: 86px;
      width: 220px;
      animation: floatCard4 7.2s ease-in-out infinite;
    }

    .mini-badge {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 16px;
      border-radius: 999px;
      background: rgba(255,255,255,0.78);
      border: 1px solid rgba(216,109,45,0.08);
      box-shadow: 0 12px 24px rgba(216,109,45,0.08);
      font-size: 0.88rem;
      font-weight: 600;
      color: #5a4237;
    }

    .badge-left {
      left: 36px;
      top: 42px;
      animation: driftBadge 5.2s ease-in-out infinite;
    }

    .badge-right {
      right: 32px;
      bottom: 34px;
      animation: driftBadge 6s ease-in-out infinite reverse;
    }

    .orbit-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--primary), var(--secondary));
      box-shadow: 0 0 18px rgba(216,109,45,0.4);
    }

    .orbit-1 {
      left: 52%;
      top: 14%;
      animation: orbit1 9s linear infinite;
    }

    .orbit-2 {
      right: 14%;
      top: 50%;
      animation: orbit2 11s linear infinite;
    }

    .orbit-3 {
      left: 20%;
      bottom: 22%;
      animation: orbit3 10s linear infinite;
    }

    .section-head {
      text-align: center;
      margin-bottom: 26px;
    }

    .section-head span {
      display: inline-block;
      padding: 10px 16px;
      border-radius: 999px;
      background: rgba(255,255,255,0.54);
      border: 1px solid rgba(216,109,45,0.08);
      color: var(--primary);
      font-weight: 600;
      font-size: 0.86rem;
      margin-bottom: 16px;
    }

    .section-head h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2rem, 4vw, 3.3rem);
      line-height: 1.05;
    }

    .section-head p {
      max-width: 680px;
      margin: 14px auto 0;
      color: var(--muted);
      line-height: 1.8;
      font-size: 1rem;
    }

    .story,
    .specials,
    .experience,
    .gallery,
    .cta-section {
      padding: 54px 0 36px;
    }

    .story-grid,
    .experience-grid,
    .gallery-grid,
    .cta-grid {
      display: grid;
      gap: 24px;
    }

    .story-grid {
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
    }

    .glass-card {
      background: rgba(255,255,255,0.58);
      border: 1px solid rgba(216,109,45,0.08);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow);
      backdrop-filter: blur(14px);
      overflow: hidden;
      position: relative;
    }

    .story-card {
      padding: 28px;
      min-height: 100%;
    }

    .story-card h3 {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      margin-bottom: 14px;
    }

    .story-card p {
      color: var(--muted);
      line-height: 1.9;
      margin-bottom: 18px;
      font-size: 0.98rem;
    }

    .story-list {
      display: grid;
      gap: 12px;
    }

    .story-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 18px;
      background: rgba(255,255,255,0.54);
      border: 1px solid rgba(216,109,45,0.06);
    }

    .story-icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, rgba(216,109,45,0.14), rgba(239,178,85,0.16));
      font-size: 1.1rem;
    }

    .story-item strong {
      display: block;
      font-size: 0.95rem;
    }

    .story-item span {
      display: block;
      color: var(--muted);
      font-size: 0.84rem;
      margin-top: 3px;
    }

    .story-visual {
      min-height: 480px;
      padding: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      background:
        radial-gradient(circle at 50% 20%, rgba(255,222,184,0.46), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.54), rgba(255,255,255,0.28));
    }

    .kitchen-scene {
      position: relative;
      width: min(100%, 420px);
      aspect-ratio: 1 / 1.05;
    }

    .pot,
    .pot-lid,
    .pot-handle-left,
    .pot-handle-right,
    .flame-wrap,
    .steam-line,
    .ingredient {
      position: absolute;
    }

    .pot {
      width: 220px;
      height: 150px;
      left: 50%;
      bottom: 74px;
      transform: translateX(-50%);
      border-radius: 0 0 44px 44px;
      background: linear-gradient(180deg, #c86b2a, #8a391a);
      box-shadow: 0 24px 34px rgba(139,57,26,0.24);
      animation: potBounce 5.4s ease-in-out infinite;
    }

    .pot::before {
      content: "";
      position: absolute;
      width: 250px;
      height: 28px;
      left: 50%;
      top: -10px;
      transform: translateX(-50%);
      border-radius: 999px;
      background: linear-gradient(180deg, #efb255, #cf7f31);
      box-shadow: 0 10px 18px rgba(216,109,45,0.18);
    }

    .pot-lid {
      width: 180px;
      height: 42px;
      left: 50%;
      bottom: 214px;
      transform: translateX(-50%);
      border-radius: 999px;
      background: linear-gradient(180deg, #efb255, #d66f2b);
      animation: lidLift 5.4s ease-in-out infinite;
      box-shadow: 0 14px 24px rgba(216,109,45,0.18);
    }

    .pot-lid::before {
      content: "";
      position: absolute;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #8f3f1b;
      left: 50%;
      top: -12px;
      transform: translateX(-50%);
    }

    .pot-handle-left,
    .pot-handle-right {
      width: 48px;
      height: 34px;
      border: 7px solid #8f3f1b;
      border-radius: 20px;
      top: 42px;
    }

    .pot-handle-left { left: -28px; }
    .pot-handle-right { right: -28px; }

    .flame-wrap {
      width: 160px;
      height: 80px;
      left: 50%;
      bottom: 14px;
      transform: translateX(-50%);
    }

    .flame-wrap span {
      position: absolute;
      bottom: 0;
      width: 28px;
      height: 56px;
      background: radial-gradient(circle at 50% 18%, #fff3b0 0%, #ffb347 45%, #ff7b2a 75%, transparent 100%);
      border-radius: 50% 50% 70% 70%;
      animation: flameDance 1s ease-in-out infinite;
    }

    .flame-wrap span:nth-child(1) { left: 6px; animation-delay: 0s; }
    .flame-wrap span:nth-child(2) { left: 40px; animation-delay: 0.2s; }
    .flame-wrap span:nth-child(3) { left: 74px; animation-delay: 0.4s; }
    .flame-wrap span:nth-child(4) { left: 108px; animation-delay: 0.6s; }

    .steam-line {
      width: 18px;
      height: 110px;
      bottom: 214px;
      background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.66), rgba(255,255,255,0));
      border-radius: 999px;
      filter: blur(3px);
      animation: steamLine 3.4s ease-in-out infinite;
    }

    .steam-line.s1 { left: 36%; }
    .steam-line.s2 { left: 48%; animation-delay: 0.8s; }
    .steam-line.s3 { left: 60%; animation-delay: 1.6s; }

    .ingredient {
      width: 20px;
      height: 20px;
      border-radius: 6px 10px 6px 10px;
      animation: ingredientFall 4.8s linear infinite;
      opacity: 0.88;
    }

    .ingredient.i1 { left: 24%; top: 18%; background: #9fd07b; animation-delay: 0s; }
    .ingredient.i2 { left: 40%; top: 10%; background: #efb255; animation-delay: 1.2s; }
    .ingredient.i3 { left: 62%; top: 16%; background: #d86d2d; animation-delay: 2.4s; }
    .ingredient.i4 { left: 72%; top: 8%; background: #9fd07b; animation-delay: 3.2s; }

    .special-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .special-card {
      padding: 22px;
      border-radius: 28px;
      background: rgba(255,255,255,0.58);
      border: 1px solid rgba(216,109,45,0.08);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      transition: 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .special-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(140deg, rgba(255,255,255,0.44), transparent 54%);
      opacity: 0;
      transition: 0.3s ease;
    }

    .special-card:hover {
      transform: translateY(-8px);
    }

    .special-card:hover::before {
      opacity: 1;
    }

    .dish-thumb {
      position: relative;
      height: 220px;
      border-radius: 24px;
      overflow: hidden;
      background:
        radial-gradient(circle at 50% 18%, rgba(255,223,187,0.82), transparent 28%),
        linear-gradient(180deg, #fffaf2, #ffe7ca);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .dish-circle {
      width: 156px;
      height: 156px;
      border-radius: 50%;
      background: radial-gradient(circle at 50% 40%, #f4b65d 0%, #de7b28 52%, #9b3d19 90%);
      box-shadow: 0 24px 38px rgba(216,109,45,0.18);
      position: relative;
      animation: miniDishFloat 4.8s ease-in-out infinite;
    }

    .dish-circle::before {
      content: "";
      position: absolute;
      inset: 18px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 20% 34%, #7bc267 0 7px, transparent 8px),
        radial-gradient(circle at 66% 24%, #f2dd93 0 10px, transparent 11px),
        radial-gradient(circle at 70% 66%, #74b95b 0 8px, transparent 9px),
        radial-gradient(circle at 34% 72%, #f0db8b 0 10px, transparent 11px),
        radial-gradient(circle at 50% 50%, #d86622 0%, #be4f1b 44%, #943715 100%);
    }

    .special-card h3 {
      margin-top: 18px;
      font-size: 1.18rem;
    }

    .special-card p {
      margin-top: 8px;
      color: var(--muted);
      line-height: 1.75;
      font-size: 0.94rem;
    }

    .special-meta {
      margin-top: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      font-size: 0.9rem;
    }

    .special-meta strong {
      color: var(--primary);
      font-size: 1rem;
    }

    .special-tag {
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(216,109,45,0.08);
      color: #6a4b3d;
      font-weight: 600;
      font-size: 0.82rem;
    }

    .experience-grid {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .experience-card {
      padding: 24px;
      border-radius: 28px;
      background: rgba(255,255,255,0.58);
      border: 1px solid rgba(216,109,45,0.08);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      position: relative;
      overflow: hidden;
      min-height: 260px;
    }

    .experience-card::after {
      content: "";
      position: absolute;
      right: -30px;
      top: -30px;
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,216,162,0.4), transparent 70%);
    }

    .experience-icon {
      width: 56px;
      height: 56px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, rgba(216,109,45,0.14), rgba(239,178,85,0.16));
      font-size: 1.45rem;
      box-shadow: 0 12px 22px rgba(216,109,45,0.08);
    }

    .experience-card h3 {
      margin-top: 18px;
      font-size: 1.18rem;
    }

    .experience-card p {
      margin-top: 10px;
      color: var(--muted);
      line-height: 1.8;
      font-size: 0.95rem;
    }

    .gallery-grid {
      grid-template-columns: 1.15fr 0.85fr;
      align-items: stretch;
    }

    .gallery-main,
    .gallery-stack {
      min-height: 520px;
    }

    .gallery-main {
      padding: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      background:
        radial-gradient(circle at 50% 12%, rgba(255,223,187,0.42), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.62), rgba(255,255,255,0.34));
    }

    .platter {
      position: relative;
      width: min(100%, 440px);
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle, #fffefb 0%, #fff4e6 66%, #ffd9ab 100%);
      box-shadow: 0 24px 50px rgba(216,109,45,0.14);
      animation: platterFloat 6s ease-in-out infinite;
    }

    .platter-item {
      position: absolute;
      border-radius: 50%;
      background: radial-gradient(circle at 50% 40%, #f4b65d 0%, #de7b28 54%, #9b3d19 90%);
      box-shadow: 0 14px 24px rgba(216,109,45,0.18);
      animation: platterItemFloat 5s ease-in-out infinite;
    }

    .platter-item::before {
      content: "";
      position: absolute;
      inset: 14px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 22% 34%, #7bc267 0 6px, transparent 7px),
        radial-gradient(circle at 70% 28%, #f2dd93 0 8px, transparent 9px),
        radial-gradient(circle at 68% 66%, #74b95b 0 7px, transparent 8px),
        radial-gradient(circle at 38% 72%, #f0db8b 0 8px, transparent 9px),
        radial-gradient(circle at 50% 50%, #d86622 0%, #be4f1b 44%, #943715 100%);
    }

    .p1 { width: 120px; height: 120px; top: 44px; left: 160px; }
    .p2 { width: 102px; height: 102px; top: 152px; left: 44px; animation-delay: 0.7s; }
    .p3 { width: 110px; height: 110px; top: 168px; right: 56px; animation-delay: 1.3s; }
    .p4 { width: 92px; height: 92px; bottom: 48px; left: 170px; animation-delay: 1.9s; }
    .p5 { width: 72px; height: 72px; top: 74px; right: 78px; animation-delay: 0.4s; }

    .gallery-stack {
      display: grid;
      gap: 22px;
    }

    .stack-card {
      padding: 22px;
      min-height: 249px;
      border-radius: 28px;
      background: rgba(255,255,255,0.58);
      border: 1px solid rgba(216,109,45,0.08);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      position: relative;
      overflow: hidden;
    }

    .quote-mark {
      font-size: 3rem;
      line-height: 1;
      color: rgba(216,109,45,0.18);
      font-family: 'Playfair Display', serif;
    }

    .stack-card h3 {
      font-size: 1.18rem;
      margin-top: 10px;
    }

    .stack-card p {
      color: var(--muted);
      line-height: 1.84;
      margin-top: 10px;
      font-size: 0.95rem;
    }

    .opening-strip {
      margin-top: 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .opening-pill {
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(216,109,45,0.08);
      color: #61473b;
      font-weight: 600;
      font-size: 0.84rem;
    }

    .cta-grid {
      grid-template-columns: 1.1fr 0.9fr;
      align-items: center;
    }

    .cta-card {
      padding: 34px;
      border-radius: 34px;
      background: linear-gradient(135deg, rgba(255,255,255,0.7), rgba(255,255,255,0.45));
      border: 1px solid rgba(216,109,45,0.08);
      box-shadow: var(--shadow);
      backdrop-filter: blur(16px);
      position: relative;
      overflow: hidden;
    }

    .cta-card::before {
      content: "";
      position: absolute;
      right: -60px;
      top: -60px;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,219,176,0.42), transparent 70%);
    }

    .cta-card h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2rem, 4vw, 3.1rem);
      line-height: 1.05;
    }

    .cta-card p {
      margin-top: 14px;
      color: var(--muted);
      line-height: 1.85;
      max-width: 640px;
    }

    .cta-actions {
      margin-top: 24px;
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    .contact-box {
      padding: 28px;
      border-radius: 32px;
      background: rgba(255,255,255,0.58);
      border: 1px solid rgba(216,109,45,0.08);
      box-shadow: var(--shadow);
      backdrop-filter: blur(14px);
    }

    .contact-box h3 {
      font-size: 1.24rem;
    }

    .contact-list {
      margin-top: 18px;
      display: grid;
      gap: 12px;
    }

    .contact-item {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px 16px;
      border-radius: 18px;
      background: rgba(255,255,255,0.56);
      border: 1px solid rgba(216,109,45,0.06);
    }

    .contact-item .icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, rgba(216,109,45,0.14), rgba(239,178,85,0.16));
    }

    .contact-item strong {
      display: block;
      font-size: 0.95rem;
    }

    .contact-item span {
      display: block;
      color: var(--muted);
      font-size: 0.84rem;
      margin-top: 3px;
    }

    footer {
      padding: 30px 0 50px;
      position: relative;
      z-index: 2;
    }

    .footer-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 20px 22px;
      border-radius: 28px;
      background: rgba(255,255,255,0.54);
      border: 1px solid rgba(216,109,45,0.08);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      flex-wrap: wrap;
    }

    .footer-bar p {
      color: var(--muted);
      font-size: 0.92rem;
    }

    .footer-links {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }

    .footer-links a {
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,0.6);
      color: #5e473c;
      font-size: 0.86rem;
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes gridShift {
      0% { transform: translateY(0); }
      100% { transform: translateY(34px); }
    }

    @keyframes grainMove {
      0% { transform: translate(0,0); }
      25% { transform: translate(-5px, 4px); }
      50% { transform: translate(3px, -4px); }
      75% { transform: translate(-2px, 5px); }
      100% { transform: translate(0,0); }
    }

    @keyframes orbOne {
      0%,100% { transform: translate(0,0) scale(1); }
      50% { transform: translate(28px, 18px) scale(1.08); }
    }

    @keyframes orbTwo {
      0%,100% { transform: translate(0,0) scale(1); }
      50% { transform: translate(-26px, 18px) scale(1.06); }
    }

    @keyframes orbThree {
      0%,100% { transform: translate(0,0) scale(1); }
      50% { transform: translate(16px, -24px) scale(1.08); }
    }

    @keyframes orbFour {
      0%,100% { transform: translate(0,0) scale(1); }
      50% { transform: translate(-12px, -14px) scale(1.06); }
    }

    @keyframes twinkle {
      0%,100% { opacity: 0.25; transform: scale(0.8); }
      50% { opacity: 1; transform: scale(1.4); }
    }

    @keyframes cloudMove {
      0% { transform: translateX(0); }
      100% { transform: translateX(calc(100vw + 420px)); }
    }

    @keyframes steamRise {
      0% { transform: translateY(0) translateX(0) scale(0.6); opacity: 0; }
      18% { opacity: 0.42; }
      50% { transform: translateY(-44vh) translateX(18px) scale(0.96); opacity: 0.24; }
      100% { transform: translateY(-90vh) translateX(-14px) scale(1.12); opacity: 0; }
    }

    @keyframes spiceFloat {
      0% { transform: translateY(0) rotate(0deg) scale(0.7); opacity: 0; }
      12% { opacity: 0.16; }
      50% { transform: translateY(-140px) rotate(180deg) scale(1); }
      100% { transform: translateY(-300px) rotate(360deg) scale(0.8); opacity: 0; }
    }

    @keyframes floatFood {
      0%,100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-16px) rotate(4deg); }
    }

    @keyframes rotateSlow {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    @keyframes rocketFly {
      0% { left: -180px; top: 66%; transform: rotate(22deg) scale(0.85); opacity: 0; }
      8% { opacity: 0.78; }
      35% { top: 50%; }
      60% { top: 30%; }
      100% { left: calc(100vw + 180px); top: 8%; transform: rotate(22deg) scale(1.05); opacity: 0; }
    }

    @keyframes flamePulse {
      0%,100% { transform: rotate(34deg) scaleY(1); opacity: 0.95; }
      50% { transform: rotate(34deg) scaleY(1.22); opacity: 0.75; }
    }

    @keyframes waveFloat {
      0%,100% { transform: translateY(0) scaleX(1); }
      50% { transform: translateY(-10px) scaleX(1.03); }
    }

    @keyframes dotPulse {
      0%,100% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.35); opacity: 0.7; }
    }

    @keyframes visualFloat {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    @keyframes platePulse {
      0%,100% { transform: translate(-50%, -50%) scale(1); }
      50% { transform: translate(-50%, -50%) scale(1.03); }
    }

    @keyframes dishFloat {
      0%,100% { transform: translate(-50%, -50%) rotate(0deg); }
      50% { transform: translate(-50%, calc(-50% - 8px)) rotate(2deg); }
    }

    @keyframes floatCard1 {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    @keyframes floatCard2 {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    @keyframes floatCard3 {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-14px); }
    }

    @keyframes floatCard4 {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @keyframes driftBadge {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @keyframes orbit1 {
      0% { transform: translate(0,0); }
      25% { transform: translate(18px, 8px); }
      50% { transform: translate(0,18px); }
      75% { transform: translate(-14px, 8px); }
      100% { transform: translate(0,0); }
    }

    @keyframes orbit2 {
      0% { transform: translate(0,0); }
      25% { transform: translate(-12px, 16px); }
      50% { transform: translate(-24px, 0); }
      75% { transform: translate(-12px, -16px); }
      100% { transform: translate(0,0); }
    }

    @keyframes orbit3 {
      0% { transform: translate(0,0); }
      25% { transform: translate(12px, -12px); }
      50% { transform: translate(22px, 0); }
      75% { transform: translate(12px, 12px); }
      100% { transform: translate(0,0); }
    }

    @keyframes potBounce {
      0%,100% { transform: translateX(-50%) translateY(0); }
      50% { transform: translateX(-50%) translateY(-6px); }
    }

    @keyframes lidLift {
      0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); }
      40% { transform: translateX(-48%) translateY(-16px) rotate(6deg); }
      60% { transform: translateX(-52%) translateY(-10px) rotate(-4deg); }
    }

    @keyframes flameDance {
      0%,100% { transform: scaleY(1); }
      50% { transform: scaleY(1.25); }
    }

    @keyframes steamLine {
      0% { transform: translateY(10px) scaleY(0.8); opacity: 0; }
      20% { opacity: 0.56; }
      100% { transform: translateY(-64px) scaleY(1.1); opacity: 0; }
    }

    @keyframes ingredientFall {
      0% { transform: translateY(0) rotate(0deg); opacity: 0; }
      10% { opacity: 1; }
      100% { transform: translateY(250px) rotate(280deg); opacity: 0; }
    }

    @keyframes miniDishFloat {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @keyframes platterFloat {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @keyframes platterItemFloat {
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @media (max-width: 1100px) {
      .hero-grid,
      .story-grid,
      .gallery-grid,
      .cta-grid {
        grid-template-columns: 1fr;
      }

      .experience-grid,
      .special-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .hero-visual {
        min-height: 560px;
      }

      .gallery-main,
      .gallery-stack {
        min-height: auto;
      }
    }

    @media (max-width: 760px) {
      .container {
        width: min(100% - 24px, 1180px);
      }

      header {
        top: 10px;
      }

      .nav {
        border-radius: 28px;
        padding: 14px;
        flex-wrap: wrap;
        justify-content: center;
      }

      .nav-links {
        order: 3;
        width: 100%;
      }

      .hero {
        padding-top: 24px;
      }

      .hero-grid {
        gap: 24px;
      }

      .hero-actions,
      .hero-metrics,
      .cta-actions {
        gap: 10px;
      }

      .btn,
      .nav-cta {
        width: 100%;
        justify-content: center;
      }

      .metric {
        flex: 1 1 140px;
      }

      .hero-visual {
        min-height: 520px;
      }

      .visual-main {
        inset: 70px 18px 70px 18px;
      }

      .card-top-left,
      .card-top-right,
      .card-bottom-left,
      .card-bottom-right {
        width: 170px;
        font-size: 0.9rem;
      }

      .badge-left {
        left: 12px;
      }

      .badge-right {
        right: 12px;
      }

      .special-grid,
      .experience-grid {
        grid-template-columns: 1fr;
      }

      .story-card,
      .story-visual,
      .cta-card,
      .contact-box {
        padding: 22px;
      }

      .platter {
        width: min(100%, 340px);
      }

      .p1 { left: 120px; }
      .p2 { left: 28px; }
      .p3 { right: 30px; }
      .p4 { left: 132px; }

      .footer-bar {
        justify-content: center;
        text-align: center;
      }
    }

    @media (max-width: 520px) {
      .brand {
        width: 100%;
        justify-content: center;
      }

      .nav-cta {
        width: 100%;
        text-align: center;
      }

      .eyebrow {
        font-size: 0.8rem;
      }

      .hero-copy p,
      .section-head p,
      .story-card p,
      .special-card p,
      .experience-card p,
      .stack-card p,
      .cta-card p {
        font-size: 0.93rem;
      }

      .hero-visual {
        min-height: 460px;
      }

      .plate-ring {
        width: 250px;
        height: 250px;
      }

      .dish-card {
        width: 204px;
        height: 204px;
      }

      .card-top-left,
      .card-top-right,
      .card-bottom-left,
      .card-bottom-right,
      .mini-badge {
        transform: scale(0.92);
      }

      .floating-food span {
        width: 56px;
        height: 56px;
      }

      .floating-food span::before {
        font-size: 24px;
      }
    }