@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400..700&family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Raleway:ital,wght@0,300..700;1,400..600&display=swap');

:root{
  --terra:#924C2B; --terra-700:#6F3920; --terra-300:#C08663;
  --olive:#60563D; --olive-700:#423B29; --olive-300:#9A8F6E;
  --sage:#A49A6B; --sand:#D7BDA3; --sand-100:#F1E7DB;
  --cream:#F4EDE3; --cream-dim:#EBE2D4; --paper:#FBF8F2; --white:#FFF;
  --ink-900:#2B2519; --ink-700:#453D2C; --ink-300:#8C846D;
  --line:#E0D6C6; --line-strong:#CBBFA9;
  --font-display:'Fraunces','Georgia',serif;
  --font-sans:'Raleway',system-ui,sans-serif;
  --ease:cubic-bezier(0.16,1,0.3,1);
  --shadow:0 10px 30px -12px rgba(43,37,25,.28);
  --shadow-sm:0 4px 14px -8px rgba(43,37,25,.30);
  --container:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink-700);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink-900);font-weight:400;line-height:1.15;letter-spacing:.005em;margin:0}
p{margin:0}
a{color:var(--terra);text-decoration:none;transition:color .2s var(--ease)}
a:hover{color:var(--terra-700)}
img{max-width:100%;display:block}
::selection{background:var(--sand);color:var(--ink-900)}

.container{max-width:var(--container);margin:0 auto;padding:0 32px}
.section{padding:96px 0;position:relative;overflow:hidden}
.eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin:0 0 18px}
.ground-olive .eyebrow,.ground-espresso .eyebrow,.ground-terra .eyebrow,.page-hero .eyebrow{color:var(--sand)}
.intro{max-width:720px}
.intro.center{margin:0 auto;text-align:center}
.h-display{font-size:clamp(38px,5vw,60px);line-height:1.05}
.h-lg{font-size:clamp(30px,3.6vw,42px)}
.h-md{font-size:26px}
.lead{font-size:19px;line-height:1.65;color:var(--ink-700);margin-top:20px}
.prose p{font-size:17px;line-height:1.75;color:var(--ink-700);margin-bottom:20px}
.prose p:last-child{margin-bottom:0}
.muted{color:var(--ink-300)}
.diamond{width:9px;height:9px;background:var(--terra);transform:rotate(45deg);margin:0 auto 26px}
.center{text-align:center}

.ground-paper{background:var(--paper)}
.ground-cream{background:var(--cream)}
.ground-sand{background:var(--sand-100)}
.ground-olive{background:var(--olive);color:var(--cream)}
.ground-olive h1,.ground-olive h2,.ground-olive h3{color:var(--cream)}
.ground-espresso{background:var(--ink-900);color:var(--cream)}
.ground-espresso h1,.ground-espresso h2,.ground-espresso h3{color:var(--cream)}
.ground-terra{background:var(--terra);color:var(--cream)}
.ground-terra h1,.ground-terra h2,.ground-terra h3{color:var(--cream)}

.wm{position:absolute;pointer-events:none;opacity:.07;width:520px;max-width:60%}
.wm.tr{top:-90px;right:-90px}
.wm.bl{bottom:-120px;left:-110px}

.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-sans);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:15px 30px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:all .25s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--terra);color:var(--cream);border-color:var(--terra)}
.btn-primary:hover{background:var(--terra-700);border-color:var(--terra-700);color:var(--cream)}
.btn-outline{background:transparent;color:var(--terra);border-color:var(--terra)}
.btn-outline:hover{background:var(--terra);color:var(--cream)}
.ground-olive .btn-outline,.ground-espresso .btn-outline,.ground-terra .btn-outline,.page-hero .btn-outline{color:var(--cream);border-color:rgba(244,237,227,.55)}
.ground-olive .btn-outline:hover,.ground-espresso .btn-outline:hover,.page-hero .btn-outline:hover{background:var(--cream);color:var(--ink-900);border-color:var(--cream)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

header{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;border-radius:9px;object-fit:contain}
.brand .word{display:flex;flex-direction:column;line-height:1}
.brand .word b{font-family:var(--font-display);font-weight:400;font-size:23px;letter-spacing:.05em;color:var(--ink-900)}
.brand .word small{font-family:var(--font-sans);font-size:8.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--olive);margin-top:4px}
.menu{display:flex;align-items:center;gap:28px}
.menu a{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-700)}
.menu a:hover{color:var(--terra)}
.menu a.active{color:var(--terra)}
.menu .btn{padding:11px 22px}
.burger{display:none;background:none;border:none;color:var(--ink-900);cursor:pointer}

