/* Audience prototype. Only the two new pages load this stylesheet. */
.audience-page .audience-choice{display:flex;justify-content:center;flex:0 0 auto;padding:20px 24px 4px}
.audience-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #f6f4f145;border-radius:999px;background:#ffffff06}
.audience-switch a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 18px;border-radius:999px;color:#d2d7cf;font-size:13px;line-height:1.3;white-space:nowrap;transition:background .2s,color .2s}
.audience-switch a[aria-current="page"]{background:#f6f4f1;color:#252e28}
.audience-switch a:hover:not([aria-current]){background:#ffffff12;color:#fff}
.audience-switch a:focus-visible{outline:2px solid #b0bfa7;outline-offset:3px}
.audience-page .loom-stage{flex:0 0 auto;height:clamp(280px,38svh,400px)}
.audience-personal .hero-loom .hero-description{font-size:17px;line-height:1.65;max-width:390px}
.audience-inline-link{display:inline-block;margin-top:4px;text-decoration:underline;text-underline-offset:4px}
.audience-trust .layout{padding-block:80px}
.audience-trust .display{max-width:780px;color:var(--cream)}
.audience-trust-intro{max-width:690px;margin-top:28px;font-size:18px;line-height:1.7;color:#d0d6cc}
.audience-trust-facts{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:48px}
.audience-trust-facts article{border-top:1px solid #f6f4f132;padding-top:22px}
.audience-trust-facts article>span{font-size:12px;color:#b0bfa7}
.audience-trust-facts h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;color:#f6f4f1;margin:16px 0}
.audience-trust-facts p{font-size:16px;line-height:1.7;color:#d0d6cc}
.audience-trust-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}
.audience-trust-links a{font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;color:#d0d6cc}
.personal-access-options{width:46%;max-width:480px;display:grid;gap:26px;margin-top:32px}
.personal-access-options h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin-bottom:8px}
.personal-access-options p{font-size:16px;line-height:1.6;color:#62645f}
#contato .personal-access-options .button{display:inline-flex;max-width:100%;margin-top:20px;gap:20px;font-size:14px;text-align:left;border-radius:999px;background:#42553d;color:#fff}
@media(max-width:700px){
 .audience-page .audience-choice{padding:12px 16px 4px}
 .audience-switch{width:auto;max-width:100%}
 .audience-switch a{min-height:44px;padding:9px 12px;font-size:12px}
 .audience-page .loom-stage{height:clamp(250px,32svh,290px)}
 .audience-personal .hero-loom .hero-description{font-size:16px}
 .audience-trust .layout{padding-block:64px}
 .audience-trust-facts{grid-template-columns:1fr;gap:28px;margin-top:32px}
 .audience-trust-facts h3{font-size:26px}
}
@media(max-width:600px){.personal-access-options{width:100%;max-width:460px}.audience-trust-links{flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){.audience-switch a{transition:none}}

/* Give the personal headline and section transitions room to breathe. */
.audience-personal .hero-loom h1{line-height:1.12;letter-spacing:-.048em}
.audience-personal .hero-loom .hero-content{padding-top:36px;padding-bottom:52px}
.audience-personal .personal-space{padding-top:clamp(64px,8vw,120px)}
.audience-page .ai-footer{margin-top:clamp(48px,6vw,96px)}
@media(max-width:700px){
 .audience-personal .hero-loom .hero-content{gap:32px;padding-top:28px;padding-bottom:40px}
}

/* Each audience keeps its own home, connected by a soft color dissolve. */
.audience-personal{--audience-brown:#5e4e3f}
.audience-personal .hero.hero-loom{--loom-background:var(--audience-brown)}
.audience-personal .hero-loom :is(.hero-description,.hero-note,.loom-toggle){color:#e4ddd5}
.audience-personal .audience-switch a:not([aria-current]){color:#e4ddd5}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 .audience-page .hero{view-transition-name:audience-hero}
 .audience-page .header{view-transition-name:audience-header}
 .audience-switch{view-transition-name:audience-selector}
 ::view-transition-group(*){animation-duration:700ms;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
 ::view-transition-old(*),::view-transition-new(*){animation-duration:700ms;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
}

/* The incoming home holds the exact outgoing portrait frame while WebGL warms up. */
.audience-page .loom-navigation-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none;filter:saturate(.68) hue-rotate(-6deg) brightness(1.04)}
.audience-page .loom-handoff :is(.loom-fallback,canvas){visibility:hidden}
@media(prefers-reduced-motion:no-preference){
 .audience-page .loom-stage{view-transition-name:audience-portraits}
}

/* Balance the desktop navigation around the page centre, independent of the CTA. */
@media(min-width:861px){
 .audience-page .header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .audience-page .desktop-nav{margin-left:0;justify-self:center}
 .audience-page .header-contact{justify-self:end}
}

/* Carry the personal palette through the dark chapter and its sticky header. */
html[data-chapter=dark] body.audience-personal{background:var(--audience-brown)}
.audience-personal .trust.editorial-section{background:var(--audience-brown)}
html[data-chapter=dark] .audience-personal .header.scrolled:not(.menu-open){background:var(--audience-brown)}
.audience-personal :is(.audience-trust-intro,.audience-trust-facts p,.audience-trust-links a){color:#e4ddd5}
.audience-personal .audience-trust-facts article>span{color:#d7c6b4}