.avora-about{
  padding:18px;
  background:radial-gradient(circle at 15% 0%,rgba(199,163,106,.14),transparent 26%),#f1f0ea;
}
.avora-brand-chip{
  display:inline-flex;align-items:center;align-self:flex-start;gap:12px;
  margin-bottom:30px;padding:7px 15px 7px 8px;
  background:rgba(255,255,255,.82);border:1px solid rgba(15,46,36,.1);
  border-radius:999px;box-shadow:0 10px 30px rgba(15,46,36,.07);
}
.avora-brand-chip img{width:36px;height:36px;border-radius:50%}
.avora-brand-chip span{color:#6e634f;font-size:10px;font-weight:800;letter-spacing:.15em}
.avora-hero{gap:18px;min-height:720px}
.avora-hero__copy,.avora-hero__image{border-radius:30px;overflow:hidden}
.avora-hero__copy{
  position:relative;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,240,231,.8));
  border:1px solid rgba(15,46,36,.08);
}
.avora-hero__copy:after{
  content:"";position:absolute;right:-100px;bottom:-100px;width:320px;height:320px;
  border:1px solid rgba(199,163,106,.3);border-radius:50%;
  box-shadow:0 0 0 45px rgba(199,163,106,.06),0 0 0 90px rgba(199,163,106,.035);
}
.avora-hero__copy>*{position:relative;z-index:1}
.avora-hero h1,.avora-story h2,.avora-heading h2,.avora-values>h2,
.avora-backing h2,.avora-faq>h2,.avora-purpose h2{
  font-family:Arial,Helvetica,sans-serif;font-weight:650;letter-spacing:-.05em;
}
.avora-hero h1{font-size:clamp(48px,5.5vw,82px)}
.avora-hero__image{box-shadow:0 26px 70px rgba(7,28,22,.16)}
.avora-btn{border-radius:12px}
.avora-story,.avora-values,.avora-faq,.avora-quote{
  margin:18px 0;background:rgba(255,255,255,.76);
  border:1px solid rgba(15,46,36,.08);border-radius:30px;
  box-shadow:0 20px 60px rgba(15,46,36,.06);
}
.avora-purpose{gap:18px}
.avora-purpose>div{border-radius:30px;box-shadow:0 24px 70px rgba(15,46,36,.08)}
.avora-purpose__dark{
  background:radial-gradient(circle at 100% 0%,rgba(199,163,106,.22),transparent 34%),var(--green);
}
.avora-team,.avora-backing,.avora-cta{margin-top:18px;border-radius:32px;overflow:hidden}
.avora-team{
  background:radial-gradient(circle at 80% 0%,rgba(199,163,106,.16),transparent 30%),var(--deep);
}
.avora-team__grid article,.avora-document{border-radius:22px}
.avora-backing{background:linear-gradient(135deg,#e8e1d3,#f5f1e8)}
@media(max-width:620px){
  .avora-about{padding:8px}
  .avora-hero__copy,.avora-hero__image,.avora-story,.avora-purpose>div,
  .avora-quote,.avora-team,.avora-values,.avora-backing,.avora-faq,.avora-cta{border-radius:22px}
  .avora-hero h1{font-size:46px}
}

/* Palette synchronized with the AVORA home page */
.avora-about{--green:#172f24;--deep:#071f17;--gold:#c9ae6e;--cream:#f5f0e6;--paper:#102a20;--ink:#f5f0e6;--muted:#9ca191;background:#071f17;color:#f5f0e6}
.avora-brand-chip{background:rgba(47,70,54,.74);border-color:rgba(211,195,152,.18);box-shadow:none}.avora-brand-chip span{color:#d3c398}
.avora-hero__copy{background:radial-gradient(circle at 100% 100%,rgba(201,174,110,.13),transparent 36%),linear-gradient(145deg,#172f24,#10291f);border-color:rgba(211,195,152,.16)}
.avora-hero h1{color:#f5f0e6}.avora-lead,.avora-presence{color:#9ca191}.avora-link{color:#d3c398!important;border-color:rgba(211,195,152,.4)}
.avora-btn{background:#c9ae6e;border-color:#c9ae6e;color:#102a20!important}.avora-btn:hover{background:#d3c398;border-color:#d3c398;color:#071f17!important}
.avora-story,.avora-values,.avora-faq,.avora-quote{background:#172f24;border-color:rgba(211,195,152,.14);box-shadow:0 20px 60px rgba(0,0,0,.15)}
.avora-story h2,.avora-values>h2,.avora-faq>h2,.avora-quote blockquote{color:#f5f0e6}.avora-story__grid p,.avora-values__grid p,.avora-faq details p{color:#9ca191}
.avora-purpose__light{background:#2f4636;color:#f5f0e6}.avora-purpose__light li{border-color:rgba(211,195,152,.18)}.avora-purpose__light li b{color:#d3c398}
.avora-values__grid,.avora-values__grid article{border-color:rgba(211,195,152,.18)}.avora-values__grid h3{color:#d3c398}
.avora-backing{background:linear-gradient(145deg,#172f24,#2f4636);color:#f5f0e6;border:1px solid rgba(211,195,152,.14)}
.avora-backing>div>p:not(.avora-kicker):not(.avora-legal){color:#9ca191}.avora-backing dl,.avora-backing dl div{border-color:rgba(211,195,152,.18)}.avora-backing dt{color:#d3c398}.avora-backing dd{color:#f5f0e6}
.avora-document{background:#f5f0e6;box-shadow:0 26px 70px rgba(0,0,0,.28)}.avora-faq details{border-color:rgba(211,195,152,.18)}.avora-faq summary{color:#f5f0e6}
.avora-cta{background:radial-gradient(circle at 50% 130%,rgba(201,174,110,.28),transparent 40%),#172f24}

/* ── Desktop layout fixes: team grid + content width cap ────────────── */
/* 6 team members only ever showed 2-per-row, stretching each card very
   wide/flat on desktop monitors. 3 columns keeps a proper portrait ratio. */
@media(min-width:1025px){
  .avora-team__grid{grid-template-columns:repeat(3,1fr)}
  .avora-team__grid article{height:480px}
}

/* Page has no max-width, so on very wide/ultrawide monitors every grid
   (hero, team, values, backing...) stretched edge-to-edge. Cap it. */
@media(min-width:1600px){
  .avora-hero,.avora-story__grid,.avora-heading,.avora-team__grid,
  .avora-values__grid,.avora-purpose,.avora-backing{
    max-width:1440px;margin-left:auto;margin-right:auto;
  }
}

/* Small phones (<400px): hero/quote headings were sized for larger phones
   and wrapped excessively; document preview was too tall relative to width. */
@media(max-width:400px){
  .avora-hero h1{font-size:38px}
  .avora-quote blockquote{font-size:28px}
  .avora-document{height:420px}
}

/* Theme's global style.css defines an unrelated .avora-faq{padding:5rem 0}
   (dead CSS, not used by any theme template) that collides with this
   plugin's class name and, loading after it, wins the cascade — squashing
   this section's horizontal padding to 0. Override with higher specificity. */
.avora-about .avora-faq{padding:110px clamp(24px,8vw,130px)}
@media(max-width:620px){
  .avora-about .avora-faq{padding:80px 22px}
}
