/* =========================================================================
   TÂNIA YAMAGUTI · SOBRE
   Agência RCA · v3.1
   PASTA: /assets/sobre.css   (só na página Sobre, depois do site.css)
   Editorial e orgânico, na mesma linguagem da home: recortes, ondas,
   folhas e frase manuscrita.
   ========================================================================= */
.pg-sobre main{overflow-x:clip}
.pg-sobre section{position:relative}
.pg-sobre .rotulo{font-size:12px;letter-spacing:.24em;color:#86663b}
.pg-sobre .rotulo::before{display:none}
.pg-sobre .titulo{font-size:clamp(32px,3.4vw,46px);line-height:1.04;margin-top:12px}
.onda{position:absolute;left:0;bottom:-1px;width:100%;height:72px;pointer-events:none;z-index:3}
.ramo{position:absolute;color:#c9a979;pointer-events:none;opacity:.5}
.folhagem{position:absolute;pointer-events:none;filter:drop-shadow(0 14px 18px rgba(40,46,28,.25))}

/* recorte orgânico das fotos */
.s-blob{position:relative;aspect-ratio:1/1}
.s-blob::before{content:"";position:absolute;inset:-18px -26px -22px 18%;border-radius:44% 56% 50% 50%/52% 46% 54% 48%;background:linear-gradient(140deg,#ecdcc0,#dcc39b);opacity:.55}
.s-blob img{position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 14%;border-radius:56% 44% 48% 52%/50% 46% 54% 50%;box-shadow:0 30px 60px -34px rgba(60,48,34,.6);transition:border-radius 2.4s var(--mola)}
.s-blob:hover img{border-radius:48% 52% 44% 56%/46% 54% 46% 54%}
.s-script{font:38px/1.08 "Allura",cursive;color:#b58a5a;transform:rotate(-10deg)}

/* ── abertura: banner escuro, texto em creme à esquerda ── */
.s-hero{min-height:clamp(380px,26vw,480px);padding:30px 0 80px;background:#261c11;color:#efe4d0;overflow:hidden;display:flex;align-items:center}
.s-hero-fundo{position:absolute;inset:0}
.s-hero-fundo img{width:100%;height:100%;object-fit:cover;object-position:80% 50%;animation:surge-s 1.6s var(--mola) both}
.s-hero-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,24,15,.88) 0%,rgba(32,24,15,.7) 36%,rgba(32,24,15,.25) 52%,rgba(32,24,15,0) 66%)}
@keyframes surge-s{from{opacity:.4;transform:scale(1.03)}to{opacity:1;transform:none}}
.s-hero-in{position:relative;z-index:2;width:100%;max-width:1320px;padding:0 64px}
.s-hero-texto{max-width:620px;margin-left:clamp(0px,4vw,70px)}
.s-hero .rotulo.sem-traco{color:var(--ouro-claro)}
.s-hero-texto h1{font-size:clamp(42px,3.6vw,58px);line-height:1;margin:10px 0 16px;color:#fbf5ea;max-width:none}
.s-hero-texto p:not(.rotulo):not(.s-assina){font-size:18px;line-height:1.6;color:#e2d6c1;max-width:48ch}
.s-hero-texto p+p{margin-top:12px}
.s-assina{margin-top:14px;font:38px "Allura",cursive;color:var(--ouro-claro)}

/* ── trajetória ── */
.s-historia{padding:72px 0 120px;background:#f7efe3;overflow:hidden}
.s-historia-folhas{left:-54px;bottom:60px;width:170px;transform:rotate(22deg);opacity:.85}
.s-historia-in{max-width:1180px;display:grid;grid-template-columns:1fr minmax(0,480px);gap:72px;align-items:center}
.s-historia-texto p:not(.rotulo){margin-top:16px;font-size:17.5px;line-height:1.6;color:#4f463e;max-width:50ch}
.s-historia-texto .titulo+p{margin-top:22px}
.s-blob-2::before{inset:-20px 18% -24px -26px;border-radius:56% 44% 52% 48%/48% 54% 46% 52%;background:linear-gradient(140deg,#e7ead9,#cfd5bd)}
.s-historia-arte{position:relative}
.s-historia-arte .s-script{position:absolute;left:-150px;top:-26px;z-index:2}
.s-blob-2 img{object-position:55% 30%;border-radius:46% 54% 52% 48%/54% 48% 52% 46%}

/* ── pilares ── */
.s-pilares{padding:30px 0 84px;background:#f1e6d6;overflow:hidden}
.s-pilares-ramo{right:-20px;top:30px;width:170px;opacity:.5}
.s-pilares .env{max-width:1180px}
.s-pilares-cab{display:grid;grid-template-columns:1fr 1fr;gap:20px 64px;align-items:end;margin-bottom:26px}
.s-pilares-cab .titulo{max-width:22ch}
.s-pilares-cab>p{font-size:17.5px;line-height:1.6;color:#4f463e;max-width:44ch}
.s-pilares-lista{display:grid;grid-template-columns:repeat(4,1fr)}
.s-pilares-lista li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 24px;border-left:1px solid rgba(160,122,73,.3)}
.s-pilares-lista li:first-child{border-left:0}
.s-pilares-lista span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(160deg,#a27a4c,#7f5a33);color:#f6efe3;box-shadow:0 0 0 6px rgba(255,255,255,.4);margin-bottom:4px;transition:background .4s,color .4s,transform .6s var(--mola)}
.s-pilares-lista li:hover span{background:var(--verde);transform:rotate(-8deg)}
.s-pilares-lista h3{font:600 23px/1.2 "Cormorant Garamond",serif;color:#231f1b}
.s-pilares-lista p{font-size:15px;line-height:1.55;color:#5f544a;max-width:24ch}

/* ── cartas ── */
.s-cartas{padding:40px 0 30px;background:#fbf6ee;overflow:hidden}
.s-cartas-ramo{right:-24px;top:40px;width:160px;opacity:.45}
.s-cartas-in{display:grid;grid-template-columns:44% 1fr;gap:72px;align-items:center;padding-right:max(24px,calc((100vw - 1180px)/2))}
.s-cartas-foto{position:relative}
.s-cartas-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0 52% 48% 0/0 50% 50% 0;box-shadow:0 30px 60px -34px rgba(60,48,34,.6)}
.s-cartas-folhas{left:28px;bottom:-58px;width:150px;transform:rotate(-24deg);z-index:2}
.s-cartas-texto p:not(.rotulo){margin-top:16px;font-size:17.5px;line-height:1.6;color:#4f463e;max-width:50ch}
.s-cartas-texto .titulo{max-width:none}
.s-destaque{padding-left:18px;border-left:2px solid #c9a979;font:italic 500 22px/1.4 "Cormorant Garamond",serif!important;color:#3f3832!important}

/* ── frase manifesto ── */
.s-manifesto{padding:70px 0 130px;background:#fbf6ee}
.s-manifesto-in{max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center}
.s-manifesto-aspas{font:400 120px/0.6 "Cormorant Garamond",serif;color:#c9a979;height:44px}
.s-manifesto blockquote p{font:italic 500 clamp(30px,3vw,42px)/1.3 "Cormorant Garamond",serif;color:#2f2a25;max-width:30ch}
.s-manifesto .s-assina{margin-top:18px;color:#b58a5a}

/* ── espiritualidade: faixa areia, título largo e texto em duas colunas ── */
.s-espirito{padding:40px 0 92px;background:#f1e6d6;overflow:hidden}
.s-espirito-marca{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);color:#c9a979;opacity:.05;pointer-events:none}
.s-espirito-in{position:relative;max-width:1080px;text-align:center}
.s-espirito-cab{display:flex;flex-direction:column;align-items:center}
.s-espirito-ico{color:var(--ouro);margin-bottom:12px}
.s-espirito .titulo{max-width:none}
.s-espirito-txt{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;padding-top:26px;border-top:1px solid rgba(160,122,73,.35);text-align:left}
.s-espirito-txt p{font-size:17.5px;line-height:1.6;color:#4f463e;padding:0 44px}
.s-espirito-txt p:first-child{padding-left:0}
.s-espirito-txt p+p{padding-right:0;border-left:1px solid rgba(160,122,73,.35)}

/* ── chamada final ── */
.s-cta{background:radial-gradient(500px 240px at 50% 0%,rgba(255,255,255,.07),transparent 70%),linear-gradient(100deg,#9f5c3e,#ae6a4a 50%,#a2603f);color:#f6e9dc;padding:84px 0 92px;overflow:hidden;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V300H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V300H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.s-cta{margin-top:-34px;z-index:4}
.s-cta .ramo{color:#f0d3b6;opacity:.42}
.s-cta-ramo1{left:-20px;top:10px;width:170px;transform:rotate(-12deg)}
.s-cta-ramo2{right:2%;top:20px;width:150px;transform:scaleX(-1)}
.s-cta-in{max-width:1180px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.s-cta .rotulo{color:#f0d6bb}
.s-cta .rotulo::before{display:none}
.s-cta h2{margin-top:10px;font:italic 500 clamp(32px,3vw,44px)/1.15 "Cormorant Garamond",serif;color:#fff;max-width:20ch}
.s-cta-dir p{font-size:18px;line-height:1.6;color:#f6e9dc;max-width:40ch}
.s-cta-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.s-cta-acoes .botao{white-space:nowrap}
.s-cta .botao-cheio{border:1px solid rgba(240,214,187,.55)}

/* ── tablet ── */
@media (max-width:1000px){
  .s-hero-in,.s-historia-in{gap:44px}
  .s-cartas-in{gap:44px}
  .s-pilares-lista{grid-template-columns:1fr 1fr;row-gap:36px}
  .s-pilares-lista li:nth-child(3){border-left:0}
  .s-cta-in{grid-template-columns:1fr;gap:24px}
  .s-espirito-txt p{padding:0 28px}
}

/* ── celular ── */
@media (max-width:760px){
  .onda{height:40px}
  .s-hero{min-height:0;display:block;padding:0 0 70px}
  .s-hero-fundo{position:relative;display:block;height:min(56vw,250px)}
  .s-hero-fundo::after{background:linear-gradient(180deg,rgba(38,28,17,0) 50%,#261c11 100%)}
  .s-hero-fundo img{object-position:60% 50%}
  .s-hero-in{padding:0 20px;margin-top:-20px}
  .s-hero-texto{margin:0}
  .s-hero-texto h1{font-size:clamp(40px,11vw,52px)}
  .s-hero-texto p:not(.rotulo):not(.s-assina){font-size:17px}
  .s-hero-ramo,.s-pilares-ramo,.s-cartas-ramo,.s-historia-folhas,.s-cta-ramo1,.s-cta-ramo2{display:none}
  .s-pilares-lista p{font-size:16px}
  .s-historia-in,.s-pilares-cab{grid-template-columns:1fr;gap:30px}
  .s-pilares-cab{gap:14px}
  .s-historia{padding:40px 0 90px}
  .s-historia-arte{order:-1;max-width:340px;margin:0 auto;width:100%}
  .s-historia-arte .s-script{position:relative;left:auto;top:auto;font-size:28px;margin:0 0 6px 12px;transform:rotate(-6deg);word-spacing:-.18em}
  .s-historia-arte .s-script span{display:inline;margin:0}
  .s-historia-texto p:not(.rotulo),.s-cartas-texto p:not(.rotulo),.s-pilares-cab>p{font-size:16.5px}
  .s-pilares{padding:48px 0 90px}
  .s-pilares-lista{grid-template-columns:1fr;row-gap:28px}
  .s-pilares-lista li{border-left:0;padding:0}
  .s-cartas{padding:30px 0 20px}
  .s-cartas-in{grid-template-columns:1fr;padding:0 20px 0 0;gap:30px}
  .s-cartas-texto{padding-left:20px}
  .s-cartas-folhas{display:none}
  .s-manifesto{padding:40px 0 90px}
  .s-manifesto blockquote p{font-size:28px}
  .s-manifesto .s-assina{font-size:32px}
  .s-espirito{padding:48px 0 90px}
  .s-espirito-marca{width:300px;height:300px}
  .s-espirito-txt{grid-template-columns:1fr;gap:16px;margin-top:26px;padding-top:24px}
  .s-espirito-txt p,.s-espirito-txt p+p{padding:0;border-left:0;font-size:16.5px}
  .s-cta{padding:80px 0 76px;margin-top:-50px}
  .s-cta .botao{width:100%}
}

.s-botao{margin-top:26px}
@media (max-width:760px){.s-botao{width:100%}.s-pilares{padding:30px 0 80px}.s-espirito{padding:30px 0 80px}}

/* ── auditoria 09/10 ── */
@media (min-width:761px) and (max-width:1180px){
  .s-historia-arte .s-script{left:auto;right:-10px;top:-56px;font-size:32px}
  .s-historia-folhas{display:none}
  .s-hero-fundo::after{background:linear-gradient(90deg,rgba(32,24,15,.94) 0%,rgba(32,24,15,.88) 50%,rgba(32,24,15,.4) 72%,rgba(32,24,15,0) 88%)}
}
@media (max-width:760px){.s-historia-arte .s-script{word-spacing:0}.s-historia-arte .s-script span{display:inline!important;margin:0!important}}
.s-script span{display:block}.s-script .r1{margin-left:.6em}.s-script .r2{margin-left:.9em}
.s-manifesto{padding-bottom:84px!important}
.s-espirito{padding-top:14px!important}
.s-espirito-ico{margin-bottom:8px}