@font-face{font-family:"Abril";src:url("fontes/Abril-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Abril";src:url("fontes/Abril-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Abril";src:url("fontes/Abril-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Averta";src:url("fontes/Averta-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Averta";src:url("fontes/Averta-800-italic.woff2") format("woff2");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:"AvertaBlack";src:url("fontes/AvertaBlack-900-normal.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Voga";src:url("fontes/Voga-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{
  --lav1:#FDF7F4; --lav2:#F7E4E4; --lav3:#EFC6D6; --lav4:#D9A6D2;
  --offwhite:#FAF5F0; --warm:#EDE1E1;
  --wine:#451224; --wine-bg:#461626; --black:#0F0509;
  --grape:#8E2F70; --blush:#D6ABB4; --cream:#EDE1E1;
  --display:"Abril",Georgia,"Times New Roman",serif;
  --body:"Averta","Helvetica Neue",Arial,sans-serif;
  --black-face:"AvertaBlack","Averta","Helvetica Neue",Arial,sans-serif;
  --voga:"Voga","Abril",Georgia,serif;
  --r-card:20px; --r-pill:999px; --rule-c:rgba(69,18,36,.22);
  --gut:clamp(20px,5vw,72px);
  --grain:url("grao.jpg");
  --ondas:url("ondas.jpg");
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--offwhite);color:var(--wine);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
p{margin:0 0 1.15em}
a{color:inherit}
img{display:block;max-width:100%}

/* ---------- aviso ---------- */

/* ---------- estrutura de banda ---------- */
.band{padding:clamp(72px,11vw,140px) var(--gut);position:relative;overflow:hidden}
.band--lav{background:linear-gradient(153deg,var(--lav1) 0%,var(--lav2) 42%,var(--lav3) 76%,var(--lav4) 100%)}
.band--warm{background:var(--warm)}
.band--off{background:var(--offwhite)}
.band--wine{background:var(--wine-bg);color:var(--cream);--rule-c:rgba(237,225,225,.28)}
.band--black{background:var(--black);color:var(--cream);--rule-c:rgba(237,225,225,.22)}
.inner{max-width:1160px;margin:0 auto;position:relative;z-index:1}

/* ---------- tipografia ---------- */
.eyebrow{font-family:var(--black-face);font-weight:900;font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;margin:0 0 22px;color:var(--grape)}
.band--wine .eyebrow,.band--black .eyebrow{color:var(--blush)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(3.1rem,9.2vw,6.4rem);line-height:.95;
  letter-spacing:-.024em;margin:0 0 26px;text-wrap:balance}
h1 em{font-style:italic;color:var(--grape)}
h2{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,5.4vw,3.5rem);line-height:1.04;
  letter-spacing:-.018em;margin:0 0 20px;text-wrap:balance}
h3{font-family:var(--display);font-weight:700;font-size:1.32rem;line-height:1.22;margin:0 0 12px;letter-spacing:-.008em}
.lede{font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.56;max-width:46ch;margin:0 0 34px;color:color-mix(in srgb,var(--wine) 82%,transparent)}
.band--wine .lede,.band--black .lede{color:color-mix(in srgb,var(--cream) 84%,transparent)}
.prose{max-width:60ch}
.prose em,.lede em{font-style:italic;font-weight:800}

/* ---------- botões ---------- */
.acts{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--black-face);font-weight:900;
  font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  padding:17px 30px;border-radius:var(--r-pill);transition:transform .25s ease,background .25s ease,color .25s ease}
.btn--solid{background:var(--wine);color:var(--lav1)}
.btn--solid:hover{transform:translateY(-2px);background:var(--grape)}
.btn--ghost{border:2px solid currentColor;color:var(--wine)}
.btn--ghost:hover{transform:translateY(-2px);background:var(--wine);color:var(--lav1);border-color:var(--wine)}
.band--wine .btn--solid{background:var(--blush);color:var(--wine-bg)}
.band--wine .btn--solid:hover{background:var(--lav2)}
.band--wine .btn--ghost{color:var(--cream)}
.band--wine .btn--ghost:hover{background:var(--cream);color:var(--wine-bg);border-color:var(--cream)}
:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:4px}
.band--wine :focus-visible,.band--black :focus-visible{outline-color:var(--blush)}

/* ---------- topo ---------- */
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px var(--gut) 0;max-width:1160px;margin:0 auto}
.navwrap{background:linear-gradient(153deg,var(--lav1) 0%,var(--lav2) 60%)}
.mark{font-family:var(--display);font-weight:700;font-size:1.36rem;letter-spacing:-.01em;text-decoration:none}
.navlinks{display:flex;gap:clamp(16px,2.4vw,30px);flex-wrap:wrap;align-items:center}
.navlinks a{font-family:var(--black-face);font-weight:900;font-size:.6rem;letter-spacing:.17em;
  text-transform:uppercase;text-decoration:none;opacity:.72;transition:opacity .2s}
.navlinks a:hover{opacity:1;color:var(--grape)}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.86fr);gap:clamp(30px,5vw,68px);align-items:center}
.arch{position:relative;border-radius:50% 50% var(--r-card) var(--r-card) / 26% 26% var(--r-card) var(--r-card);
  overflow:hidden;aspect-ratio:3/4;background:var(--lav3);max-width:100%}
