
:root{
  --ivory:#f8f1e7; --sand:#ead9c5; --camel:#c59a6c; --terracotta:#a65f3b;
  --brown:#4a2d22; --ink:#2d211b; --white:#fffdf9; --gold:#b98246;
  --shadow:0 14px 40px rgba(70,45,30,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.6}
h1,h2,h3,.brand strong{font-family:"Cormorant Garamond",serif}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:14px 4vw;background:rgba(248,241,231,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(74,45,34,.08)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{font-size:30px;color:var(--gold)}
.brand strong{font-size:24px;letter-spacing:.08em;display:block}
.brand small{font-size:9px;letter-spacing:.2em;display:block}
nav{display:flex;gap:20px;align-items:center;margin-left:auto;font-size:14px}
nav a{opacity:.86} nav a:hover{color:var(--terracotta)}
.header-cta{white-space:nowrap}
.menu-toggle{display:none;background:none;border:0;font-size:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;border:1px solid var(--gold);font-weight:600;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#a96d3f,#c2915f);color:#fff;border-color:transparent}
.btn-outline{background:transparent;color:var(--brown)}
.btn-light{background:var(--ivory);color:var(--brown);border-color:transparent}
.hero{min-height:650px;display:grid;grid-template-columns:1.05fr 1.25fr 1fr;background:linear-gradient(90deg,#f4e7d7,#fbf6f0)}
.hero-photo{background:url("assets/luana.jpg") center 33%/cover no-repeat;min-height:650px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:6vw 4vw;text-align:center}
.eyebrow{letter-spacing:.24em;font-size:12px;color:var(--terracotta);font-weight:600}
.hero h1{font-size:clamp(42px,4vw,74px);line-height:.95;margin:18px 0 24px;color:var(--brown)}
.hero h1 em{font-weight:500;color:var(--terracotta)}
.hero-copy>p:not(.eyebrow){max-width:680px;margin:0 auto 26px}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-sea{position:relative;background:linear-gradient(rgba(74,45,34,.08),rgba(74,45,34,.28)),url("assets/offer.png") left center/cover no-repeat;min-height:650px}
.sea-overlay{position:absolute;right:7%;top:10%;text-align:right;color:#7b4a32;font-family:"Cormorant Garamond",serif;font-size:26px}
.sea-overlay strong{display:block;font-size:30px;font-weight:600}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fffaf4;border-block:1px solid rgba(74,45,34,.08)}
.values article{display:flex;gap:16px;padding:24px 3vw;border-right:1px solid rgba(74,45,34,.1)}
.values article:last-child{border-right:0}.values span{font-size:32px;color:var(--gold)}
.values h3{margin:0;font-size:24px}.values p{margin:2px 0 0;font-size:13px}
.section{padding:80px 5vw}.section-head{text-align:center;max-width:760px;margin:0 auto 44px}
.section h2{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:8px 0 14px;color:var(--brown)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{background:#fffaf5;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(74,45,34,.06)}
.service-img{height:230px;background-size:cover;background-position:center}
.service-1,.service-2,.service-3,.service-4,.service-5,.service-6{background-image:linear-gradient(rgba(74,45,34,.10),rgba(74,45,34,.26)),url("assets/offer.png")}
.service-1{background-position:80% 15%}.service-2{background-position:75% 45%}.service-3{background-position:72% 60%}.service-4{background-image:linear-gradient(rgba(74,45,34,.08),rgba(74,45,34,.20)),url("assets/cacao.png");background-position:center}.service-5{background-position:10% 10%}.service-6{background-position:78% 76%}
.card-body{padding:22px}.card-body h3{font-size:27px;line-height:1;margin:0 0 8px}.card-body p{font-size:14px;margin:0 0 18px}
.meta{display:flex;justify-content:space-between;border-top:1px solid rgba(74,45,34,.1);padding-top:14px}
.other-services{margin-top:36px;background:#efe2d2;border-radius:24px;padding:30px}
.other-services h3{font-size:30px;margin-top:0}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.service-list div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(74,45,34,.12)}
.cacao{min-height:560px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(55,29,19,.92),rgba(55,29,19,.45)),url("assets/cacao.png") center/cover no-repeat;color:#fff;padding:6vw}
.cacao-copy{max-width:580px}.cacao h2{font-size:64px;margin:0;line-height:.9}.cacao h3{font-family:"Cormorant Garamond";font-size:32px;color:#f1c99f;margin:12px 0}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.detail{margin:28px 0}
.soft-panel{background:#e9d6c1;border-radius:40px;padding:55px;min-height:280px;display:flex;align-items:center;box-shadow:var(--shadow)}
.soft-panel blockquote{font-family:"Cormorant Garamond";font-size:34px;line-height:1.15;margin:0;color:var(--brown)}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;background:#fffaf4}
.about-photo{min-height:520px;border-radius:30px;background:url("assets/luana.jpg") center 30%/cover no-repeat;box-shadow:var(--shadow)}
.about-copy{max-width:650px}.signature{font-family:"Cormorant Garamond";font-style:italic;font-size:32px;color:var(--terracotta)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quotes blockquote{margin:0;background:#fffaf5;border-radius:22px;padding:28px;font-family:"Cormorant Garamond";font-size:24px;box-shadow:var(--shadow)}.quotes span{display:block;color:var(--gold);margin-top:18px}
.shop{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e8d4bd}
.cta{display:flex;justify-content:center;align-items:center;gap:50px;padding:55px 5vw;background:linear-gradient(135deg,#8a5635,#5d3526);color:#fff;text-align:left}
.cta h2{font-family:"Cormorant Garamond";font-size:42px;margin:0}.cta .eyebrow{color:#f3d7ba}
footer{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr 1.2fr 1fr;gap:25px;background:#3f281f;color:#f7eadc;padding:35px 5vw;font-size:13px}
footer div{display:flex;flex-direction:column;gap:5px}footer strong{font-family:"Cormorant Garamond";font-size:20px}
@media (max-width:1050px){
  nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ivory);padding:20px 5vw;flex-direction:column;align-items:flex-start}
  nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}
  .hero{grid-template-columns:1fr 1fr}.hero-photo{min-height:520px}.hero-sea{display:none}.hero-copy{min-height:520px}
  .values{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}
  footer{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .site-header{padding:12px 18px}.brand strong{font-size:20px}.brand small{font-size:7px}
  .hero{grid-template-columns:1fr}.hero-photo{min-height:430px}.hero-copy{padding:54px 22px;min-height:auto}
  .hero h1{font-size:44px}.values{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid rgba(74,45,34,.08)}
  .section{padding:58px 20px}.cards{grid-template-columns:1fr}.split,.about{grid-template-columns:1fr}.about-photo{min-height:420px}
  .cacao{min-height:620px;padding:60px 24px}.cacao h2{font-size:52px}
  .shop,.cta{flex-direction:column;align-items:flex-start}.cta{text-align:left}
  footer{grid-template-columns:1fr;padding:32px 22px}
}
