/* ============================================================
   AKORA — estilos específicos de "Why Akora" (page-scoped)
   Extraído del bloque <style> del diseño original.
   Depende de las variables de akora.css.
   ============================================================ */
/* (el resaltado de página activa del menú vive ahora en akora.css, global) */
.narrow{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
body{background:var(--cream);}
/* gold primary CTA — sunny, friendly (page-scoped) */
.btn-primary{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 6px 16px -8px rgba(24,30,58,.34);transition:background .2s ease,box-shadow .22s ease;}
.btn-primary:hover{background:#EAC400;color:var(--navy);border-color:#EAC400;box-shadow:0 12px 24px -10px rgba(24,30,58,.42);}
/* slow hover-zoom on editorial imagery */
.split__media{overflow:hidden;border-radius:2px;}
.split__media img{display:block;transition:transform 1.05s cubic-bezier(.2,.7,.2,1);}
.split__media:hover img{transform:scale(1.05);}
.cta-tri__imgs .tile{display:block;overflow:hidden;position:relative;}
.cta-tri__imgs .tile img{transition:transform 1.05s cubic-bezier(.2,.7,.2,1);}
.cta-tri__imgs .tile:hover img{transform:scale(1.07);}
.cta-tri::before{pointer-events:none;}
.cta-tri__in{pointer-events:none;}
.cta-tri__in .btn{pointer-events:auto;}
/* pull-quote payoff */
.split__text p.story-payoff{font-family:var(--font-display);font-weight:400;font-style:italic;color:var(--navy);font-size:clamp(15.5px,1.4vw,18px);line-height:1.68;margin:32px 0 0;max-width:none;border-left:2px solid var(--teal);padding:2px 0 2px 18px;}
/* scroll reveal (motion-safe) */
@media (prefers-reduced-motion:no-preference){
  .rdy .reveal{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
  .rdy .reveal:not(.in){opacity:0;transform:translateY(20px);}
  .rdy .reveal-stagger .vfeat{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
  .rdy .reveal-stagger:not(.in) .vfeat{opacity:0;transform:translateY(20px);}
  .rdy .reveal-stagger.in .vfeat:nth-child(2){transition-delay:.10s;}
  .rdy .reveal-stagger.in .vfeat:nth-child(3){transition-delay:.20s;}
}
/* warm hero scrim + photo */
.mkt-hero--center .mkt-hero__scrim{background:linear-gradient(180deg,rgba(46,30,18,.46) 0%,rgba(40,26,15,.38) 42%,rgba(33,20,11,.66) 100%);}
.mkt-hero--center .mkt-hero__bg{filter:saturate(1.06) sepia(.16) hue-rotate(-8deg) brightness(1.02);}
.mkt-hero--center h1{font-size:clamp(40px,4.8vw,66px);line-height:1.02;letter-spacing:-.012em;}
.mkt-hero--center h1 span{display:block;text-wrap:balance;}
.mkt-hero--center h1 span + span{margin-top:.12em;}
.mkt-hero--center p.sub{font-size:clamp(15px,1.15vw,17px);margin-top:18px;}
.sec-head .gold-rule,.split__text .gold-rule,.faq-head .gold-rule{display:none;}
.split__text h2{margin-bottom:22px;}
.sec-head h2{font-size:clamp(28px,3.1vw,42px);line-height:1.1;}
.section{padding:clamp(34px,3.6vw,52px) 0;}
.sec-head{margin-bottom:clamp(28px,3vw,40px);}
.vfeat__ic{height:46px;width:auto;object-fit:contain;margin-bottom:18px;}
.split__text .eyebrow,.sec-head .eyebrow{font-size:12px;letter-spacing:.18em;}
.split__text p.story-tag{font-family:var(--font-script);color:var(--teal);font-size:clamp(36px,4.2vw,54px);line-height:1;margin:14px 0 0 !important;max-width:none !important;}
.faq__a a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.faq__a a:hover{color:var(--teal);}

/* ===== Orange banner ===== */
.banner-local{position:relative;height:clamp(300px,38vw,460px);overflow:hidden;}
.banner-local__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.banner-local__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,2,.04) 0%,rgba(10,6,2,.58) 100%);}
.banner-local__copy{position:absolute;inset:auto 0 0 0;padding:clamp(28px,4vw,52px) clamp(40px,5vw,80px);max-width:calc(var(--maxw) + 80px);margin:0 auto;}
.banner-local__copy p{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--cream);font-size:clamp(24px,2.6vw,36px);line-height:1.38;margin:0;max-width:52ch;text-shadow:0 1px 10px rgba(0,0,0,.32);}
.banner-local__copy em{font-style:italic;color:var(--gold);}

/* ===== ethos stat line ===== */
.section--statline{padding:clamp(64px,8vw,112px) 0;}
.s4{text-align:center;font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--navy);font-size:clamp(24px,3vw,38px);line-height:1.38;max-width:24ch;margin:0 auto;}
.s4n{font-weight:700;font-style:italic;}

/* ===== CTA triptych ===== */
.cta-tri{position:relative;border-radius:2px;overflow:hidden;}
.cta-tri__imgs{display:grid;grid-template-columns:repeat(3,1fr);}
.cta-tri__imgs img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4;}
.cta-tri::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(46,30,18,.34),rgba(33,20,11,.64));}
.cta-tri__in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;}
.cta-tri__in h2{display:flex;align-items:baseline;justify-content:center;gap:.30em;width:100%;max-width:880px;color:var(--cream);font-family:var(--font-display);font-weight:400;font-size:clamp(30px,4.4vw,58px);line-height:1.05;margin:0 0 30px;letter-spacing:-.01em;white-space:nowrap;}
.btn-cream{background:transparent;color:var(--cream);border:1.5px solid var(--cream);}
.btn-cream:hover{background:var(--cream);color:var(--teal);border-color:var(--cream);}
.cta-tri__in h2 .scr{font-family:var(--font-script);font-weight:400;font-size:1.34em;line-height:1;display:inline-block;transform:translateY(0.16em);}