.arch img{width:100%;height:100%;object-fit:cover;object-position:center 22%;
  filter:saturate(1.08) contrast(1.03)}
.arch .grade{position:absolute;inset:0;background:var(--wine-bg);mix-blend-mode:multiply;opacity:.17;pointer-events:none}
.arch .lift{position:absolute;inset:0;background:radial-gradient(120% 70% at 22% 8%,rgba(240,200,214,.5),transparent 62%);
  mix-blend-mode:screen;opacity:.75;pointer-events:none}
.tagline{margin:24px 0 0;border-left:2px solid var(--wine);padding-left:20px;font-size:.92rem;line-height:1.5;max-width:36ch}
.tagline .tn{display:block;font-family:var(--voga);font-weight:500;font-size:2.5rem;line-height:1;margin-bottom:10px}

/* ---------- manifesto ---------- */
.manifesto{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}

.manifesto blockquote{margin:0;font-family:var(--display);font-weight:400;font-style:italic;
  font-size:clamp(1.85rem,4.6vw,3.15rem);line-height:1.16;letter-spacing:-.016em;text-wrap:balance}
.manifesto blockquote span{color:var(--blush);font-style:italic}
.attrib{margin:30px 0 0;font-family:var(--black-face);font-weight:900;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--blush)}

/* ---------- sobre ---------- */
.about{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.1fr);gap:clamp(30px,5vw,66px);align-items:start}
.cols{columns:2;column-gap:38px;max-width:none}
.cols p{break-inside:avoid}
.stats{display:flex;gap:clamp(24px,5vw,56px);margin-top:34px;padding-top:26px;border-top:2px solid rgba(69,18,36,.16);flex-wrap:wrap}
.stat b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(2.3rem,5vw,3.1rem);line-height:1;letter-spacing:-.02em;color:var(--grape)}
.stat span{font-family:var(--black-face);font-weight:900;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;opacity:.66}
.stats--q{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:26px 34px}
.stats--q .stat b{font-size:clamp(1.9rem,4vw,2.5rem);margin-bottom:6px}
.stats--q .stat span{font-family:var(--body);font-weight:400;font-size:.94rem;line-height:1.44;
  letter-spacing:normal;text-transform:none;opacity:.82;display:block;max-width:22ch}
.stats--q .stat i{display:block;font-style:normal;font-family:var(--black-face);font-weight:900;
  font-size:.53rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grape);opacity:.85;margin-top:9px}

/* ---------- serviços ---------- */
.sechead{margin:0 0 clamp(38px,5vw,58px)}
.sechead .eyebrow{margin-bottom:15px}
.sechead-row{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:clamp(20px,4vw,62px);align-items:start;border-top:2px solid var(--rule-c);
  padding-top:clamp(20px,2.6vw,30px)}
