@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--orange:#E64714;--gold:#F5A515;--magenta:#C4186C;--turquoise:#63c1cb;--ink:#262321;--muted:#6e6864;--paper:#fbf8f4;--line:#e7e1da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'Poppins',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--magenta);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.topbar{background:var(--paper);font-size:13px;font-weight:600;letter-spacing:.4px}.topbar .wrap{height:38px;display:flex;justify-content:space-between;align-items:center}.topbar a span{color:var(--orange);margin-left:14px}header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #0000000b}.nav{height:100px;display:flex;align-items:center;gap:32px}.brand{width:222px;flex-shrink:0}.brand img{width:100%}nav{display:flex;gap:25px;margin-left:auto;align-items:center}nav a{font-size:14px;font-weight:700;white-space:nowrap}nav a:hover,nav a.active{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;background:var(--orange);border:1px solid var(--orange);color:#fff;padding:14px 24px;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#be3309;border-color:#be3309;transform:translateY(-2px)}.nav-cta{min-height:44px;font-size:13px;padding:10px 18px;gap:16px}.menu-button{display:none}.hero{position:relative;isolation:isolate;color:#fff;min-height:660px;overflow:hidden}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,18,15,.88),rgba(24,18,15,.65) 42%,rgba(24,18,15,.15));z-index:-2}.hero-content{padding-top:70px}.eyebrow{font-size:12px;line-height:1.4;font-weight:750;letter-spacing:2px;color:var(--orange);margin:0 0 23px}.eyebrow.light{color:#fff}.eyebrow.light span{display:inline-block;width:7px;height:7px;background:var(--gold);margin-right:10px}h1,h2,h3{font-family:'Poppins',Arial,sans-serif}h1{font-size:clamp(65px,7vw,102px);font-weight:750;line-height:1.04;letter-spacing:-6px;margin:0 0 26px}em{font-style:normal;color:var(--orange)}h1 em{color:var(--gold)}.hero-description{font-size:17px;line-height:1.7;color:#f4efeb}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.text-link{font-size:15px;font-weight:650;display:flex;gap:22px;align-items:center}.hero-bottom{border-top:1px solid #ffffff38;margin-top:55px;padding:20px 0;display:flex;align-items:center;justify-content:space-between}.hero-bottom>span{font-size:11px;letter-spacing:1.8px}.hero-bottom a{font-size:26px}.hero-side{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:2.5px}.principles{background:var(--gold)}.principles .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:76px;font-size:14px;font-weight:700}.principles i{font-size:24px;font-style:normal;color:#6a4300}.section{padding-block:100px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{position:relative;padding:0 25px 35px 0}.about-visual>img{width:100%;height:460px;object-fit:cover;object-position:center}.since{position:absolute;bottom:0;right:0;background:var(--magenta);color:white;display:flex;gap:20px;align-items:center;padding:23px 30px}.since strong{font-size:40px;letter-spacing:-2px;font-family:Poppins,Arial,sans-serif}.since span{font-size:13px;line-height:1.5}.visual-note{position:absolute;left:-26px;bottom:80px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:2px;color:var(--muted)}h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.8px;line-height:1.22;font-weight:750;margin:0 0 25px}.about-copy p:not(.eyebrow){font-size:14px;color:var(--muted)}.about-copy .intro{color:var(--ink)!important;font-size:17px!important}.under-link{background:none;border:0;border-bottom:1px solid var(--line);display:inline-flex;gap:32px;padding:12px 0;font-size:14px;font-weight:700;text-align:left}.under-link span{color:var(--orange)}.under-link:hover{color:var(--orange);border-color:var(--orange)}.axes{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;font-size:14px;color:var(--muted);margin-bottom:6px}.axis-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.axis{position:relative;padding:30px 25px 75px;border-right:1px solid var(--line)}.axis:last-child{border-right:0}.axis-number{font-size:12px;letter-spacing:1px;color:var(--muted)}.axis-symbol{display:block;color:var(--orange);font-size:45px;margin:16px 0;line-height:1}.axis:nth-child(2) .axis-symbol{color:var(--magenta)}.axis:nth-child(3) .axis-symbol{color:#a56b00}.axis h3{font-size:17px;line-height:1.5;letter-spacing:-.5px;margin:0 0 15px}.axis p{font-size:14px;color:var(--muted)}.axis button,.axis .axis-link{position:absolute;bottom:25px;right:25px;width:33px;height:33px;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--orange);display:grid;place-items:center}.axis button:hover,.axis .axis-link:hover{background:var(--orange);color:#fff}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid var(--line);background:#fff;border-radius:30px;font-size:13px;padding:9px 18px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.project{border:1px solid var(--line)}.project[hidden]{display:none}.project-image{height:235px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.035)}.project-image>span{position:absolute;bottom:0;left:0;padding:8px 15px;background:var(--orange);color:#fff;font-size:10px;letter-spacing:1px;font-weight:700}.project:nth-child(2) .project-image>span{background:var(--gold);color:var(--ink)}.project:nth-child(3) .project-image>span{background:var(--magenta)}.project-body{padding:27px}.project h3{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:0 0 15px}.project p{font-size:15px;color:var(--muted);margin-bottom:18px}.media-section{background:var(--magenta);padding:75px 0;color:#fff;position:relative;overflow:hidden}.media-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.media-layout h2{font-size:38px}.media-layout h2 em{color:#ffd07e}.media-layout p:not(.eyebrow){font-size:14px;max-width:440px;color:#ffe3ef}.media-layout>img{width:100%;min-height:270px;object-fit:cover;transform:rotate(-3deg);border:9px solid #ffffff24}.white{background:#fff;color:var(--magenta);border-color:#fff;margin-top:20px}.white:hover{background:#ffe8f1;border-color:#ffe8f1}.play{font-size:14px}.media-caption{display:block;font-size:10px;letter-spacing:1.7px;margin-top:25px}.institutional{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.muted{color:var(--muted);font-size:14px;max-width:350px}.accordions details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:16px;font-weight:650;padding:20px 0;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:var(--orange);font-size:23px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);padding:0 30px 20px 0;margin:0}.join{background:var(--paper);border-top:1px solid var(--line);padding:75px 0}.join-layout{display:flex;align-items:center;justify-content:space-between;gap:50px}.join p:not(.eyebrow){font-size:14px;color:var(--muted)}.join-actions{display:flex;flex-direction:column;align-items:start;gap:20px}.join-actions .button{min-width:250px}footer{padding:55px 0 0}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:45px}.footer-top p{font-size:14px;color:var(--muted)}.footer-contact{display:flex;flex-direction:column;gap:4px;max-width:250px;font-size:12px;line-height:1.55;color:var(--muted);font-style:normal}.footer-contact strong{color:var(--ink);margin-top:3px}.footer-top .footer-contact p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.footer-contact a{color:var(--ink);font-weight:650}.footer-top>div{display:flex;flex-direction:column;gap:9px;font-size:13px;margin-left:auto}.back-top{background:var(--paper);border:1px solid var(--line);width:42px;height:42px;text-align:center;line-height:40px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.prototype{color:var(--magenta)}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;border:0;padding:45px;box-shadow:0 20px 90px #0005;color:var(--ink)}dialog::backdrop{background:#1f1714aa;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{font-size:14px;color:var(--muted)}.close-dialog{position:absolute;top:10px;right:17px;border:0;background:none;font-size:29px}dialog label{display:block;font-size:14px;font-weight:650;margin:16px 0 6px}dialog input,dialog textarea,dialog select{width:100%;padding:10px;border:1px solid var(--line);background:white}dialog textarea{min-height:90px}dialog .button{margin-top:20px}dialog .notice{background:var(--paper);padding:12px;font-size:14px}.skip{position:fixed;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:0}
@media(min-width:1500px){.hero{min-height:760px}.hero-content{padding-top:100px}.hero-bottom{margin-top:80px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.brand{width:180px}nav{gap:17px}.nav-cta{display:none}.about,.institutional{gap:55px}.axis{padding-inline:18px}.axis h3{font-size:15px}.media-layout{gap:40px}.footer-top{gap:30px}}@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.topbar .wrap{height:30px;font-size:11px}.topbar a{display:none}.nav{height:78px;justify-content:space-between}.brand{width:180px}.menu-button{display:block;background:none;border:1px solid var(--line);font-size:22px;padding:2px 10px}nav{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:24px;box-shadow:0 12px 20px #0001}nav.open{display:flex;flex-direction:column;align-items:start;gap:22px}nav a{font-size:16px}.hero{min-height:620px}.hero-content{padding-top:60px}.hero-photo{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#18120fe0,#18120f80)}h1{font-size:69px;letter-spacing:-4px}.hero-description{font-size:15px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.hero-bottom{margin-top:35px}.hero-bottom>span{font-size:10px;letter-spacing:1px}.hero-side{display:none}.eyebrow{font-size:11px}.principles .wrap{display:grid;grid-template-columns:1fr 1fr;padding-block:18px;gap:12px;font-size:13px}.principles i{display:none}.section{padding-block:65px}.about{grid-template-columns:1fr;gap:40px}.about-visual{padding-right:20px}.about-visual>img{height:350px}.visual-note{display:none}h2{font-size:32px}.about-copy h2 br:nth-child(2){display:none}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.section-heading>.under-link{margin-top:15px}.axis-grid{grid-template-columns:1fr}.axis{border-right:0;border-bottom:1px solid var(--line);padding:26px 25px 70px}.axis:last-child{border-bottom:0}.axis h3{font-size:15px}.axis p{font-size:14px}.project-grid{grid-template-columns:1fr}.project-image{height:260px}.project h3 br{display:none}.media-layout{grid-template-columns:1fr;gap:40px}.media-layout h2{font-size:31px}.media-layout>img{min-height:160px}.institutional{grid-template-columns:1fr;gap:15px}.join-layout{display:block}.join-actions{margin-top:30px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:25px}.footer-top>p{grid-row:2;margin:0}.footer-contact{grid-column:1/-1;grid-row:3;margin:0}.footer-top>div{grid-row:4;margin:0}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:11px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:35px 25px}.filters{gap:8px}.filters button{font-size:12px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.axis-symbol{height:88px;margin:20px 0 24px}.axis-symbol svg{width:88px;height:88px;object-fit:contain}@media(max-width:760px){.axis-symbol,.axis-symbol svg{width:76px;height:76px}}

.mobile-donation-link{display:none}
@media(max-width:1100px){.nav{position:relative;justify-content:space-between}.menu-button{margin-left:auto;display:block;background:none;border:1px solid var(--line);font-size:22px;padding:2px 10px}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:24px;box-shadow:0 12px 20px #0001;z-index:30}nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:18px}nav .mobile-donation-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px;padding:12px 18px;background:var(--orange);color:#fff;font-size:14px;font-weight:700}nav.open>.mobile-donation-link{order:9999!important;align-self:flex-start;margin-top:8px}}

@media(max-width:760px){
  body h1,body h2,body h3,body h4,body h5,body h6{letter-spacing:.02em!important;word-spacing:.12em!important}
  .hero-description{max-width:100%;white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal}
  .hero-description br.desktop{display:none}
}

@media(max-width:760px){dialog h2{font-size:28px}}

/* v1.0.21: homepage mosaic fade slider, background video, and warm footer */
.hero-slides{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#262321}
.hero-slides .hero-photo{inset:0;width:100%;height:100%;z-index:0;object-fit:cover;object-position:center 45%;opacity:0;animation:heroFade 20s linear infinite}
.hero-slide-1{animation-delay:0s}.hero-slide-2{animation-delay:-15s}.hero-slide-3{animation-delay:-10s}.hero-slide-4{animation-delay:-5s}
@keyframes heroFade{0%,20%{opacity:1}25%,95%{opacity:0}100%{opacity:1}}
.media-section{isolation:isolate;background:#70204c url("assets/media-identity-no-logo.png") center/cover no-repeat}
.media-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.media-section-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(71,8,46,.62),rgba(111,13,72,.38))}
.media-layout{position:relative;z-index:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}
.media-layout>div{max-width:790px}
.media-layout>img.media-feature-image{width:100%;height:320px;min-height:0;object-fit:cover;object-position:center;border:8px solid #ffffff35;transform:none;box-shadow:0 18px 48px #29051b55}
.media-layout h2 em{color:#fff}
footer{background:#ECA05A;color:#262321}
footer .footer-top>p,footer .footer-contact,footer .footer-contact p,footer .footer-contact strong,footer .footer-contact a,footer .footer-top>div,footer .footer-top>div a,footer .footer-bottom,footer .prototype{color:#262321}
footer .brand img{filter:brightness(0) invert(1)}
footer .footer-bottom{border-color:#26232155}
footer .back-top{background:#ffffff42;border-color:#26232155;color:#262321}
@media(prefers-reduced-motion:reduce){.hero-slides .hero-photo{animation:none;opacity:0}.hero-slides .hero-slide-1{opacity:1}.hero-slides .hero-photo{transition:none!important}}

/* v1.0.22: reliable WordPress slide switching via the versioned theme script */
.hero-slides .hero-photo{opacity:0;animation:none;transition:opacity 1.3s ease}
.hero-slides .hero-photo.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-slides .hero-photo{transition:none!important}}

/* v1.0.23: retain the Abya Yala Media studio image over the new background */
@media(max-width:760px){.media-layout{grid-template-columns:1fr;gap:30px}.media-layout>img.media-feature-image{height:auto;aspect-ratio:16/8;min-height:0}}
/* Elementor free: keep each HTML section flush so the original section spacing remains intact. */
body .elementor-widget-html{margin-bottom:0!important}
body .elementor-section.elementor-section-stretched{max-width:none}