/* Grupo Áurea · página O Grupo (usa home.css como base) */
.pg-solid-hd .hd{background:rgba(7,22,37,.96);border-bottom-color:rgba(201,162,75,.14)}

/* topo em faixa de foto */
.gb{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(520px,78svh,760px);color:var(--on-dark);background:var(--navy-deep);overflow:hidden}
.gb-bg{position:absolute;inset:0;z-index:-1}
.gb-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.6) contrast(1.04)}
.gb-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,32,.5) 0%,rgba(6,20,32,.3) 40%,rgba(6,20,32,.9) 100%)}
.gb-in{padding:calc(var(--hd) + 64px) 0 clamp(48px,7vh,80px)}
.gb .h1{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.015em;max-width:24ch}
.gb .lede{margin-top:22px;color:var(--on-dark-2);max-width:56ch}

/* a ordem que seguimos: cabeçalho fixo, linha que se desenha ao rolar */
.ordem{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.ordem-head{position:sticky;top:calc(var(--hd) + 48px)}
.ordem-head .lede{margin-top:22px}
.ordem-list{position:relative;padding-left:44px;margin-top:8px}
.ordem-list::before{content:"";position:absolute;left:12px;top:24px;bottom:24px;width:1px;background:rgba(11,29,51,.14)}
.ordem-list::after{content:"";position:absolute;left:12px;top:24px;width:1px;height:calc((100% - 48px) * var(--p));background:linear-gradient(180deg,var(--gold-ink),var(--gold));transition:height .25s linear}
.ordem-list li{--a:clamp(0,calc(var(--p) * 5.4 - var(--i)),1);position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:clamp(28px,3.4vw,44px) 0;border-top:1px solid var(--hair-l);opacity:calc(.22 + .78 * var(--a));transform:translate3d(calc((1 - var(--a)) * 22px),0,0);transition:transform .25s linear}
.ordem-list li:first-child{border-top:0}
.ordem-list li::before{content:"";position:absolute;left:-36px;top:calc(50% - 5px);width:9px;height:9px;border-radius:50%;background:var(--gold);transform:scale(calc(.4 + .6 * var(--a)));box-shadow:0 0 0 calc(var(--a) * 7px) rgba(201,162,75,.16);transition:transform .25s linear,box-shadow .25s linear}
.ordem-list b{font:500 clamp(24px,2.2vw,30px)/1 var(--sans);letter-spacing:-.02em;color:var(--gold-deep);opacity:calc(.35 + .65 * var(--a))}
.ordem-list span{display:block;font:500 clamp(18px,1.5vw,22px)/1.35 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.ordem-list em{display:block;margin-top:6px;font:400 14.5px/1.5 var(--sans);font-style:normal;color:var(--ink-3)}

/* secções com foto de fundo */
.photo-sec{position:relative;isolation:isolate;color:var(--on-dark);background:var(--navy-deep)}
.photo-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.photo-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.55) contrast(1.04)}
.photo-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,32,.8) 0%,rgba(6,20,32,.7) 50%,rgba(6,20,32,.84) 100%)}
.photo-sec .eyebrow{color:var(--gold)}
.photo-sec .lede{color:var(--on-dark-2)}

/* contra o que lutamos: pares */
.pares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.par-item{padding:28px 28px 26px;border-radius:20px;background:rgba(8,24,40,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(201,162,75,.2)}
.par-item small{display:block;font:500 15px/1.4 var(--sans);color:var(--on-dark-3);margin-bottom:10px}
.par-item b{display:block;font:500 clamp(18px,1.5vw,22px)/1.35 var(--sans);letter-spacing:-.01em;color:var(--on-dark)}
.par-item b i{font-style:normal;color:var(--gold)}

/* o que construímos */
.obra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.obra .ph{aspect-ratio:4/5;border-radius:22px}
.obra .lede{margin-top:22px}
.caps-list{margin-top:32px;display:grid;gap:0}
.caps-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--hair-l);font:500 16px/1.45 var(--sans);color:var(--ink)}
.caps-list li:last-child{border-bottom:1px solid var(--hair-l)}
.caps-list .ic{width:18px;height:18px;color:var(--gold-ink);margin-top:3px}
.obra-quote{margin-top:30px;font:500 clamp(19px,1.7vw,24px)/1.3 var(--sans);color:var(--gold-deep)}