.sechead-row h2{margin:0}
.sechead-aside{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-top:7px}
.sechead-aside .lede{margin:0;max-width:44ch;font-size:1.02rem}
@media (max-width:900px){.sechead-row{grid-template-columns:1fr;gap:18px}.sechead-aside{padding-top:0}}

/* três perguntas */
.quests{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));grid-auto-rows:1fr;gap:clamp(20px,2.6vw,30px)}
.q{border:1px solid rgba(237,225,225,.34);border-radius:var(--r-card);padding:clamp(28px,3.2vw,40px) clamp(20px,2.4vw,30px);text-align:center;display:flex;flex-direction:column;align-items:center}
.q i{margin-top:auto}
.q b{display:block;font-family:var(--display);font-weight:400;
  font-size:clamp(3.2rem,7vw,4.6rem);line-height:.9;letter-spacing:-.03em;color:var(--blush);margin-bottom:14px}
.q p{font-family:var(--display);font-weight:400;font-size:clamp(1.18rem,2.2vw,1.42rem);
  line-height:1.24;margin:0 0 12px;text-wrap:balance}
.q i{font-style:normal;font-family:var(--black-face);font-weight:900;font-size:.55rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--blush)}

/* combinados */
.pact{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:30px 40px}
.pact>div{border-top:2px solid var(--rule-c);padding-top:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(18px,2.4vw,26px)}
.card{background:transparent;border-radius:var(--r-card);padding:clamp(26px,3vw,36px);
  display:flex;flex-direction:column;border:1px solid rgba(69,18,36,.24)}
.card h3{color:var(--wine)}
.card .step{font-family:var(--black-face);font-weight:900;font-size:.55rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--grape);opacity:.75;margin-bottom:10px;display:block}
.card--first{border:2px solid var(--wine)}
.pact h4{font-family:var(--black-face);font-weight:900;font-size:.57rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--grape);margin:0 0 12px}
.pact p{font-size:.92rem;line-height:1.5;opacity:.82;margin:0}
.pact .no h4{color:var(--wine);opacity:.5}
.lived{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(30px,5vw,68px);align-items:center}
.lived .pull{font-family:var(--display);font-style:italic;font-weight:400;
  font-size:clamp(1.3rem,2.7vw,1.72rem);line-height:1.3;margin:0;color:var(--lav2);
  border-left:2px solid var(--blush);padding-left:22px;text-wrap:balance}
@media (max-width:900px){.lived{grid-template-columns:1fr}}
.card>p{font-size:.94rem;line-height:1.56;opacity:.78;margin-bottom:22px}
.card ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}
.card li{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;line-height:1.42}
.card li svg{flex:none;width:17px;height:17px;margin-top:2px;stroke:var(--wine);fill:none;stroke-width:1.7}
.more{margin-top:auto;font-family:var(--black-face);font-weight:900;font-size:.6rem;letter-spacing:.16em;
  text-transform:uppercase;text-decoration:none;color:var(--grape);display:inline-flex;gap:8px;align-items:center}
.more:hover{gap:13px}
.more span{transition:transform .2s}

.pm{margin:clamp(34px,4vw,48px) 0 0;border-left:2px solid var(--wine);padding-left:22px;max-width:62ch}
.pm p{font-size:.98rem;line-height:1.56;margin:0 0 12px}

/* ---------- reflexões ---------- */
.refhead{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:clamp(34px,4.5vw,48px)}
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:clamp(22px,3vw,40px)}
.post{border-top:2px solid rgba(69,18,36,.24);padding-top:20px}
.post time{display:block;font-family:var(--black-face);font-weight:900;font-size:.57rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--grape);margin-bottom:12px}
.post h3{font-size:1.16rem;margin-bottom:10px}
.post p{font-size:.9rem;line-height:1.54;opacity:.76;margin-bottom:16px}

