:root{
    --bg:#F3EFE7;
    --bg-alt:#E8E4DA;
    --bg-card:#F8F5EE;
    --ink:#211D18;
    --ink-dim:#625C52;
    --muted:#827A6C;
    --gold:#A9783F;
    --gold-bright:#C29255;
    --gold-dim:rgba(121,84,42,0.35);
    --line:rgba(72,62,48,0.18);
    --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --sans: 'DM Sans', Helvetica, Arial, sans-serif;
    --maxw: 1080px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; background:var(--bg); color:var(--ink);
    font-family:var(--serif); font-size:17px; line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  .dark-section, .hero, footer, header{
    --bg:#171512;
    --bg-alt:#211E19;
    --bg-card:#242019;
    --ink:#F4EFE6;
    --ink-dim:#C9C0AF;
    --muted:#A59A88;
    --gold:#C49A60;
    --gold-bright:#D8B477;
    --gold-dim:rgba(196,154,96,0.38);
    --line:rgba(196,154,96,0.24);
  }
  ::selection{ background:var(--gold-dim); color:var(--ink); }
  .sr-only{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  a{ color:inherit; text-decoration:none; }
  img,svg{ display:block; }
  .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 32px; }
  h1,h2,h3{ font-family:var(--serif); font-weight:400; margin:0; }
  p{ margin:0; }

  .eyebrow{
    font-family:var(--sans); font-size:11px; letter-spacing:0.32em; text-transform:uppercase; color:var(--gold);
  }
  .rule{ width:100%; height:1px; background:var(--line); border:none; }
  .rule-short{ width:56px; height:1px; background:var(--gold); border:none; margin:0 auto; }

  button, .btn{
    font-family:var(--sans); font-size:12px; letter-spacing:0.16em; text-transform:uppercase;
    cursor:pointer; display:inline-block; border-radius:2px;
    transition:background .25s ease, color .25s ease, border-color .25s ease;
  }
  .btn-primary{ background:var(--gold); color:#161310; border:1px solid var(--gold); padding:15px 30px; }
  .btn-primary:hover{ background:var(--gold-bright); border-color:var(--gold-bright); }
  .btn-ghost{ background:transparent; color:var(--ink); border:1px solid var(--gold-dim); padding:15px 30px; }
  .btn-ghost:hover{ border-color:var(--gold); color:var(--gold-bright); }
  .btn-small{
    background:transparent; color:var(--gold); border:none; padding:0; font-size:13px; letter-spacing:0.12em;
    border-bottom:1px solid var(--gold-dim); padding-bottom:4px;
  }
  .btn-small:hover{ border-color:var(--gold); color:var(--gold-bright); }
  :focus-visible{ outline:1px solid var(--gold-bright); outline-offset:3px; }

  /* NAV */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(23,21,18,0.78); backdrop-filter:blur(10px);
    border-bottom:1px solid transparent; transition:border-color .3s ease, background .3s ease;
  }
  header.scrolled{ border-bottom-color:var(--line); background:rgba(23,21,18,0.94); }
  nav.wrap{ display:flex; align-items:center; justify-content:space-between; height:82px; }
  .brandmark{ display:flex; align-items:center; gap:12px; }
  .brandmark svg{ width:34px; height:34px; }
  .brandmark .word{ font-family:var(--serif); font-size:19px; letter-spacing:0.22em; color:var(--ink); }
  .navlinks{ display:flex; align-items:center; gap:40px; font-family:var(--sans); font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-dim); }
  .navlinks a:hover{ color:var(--gold-bright); }
  .navlinks a.btn-primary:hover{ color:#161310; }
  .navlinks .btn-primary{ padding:11px 22px; white-space:nowrap; }
  @media (max-width:820px){ .navlinks a:not(.btn-primary){ display:none; } .navlinks .btn-primary{ padding:11px 13px; font-size:10px; } }

  /* HERO — simple, static */
  .hero{
    position:relative; isolation:isolate; min-height:720px; display:flex; align-items:center; padding:130px 0 100px; text-align:center; overflow:hidden;
    background-color:var(--bg);
    background-image:radial-gradient(ellipse at 50% 20%, rgba(196,154,96,0.12), transparent 60%);
  }
  .hero-gallery, .hero-gallery::after{ position:absolute; inset:0; }
  .hero-gallery{ z-index:-1; background:var(--bg); }
  .hero-gallery::after{ content:""; background:linear-gradient(180deg, rgba(23,21,18,0.42), rgba(23,21,18,0.74)); }
  .hero-image{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; transform:scale(1.03); transition:opacity 1.4s ease, transform 8s ease; }
  .hero-image.is-active{ opacity:1; transform:scale(1); }
  .hero .medallion{ margin:0 auto 30px; width:130px; height:130px; }
  .hero .word{ font-size:15px; letter-spacing:0.5em; color:var(--muted); font-family:var(--sans); margin-bottom:20px; }
  .hero .tagline{ font-size:42px; line-height:1.25; color:var(--ink); max-width:680px; margin:0 auto 18px; }
  .hero .sub{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); max-width:460px; margin:0 auto 40px; line-height:1.8; }
  .hero .location{ font-family:var(--sans); font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); margin:-20px auto 34px; }
  .hero .ctas{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
  @media (max-width:640px){ .hero{ min-height:680px; padding:90px 0 70px; } .hero .tagline{ font-size:31px; } .hero-image{ object-position:58% center; } }

  /* SECTION SHELL */
  section{ padding:90px 0; }
  section.alt{ background:var(--bg-alt); }
  .menus-section{ background:var(--bg); }
  .testimonials-section{ background:var(--bg-alt); }
  .section-head{ text-align:center; max-width:620px; margin:0 auto 56px; }
  .section-head .eyebrow{ margin-bottom:16px; display:block; }
  .section-head h2{ font-size:34px; color:var(--ink); line-height:1.3; }
  @media (max-width:640px){ section{ padding:64px 0; } .section-head h2{ font-size:27px; } }

  .section-intro{ font-family:var(--sans); font-size:14px; color:var(--ink-dim); line-height:1.75; margin:18px auto 0; max-width:520px; }
  .menu-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .menu-card{ padding:28px; border:1px solid var(--line); background:var(--bg-card); }
  .menu-season{ display:block; font-family:var(--sans); font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; }
  .menu-card h3{ font-size:24px; margin-bottom:18px; }
  .menu-card p{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); line-height:1.8; padding:9px 0; border-top:1px solid var(--line); }
  .menu-card .btn-small{ display:inline-block; margin-top:18px; }
  .testimonials{ text-align:center; }
  .testimonial-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:48px; margin-top:36px; }
  blockquote{ margin:0; font-size:24px; line-height:1.5; color:var(--ink); }
  blockquote cite{ display:block; font-family:var(--sans); font-size:11px; font-style:normal; letter-spacing:0.08em; color:var(--muted); margin-top:18px; }
  .founder-placeholder{ border-left:2px solid var(--gold); padding:14px 18px; margin-top:22px; font-family:var(--sans); font-size:13px !important; line-height:1.7 !important; color:var(--gold) !important; }
  @media (max-width:760px){ .menu-grid, .testimonial-grid{ grid-template-columns:1fr; gap:14px; } blockquote{ font-size:20px; } }

  /* THE BRULENTO STANDARD */
  .standard-section{ background:var(--bg-card); }
  .standard-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); }
  .standard-item{ padding:30px 30px 0; border-right:1px solid var(--line); }
  .standard-item:first-child{ padding-left:0; }
  .standard-item:last-child{ border-right:none; padding-right:0; }
  .standard-mark{ display:block; font-family:var(--sans); font-size:11px; letter-spacing:0.14em; color:var(--gold); margin-bottom:20px; }
  .standard-item h3{ font-size:21px; color:var(--ink); margin-bottom:10px; }
  .standard-item p{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); line-height:1.8; }
  @media (max-width:640px){ .standard-grid{ grid-template-columns:1fr; } .standard-item, .standard-item:first-child, .standard-item:last-child{ padding:24px 0; border-right:none; border-bottom:1px solid var(--line); } .standard-item:last-child{ border-bottom:none; } }

  /* HOW IT WORKS */
  .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); }
  .step{ padding:36px 26px 0; border-right:1px solid var(--line); }
  .step:last-child{ border-right:none; }
  .step .num{ font-family:var(--serif); font-size:15px; color:var(--gold); margin-bottom:18px; display:block; }
  .step h3{ font-size:18px; color:var(--ink); margin-bottom:10px; }
  .step p{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); line-height:1.8; }
  @media (max-width:900px){ .steps{ grid-template-columns:1fr 1fr; } .step{ border-bottom:1px solid var(--line); padding-bottom:28px; margin-bottom:6px; } }
  @media (max-width:560px){ .steps{ grid-template-columns:1fr; } .step{ border-right:none; } }

  /* OCCASIONS */
  .occasion{
    display:grid; grid-template-columns:1fr 2fr auto auto; align-items:center; gap:24px;
    padding:32px 0; border-bottom:1px solid var(--line);
  }
  .occasion:first-child{ border-top:1px solid var(--line); }
  .occasion .name{ display:flex; align-items:center; gap:12px; }
  .occasion .name svg{ width:20px; height:20px; flex-shrink:0; opacity:0.85; }
  .occasion h3{ font-size:22px; color:var(--ink); }
  .occasion .desc{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); line-height:1.8; max-width:400px; }
  .occasion .price{ font-family:var(--sans); font-size:14px; letter-spacing:0.06em; color:var(--gold); white-space:nowrap; }
  .occasion .actions{ display:flex; gap:14px; white-space:nowrap; }
  @media (max-width:820px){
    .occasion{ grid-template-columns:1fr; text-align:left; gap:10px; }
    .occasion .actions{ margin-top:8px; }
  }
  .dietary-note{ text-align:center; margin-top:32px; font-family:var(--sans); font-size:14px; color:var(--muted); }

  /* WHY BRULENTO */
  .why{ text-align:center; max-width:720px; margin:0 auto; }
  .why .lead{ font-size:30px; line-height:1.5; color:var(--ink); margin-bottom:30px; }
  .why-photo{ margin:0 auto 36px; max-width:640px; }
  .why-photo img{ width:100%; height:auto; display:block; border:1px solid var(--line); border-radius:2px; }
  .why p.body{ font-size:19px; color:var(--ink-dim); line-height:1.95; margin-bottom:16px; }

  /* ABOUT */
  .about{ display:grid; grid-template-columns:0.9fr 1.4fr; gap:56px; align-items:start; }
  .about .medallion-mark{ width:100px; height:100px; opacity:0.9; }
  .about .medallion-mark circle{ display:none; }
  .about .medallion-mark path:first-of-type{ stroke:#211D18; }
  .about h2{ font-size:30px; margin-bottom:20px; }
  .about p{ font-size:19px; color:var(--ink-dim); line-height:1.95; }
  .about .founder-story{ font-family:var(--sans); font-size:16px; line-height:1.85; color:var(--ink-dim); border-left:2px solid var(--gold); padding-left:18px; margin-top:22px; }
  .about .founder-story strong{ color:var(--gold); font-weight:500; }
  @media (max-width:760px){ .about{ grid-template-columns:1fr; gap:28px; text-align:left; } }

  /* FAQ */
  .faq-list{ max-width:720px; margin:0 auto; }
  details{ border-bottom:1px solid var(--line); padding:24px 0; }
  details:first-child{ border-top:1px solid var(--line); }
  summary{
    cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between;
    font-family:var(--serif); font-size:18px; color:var(--ink);
  }
  summary::-webkit-details-marker{ display:none; }
  summary .icon{ font-family:var(--sans); color:var(--gold); font-size:19px; transition:transform .25s ease; flex-shrink:0; margin-left:20px; }
  details[open] summary .icon{ transform:rotate(45deg); }
  .faq-a{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); line-height:1.85; margin-top:14px; max-width:620px; }

  /* CONTACT */
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; }
  .contact-copy h2{ font-size:34px; margin-bottom:18px; }
  .contact-copy p{ font-family:var(--sans); font-size:15px; color:var(--ink-dim); line-height:1.9; margin-bottom:24px; }
  .contact-copy .detail{ font-family:var(--sans); font-size:13px; color:var(--muted); letter-spacing:0.04em; margin-bottom:8px; }
  .contact-copy .detail span{ color:var(--gold); }
  .contact-note{
    font-family:var(--sans); font-size:12.5px; color:var(--muted); line-height:1.7;
    border-top:1px solid var(--line); padding-top:18px; margin-top:22px;
  }

  form.request{ display:flex; flex-direction:column; gap:18px; }
  .hp-field{ position:absolute; left:-9999px; top:-9999px; }
  .field label{ display:block; font-family:var(--sans); font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
  .field label .optional{ color:var(--muted); letter-spacing:0.06em; text-transform:none; }
  .field input, .field select, .field textarea{
    width:100%; background:var(--bg-card); border:1px solid var(--line); color:var(--ink);
    padding:13px 14px; font-family:var(--sans); font-size:15px; border-radius:2px; transition:border-color .2s ease;
  }
  .field input:focus, .field select:focus, .field textarea:focus{ border-color:var(--gold); outline:none; }
  .field textarea{ min-height:80px; resize:vertical; }
  .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  form.request .btn-primary{ width:100%; border:1px solid var(--gold); margin-top:4px; }
  .form-note{ font-family:var(--sans); font-size:13px; color:var(--muted); text-align:center; }
  .form-error{ display:none; font-family:var(--sans); font-size:12px; color:#D99A89; text-align:center; line-height:1.6; }
  .form-error.show{ display:block; }
  .confirm{ display:none; text-align:center; padding:46px 20px; border:1px solid var(--line); }
  .confirm.show{ display:block; }
  .confirm .icon{ color:var(--gold); font-size:28px; margin-bottom:14px; font-family:var(--serif); }
  .confirm h3{ font-size:22px; margin-bottom:10px; }
  .confirm p{ font-family:var(--sans); font-size:14px; color:var(--ink-dim); }
  @media (max-width:820px){ .contact-grid{ grid-template-columns:1fr; gap:40px; } .field-row{ grid-template-columns:1fr; } }

  /* FOOTER */
  footer{ background:var(--bg); padding:60px 0 36px; text-align:center; }
  footer .medallion{ width:50px; height:50px; margin:0 auto 18px; opacity:0.85; }
  footer .word{ font-family:var(--serif); font-size:15px; letter-spacing:0.3em; color:var(--ink); margin-bottom:8px; }
  footer .tag{ font-family:var(--sans); font-size:10px; letter-spacing:0.28em; color:var(--muted); margin-bottom:14px; text-transform:uppercase; }
  footer .footer-services{ font-family:var(--sans); font-size:11px; color:var(--muted); margin-bottom:30px; }
  footer .foot-links{ display:flex; justify-content:center; gap:26px; font-family:var(--sans); font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:30px; flex-wrap:wrap; }
  footer .foot-links a:hover{ color:var(--gold-bright); }
  footer .copyright{ font-family:var(--sans); font-size:11px; color:var(--muted); }

  /* LEGAL */
  .legal-page{ min-height:100vh; background:var(--bg); }
  .legal{ max-width:760px; padding-top:80px; padding-bottom:100px; }
  .legal-back{ display:inline-block; font-family:var(--sans); font-size:12px; color:var(--gold); margin-bottom:70px; }
  .legal h1{ font-size:48px; line-height:1.2; margin:18px 0 30px; }
  .legal p{ font-family:var(--sans); font-size:17px; line-height:1.95; color:var(--ink-dim); margin-bottom:20px; }
  .legal p a{ color:var(--gold); }
  @media (max-width:640px){ .legal{ padding-top:50px; padding-bottom:70px; } .legal-back{ margin-bottom:50px; } .legal h1{ font-size:36px; } }

  @media (prefers-reduced-motion:no-preference){
    .section-head, .standard-item, .occasion, .menu-card, .testimonial-grid blockquote, .about > *{ animation: rise-in .7s ease both; }
    @keyframes rise-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
  }