.page-hero{position:relative;overflow:hidden;padding:92px 0 82px;background:var(--ink-900);color:var(--cream)}
.page-hero h1{color:var(--cream);font-size:clamp(34px,4.6vw,54px);max-width:20ch}
.page-hero .lead{color:#E6DDCB;max-width:64ch}
.page-hero .wm{opacity:.08}
.crumb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sand);margin-bottom:18px}
.crumb a{color:var(--sand)}
.crumb a:hover{color:var(--cream)}

.hero{position:relative}
.hero.photo{min-height:90vh;display:flex;align-items:center;padding:120px 0;background-image:linear-gradient(100deg,rgba(31,27,18,.90) 0%,rgba(38,33,22,.72) 46%,rgba(43,37,25,.40) 100%),url('hero.jpg');background-size:cover;background-position:center right;background-repeat:no-repeat}
.hero.photo .wm{opacity:.09}
.hero.photo .container{position:relative;z-index:2}
.hero.photo h1{color:var(--cream)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(244,237,227,.22);border-bottom:1px solid rgba(244,237,227,.22)}
.stat{padding:34px 26px;text-align:center;border-right:1px solid rgba(244,237,227,.16)}
.stat:last-child{border-right:none}
.stat b{display:block;font-family:var(--font-display);font-size:34px;color:var(--cream);line-height:1;margin-bottom:10px}
.stat span{font-size:13px;letter-spacing:.04em;color:#D9CFBB}

.grid{display:grid;gap:26px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:34px 30px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card .ic{width:44px;height:44px;border-radius:10px;background:var(--sand-100);color:var(--terra);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card h3{font-size:21px;margin-bottom:12px}
.card p{font-size:15.5px;line-height:1.6;color:var(--ink-700)}

.values{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
.value h4{font-size:13px;font-family:var(--font-sans);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);margin-bottom:16px}
.value ul{list-style:none;padding:0;margin:0}
.value li{padding:8px 0 8px 20px;position:relative;font-size:15.5px;color:var(--ink-700);border-bottom:1px solid var(--line)}
.value li::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--sage);transform:rotate(45deg)}

.area-group{margin-top:50px}
.group-title{font-size:14px;font-family:var(--font-sans);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--olive);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.area-full{padding:30px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}
.area-full:last-child{border-bottom:none}
.area-full h3{font-size:24px;color:var(--ink-900)}
.area-full .kick{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-top:8px}
.area-full p{font-size:16px;line-height:1.7;color:var(--ink-700)}

.teaser-areas{columns:2;column-gap:40px;margin-top:20px}
.teaser-areas li{padding:9px 0 9px 20px;position:relative;font-size:16px;color:var(--ink-700);break-inside:avoid;list-style:none}
.teaser-areas li::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--terra);transform:rotate(45deg)}
.teaser-areas{padding-left:0}

.team{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
.member{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:34px 30px;box-shadow:var(--shadow-sm)}
.avatar{width:70px;height:70px;border-radius:50%;background:var(--olive);color:var(--cream);font-family:var(--font-display);font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.member:nth-child(2) .avatar{background:var(--terra)}
.member:nth-child(3) .avatar{background:var(--sage);color:var(--ink-900)}
.member h3{font-size:22px;margin-bottom:4px}
.member .role{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-bottom:16px}
.member p{font-size:14.5px;line-height:1.6;color:var(--ink-700)}
.team-note{margin-top:34px;text-align:center;font-size:15px;color:var(--ink-300)}

.book-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:44px;box-shadow:var(--shadow-sm)}
.book-cover{aspect-ratio:3/4;border-radius:12px;background:linear-gradient(160deg,var(--olive),var(--olive-700));display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:var(--cream)}
.book-cover .mono{align-self:flex-end;width:40px;height:40px;border-radius:8px;margin-bottom:auto}
.book-cover em{font-family:var(--font-display);font-style:normal;font-size:23px;line-height:1.15}
.book-cover span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:10px;color:var(--sand)}
.book-list{list-style:none;padding:0;margin:34px 0 0}
.book-list li{padding:20px 0;border-bottom:1px solid var(--line)}
.book-list li:first-child{border-top:1px solid var(--line)}
.book-list h4{font-size:19px;color:var(--ink-900);margin-bottom:5px}
.book-list p{font-size:15px;color:var(--ink-300)}