/* ---------- contato ---------- */
.contact{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(34px,5vw,72px);align-items:start}
.deets{display:flex;flex-direction:column;gap:24px;margin-top:8px}
.deet span{display:block;font-family:var(--black-face);font-weight:900;font-size:.57rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--blush);margin-bottom:6px}
.deet a,.deet p{font-size:1.02rem;text-decoration:none;margin:0}
.deet a:hover{color:var(--blush)}
.form{display:grid;gap:16px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:block;font-family:var(--black-face);font-weight:900;font-size:.55rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--blush);margin-bottom:8px}
.form input,.form select,.form textarea{width:100%;background:rgba(253,247,244,.07);color:var(--cream);
  border:1.5px solid rgba(237,225,225,.28);border-radius:14px;padding:14px 16px;
  font-family:var(--body);font-size:.96rem;transition:border-color .2s,background .2s}
.form textarea{min-height:124px;resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:rgba(237,225,225,.42)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blush);background:rgba(253,247,244,.11);outline:none}
.form select option{background:var(--wine-bg);color:var(--cream)}
.form .btn{justify-content:center;border:none;cursor:pointer;font-family:var(--black-face);margin-top:4px}

/* ---------- rodapé ---------- */
/* axioma — frase da marca aparecendo no meio do texto */
.axiom{margin:clamp(38px,5vw,62px) 0 0;max-width:32ch}
.axiom::before{content:"";display:block;width:46px;height:2px;background:var(--grape);margin-bottom:18px}
.axiom p{font-family:var(--display);font-style:italic;font-weight:400;
  font-size:clamp(1.28rem,2.7vw,1.8rem);line-height:1.22;letter-spacing:-.012em;margin:0;text-wrap:balance}
.band--wine .axiom::before,.band--black .axiom::before{background:var(--blush)}
.axiom--wide{max-width:40ch}

.footgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,.7fr);gap:clamp(30px,4vw,56px)}
.sig .name{font-family:var(--voga);font-weight:500;font-size:clamp(2.2rem,5vw,3rem);line-height:1;letter-spacing:-.02em;margin:0 0 14px}
.sig .method{font-family:var(--black-face);font-weight:900;font-size:.6rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--blush);margin:0 0 20px;line-height:1.8}
.sig p{font-size:.92rem;opacity:.72;max-width:36ch;margin:0}
.fcol h4{font-family:var(--black-face);font-weight:900;font-size:.57rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--blush);margin:0 0 16px}
.fcol a{display:block;font-size:.94rem;text-decoration:none;opacity:.8;margin-bottom:11px}
.fcol a:hover{opacity:1;color:var(--blush)}
.rule{margin-top:clamp(44px,5vw,64px);padding-top:22px;border-top:1px solid rgba(237,225,225,.18);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.76rem;opacity:.56}

@media (max-width:900px){
  .hero,.about,.contact,.manifesto{grid-template-columns:1fr}
  .footgrid{grid-template-columns:1fr 1fr}
  .cols{columns:1}
}
@media (max-width:560px){
  .row{grid-template-columns:1fr}
  .footgrid{grid-template-columns:1fr}
}

