:root{
    --terracota:#B24A28;
    --marrom:#3B2A20;
    --areia:#F6ECE0;
    --areia-escura:#EFE0CE;
    --branco:#FDF9F4;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Poppins',sans-serif;
    background:var(--areia);
    color:var(--marrom);
    line-height:1.6;
  }
  h1,h2,h3,.serif{font-family:'Lora',serif;font-weight:500;}
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .container{width:min(1120px,92%);margin:0 auto;}

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(246,236,224,.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(59,42,32,.12);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
  .brand{display:flex;align-items:center;gap:12px;}
  .brand svg{height:80px;width:auto;}
  .brand-name{font-family:'Lora',serif;font-size:1.35rem;letter-spacing:.5px;color:var(--marrom);}
  .brand-name small{display:block;font-family:'Poppins',sans-serif;font-size:.55rem;letter-spacing:3px;color:var(--terracota);}
  nav ul{display:flex;gap:28px;list-style:none;font-size:.82rem;letter-spacing:1px;text-transform:uppercase;}
  nav a{position:relative;padding:4px 0;}
  nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--terracota);transition:width .3s;}
  nav a:hover::after{width:100%;}
  .nav-cta{
    background:var(--terracota);color:var(--branco);
    padding:10px 22px;border-radius:999px;font-size:.8rem;
    letter-spacing:1px;text-transform:uppercase;transition:.3s;
  }
  .nav-cta:hover{background:var(--marrom);}
  .nav-toggle{display:none;}
  @media(max-width:820px){
    header .nav{position:relative;}
    header .nav-cta{display:none;}
    .nav-toggle{
      display:flex;align-items:center;justify-content:center;
      width:44px;height:44px;border:0;background:none;color:var(--marrom);cursor:pointer;
    }
    .nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
      display:block;width:24px;height:2px;border-radius:2px;background:currentColor;
      transition:transform .25s,background .25s;
    }
    .nav-toggle span{position:relative;}
    .nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;}
    .nav-toggle span::before{top:-7px;}
    .nav-toggle span::after{top:7px;}
    .nav-toggle[aria-expanded="true"] span{background:transparent;}
    .nav-toggle[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg);}
    .nav-toggle[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg);}
    header .nav nav{
      display:none;position:absolute;top:100%;left:0;right:0;
      background:var(--areia);border-top:1px solid rgba(59,42,32,.12);
      box-shadow:0 18px 30px -20px rgba(59,42,32,.5);
    }
    header .nav nav.open{display:block;}
    header .nav nav ul{flex-direction:column;gap:0;padding:6px 0;}
    header .nav nav a{display:block;padding:14px 6px;}
    header .nav nav a::after{display:none;}
    header .nav nav a[aria-current="page"]{font-weight:600;}
  }

  /* ---------- HERO ---------- */
  .hero{
    display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;
    padding:72px 0 64px;
  }
  .hero-eyebrow{
    font-size:.72rem;letter-spacing:4px;text-transform:uppercase;
    color:var(--terracota);margin-bottom:18px;
  }
  .hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:22px;}
  .hero h1 em{color:var(--terracota);font-style:italic;}
  .hero p{max-width:46ch;margin-bottom:32px;font-weight:300;font-size:1.02rem;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
  .btn{
    display:inline-block;padding:14px 30px;border-radius:999px;
    font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;transition:.3s;
  }
  .btn-primary{background:var(--terracota);color:var(--branco);}
  .btn-primary:hover{background:var(--marrom);}
  .btn-outline{border:1.5px solid var(--marrom);color:var(--marrom);}
  .btn-outline:hover{background:var(--marrom);color:var(--branco);}
  .hero-figure{position:relative;}
  .hero-figure img{
    border-radius:18px;box-shadow:0 24px 48px -20px rgba(59,42,32,.35);
    aspect-ratio:4/5;object-fit:cover;width:100%;
  }
  .hero-badge{
    position:absolute;bottom:-22px;left:-22px;
    background:var(--branco);border-radius:14px;padding:14px 20px;
    box-shadow:0 12px 30px -12px rgba(59,42,32,.3);
    font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--terracota);
  }
  @media(max-width:820px){
    .hero{grid-template-columns:1fr;padding:48px 0;}
    .hero-badge{left:12px;bottom:-16px;}
  }

  /* ---------- STORYTELLING ---------- */
  .storytelling{background:var(--marrom);color:var(--areia);padding:96px 0;}
  .storytelling-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;}
  @media(max-width:820px){.storytelling-grid{grid-template-columns:1fr;gap:40px;}}
  .storytelling img{
    border-radius:18px;box-shadow:0 24px 48px -20px rgba(0,0,0,.5);
    aspect-ratio:1/1;object-fit:cover;width:100%;
  }
  .storytelling .kicker{
    font-size:1rem;letter-spacing:4px;text-transform:uppercase;font-weight:600;
    color:var(--terracota);display:block;margin-bottom:14px;
  }
  .storytelling h2{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.2;margin-bottom:24px;color:var(--areia);}
  .storytelling p{font-weight:300;margin-bottom:18px;color:rgba(246,236,224,.9);}
  .storytelling strong{color:var(--branco);font-weight:500;}
  .storytelling .selo{
    display:inline-block;margin-top:10px;padding:10px 22px;border:1.5px solid var(--terracota);
    border-radius:999px;color:var(--terracota);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;
  }

  /* ---------- MARQUEE ---------- */
  .marquee{
    background:var(--terracota);color:var(--areia);
    overflow:hidden;white-space:nowrap;padding:12px 0;
  }
  .marquee-track{display:inline-block;animation:scroll 28s linear infinite;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;}
  .marquee-track span{margin:0 28px;}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ---------- SEÇÕES ---------- */
  section{padding:84px 0;}
  .section-head{text-align:center;max-width:680px;margin:0 auto 56px;}
  .section-head .kicker{font-size:.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--terracota);display:block;margin-bottom:12px;}
  .section-head h2{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.2;}

  /* teares */
  .teares{background:var(--branco);}
  .teares-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
  @media(max-width:820px){.teares-grid{grid-template-columns:1fr;gap:40px;}}
  .teares-figure{position:sticky;top:110px;}
  .teares-figure img{
    border-radius:18px;box-shadow:0 24px 48px -20px rgba(59,42,32,.3);
    aspect-ratio:1/1;object-fit:cover;width:100%;
  }
  .teares-figure figcaption{
    margin-top:14px;font-size:.78rem;letter-spacing:1px;text-transform:uppercase;
    color:var(--terracota);text-align:center;
  }
  .teares .kicker{
    font-size:1rem;letter-spacing:4px;text-transform:uppercase;font-weight:600;
    color:var(--terracota);display:block;margin-bottom:14px;
  }
  .teares h2{font-size:clamp(1.8rem,3.5vw,2.5rem);line-height:1.2;margin-bottom:28px;}
  .teares p{font-weight:300;margin-bottom:22px;font-size:1rem;}

  /* história */
  .historia{background:var(--areia-escura);}
  .historia-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  @media(max-width:820px){.historia-grid{grid-template-columns:1fr;}}
  .historia img{border-radius:18px;box-shadow:0 24px 48px -20px rgba(59,42,32,.3);}
  .historia p{font-weight:300;margin-bottom:18px;}
  .historia strong{font-weight:500;}

  /* exportação */
  .export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
  @media(max-width:820px){.export-grid{grid-template-columns:1fr;}}
  .export-item{background:var(--branco);border-radius:16px;padding:14px;border-top:4px solid var(--terracota);}
  .export-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;}
  .export-item .ico{font-size:2rem;display:block;margin-bottom:12px;}
  .export-item h3{font-size:1.1rem;margin-bottom:10px;}
  .export-item p{font-size:.88rem;font-weight:300;}

  /* newsletter */
  .newsletter{background:var(--areia-escura);text-align:center;}
  .newsletter form{
    display:flex;gap:12px;justify-content:center;max-width:480px;margin:28px auto 0;flex-wrap:wrap;
  }
  .newsletter input{
    flex:1;min-width:220px;padding:14px 20px;border-radius:999px;
    border:1.5px solid rgba(59,42,32,.25);background:var(--branco);
    font-family:'Poppins',sans-serif;font-size:.9rem;color:var(--marrom);
  }
  .newsletter input:focus{outline:none;border-color:var(--terracota);}

  /* footer */
  footer{background:var(--marrom);color:rgba(246,236,224,.75);padding:48px 0 32px;font-size:.85rem;font-weight:300;}
  .footer-grid{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
  .footer-logo svg{height:84px;width:auto;display:block;}
  .footer-mail{font-size:1rem;letter-spacing:.5px;color:var(--areia);border-bottom:1.5px solid var(--terracota);padding-bottom:2px;transition:.3s;}
  .footer-mail:hover{color:var(--terracota);}
  footer nav ul{list-style:none;display:flex;gap:22px;font-size:.78rem;letter-spacing:1px;text-transform:uppercase;}
  .copy{text-align:center;margin-top:32px;font-size:.75rem;color:rgba(246,236,224,.45);}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Contatos no rodapé compartilhado */
.footer-contact-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-instagram { display:inline-flex; align-items:center; gap:8px; font-size:1rem; letter-spacing:.5px; color:var(--areia); border-bottom:1.5px solid var(--terracota); padding-bottom:2px; transition:.3s; }
.footer-instagram svg { flex:0 0 auto; }
.footer-instagram:hover { color:var(--terracota); }
.footer-instagram:focus-visible { outline:2px solid var(--areia); outline-offset:4px; }
@media(max-width:600px) { .footer-contact-links { gap:10px; } }