.media{list-style:none;padding:0;margin:52px 0 0}
.media li{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.media li:last-child{border-bottom:1px solid var(--line)}
.media h3{font-size:22px;margin-bottom:9px}
.media p{font-size:15.5px;color:var(--ink-300);max-width:82ch;line-height:1.6}
.media .go{color:var(--terra);flex-shrink:0}

.social{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.social .card h3{font-size:19px}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.info-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.info-item .ic{color:var(--terra);flex-shrink:0;margin-top:2px}
.info-item b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin-bottom:5px}
.info-item span{color:var(--ink-900);font-size:16px}
form{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:var(--shadow)}
.field{margin-bottom:20px}
.field label{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);margin-bottom:8px}
.field input,.field textarea{width:100%;font-family:var(--font-sans);font-size:15px;color:var(--ink-900);padding:13px 15px;border:1.5px solid var(--line);border-radius:9px;background:var(--paper);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--terra);box-shadow:0 0 0 3px rgba(146,76,43,.16)}
.field textarea{resize:vertical;min-height:120px}
.form-ok{display:none;background:var(--sand-100);border:1px solid var(--sand);border-radius:12px;padding:22px;color:var(--ink-900);font-size:15px}

.cta-band{text-align:center}
.cta-band .lead{margin-left:auto;margin-right:auto}

footer{background:var(--ink-900);color:var(--cream);padding:72px 0 34px;position:relative;overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(244,237,227,.14)}
.foot-brand b{font-family:var(--font-display);font-size:28px;letter-spacing:.05em;color:var(--cream);display:block}
.foot-brand small{font-size:9.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--sand);display:block;margin-top:8px}
.foot-brand p{margin-top:20px;color:#C7BEA8;font-size:14.5px;max-width:38ch}
.foot-col h5{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sand);margin:0 0 18px;font-weight:600}
.foot-col a,.foot-col p{display:block;color:#D9CFBB;font-size:14.5px;margin-bottom:11px}
.foot-col a:hover{color:var(--cream)}
.foot-bottom{padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#9E9683}

@media(max-width:940px){
  .menu{display:none}
  .burger{display:block}
  .stats{grid-template-columns:repeat(2,1fr)}
  .g3,.values,.team,.social{grid-template-columns:1fr}
  .g2,.contact,.book-feature,.foot-top,.area-full{grid-template-columns:1fr}
  .teaser-areas{columns:1}
  .section{padding:70px 0}
  .hero.photo{background-position:center}
}

/* ===== v2: protagonismo, storytelling, humanizacao ===== */
.hero.photo h1{max-width:16ch}
.hero-sub{font-family:var(--font-display);font-size:clamp(19px,2vw,24px);color:var(--sand);margin-top:16px;font-style:italic}
.photo-slot{position:relative;border:1.5px dashed var(--line-strong);border-radius:16px;background:var(--sand-100);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;min-height:290px;color:var(--olive)}
.photo-slot .tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);margin-bottom:10px}
.photo-slot p{font-size:14px;line-height:1.5;color:var(--olive);max-width:34ch}
.photo-slot svg{opacity:.45;margin-bottom:14px}
.founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.founder .quote{font-family:var(--font-display);font-size:clamp(23px,2.6vw,31px);line-height:1.32;color:var(--ink-900);margin-bottom:20px}
.founder .sign{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-top:22px}
.ground-olive .founder .quote,.ground-espresso .founder .quote{color:var(--cream)}
.ground-olive .founder .sign,.ground-espresso .founder .sign{color:var(--sand)}
.ground-olive .founder p,.ground-espresso .founder p{color:#E6DDCB}
.story{max-width:740px}
.story p{font-size:18px;line-height:1.8;color:var(--ink-700);margin-bottom:24px}
.story p.opening{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);line-height:1.45;color:var(--ink-900)}
.story p:last-child{margin-bottom:0}
.pull{margin:44px 0;padding:22px 0 22px 28px;border-left:3px solid var(--terra);font-family:var(--font-display);font-size:clamp(21px,2.2vw,26px);line-height:1.4;color:var(--ink-900)}
.logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}
.logo-slot{border:1.5px dashed var(--line-strong);border-radius:12px;background:var(--white);height:78px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--olive-300);text-align:center;padding:8px}
.human3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.human3 .photo-slot{min-height:240px}
@media(max-width:940px){
  .founder{grid-template-columns:1fr}
  .logo-strip{grid-template-columns:repeat(2,1fr)}
  .human3{grid-template-columns:1fr}
}