/* ---------- ajustes do diretor de arte (ata de 27/09) ---------- */
/* campo: nada chapado; grao do Will sobre tudo, multiply no claro, clarear no escuro */
.band--warm{background:radial-gradient(120% 90% at 88% 0%,var(--lav2) 0%,transparent 58%),linear-gradient(172deg,var(--warm) 0%,#E7D4D6 100%)}
.band--off{background:radial-gradient(110% 80% at 8% 0%,#FFFFFF 0%,transparent 62%),linear-gradient(176deg,var(--offwhite) 0%,var(--warm) 100%)}
.band--wine{background:radial-gradient(90% 70% at 18% 0%,rgba(214,171,180,.16),transparent 62%),var(--ondas) center/cover,var(--wine-bg)}
.band--black,footer.foot{background:linear-gradient(180deg,rgba(15,5,9,.30),rgba(15,5,9,.58)),var(--ondas) center/cover,var(--wine-bg);color:var(--cream)}
footer.foot{position:relative;overflow:hidden}
.band::after,footer.foot::after,.navwrap::after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:600px 600px;
  mix-blend-mode:multiply;opacity:.3;pointer-events:none}
.band--wine::after,.band--black::after,footer.foot::after{filter:invert(1);mix-blend-mode:screen;opacity:.13}
.navwrap{position:relative}
.nav,footer.foot .inner{position:relative;z-index:1}
/* o nome Jufi Lima e sempre Voga, e maior que o entorno */
.mark{font-family:var(--voga);font-weight:500;font-size:1.95rem;letter-spacing:0;line-height:1}
/* foto que sangra como campo, nunca dentro de retangulo */
.bleed{position:absolute;top:0;bottom:0;width:44%;z-index:0;overflow:hidden}
.bleed--left{left:0;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 58%,transparent 100%)}
.bleed img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(1.06)}
.bleed .grade{position:absolute;inset:0;background:var(--wine-bg);mix-blend-mode:multiply;opacity:.14}
.spacer{min-height:1px}
/* recorte em PNG sobre a textura */
.cutout{display:flex;justify-content:center;align-items:center}
.cutout img{width:auto;max-width:100%;max-height:min(62vh,520px)}
.manifesto .cutout img{max-height:min(54vh,430px)}
@media (max-width:900px){
  .bleed{position:relative;width:auto;height:min(96vw,560px);margin:calc(-1*clamp(72px,11vw,140px)) calc(-1*var(--gut)) 34px;
    -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
  .spacer{display:none}
  .cutout img{max-height:380px}
}

/* ---------- ajustes dela (14/10): respiro entre faixas, topo, manifesto, perguntas, combinados ---------- */
.band{--pad:clamp(56px,7vw,100px);padding:var(--pad) var(--gut)}
.band--tight{--pad:clamp(44px,5.5vw,76px)}
.nav{padding:32px var(--gut) 26px}
.navwrap{position:absolute;top:0;left:0;right:0;z-index:5;background:none}
.navwrap::after{display:none}
.sechead{margin-bottom:clamp(30px,3.6vw,46px)}
.hero{align-items:center}
.arch{max-height:min(74vh,640px)}
.manifesto{grid-template-columns:minmax(0,1fr) minmax(0,.46fr);align-items:end;gap:clamp(24px,4vw,56px)}
.manifesto>div:first-child{align-self:center;padding-bottom:clamp(8px,2vw,24px)}
.manifesto .cutout{align-self:end;margin-bottom:calc(-1*var(--pad));justify-content:flex-end}
.manifesto .cutout img{max-height:min(46vh,380px)}
.q{gap:10px;justify-content:flex-start;padding:clamp(24px,2.6vw,32px) clamp(18px,2vw,26px)}
.q svg{width:30px;height:30px;stroke:var(--blush);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.q i{margin:0}
.q p{font-size:clamp(1.12rem,1.7vw,1.32rem);margin:2px 0 0}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(28px,3vw,40px)}
.sechead--solo h2{margin:0;max-width:22ch}
.statement{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(1.45rem,2.9vw,2.15rem);line-height:1.24;
  letter-spacing:-.012em;text-align:center;max-width:32ch;margin:0 auto clamp(34px,4vw,52px);text-wrap:balance}
.statement::before{content:"";display:block;width:46px;height:2px;background:var(--wine);margin:0 auto 20px}
@media (max-width:900px){
  .manifesto{grid-template-columns:1fr}
  .manifesto .cutout{justify-content:center}
  .manifesto .cutout img{max-height:280px}
  .bleed{margin:calc(-1*var(--pad)) calc(-1*var(--gut)) 30px}
  .arch{max-height:none}
}

/* ---------- segunda rodada dela (14/10): proporção, centro, tela larga ---------- */
.inner{max-width:1280px}
.manifesto{grid-template-columns:auto auto;justify-content:center;align-items:end;gap:clamp(32px,7vw,120px)}
.manifesto .cutout{order:-1}
.manifesto blockquote{font-size:clamp(2.1rem,4.4vw,3.5rem)}
.q{gap:14px;padding:clamp(34px,3.6vw,52px) clamp(22px,2.6vw,36px)}
.q svg{width:42px;height:42px}
.q i{font-size:.66rem}
.q p{font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.2}
.cta-row{justify-content:center}
.lived{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,6vw,96px)}
.lived .pull{font-size:clamp(1.45rem,2.5vw,2.05rem)}
.sechead--solo{text-align:center}
.sechead--solo h2{margin:0 auto}
.pact{grid-auto-rows:1fr}
.pact>div{text-align:center}
.deets-row{display:flex;justify-content:center;gap:clamp(36px,8vw,120px);flex-wrap:wrap;text-align:center;
  margin-top:clamp(40px,5vw,64px);padding-top:clamp(26px,3vw,36px);border-top:1px solid var(--rule-c)}
@media (max-width:900px){.manifesto{grid-template-columns:1fr;justify-items:center;text-align:center}.manifesto .cutout{order:2}}

/* ---------- terceira rodada (14/10): texto novo, faixa "o que eu faço", duas portas no contato ---------- */
.apoio{margin:22px 0 0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.55;max-width:42ch;color:color-mix(in srgb,var(--cream) 82%,transparent)}
.trio3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;gap:clamp(20px,2.6vw,32px);text-align:center}
.trio3>div{border-top:2px solid var(--rule-c);padding-top:18px}
.trio3 h4{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.6vw,1.35rem);margin:0 0 10px}
.trio3 p{font-size:.98rem;line-height:1.55;margin:0 auto;max-width:34ch;opacity:.86}
.trio3--caixa>div{border:1px solid rgba(69,18,36,.24);border-radius:var(--r-card);padding:clamp(26px,3vw,38px) clamp(18px,2vw,28px)}
.trio3--caixa svg{width:36px;height:36px;stroke:var(--wine);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.sechead--segundo{margin-top:clamp(52px,6vw,80px)}
.temas{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px 14px}
.temas li{border:1px solid rgba(69,18,36,.3);border-radius:var(--r-pill);padding:8px 16px;font-size:.88rem}
.portas{display:grid;gap:16px;margin-top:8px}
.porta{border:1px solid rgba(237,225,225,.3);border-radius:var(--r-card);padding:22px 24px}
.porta-rot{font-family:var(--black-face);font-weight:900;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blush);margin:0 0 10px}
.porta p{font-size:.95rem;line-height:1.55;margin:0 0 14px;opacity:.9}
.porta p:last-child{margin-bottom:0}