/* como nos organizamos: diagrama que se desenha + cartões sobre a foto */
.casa{position:relative;padding-top:150px}
.casa-lines{position:absolute;left:0;right:0;top:0;width:100%;height:170px;overflow:visible}
.casa-base{fill:none;stroke:rgba(201,162,75,.18);stroke-width:1;vector-effect:non-scaling-stroke}
.casa-draw{fill:none;stroke:var(--gold);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p));transition:stroke-dashoffset .3s linear}
.casa-pulse{fill:#F1DDA0;opacity:clamp(0,calc((var(--p) - .9) * 10),1);filter:drop-shadow(0 0 6px rgba(201,162,75,.9))}
/* anel de luz à volta do símbolo (Shader Lines, HorizonX): só com WebGL, acende com o diagrama */
.casa-ring{position:absolute;left:50%;top:32px;z-index:0;width:280px;height:280px;translate:-50% -50%;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease)}
.casa-ring canvas{display:block;width:100%;height:100%}
.casa-ring.fx-on{opacity:clamp(0,calc(var(--p) * 1.5 - .15),1)}
.casa-mark{z-index:1}
.casa-mark{position:absolute;left:50%;top:0;translate:-50% 0;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(8,24,40,.85);border:1px solid rgba(201,162,75,.45);box-shadow:0 0 0 10px rgba(201,162,75,.06),0 20px 50px -20px rgba(0,0,0,.8)}
.casa-mark img{width:30px;height:auto}
.orga{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.orga a{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px 24px;border-radius:20px;background:rgba(8,24,40,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(201,162,75,.22);color:var(--on-dark);text-decoration:none;overflow:hidden;transition:border-color .35s,background .35s,transform .5s var(--ease)}
.orga a::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(230,210,155,.12) 50%,transparent 65%);translate:-120% 0}
.js .orga a.in::before{animation:sweep 2.4s var(--ease) calc(var(--d,0) * 220ms + .5s) both}
@keyframes sweep{to{translate:120% 0}}
.orga a:hover{border-color:rgba(201,162,75,.55);background:rgba(12,33,56,.86);transform:translateY(-4px)}
.orga small{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.orga b{font:500 clamp(19px,1.6vw,23px)/1.3 var(--sans);letter-spacing:-.01em}
.orga p{font-size:14.5px;color:var(--on-dark-2);flex:1}
.orga .more{color:var(--on-dark);margin-top:6px}
.orga .more i{border-color:rgba(201,162,75,.45);color:var(--gold)}
.orga a:hover .more i{background:var(--gold);color:var(--navy)}

/* fundadores: um retrato grande de cada vez */
.founders{background:var(--navy)}
.founder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(32px,4vw,56px)}
.founder + .founder{border-top:1px solid rgba(201,162,75,.14);margin-top:clamp(16px,2vw,32px)}
.founder--alt .founder-ph{order:2}
.founder-ph{position:relative;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:var(--navy-deep);border:1px solid rgba(201,162,75,.28);box-shadow:0 0 0 10px rgba(201,162,75,.05),0 50px 100px -50px rgba(0,0,0,.9)}
.founder-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.founder:hover .founder-ph img{transform:scale(1.025)}
.founder-txt .eyebrow{color:var(--gold);margin-bottom:16px}
.founder-txt h3{font:500 clamp(32px,3.4vw,48px)/1.1 var(--sans);letter-spacing:-.02em;color:var(--on-dark)}
.founder-txt .lede{margin-top:22px;color:var(--on-dark-2);max-width:48ch}
.founder-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.founder-tags li{font:600 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);padding:10px 14px;border-radius:999px;border:1px solid rgba(201,162,75,.35)}

/* declaração */
.decl{position:relative;isolation:isolate;color:var(--on-dark);background:var(--navy-deep);padding-block:clamp(110px,13vw,190px)}
.decl-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.decl-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.5) contrast(1.05)}
.decl-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,32,.8),rgba(6,20,32,.72) 50%,rgba(6,20,32,.86))}
.decl .eyebrow{color:var(--gold)}
.decl .fill{color:var(--on-dark);max-width:30ch}
.decl .fill span{color:rgb(242 239 231 / calc(.25 + .75 * var(--w,1)))}
.decl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 48px;margin-top:clamp(40px,5vw,64px);max-width:980px}
.decl-grid li{padding:14px 0;border-top:1px solid rgba(201,162,75,.2);font:400 16px/1.5 var(--sans);color:var(--on-dark-2)}
.decl-grid li b{display:block;font:500 17px/1.4 var(--sans);color:var(--on-dark)}
.decl-end{margin-top:clamp(40px,5vw,64px);font:500 clamp(22px,2.2vw,30px)/1.3 var(--sans);letter-spacing:-.012em;color:var(--gold)}

/* cta */
.gcta{background:var(--off);padding-block:clamp(96px,11vw,160px)}
.gcta-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.gcta .lede{margin-top:20px}
.gcta .btn{margin-top:30px}


@media (max-width:980px){
  .ordem,.obra,.gcta-in,.decl-grid,.founder{grid-template-columns:minmax(0,1fr)}
  .ordem-head{position:static}
  .founder--alt .founder-ph{order:0}
  .founder-ph{max-width:420px}
  .casa{padding-top:96px}
  .casa-lines{display:none}
  .casa-mark{top:8px}
  .pares,.orga{grid-template-columns:minmax(0,1fr)}
  .obra .ph{aspect-ratio:4/3}
  .gb{min-height:clamp(480px,70svh,640px)}
}
@media (max-width:760px){
  .ordem-list{padding-left:36px}
  .ordem-list li{grid-template-columns:44px minmax(0,1fr)}
  .ordem-list li::before{left:-29px}
  .ordem-list::before,.ordem-list::after{left:7px}
  .decl .fill{max-width:none}
}

@media (prefers-reduced-motion:reduce){.casa-pulse{display:none}.js .orga a.in::before{animation:none}.founder-ph img{transition:none}}