/* Maria Severina — elegante, nordestino, terracota */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Lato:wght@400;500;600;700&display=swap');

:root{
  --cream:#faf3e8;
  --cream-2:#f2e6d3;
  --ink:#2e2019;
  --ink-soft:#5c4a3d;
  --terracota:#b5622e;
  --terracota-dark:#8f4b23;
  --gold:#b8935a;
  --line:#e4d3ba;
  --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--cream);color:var(--ink);
  font-family:'Lato',system-ui,sans-serif;line-height:1.7;overflow-x:hidden;
}
h1,h2,h3,.display{font-family:'Playfair Display',serif;font-weight:600;color:var(--ink);line-height:1.15}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 24px}

/* NAV */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 36px;background:rgba(250,243,232,.7);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(46,32,25,.06);transition:.3s;
}
.nav.scrolled{background:rgba(250,243,232,.96);padding:14px 36px;box-shadow:0 2px 20px rgba(46,32,25,.06)}
.nav .brand{display:flex;align-items:center;gap:12px}
.nav .brand .logo-mark{
  display:inline-block;height:58px;aspect-ratio:1063/236;
  background:linear-gradient(120deg,var(--terracota) 0%,var(--gold) 55%,var(--terracota-dark) 100%);
  -webkit-mask:url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/g58J5yaqrcRqgRX01uoH/media/68a7d3d37780e835736d8ab5.png') center/contain no-repeat;
  mask:url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/g58J5yaqrcRqgRX01uoH/media/68a7d3d37780e835736d8ab5.png') center/contain no-repeat;
  transition:height .3s ease;
}
.nav.scrolled .brand .logo-mark{height:46px}
.nav ul{list-style:none;display:flex;gap:40px}
.nav ul a{position:relative;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink-soft)}
.nav ul a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1.5px;background:var(--terracota);transition:width .25s}
.nav ul a:hover{color:var(--ink)}
.nav ul a:hover::after,.nav ul a.active::after{width:100%}
.nav ul a.active{color:var(--terracota-dark)}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--ink);cursor:pointer}
@media (max-width:780px){
  .nav ul{position:fixed;inset:70px 0 0 0;height:calc(100vh - 70px);flex-direction:column;background:rgba(250,243,232,.98);
    padding:44px 32px;gap:28px;transform:translateY(-110%);transition:transform .35s ease}
  .nav ul.open{transform:translateY(0)}
  .nav-toggle{display:block}
}

/* HERO */
.hero{position:relative;min-height:96vh;display:flex;align-items:center;padding:130px 0 70px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,20,14,.45) 0%,rgba(30,20,14,.4) 40%,rgba(30,20,14,.72) 85%,var(--cream) 100%)}
.hero-content{position:relative;z-index:2;text-align:center;margin:0 auto;max-width:820px}
.hero .eyebrow{display:inline-block;color:#f0dcb8;text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;font-weight:700;margin-bottom:20px;opacity:0;animation:fadeUp .8s ease .1s forwards}
.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.35);opacity:0;animation:fadeUp .9s ease .25s forwards}
.hero p.sub{font-size:clamp(1.05rem,2vw,1.3rem);color:#f2e6d3;margin-top:18px;font-style:italic;opacity:0;animation:fadeUp .9s ease .4s forwards}
.hero .cta-row{margin-top:36px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .9s ease .55s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

.trust-badge{
  margin-top:30px;display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);
  padding:9px 18px 9px 9px;border-radius:100px;opacity:0;animation:fadeUp .9s ease .68s forwards;
}
.trust-badge img{height:30px;width:30px;border-radius:50%;object-fit:cover}
.trust-badge span{color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.03em}

.btn{display:inline-block;padding:15px 34px;border-radius:100px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;transition:.25s}
.btn-primary{background:var(--terracota);color:#fff;box-shadow:0 10px 26px -10px rgba(181,98,46,.6)}
.btn-primary:hover{background:var(--terracota-dark);transform:translateY(-3px)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.5);color:#fff}
.btn-ghost:hover{border-color:var(--gold);background:rgba(255,255,255,.08);transform:translateY(-3px)}

/* SECTIONS */
section{padding:100px 0}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:translateY(0)}
.section-head{max-width:680px;margin:0 auto 56px;text-align:center}
.section-head .eyebrow{color:var(--terracota);text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;font-weight:700}
.section-head h2{font-size:clamp(2rem,4.5vw,3rem);margin-top:12px}
.section-head p{color:var(--ink-soft);margin-top:16px;font-size:1.05rem}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.two-col img{border-radius:var(--radius);box-shadow:0 24px 50px -20px rgba(46,32,25,.3)}
.two-col.reverse{direction:rtl}
.two-col.reverse > *{direction:ltr}
@media (max-width:860px){.two-col{grid-template-columns:1fr;gap:32px}}

.pull-line{font-family:'Playfair Display';font-style:italic;font-size:1.5rem;color:var(--terracota-dark);text-align:center;max-width:720px;margin:0 auto;line-height:1.5}

/* GALLERY */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery figure{border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;background:var(--cream-2)}
.gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gallery figure:hover img{transform:scale(1.07)}
.gallery figure:nth-child(odd){aspect-ratio:1/1.2}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}

/* INFO STRIP */
.strip{background:var(--terracota);color:#fff}
.strip .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:44px 24px}
.strip .item h4{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;margin-bottom:8px;color:#f4e4cd}
.strip .item p{color:#fff;font-size:1.02rem}

/* STORY */
.story{max-width:760px;margin:0 auto}
.story h3{font-size:1.5rem;color:var(--terracota-dark);margin:36px 0 12px}
.story p{color:var(--ink-soft);margin-bottom:18px;font-size:1.05rem}

/* CARDS (chef traits) */
.chef-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.chef-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px;text-align:center;transition:.3s}
.chef-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -18px rgba(46,32,25,.18)}
.chef-card img{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;object-fit:cover}
.chef-card h4{font-family:'Playfair Display';font-size:1.1rem;margin-bottom:8px}
.chef-card p{color:var(--ink-soft);font-size:.92rem}
@media (max-width:780px){.chef-grid{grid-template-columns:1fr}}

/* FOOTER */
footer{padding:70px 0 32px;background:var(--ink);color:var(--cream-2)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-grid h4{color:var(--gold);text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;margin-bottom:16px}
.footer-grid ul{list-style:none}
.footer-grid li{margin-bottom:10px}
.footer-grid a{color:#cdbba3;transition:.2s}
.footer-grid a:hover{color:var(--gold)}
.footer-brand{font-family:'Playfair Display';font-size:1.6rem;color:#fff;margin-bottom:10px}
.social-row{display:flex;gap:14px;margin-top:16px}
.social-row a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transition:.25s}
.social-row a:hover{border-color:var(--gold);transform:translateY(-3px)}
.social-row img{width:18px;height:18px;filter:invert(1)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#a8927b;font-size:.85rem}
@media (max-width:780px){.footer-grid{grid-template-columns:1fr}}