/* ---------- site de páginas (14/10): topo fixo, faixas com foto, tabuleiro ---------- */
.topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--lav1) 88%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule-c)}
.topo-in{max-width:1280px;margin:0 auto;padding:18px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px}
.topo .mark{font-family:var(--voga);font-weight:500;font-size:2rem;line-height:1;text-decoration:none;color:var(--wine)}
.menu{display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
.menu a{font-family:var(--black-face);font-weight:900;font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;
  text-decoration:none;color:var(--wine);opacity:.75;padding:6px 0;border-bottom:1px solid transparent}
.menu a:hover,.menu a.on{opacity:1;border-bottom-color:var(--wine)}
.menu .menu-cta{opacity:1;border:1px solid var(--wine);border-radius:var(--r-pill);padding:11px 20px}
.menu .menu-cta:hover{background:var(--wine);color:var(--lav1)}
.menu-chk,.menu-btn{display:none}
@media (max-width:1020px){
  .menu-btn{display:block;width:30px;height:22px;position:relative;cursor:pointer}
  .menu-btn span,.menu-btn span::before,.menu-btn span::after{position:absolute;left:0;right:0;height:2px;background:var(--wine);content:""}
  .menu-btn span{top:10px}.menu-btn span::before{top:-8px}.menu-btn span::after{top:8px}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:14px;
    padding:20px var(--gut) 26px;background:var(--lav1);border-bottom:1px solid var(--rule-c)}
  .menu-chk:checked~.menu{display:flex}
}
.bleed--right{right:0;left:auto;-webkit-mask-image:linear-gradient(270deg,#000 58%,transparent 100%);mask-image:linear-gradient(270deg,#000 58%,transparent 100%)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(30px,5vw,72px);align-items:center}
.lista-nos{display:grid;gap:22px;margin-top:clamp(24px,3vw,36px)}
.lista-nos>div{border-left:2px solid var(--wine);padding-left:20px}
.lista-nos h4,.etapas-curtas h3{font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,1.8vw,1.45rem);margin:0 0 6px}
.lista-nos p{margin:0;font-size:1rem;line-height:1.55;opacity:.86}
.perguntas{display:grid;gap:clamp(22px,2.6vw,34px);margin-top:clamp(26px,3vw,40px)}
.perguntas>div{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}
.perguntas svg{grid-row:span 2;width:44px;height:44px;stroke:var(--blush);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.perguntas i{font-style:normal;font-family:var(--black-face);font-weight:900;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blush)}
.perguntas p{margin:0;font-family:var(--display);font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.15}
.etapas-curtas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;gap:clamp(18px,2.4vw,28px)}
.etapas-curtas a{display:block;text-decoration:none;color:inherit;border:1px solid rgba(69,18,36,.24);border-radius:var(--r-card);
  padding:clamp(26px,3vw,36px);text-align:center;transition:border-color .2s}