/* ===== FAQ accordion ===== */
.faq{max-width:840px;margin:0 auto;}
.faq__item{border-top:1px solid var(--line);}
.faq__item:last-child{border-bottom:1px solid var(--line);}
.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:26px;background:none;border:0;cursor:pointer;text-align:left;padding:20px 4px;font-family:var(--font-body);font-weight:700;font-size:16.5px;color:var(--navy);transition:color .18s;}
.faq__q:hover{color:var(--teal);}
.faq__chev{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s ease;}
.faq__item.is-open .faq__chev{transform:rotate(180deg);}
.faq__item.is-open .faq__q{color:var(--teal);}
.faq__a{overflow:hidden;max-height:0;transition:max-height .34s ease;}
#faq{padding-top:clamp(48px,6vw,92px);padding-bottom:clamp(48px,6vw,92px);}
.faq-split{display:grid;grid-template-columns:1.25fr .82fr;gap:clamp(40px,6vw,72px);align-items:start;}
.faq-split .faq{max-width:none;margin:0;}
.faq-head{margin-bottom:24px;}
.faq-head .eyebrow{margin-bottom:12px;}
.faq-head h2{font-family:var(--font-display);color:var(--navy);font-weight:400;font-size:clamp(28px,3.1vw,42px);line-height:1.06;margin:0;}
.faq-head .gold-rule{width:54px;height:1.5px;background:var(--gold);margin:20px 0 0;}
.faq-split__stat{display:block;align-self:start;position:sticky;top:90px;}
.faq-img{position:relative;height:580px;border-radius:2px;overflow:hidden;}
.faq-img img{width:100%;height:100%;object-fit:cover;display:block;}
.faq-bar{position:absolute;inset:auto 0 0 0;display:flex;background:rgba(24,30,58,.62);backdrop-filter:blur(3px);}
.faq-bar > div{flex:1;text-align:center;padding:22px 8px;position:relative;}
.faq-bar > div + div::before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:rgba(255,255,255,.22);}
.faq-bar .n{display:block;font-family:var(--font-display);font-size:30px;color:#fff;line-height:1;}
.faq-bar .l{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-top:9px;}
@media(max-width:860px){.faq-split{grid-template-columns:1fr;gap:34px;}.faq-split__stat{position:static;}.faq-img{height:320px;}}
.faq__a p{margin:14px 4px 22px;color:var(--ink-soft);font-size:15px;line-height:1.7;max-width:64ch;}
@media(max-width:680px){.cta-tri__imgs img{aspect-ratio:2/3;}}

/* split hero */
.why-hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;}
.why-hero__img{position:relative;overflow:hidden;}
.why-hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.why-hero__text{background:var(--cream);padding:clamp(60px,7vw,100px) clamp(40px,5vw,72px);display:flex;flex-direction:column;justify-content:center;}
.why-hero__text .eyebrow{margin-bottom:20px;color:var(--teal);}
.why-hero__text h1{font-family:var(--font-display);font-weight:400;color:var(--navy);font-size:clamp(40px,5vw,72px);line-height:1.0;letter-spacing:-.016em;margin:0;}
.why-hero__text h1 em{font-style:italic;color:var(--teal);}
.why-hero__text .sub{font-size:clamp(15px,1.3vw,18px);line-height:1.65;color:var(--ink-soft);margin:24px 0 0;max-width:44ch;}
.why-hero__cta{margin-top:36px;}
.why-hero__cta .btn{background:var(--gold);color:var(--navy);font-weight:700;}
@media(max-width:800px){.why-hero{grid-template-columns:1fr;}.why-hero__img{min-height:320px;position:relative;}.why-hero__img img{position:absolute;}.why-hero__text{padding:48px 32px;}}

/* ===== Testimonial quote ===== */
.section-quote{background:var(--cream);padding:clamp(64px,8vw,100px) 0;text-align:center;}
.section-quote__in{max-width:820px;margin:0 auto;padding:0 clamp(32px,5vw,60px);}
.section-quote__stars{display:flex;gap:5px;justify-content:center;margin-bottom:30px;}
.section-quote__stars svg{width:15px;height:15px;fill:var(--gold);}
.section-quote blockquote{margin:0;}
.section-quote blockquote p{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--navy);font-size:clamp(24px,2.8vw,38px);line-height:1.4;margin:0 0 32px;}
.section-quote blockquote cite{display:block;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-style:normal;}
.section--story .split{align-items:center;gap:clamp(48px,7vw,88px);}
.section--story{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px);}
.section--story .split__text{padding-top:4px;}
.section--story .split__text p.eyebrow{font-size:9.5px;letter-spacing:.18em;}
.section--story .split__text h2{font-size:clamp(28px,3.1vw,42px);line-height:1.06;letter-spacing:-.014em;margin:0 0 24px;}
.section--story .split__text h2 em{font-style:italic;color:var(--teal);}
.section--story .split__text p:not(.story-payoff):not(.eyebrow){font-size:15.5px;line-height:1.74;color:var(--ink-soft);max-width:none;}