/* fotos reais no lugar dos slots */
.photo-img{border-radius:16px;overflow:hidden;min-height:290px;box-shadow:var(--shadow-sm);background:var(--sand-100)}
.photo-img img{width:100%;height:100%;min-height:290px;object-fit:cover;display:block}
.founder .photo-img{min-height:420px}
.founder .photo-img img{min-height:420px}
.human3 .photo-img{min-height:250px}
.human3 .photo-img img{min-height:250px}

/* ===== peso maior nos titulos (hastes finas do Bodoni) ===== */
h1,h2,h3,h4,.brand .word b,.founder .quote,.pull,.story p.opening,.stat b,.book-cover em,.foot-brand b,.member h3,.area-full h3,.media h3,.book-list h4{font-weight:500}
.h-display{font-variation-settings:"wght" 560,"opsz" 44}
.hero-sub{font-variation-settings:"wght" 520,"opsz" 26}
.h-lg,.page-hero h1{font-variation-settings:"wght" 540,"opsz" 36}
.brand .word b{font-variation-settings:"wght" 560,"opsz" 22}
.foot-brand b{font-variation-settings:"wght" 540,"opsz" 26}


/* ===== ajuste tipografico: Fraunces (serifada de contraste moderado) ===== */
h1,h2,h3,h4,.brand .word b,.founder .quote,.pull,.story p.opening,.stat b,.book-cover em,.foot-brand b,.member h3,.area-full h3,.media h3,.book-list h4{font-weight:500}
.h-display{font-variation-settings:"opsz" 60,"wght" 540}
.h-lg,.page-hero h1{font-variation-settings:"opsz" 44,"wght" 540}
.hero-sub{font-variation-settings:"opsz" 26,"wght" 500}
.founder .quote,.pull,.story p.opening{font-variation-settings:"opsz" 34,"wght" 520}
.brand .word b{font-variation-settings:"opsz" 18,"wght" 560;letter-spacing:.02em}
.foot-brand b{font-variation-settings:"opsz" 22,"wght" 540}
.stat b{font-variation-settings:"opsz" 30,"wght" 560}


/* capa de livro com foto real */
.book-cover.photo{padding:0;background:none;display:block;overflow:hidden}
.book-cover.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;border-radius:12px;display:block}


/* logotipo mantem o Bodoni original (resto do site fica na Fraunces) */
.brand .word b{font-family:'Bodoni Moda','Times New Roman',serif;font-variation-settings:"opsz" 24,"wght" 500;letter-spacing:.06em}
.foot-brand b{font-family:'Bodoni Moda','Times New Roman',serif;font-variation-settings:"opsz" 28,"wght" 500;letter-spacing:.05em}


/* faixa textual de midia (sem uso de logo de terceiro) */
.media-strip{margin-top:20px;font-size:17px;line-height:1.7;color:var(--ink-700);max-width:70ch}
.media-strip b{font-family:var(--fd);font-weight:520;font-variation-settings:"opsz" 22,"wght" 540;color:var(--ink-900)}


/* legendas das fotos das socias */
.human3.legendas{gap:24px}
.foto-legenda{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);text-align:center;margin:0}
@media(max-width:940px){.human3.legendas{display:none}}