.etapas-curtas a:hover{border-color:var(--wine)}
.etapas-curtas .step{display:block;font-family:var(--black-face);font-weight:900;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grape);margin-bottom:10px}
.etapas-curtas p{margin:0;font-size:.98rem;line-height:1.55;opacity:.86}
.chamada{text-align:center}
.chamada h2{margin:0 auto 30px;max-width:22ch}
.acts--centro{justify-content:center}
.band--wine .btn--ghost{color:var(--cream)}
.tabuleiro{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;
  border:1px solid rgba(237,225,225,.3);border-radius:var(--r-card);overflow:hidden}
.tabuleiro li{padding:clamp(26px,3vw,40px);border-right:1px solid rgba(237,225,225,.2);border-bottom:1px solid rgba(237,225,225,.2)}
.tabuleiro li:nth-child(3n){border-right:0}
.tabuleiro li:nth-child(n+4){border-bottom:0}
.tabuleiro li:nth-child(2n){background:rgba(237,225,225,.06)}
.tabuleiro b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1;color:var(--blush);margin-bottom:14px}
.tabuleiro h4{font-family:var(--display);font-weight:700;font-size:1.3rem;margin:0 0 8px}
.tabuleiro p{margin:0;font-size:.97rem;line-height:1.55;opacity:.86}
.pm-chamada{text-align:center;max-width:780px}
.pm-chamada .lede{margin:0 auto 26px}
.statement--depois{margin:clamp(40px,5vw,60px) auto clamp(24px,3vw,36px)}
.trio3--quatro{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.h1-menor{font-size:clamp(2.3rem,5.2vw,3.8rem)}
.porta--form{border-color:rgba(237,225,225,.3);margin-bottom:22px}
.split .pull{margin-top:28px;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.3;color:var(--lav2);border-left:2px solid var(--blush);padding-left:22px;text-wrap:balance}
@media (min-width:901px){.inner.orac--bleed{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}}
@media (max-width:900px){
  .split{grid-template-columns:1fr}
  .tabuleiro{grid-template-columns:1fr;grid-auto-rows:auto}
  .tabuleiro li{border-right:0!important;border-bottom:1px solid rgba(237,225,225,.2)!important}
  .bleed--right{margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut))}
}

/* ---------- quinta leitura (14/10) ---------- */
.statement--linha{max-width:none;white-space:nowrap;font-size:clamp(1.2rem,2.2vw,1.8rem)}
@media (max-width:760px){.statement--linha{white-space:normal}}
.porta-solta{margin-bottom:22px}
.porta-solta p{font-size:.98rem;line-height:1.55;margin:0;opacity:.9}
.porta-solta .porta-rot{margin-bottom:8px}
.pm-chamada--texto{text-align:left;max-width:860px}
.pm-chamada--texto .lede{margin:0 0 1.1em}
.vazio{font-size:1rem;opacity:.75;margin:0}

/* ---------- blog separado do Substack e do LinkedIn (14/10) ---------- */
.fora{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,72px)}
.fora-rot{font-family:var(--black-face);font-weight:900;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blush);margin:0 0 14px}
.fora-lista{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid rgba(237,225,225,.25)}
.fora-lista li{border-bottom:1px solid rgba(237,225,225,.25)}
.fora-lista a{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:14px 0;text-decoration:none;color:var(--cream)}
.fora-lista a:hover span{color:var(--blush)}
.fora-lista span{font-family:var(--display);font-size:1.12rem;line-height:1.3}
.fora-lista time{flex:none;font-family:var(--black-face);font-weight:900;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.band--wine .more{color:var(--blush)}
.blog-vazio{text-align:center;padding:clamp(20px,4vw,48px) 0}
.blog-vazio h2{margin:0 auto 14px;max-width:22ch}
@media (max-width:900px){.fora{grid-template-columns:1fr}}

/* ---------- páginas antigas no mesmo padrão (14/10): axioma centralizado em todas ---------- */
.axiom{margin-left:auto;margin-right:auto;text-align:center;max-width:30ch}
.axiom::before{margin-left:auto;margin-right:auto}

/* ---------- sétima leitura (14-15/10): subtítulos de verdade, texto lateral maior, fotos com altura ---------- */
.sechead-aside .lede{font-size:clamp(1.06rem,1.45vw,1.22rem);max-width:46ch}
.wy h4,.tl h4,.pact h4,.du .mark2{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.6vw,1.38rem);
  letter-spacing:-.005em;text-transform:none;color:inherit;opacity:1;margin:0 0 10px}
.pact .no h4{opacity:.6}
.wy p,.tl p,.pact p,.du p,.tr p,.pl span{font-size:clamp(.98rem,1.15vw,1.06rem);line-height:1.6}
.du h3{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.tools,.why{text-align:left}
.axiom{max-width:60ch}
.axiom p{text-wrap:balance}
.demo .body{font-size:clamp(.98rem,1.15vw,1.06rem);opacity:.8}
@media (min-width:901px){.bleed~.inner{min-height:clamp(440px,38vw,640px)}}
.ciclo{list-style:none;padding:0;margin:clamp(26px,3vw,40px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ciclo li{border:1px solid rgba(237,225,225,.32);border-radius:var(--r-card);padding:clamp(18px,2vw,26px) 16px;text-align:center}
.ciclo b{display:block;font-family:var(--black-face);font-weight:900;font-size:.6rem;letter-spacing:.2em;color:var(--blush);margin-bottom:8px}
.ciclo span{font-family:var(--display);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.1}
.ciclo li.dim{opacity:.38}
.ciclo li.dim b{color:inherit}
@media (max-width:700px){.ciclo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.heroside p{font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.6}
.pl b{font-size:clamp(1.2rem,1.7vw,1.4rem)}

/* ---------- oitava leitura (15/10): respiro de volta a um meio-termo; ferramentas e registro como os combinados ---------- */
.band{--pad:clamp(72px,8.5vw,124px)}
.band--tight{--pad:clamp(52px,6.5vw,92px)}
.tools,.trio{grid-auto-rows:1fr}
.tl,.tr{text-align:center}
.tools{gap:30px 34px}
.menu .idioma{opacity:1;font-size:.6rem;border:1px solid var(--rule-c);border-radius:var(--r-pill);padding:8px 12px}
.menu .idioma:hover{border-color:var(--wine)}