/*
Theme Name: Prestigious Brothers Club
Theme URI: https://pbcabuja.org
Author: PBC Abuja
Author URI: https://pbcabuja.org
Description: A bold, colorful, Elementor-compatible WordPress theme for the Prestigious Brothers Club Abuja — a brotherhood of men of good will. Light-first design with rich jewel-tone accents, Playfair Display headings and full block + Elementor support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pbc
Tags: business, organization, elementor, custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, two-columns, right-sidebar
*/

/* ===================================================
   PRESTIGIOUS BROTHERS CLUB — THEME STYLES
   Palette: Ivory + Deep Teal-Navy + Brass + Jewel accents
   Headings: Playfair Display · Body: Inter
   =================================================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
a{color:inherit;text-decoration:none}

:root{
  --max:1180px;
  --ease:.28s ease;
  --ease-s:.5s ease;
  --radius:4px;
  --font-d:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-b:'Inter',system-ui,-apple-system,sans-serif;
}

/* ── LIGHT THEME (DEFAULT) — richer & more colorful ── */
[data-theme="light"]{
  --bg0:#FBF6F1;          /* warm cream base */
  --bg1:#F4EAE0;          /* deeper warm band */
  --bg2:#FFFFFF;          /* card white */
  --bg3:#FCF6EF;
  --ink:#1A1411;          /* warm black */
  --ink2:#3A1B0E;         /* dark rust-black for gradients */
  --t0:#1A1411;   --t1:#4A3A32;   --t2:#867269;
  --br:#923311;   --brl:#B8431A;  --brd:#6E2509;   /* brand rust */
  --jewel:#0F7B6C;        /* teal complement */
  --jewel2:#D98324;       /* bright amber/gold */
  --jewel3:#2A5D9F;       /* sapphire blue */
  --bdr:rgba(26,20,17,.12); --bds:rgba(26,20,17,.26);
  --nav:rgba(251,246,241,.9);
  --sh:0 18px 50px rgba(58,27,14,.14);
  --sh2:0 6px 22px rgba(58,27,14,.1);
  --inp:#FFFFFF;
  --ov:rgba(26,20,17,.6);
}
/* ── DARK THEME (OPTIONAL) ── */
[data-theme="dark"]{
  --bg0:#140F0C;  --bg1:#1E1611;  --bg2:#271C16;  --bg3:#170F0B;
  --ink:#0C0907;  --ink2:#2A140A;
  --t0:#F5EEE8;   --t1:#CDBAB0;   --t2:#9A8278;
  --br:#C8552A;   --brl:#E06B3D;  --brd:#A23E14;
  --jewel:#2BA89A;  --jewel2:#F0A340;  --jewel3:#5B8BD6;
  --bdr:rgba(200,85,42,.2); --bds:rgba(200,85,42,.4);
  --nav:rgba(20,15,12,.94);
  --sh:0 18px 50px rgba(0,0,0,.55);
  --sh2:0 6px 22px rgba(0,0,0,.45);
  --inp:rgba(39,28,22,.9);
  --ov:rgba(0,0,0,.8);
}

/* ── INK SECTIONS (deep gradient, both themes) ── */
.s-ink{
  background:linear-gradient(135deg,var(--ink) 0%,var(--ink2) 100%);
  color:#F5EEE8;
  --card:rgba(255,255,255,.05);
  --cbdr:rgba(184,67,26,.24);
  --ct0:#F7F0E9;
  --ct1:#CDBAB0;
  --ct2:#9A8278;
  --cbr:#E2B85C;
}

html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100%}
body{font-family:var(--font-b);background:var(--bg0);color:var(--t0);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s ease,color .3s ease}

/* WordPress core alignment + admin bar adjustments */
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{max-width:100%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin-right:1.5rem}
.alignright{float:right;margin-left:1.5rem}
body.admin-bar .navbar{top:32px}
@media(max-width:782px){body.admin-bar .navbar{top:46px}}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* ── SKIP LINK ── */
.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;background:var(--br);color:#fff;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;border-radius:var(--radius);transition:top .2s ease}
.skip-link:focus{top:1rem}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.d1,.reveal.d2,.reveal.d3,.reveal.d4{transition:none;opacity:1;transform:none}}

/* ── LAYOUT ── */
.container{max-width:var(--max);margin:0 auto;padding:0 clamp(1.2rem,5vw,2.5rem)}
.section{padding:clamp(3.5rem,8vw,6.5rem) 0}
.s-alt{background:var(--bg1)}

/* ── TYPOGRAPHY ── */
.eyebrow{display:inline-flex;align-items:center;gap:.65rem;font-size:.64rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--br)}
.eyebrow::before{content:'';width:26px;height:1.5px;background:var(--br);flex-shrink:0}
.s-ink .eyebrow{color:var(--cbr)}
.s-ink .eyebrow::before{background:var(--cbr)}

.h-title{font-family:var(--font-d);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;color:var(--t0);margin-top:.6rem}
.h-title em{font-style:italic;color:var(--br);font-weight:600}
.s-ink .h-title{color:var(--ct0)}
.s-ink .h-title em{color:var(--cbr)}

.lead{font-size:clamp(.92rem,2vw,1.06rem);color:var(--t1);line-height:1.82;max-width:540px;margin-top:.9rem}
.s-ink .lead{color:var(--ct1)}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-b);font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:.9rem 2rem;border:none;cursor:pointer;transition:all var(--ease);white-space:nowrap;min-height:46px;border-radius:var(--radius)}
.btn:focus-visible{outline:2px solid var(--br);outline-offset:3px}
.btn-br{background:linear-gradient(135deg,var(--brl),var(--brd));color:#fff !important;box-shadow:0 4px 14px rgba(146,51,17,.28)}
.btn-br *{color:#fff !important}
.btn-br:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(146,51,17,.4)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.btn-out{background:transparent;color:var(--t0);border:1.5px solid var(--bds)}
.btn-out:hover{border-color:var(--br);color:var(--br);background:rgba(146,51,17,.05)}
.s-ink .btn-out{color:#F7F0E9;border-color:rgba(245,241,232,.3)}
.s-ink .btn-out:hover{color:var(--cbr);border-color:var(--cbr);background:rgba(226,184,92,.08)}
.btn-ghost{background:none;border:none;padding:0;min-height:auto;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--br);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:gap var(--ease)}
.btn-ghost:hover{gap:10px}
.btn-ghost:focus-visible{outline:2px solid var(--br);outline-offset:3px;border-radius:2px}
.btn-ghost svg{width:13px;height:13px;stroke:var(--br);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s-ink .btn-ghost{color:var(--cbr)}
.s-ink .btn-ghost svg{stroke:var(--cbr)}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;height:72px;z-index:900;display:flex;align-items:center;padding:0 clamp(1rem,4vw,2.5rem);background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);transition:background var(--ease),box-shadow var(--ease)}
.navbar.scrolled{box-shadow:0 4px 26px rgba(26,20,17,.1)}
.navbar__inner{width:100%;max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo__mark{width:42px;height:42px;flex-shrink:0}
.logo__text{display:flex;flex-direction:column;line-height:1}
.logo__name{font-family:var(--font-d);font-size:1.04rem;font-weight:700;letter-spacing:.01em;color:var(--t0)}
.logo__sub{font-size:.54rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--br);margin-top:3px}
.nav__links{display:flex;gap:0;list-style:none;margin:0;padding:0}
.nav__links li{position:relative}
.nav__links a{font-size:.98rem;font-weight:500;letter-spacing:.03em;color:var(--t1);padding:.45rem .9rem;min-height:44px;display:flex;align-items:center;transition:color var(--ease);position:relative}
.nav__links a::after{content:'';position:absolute;bottom:8px;left:.9rem;width:0;height:1.5px;background:var(--br);transition:width var(--ease)}
.nav__links a:hover,.nav__links .current-menu-item>a,.nav__links a.active{color:var(--br)}
.nav__links a:hover::after,.nav__links .current-menu-item>a::after,.nav__links a.active::after{width:calc(100% - 1.8rem)}
.nav__links a:focus-visible{outline:2px solid var(--br);outline-offset:-2px}
/* dropdown submenu */
.nav__links .sub-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--radius);box-shadow:var(--sh);padding:.4rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--ease);list-style:none}
.nav__links li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav__links .sub-menu a{padding:.6rem .9rem;border-radius:3px}
.nav__links .sub-menu a:hover{background:var(--bg1)}
.nav__links .sub-menu a::after{display:none}
.nav__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.nav__theme{width:40px;height:40px;background:var(--bg1);border:1px solid var(--bdr);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--t1);cursor:pointer;transition:all var(--ease);flex-shrink:0}
.nav__theme:hover{border-color:var(--br);color:var(--br)}
.nav__theme:focus-visible{outline:2px solid var(--br);outline-offset:2px}
.nav__join{background:linear-gradient(135deg,var(--brl),var(--brd));color:#fff !important;border:none;font-family:var(--font-b);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.6rem 1.5rem;min-height:42px;border-radius:var(--radius);cursor:pointer;transition:all var(--ease);box-shadow:0 4px 14px rgba(146,51,17,.28)}
.nav__join,.nav__join *{color:#fff !important}
.nav__join:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(146,51,17,.4)}
.nav__join:focus-visible{outline:2px solid var(--br);outline-offset:3px}
.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer;min-width:42px;min-height:42px;align-items:center;justify-content:center}
.nav__burger span{display:block;width:22px;height:2px;background:var(--t0);transition:all var(--ease);transform-origin:center}
.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav__drawer{display:none;position:fixed;top:72px;left:0;right:0;background:var(--bg0);border-bottom:1px solid var(--bdr);z-index:899;padding:1rem 1.2rem 1.5rem;flex-direction:column;gap:0;max-height:calc(100vh - 72px);overflow-y:auto;list-style:none}
.nav__drawer.open{display:flex}
.nav__drawer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.nav__drawer-menu li{list-style:none;margin:0;padding:0}
.nav__drawer-menu li::marker{content:none}
.nav__drawer a{position:relative;display:flex;align-items:center;font-size:1.08rem;font-weight:500;color:var(--t1);padding:.95rem 1rem;border-radius:var(--radius);transition:all var(--ease);min-height:50px}
.nav__drawer a:hover{color:var(--br);background:var(--bg1)}
/* Active tab indicator: brass left bar + brass bold text + tinted bg */
.nav__drawer .current-menu-item>a,.nav__drawer .current_page_item>a{color:var(--br);font-weight:700;background:rgba(146,51,17,.12)}
.nav__drawer .current-menu-item>a::before,.nav__drawer .current_page_item>a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--br);border-radius:0 4px 4px 0}
.nav__drawer .current-menu-item>a::after,.nav__drawer .current_page_item>a::after{content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:7px;height:7px;background:var(--br);border-radius:50%}
.nav__drawer .sub-menu{list-style:none;padding-left:1.2rem}
/* Footer: round desktop-style toggle + Join button filling the row */
.nav__drawer-foot{display:flex;align-items:center;gap:.75rem;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--bdr)}
.nav__drawer-theme{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--bg1);border:1px solid var(--bdr);border-radius:50%;color:var(--t1);cursor:pointer;transition:all var(--ease)}
.nav__drawer-theme:hover{border-color:var(--br);color:var(--br)}
.nav__drawer-theme svg{width:19px;height:19px}
.nav__drawer-join{flex:1;justify-content:center;min-height:50px;font-size:.78rem}

/* ── HERO ── */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--ink)}
.hero__bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1800&q=78');background-size:cover;background-position:center 28%}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(104deg,rgba(26,20,17,.95) 0%,rgba(58,27,14,.8) 50%,rgba(26,20,17,.5) 100%)}
.hero__pattern{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(-45deg,rgba(184,67,26,.06) 0,rgba(184,67,26,.06) 1px,transparent 1px,transparent 26px)}
.hero__glow{position:absolute;z-index:1;top:-20%;right:-10%;width:60vw;height:60vw;max-width:780px;max-height:780px;background:radial-gradient(circle,rgba(146,51,17,.45) 0%,rgba(146,51,17,.12) 40%,transparent 70%);pointer-events:none}
.hero__inner{position:relative;z-index:2;width:100%;padding:0 clamp(1.2rem,5vw,2.5rem);max-width:var(--max);margin:0 auto}
.hero__grid{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(5.5rem,14vw,8rem) 0 clamp(4rem,9vw,6rem)}
.hero__content{max-width:680px}
.hero__badge{display:inline-flex;align-items:center;gap:10px;background:rgba(184,67,26,.14);border:1px solid rgba(184,67,26,.36);padding:.45rem 1.1rem .45rem .82rem;margin-bottom:1.8rem;font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#F0A340;border-radius:40px}
.hero__badge-dot{width:6px;height:6px;background:#F0A340;border-radius:50%;flex-shrink:0;animation:pulse 2.5s ease infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.hero h1{font-family:var(--font-d);font-size:clamp(2.6rem,6.5vw,5.2rem);font-weight:700;line-height:1.06;letter-spacing:-.015em;color:#FCF6EF}
.hero h1 em{font-style:italic;color:#F0A340;font-weight:600}
.hero__bar{width:68px;height:3px;background:linear-gradient(to right,var(--brl),transparent);margin:1.6rem 0}
.hero__lead{font-size:clamp(.96rem,2.2vw,1.1rem);color:rgba(252,246,239,.78);max-width:540px;line-height:1.85;margin-bottom:2.4rem}
.hero__actions{display:flex;gap:.85rem;flex-wrap:wrap}
.hero__stats{display:flex;gap:clamp(1.5rem,5vw,3rem);margin-top:clamp(2rem,5vw,3rem)}
.hero__stat-n{font-family:var(--font-d);font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:700;color:#F0A340;line-height:1}
.hero__stat-l{font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(252,246,239,.5);margin-top:5px}
/* Meeting card */
.hero__card{background:rgba(38,28,22,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(240,163,64,.22);border-radius:18px;padding:clamp(1.6rem,3vw,2.2rem);box-shadow:0 24px 60px rgba(0,0,0,.4);--cbr:#F0A340}
.hero__emblem{width:64px;height:64px;margin-bottom:1.1rem}
.hero__card-eyebrow{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#F0A340;margin-bottom:.5rem}
.hero__card-title{font-family:var(--font-d);font-size:clamp(1.3rem,2.4vw,1.65rem);font-weight:700;color:#FCF6EF;line-height:1.22;margin-bottom:.7rem}
.hero__card-text{font-size:.85rem;color:rgba(252,246,239,.72);line-height:1.7;margin-bottom:1.3rem}
.hero__card-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-top:1px solid rgba(240,163,64,.14);color:rgba(252,246,239,.85);font-size:.82rem}
.hero__card-row svg{color:#F0A340;flex-shrink:0}
.hero__card-link{display:inline-flex;align-items:center;gap:7px;margin-top:1.1rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F0A340;transition:gap var(--ease)}
.hero__card-link:hover{gap:11px}
.hero__scroll{position:absolute;z-index:2;bottom:1.8rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.hero__scroll span{font-size:.54rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(252,246,239,.36)}
.hero__scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,rgba(184,67,26,.8),transparent);animation:scrollPulse 2.5s ease infinite}
@keyframes scrollPulse{0%,100%{opacity:.25}50%{opacity:1}}

/* ── ABOUT IMG ── */
.about-img-wrap{position:relative;flex-shrink:0}
.about-img-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.about-img-frame{position:absolute;top:-14px;right:-14px;bottom:14px;left:14px;border:1.5px solid var(--br);opacity:.35;pointer-events:none;border-radius:var(--radius)}
.about-badge{position:absolute;bottom:-1rem;right:-1rem;background:linear-gradient(135deg,var(--brl),var(--brd));padding:1.2rem 1.5rem;text-align:center;min-width:92px;border-radius:var(--radius);box-shadow:var(--sh2)}
.about-badge__n{font-family:var(--font-d);font-size:2.4rem;font-weight:700;color:#fff;line-height:1}
.about-badge__l{font-size:.56rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:2px}
.check-list{list-style:none;margin-top:1.4rem;display:flex;flex-direction:column;gap:.72rem}
.check-list li{display:flex;align-items:flex-start;gap:.7rem;font-size:.92rem;color:var(--t1)}
.check-list li::before{content:'';width:7px;height:7px;background:var(--br);flex-shrink:0;margin-top:.5rem;transform:rotate(45deg)}

/* ── VALUE CARDS (colorful top accents) ── */
.value-card{background:var(--bg2);border:1px solid var(--bdr);padding:2.3rem clamp(1.4rem,3vw,2rem);position:relative;overflow:hidden;transition:all var(--ease);border-radius:var(--radius);border-top:3px solid var(--br)}
.value-card:nth-child(1){border-top-color:var(--br)}
.value-card:nth-child(2){border-top-color:var(--jewel)}
.value-card:nth-child(3){border-top-color:var(--jewel2)}
.value-card:nth-child(4){border-top-color:var(--jewel3)}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.value-card__num{font-family:var(--font-d);font-size:4rem;font-weight:700;color:var(--br);opacity:.12;position:absolute;top:.4rem;right:1rem;line-height:1}
.value-card__icon{font-size:1.8rem;margin-bottom:1rem;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(146,51,17,.1)}
.value-card:nth-child(2) .value-card__icon{background:rgba(122,31,61,.1)}
.value-card:nth-child(3) .value-card__icon{background:rgba(30,110,92,.1)}
.value-card:nth-child(4) .value-card__icon{background:rgba(35,75,138,.1)}
.value-card__title{font-family:var(--font-d);font-size:1.42rem;font-weight:700;color:var(--t0);margin-bottom:.6rem}
.value-card__desc{font-size:.87rem;color:var(--t1);line-height:1.78}
.s-ink .value-card{background:var(--card);border-color:var(--cbdr)}
.s-ink .value-card__title{color:var(--ct0)}
.s-ink .value-card__desc{color:var(--ct1)}
.s-ink .value-card__num{color:var(--cbr)}

/* ── EVENT CARDS ── */
.event-card{background:var(--bg2);border:1px solid var(--bdr);overflow:hidden;cursor:pointer;transition:all var(--ease);display:flex;flex-direction:column;border-radius:15px}
.event-card:hover{border-color:var(--br);transform:translateY(-6px);box-shadow:var(--sh)}
.event-card:focus-within{border-color:var(--br)}
.event-card__thumb{position:relative;overflow:hidden;aspect-ratio:16/10}
.event-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.event-card:hover .event-card__thumb img{transform:scale(1.07)}
.event-card__tag{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--brl),var(--brd));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:2px}
.event-card__ov{position:absolute;inset:0;background:rgba(26,20,17,.34);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--ease)}
.event-card:hover .event-card__ov{opacity:1}
.play-c{width:54px;height:54px;background:rgba(184,67,26,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding-left:4px;color:#fff}
.event-card__body{padding:1.4rem clamp(1.4rem,2.5vw,1.8rem) 1.7rem;flex:1;display:flex;flex-direction:column}
.event-card__date{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--br);margin-bottom:.45rem}
.event-card__title{font-family:var(--font-d);font-size:1.26rem;font-weight:700;color:var(--t0);line-height:1.28;margin-bottom:.5rem}
.event-card__desc{font-size:.83rem;color:var(--t2);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── MEMBER CARDS ── */
.member-card{background:var(--bg2);border:1px solid var(--bdr);overflow:hidden;transition:all var(--ease);text-align:center;border-radius:15px}
.member-card:hover{border-color:var(--br);transform:translateY(-6px);box-shadow:var(--sh)}
.member-card__photo{position:relative;overflow:hidden;aspect-ratio:3/4}
.member-card__photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.member-card:hover .member-card__photo img{transform:scale(1.06)}
.member-card__badge{position:absolute;bottom:0;left:0;right:0;padding:.55rem;background:linear-gradient(transparent,rgba(26,20,17,.85));font-size:.54rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F0A340}
.member-card__body{padding:.95rem 1rem 1.4rem;border-top:1px solid var(--bdr)}
.member-card__name{font-family:var(--font-d);font-size:1.12rem;font-weight:700;color:var(--t0);line-height:1.2}
.member-card__title{font-family:var(--font-d);font-size:.82rem;font-style:italic;color:var(--jewel);margin-top:3px;line-height:1.3}
.member-card__role{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--br);margin-top:4px}

/* ── NEWS / POST CARDS ── */
.news-card{background:var(--bg2);border:1px solid var(--bdr);overflow:hidden;cursor:pointer;transition:all var(--ease);border-radius:15px}
.news-card:hover{border-color:var(--br);transform:translateY(-6px);box-shadow:var(--sh)}
.news-card__img{overflow:hidden;aspect-ratio:16/9}
.news-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.news-card:hover .news-card__img img{transform:scale(1.05)}
.news-card__body{padding:1.45rem clamp(1.4rem,2.5vw,1.8rem)}
.news-card__cat{font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--jewel)}
.news-card__title{font-family:var(--font-d);font-size:1.32rem;font-weight:700;color:var(--t0);line-height:1.28;margin:.45rem 0}
.news-card__title a{color:inherit}
.news-card__excerpt{font-size:.85rem;color:var(--t1);line-height:1.75}
.news-card__foot{padding:.9rem clamp(1.4rem,2.5vw,1.8rem) 1.2rem;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.news-card__by{font-size:.72rem;color:var(--t2)}
.s-ink .news-card{background:var(--card);border-color:var(--cbdr)}
.s-ink .news-card__title{color:var(--ct0)}
.s-ink .news-card__excerpt{color:var(--ct1)}
.s-ink .news-card__foot{border-color:var(--cbdr)}
.s-ink .news-card__by{color:var(--ct2)}
.s-ink .news-card__cat{color:#E08BA8}

/* ── MODALS ── */
.modal-backdrop{display:none;position:fixed;inset:0;background:var(--ov);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:clamp(1rem,3vw,1.5rem)}
.modal-backdrop.open{display:flex}
.modal{background:var(--bg0);border:1px solid var(--bdr);max-width:920px;width:100%;max-height:90svh;overflow-y:auto;position:relative;animation:mIn .3s ease;border-radius:var(--radius);box-shadow:var(--sh)}
@keyframes mIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.modal__x{position:absolute;top:10px;right:10px;background:rgba(26,20,17,.5);color:#fff;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:.95rem;z-index:10;cursor:pointer;transition:background var(--ease);border-radius:50%}
.modal__x:hover{background:var(--br)}
.modal__x:focus-visible{outline:2px solid var(--br);outline-offset:2px}
.modal__media{width:100%;aspect-ratio:16/9;overflow:hidden}
.modal__media img{width:100%;height:100%;object-fit:cover}
.modal__media iframe{width:100%;height:100%;border:none}
.modal__media--image{aspect-ratio:auto;max-height:82vh;background:#0b1118;display:flex;align-items:center;justify-content:center}
.modal__media--image img{width:auto;max-width:100%;height:auto;max-height:82vh;object-fit:contain;cursor:zoom-in}
.modal__body{padding:clamp(1.4rem,4vw,2.3rem)}
.modal__date{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--br);margin-bottom:.45rem}
.modal__title{font-family:var(--font-d);font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700;color:var(--t0);margin-bottom:.9rem;line-height:1.18}
.modal__desc{font-size:.95rem;color:var(--t1);line-height:1.85}
.join-modal .modal{max-width:600px}
.join-inner{padding:clamp(1.8rem,5vw,2.8rem)}
.join-inner h2{font-family:var(--font-d);font-size:clamp(1.7rem,4vw,2.3rem);font-weight:700;color:var(--t0);margin-top:.4rem}
.join-inner>p{font-size:.89rem;color:var(--t1);margin:.5rem 0 1.8rem;line-height:1.75}
.form-group{margin-bottom:1.1rem}
.form-group label{display:block;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t1);margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--inp);border:1.5px solid var(--bdr);color:var(--t0);padding:.82rem 1rem;font-size:.9rem;transition:border-color var(--ease),box-shadow var(--ease);outline:none;border-radius:var(--radius)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--br);box-shadow:0 0 0 3px rgba(146,51,17,.12)}
.form-group select{cursor:pointer}
.form-group textarea{resize:vertical;min-height:95px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-success{display:none;padding:.9rem 1rem;background:rgba(30,110,92,.1);border:1px solid var(--jewel2);color:var(--jewel2);font-size:.86rem;text-align:center;margin-top:.8rem;border-radius:var(--radius)}

/* ── CTA ── */
.cta-section{background:linear-gradient(135deg,var(--jewel) 0%,var(--ink) 55%,var(--ink2) 100%);padding:clamp(4rem,10vw,7rem) 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 30px)}
.cta-section::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:var(--brl)}
.cta-section__inner{position:relative;z-index:1}
.cta-section h2{font-family:var(--font-d);font-size:clamp(2rem,5vw,3.8rem);font-weight:700;color:#FCF6EF;margin-bottom:.9rem;line-height:1.1}
.cta-section p{font-size:clamp(.9rem,2vw,1.02rem);color:rgba(247,244,236,.78);max-width:470px;margin:0 auto 2.4rem;line-height:1.78}
.btn-cta{background:linear-gradient(135deg,var(--brl),var(--brd));color:#fff;font-family:var(--font-b);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:1.05rem 2.6rem;border:none;min-height:48px;border-radius:var(--radius);cursor:pointer;transition:all var(--ease);box-shadow:0 6px 18px rgba(146,51,17,.35)}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(146,51,17,.45)}
.btn-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ── FOOTER ── */
.site-footer{background:linear-gradient(135deg,var(--ink) 0%,var(--ink2) 100%);color:#C9B5AA;border-top:3px solid var(--br);padding:clamp(3rem,8vw,5rem) 0 2rem}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(1.5rem,4vw,3rem);padding-bottom:3rem;border-bottom:1px solid rgba(184,67,26,.14)}
.footer__brand p{font-size:.85rem;color:#A8907F;line-height:1.78;margin-top:1.1rem;max-width:270px}
.footer__h{font-size:.58rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#F0A340;margin-bottom:1.2rem}
.footer__links,.footer__links ul{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0}
.footer__links a{font-size:.85rem;color:#A8907F;transition:color var(--ease)}
.footer__links a:hover{color:#F0A340}
.footer__links a:focus-visible{outline:1px solid #F0A340;outline-offset:2px}
.footer__social{display:flex;gap:8px;margin-top:1.4rem;flex-wrap:wrap}
.soc-btn{width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(184,67,26,.2);display:flex;align-items:center;justify-content:center;font-size:.88rem;color:#C9B5AA;transition:all var(--ease);cursor:pointer;border-radius:var(--radius);line-height:0}
.soc-btn svg{display:block}
.soc-btn:hover{background:var(--br);border-color:var(--br);color:#fff}
.soc-btn:focus-visible{outline:2px solid #F0A340;outline-offset:2px}
.footer__bottom{padding-top:1.8rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.footer__copy{font-size:.74rem;color:#7A6256}
.footer__legal{display:flex;align-items:center;gap:.6rem;font-size:.74rem;flex-wrap:wrap;justify-content:center}
.footer__legal a{color:#A8907F;transition:color var(--ease)}
.footer__legal a:hover{color:#F0A340}
.footer__legal span{color:#7A6256}
.footer__logo .logo__name{color:#FCF6EF}

/* ── SINGLE POST / PAGE CONTENT ── */
.post-head{padding:clamp(5.5rem,12vw,8rem) 0 clamp(3rem,7vw,5rem);background:linear-gradient(180deg,var(--bg1),var(--bg0));border-bottom:1px solid var(--bdr);position:relative;overflow:hidden}
.post-head::before{content:'';position:absolute;top:0;right:-5%;width:40vw;height:40vw;max-width:480px;max-height:480px;background:radial-gradient(circle,rgba(146,51,17,.08),transparent 70%);pointer-events:none}
.post-head__inner{max-width:780px;margin:0 auto;text-align:center;position:relative}
.post-head__meta{display:inline-flex;align-items:center;gap:.6rem;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--br);margin:1.2rem 0 1rem;padding:.4rem 1rem;background:rgba(146,51,17,.08);border:1px solid rgba(146,51,17,.2);border-radius:30px}
.post-head__title{font-family:var(--font-d);font-size:clamp(2rem,4.2vw,3.1rem);font-weight:700;color:var(--t0);line-height:1.18;letter-spacing:-.01em}
.post-head__title::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(to right,var(--br),var(--jewel2));margin:1.4rem auto 0;border-radius:2px}
.post-feature{padding:clamp(1.5rem,4vw,2.5rem) 0 0}
.post-feature{margin-top:clamp(-2.5rem,-5vw,-3.5rem);position:relative;z-index:2}
.post-feature__img{width:100%;max-width:900px;margin:0 auto;border:1px solid var(--bdr);background:var(--bg2);border-radius:calc(var(--radius) + 4px);overflow:hidden;box-shadow:var(--sh)}
.post-feature__img img{width:100%;max-height:70vh;object-fit:contain;display:block;margin:0 auto}
.post-art{max-width:820px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.2rem,5vw,2rem);overflow-wrap:break-word;word-wrap:break-word;width:100%;box-sizing:border-box}
.single article{max-width:100%;overflow-x:hidden}
.post-cnt{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}
.post-bar{display:flex;align-items:center;gap:.9rem;padding:1.3rem 0;border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);margin-bottom:2.3rem;flex-wrap:nowrap}
.post-bar__avatar{flex-shrink:0;line-height:0}
.post-bar__avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}
.post-bar__info{display:flex;flex-direction:column;min-width:0}
.post-bar__name{font-weight:600;font-size:.9rem;color:var(--t0)}
.post-bar__date{font-size:.74rem;color:var(--t2);margin-top:1px}
.post-cnt p{font-size:clamp(.96rem,2vw,1.04rem);color:var(--t1);line-height:1.92;margin-bottom:1.5rem}
.post-cnt h2{font-family:var(--font-d);font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:700;color:var(--t0);margin:2.6rem 0 .9rem}
.post-cnt h3{font-family:var(--font-d);font-size:1.4rem;font-weight:700;color:var(--t0);margin:2rem 0 .7rem}
.post-cnt ul,.post-cnt ol{margin:0 0 1.5rem 1.4rem;color:var(--t1)}
.post-cnt li{margin-bottom:.5rem;line-height:1.8}
.post-cnt a{color:var(--br);text-decoration:underline}
.post-cnt blockquote{border-left:3px solid var(--jewel);padding:1.1rem 1.8rem;margin:2rem 0;background:var(--bg1);font-family:var(--font-d);font-size:clamp(1.25rem,3vw,1.5rem);font-style:italic;color:var(--t0);line-height:1.5;border-radius:0 var(--radius) var(--radius) 0}
.post-cnt img{border-radius:var(--radius);margin:1.5rem 0;max-width:100%;height:auto}
.post-cnt iframe,.post-cnt video,.post-cnt embed,.post-cnt object{max-width:100%;border-radius:var(--radius)}
.post-cnt figure{margin:1.5rem 0;max-width:100%}
.post-cnt figure img{margin:0}
.post-cnt figcaption{font-size:.74rem;color:var(--t2);text-align:center;padding:.5rem;font-style:italic}
.post-cnt .wp-block-embed,.post-cnt .wp-block-embed__wrapper{max-width:100%}
.post-cnt .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto}
.post-cnt pre{overflow-x:auto;background:var(--bg1);padding:1rem;border-radius:var(--radius);max-width:100%}
.post-cnt table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.post-cnt .alignwide{max-width:100%}
.post-cnt .alignfull{max-width:100%;border-radius:var(--radius)}
.post-cnt .alignfull img{width:100%}
.post-fig{margin:2.5rem 0}
.post-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.post-fig figcaption{font-size:.74rem;color:var(--t2);text-align:center;padding:.5rem;font-style:italic}
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--bdr)}
.post-tag{font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .85rem;background:var(--bg1);border:1px solid var(--bdr);color:var(--t1);border-radius:var(--radius)}
.share-bar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1.4rem 0;border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);margin:2.5rem 0}
.share-bar span{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t2)}
.share-btn{width:40px;height:40px;background:var(--bg1);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--t1);cursor:pointer;transition:all var(--ease);border-radius:var(--radius);font-family:var(--font-b);padding:0;line-height:0}
.share-btn svg{display:block}
.share-btn:hover{background:var(--br);border-color:var(--br);color:#fff}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:2.5rem 0;overflow:hidden;border-radius:var(--radius)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.video-caption{font-size:.74rem;color:var(--t2);text-align:center;padding:.45rem;font-style:italic}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.contact-info h3{font-family:var(--font-d);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--t0);margin-bottom:.9rem}
.contact-info>p{font-size:.9rem;color:var(--t1);line-height:1.82;margin-bottom:2.4rem}
.ci-list{display:flex;flex-direction:column;gap:1.3rem}
.ci{display:flex;gap:.9rem;align-items:flex-start}
.ci__icon{width:46px;height:46px;background:linear-gradient(135deg,rgba(146,51,17,.14),rgba(122,31,61,.1));border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;border-radius:var(--radius)}
.ci__lbl{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--t2);display:block;margin-bottom:3px}
.ci__val{font-size:.89rem;color:var(--t0);line-height:1.5}
.contact-form-box{background:var(--bg2);border:1px solid var(--bdr);padding:clamp(1.8rem,4vw,2.5rem);border-radius:var(--radius);box-shadow:var(--sh2)}
#map{width:100%;height:clamp(280px,45vw,420px);border:1px solid var(--bdr);border-radius:var(--radius);margin-top:2.5rem;z-index:1}
.leaflet-control-attribution{font-size:.68rem !important}
[data-theme="dark"] .leaflet-tile{filter:brightness(.8) saturate(.85) hue-rotate(175deg) invert(1)}
[data-theme="dark"] .leaflet-container{background:#102234}

/* ── ABOUT PAGE ── */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--bdr);border-radius:var(--radius);overflow:hidden}
.about-stat{padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem);text-align:center;border-right:1px solid var(--bdr);background:var(--bg2)}
.about-stat:last-child{border-right:none}
.about-stat:nth-child(1) .about-stat__n{color:var(--br)}
.about-stat:nth-child(2) .about-stat__n{color:var(--jewel)}
.about-stat:nth-child(3) .about-stat__n{color:var(--jewel2)}
.about-stat:nth-child(4) .about-stat__n{color:var(--jewel3)}
.about-stat__n{font-family:var(--font-d);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1}
.about-stat__l{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--t2);margin-top:6px}
.tabs{display:flex;border-bottom:1px solid var(--bdr);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:.95rem clamp(.8rem,2.5vw,1.5rem);font-family:var(--font-b);font-size:.77rem;font-weight:600;letter-spacing:.05em;color:var(--t2);cursor:pointer;margin-bottom:-1px;transition:all var(--ease);text-transform:uppercase;white-space:nowrap;min-height:46px}
.tab-btn.active{color:var(--br);border-bottom-color:var(--br)}
.tab-btn:focus-visible{outline:2px solid var(--br);outline-offset:-2px}
.tab-pane{display:none}
.tab-pane.active{display:block}
.mission-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
.mission-box{background:var(--bg2);border:1px solid var(--bdr);border-top:3px solid var(--br);padding:clamp(1.4rem,3vw,2rem);border-radius:0 0 var(--radius) var(--radius)}
.mission-box:nth-child(2){border-top-color:var(--jewel2)}
.mission-box:nth-child(3){border-top-color:var(--jewel3)}
.mission-box h3{font-family:var(--font-d);font-size:1.4rem;font-weight:700;color:var(--t0);margin-bottom:.7rem}
.mission-box p{font-size:.88rem;color:var(--t1);line-height:1.82}
.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:2rem}
.principle-box{display:flex;gap:.9rem;align-items:flex-start;padding:1.5rem;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--radius);transition:all var(--ease)}
.principle-box:hover{border-color:var(--br);box-shadow:var(--sh2)}
.principle-box__num{font-family:var(--font-d);font-size:1.8rem;font-weight:700;color:var(--br);opacity:.5;line-height:1;flex-shrink:0}
.principle-box strong{font-size:.88rem;font-weight:600;color:var(--t0);display:block;margin-bottom:4px}
.principle-box span{font-size:.83rem;color:var(--t1);line-height:1.65}
.leadership-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.4rem;margin-top:2rem}
.leader-card{background:var(--bg2);border:1px solid var(--bdr);overflow:hidden;text-align:center;transition:all var(--ease);border-radius:var(--radius)}
.leader-card:hover{border-color:var(--br);transform:translateY(-4px);box-shadow:var(--sh2)}
.leader-card img{width:100%;aspect-ratio:1;object-fit:cover}
.leader-card__info{padding:.95rem;border-top:1px solid var(--bdr)}
.leader-card__name{font-family:var(--font-d);font-size:1.12rem;font-weight:700;color:var(--t0)}
.leader-card__title{font-family:var(--font-d);font-size:.8rem;font-style:italic;color:var(--jewel);margin-top:2px}
.leader-card__role{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--br);margin-top:3px}
.timeline{position:relative;padding-left:2.4rem}
.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--br),transparent)}
.tl-item{margin-bottom:2.2rem;position:relative}
.tl-item::before{content:'';position:absolute;left:-2.05rem;top:5px;width:9px;height:9px;background:var(--br);transform:rotate(45deg)}
.tl-year{font-size:.6rem;font-weight:700;letter-spacing:.2em;color:var(--br);text-transform:uppercase;margin-bottom:.25rem}
.tl-title{font-family:var(--font-d);font-size:1.15rem;font-weight:700;color:var(--t0);margin-bottom:.35rem}
.tl-desc{font-size:.86rem;color:var(--t1);line-height:1.72}

/* ── FILTER ── */
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2.5rem}
.filter-btn{background:var(--bg2);border:1px solid var(--bdr);color:var(--t1);padding:.5rem 1.1rem;font-family:var(--font-b);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--ease);min-height:38px;border-radius:var(--radius)}
.filter-btn:hover,.filter-btn.active{background:linear-gradient(135deg,var(--brl),var(--brd));border-color:transparent;color:#fff}
.filter-btn:focus-visible{outline:2px solid var(--br);outline-offset:2px}

/* ── DIVIDERS ── */
.gold-rule{height:1px;background:linear-gradient(to right,transparent,var(--br),transparent);opacity:.35}
.sec-sep{display:flex;align-items:center;gap:1.2rem;margin:3rem 0 2rem}
.sec-sep span{font-family:var(--font-d);font-size:1.25rem;font-weight:700;color:var(--t0);white-space:nowrap}
.sec-sep::before,.sec-sep::after{content:'';flex:1;height:1px;background:var(--bdr)}

/* ── FAQ ── */
.faq__item{border-bottom:1px solid var(--bdr)}
.faq__q{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;padding:1.35rem 0;cursor:pointer;font-family:var(--font-b);font-size:clamp(.9rem,2vw,.96rem);font-weight:600;color:var(--t0);text-align:left;gap:1rem;min-height:56px;transition:color var(--ease)}
.faq__q:hover,.faq__q:focus-visible{color:var(--br)}
.faq__q:focus-visible{outline:none;text-decoration:underline}
.faq__icon{font-size:1.4rem;color:var(--br);transition:transform var(--ease);flex-shrink:0;line-height:1}
.faq__a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq__a p{font-size:.89rem;color:var(--t1);line-height:1.82;padding-bottom:1.3rem}
.faq__item.open .faq__a{max-height:420px}
.faq__item.open .faq__icon{transform:rotate(45deg)}

/* ── FEATURED POST ── */
.feat{display:grid;grid-template-columns:1.4fr 1fr;background:var(--bg2);border:1px solid var(--bdr);overflow:hidden;cursor:pointer;transition:all var(--ease);margin-bottom:3rem;border-radius:var(--radius)}
.feat:hover{border-color:var(--br);box-shadow:var(--sh)}
.feat__img{overflow:hidden}
.feat__img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.feat:hover .feat__img img{transform:scale(1.04)}
.feat__body{padding:clamp(1.8rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center}
.feat-badge{display:inline-block;background:linear-gradient(135deg,var(--jewel),var(--brd));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.32rem .85rem;margin-bottom:1.1rem;border-radius:2px}
.feat__title{font-family:var(--font-d);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:var(--t0);line-height:1.18;margin-bottom:.9rem}
.feat__exc{font-size:clamp(.85rem,1.8vw,.93rem);color:var(--t1);line-height:1.82;margin-bottom:1.4rem}
.feat__meta{font-size:.7rem;color:var(--t2);display:flex;gap:.9rem;flex-wrap:wrap}
@media(max-width:700px){.feat{grid-template-columns:1fr}.feat__img{aspect-ratio:16/9;max-height:230px}.feat__body{padding:1.6rem}}

/* ── GRIDS ── */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.n-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.about-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,4.5rem);align-items:start}

/* ── PAGINATION / WP ── */
.pbc-pagination{display:flex;gap:.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}
.pbc-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .8rem;background:var(--bg2);border:1px solid var(--bdr);color:var(--t1);border-radius:var(--radius);font-size:.84rem;font-weight:600;transition:all var(--ease)}
.pbc-pagination .page-numbers.current,.pbc-pagination .page-numbers:hover{background:var(--br);border-color:var(--br);color:#fff}
.comment-list{list-style:none;margin:2rem 0}
.comment-list li{padding:1.2rem 0;border-bottom:1px solid var(--bdr)}
.comment-list .children{list-style:none;margin:1rem 0 0 1.5rem;padding-left:1rem;border-left:2px solid var(--bdr)}
.comment-list .comment-author{font-weight:600;color:var(--t0);font-size:.92rem}
.comment-list .comment-author img{border-radius:50%;margin-right:.6rem;vertical-align:middle}
.comment-list .comment-meta{font-size:.74rem;color:var(--t2);margin:.2rem 0 .5rem}
.comment-list .comment-meta a{color:var(--t2)}
.comment-list p{font-size:.92rem;color:var(--t1);line-height:1.8}
.comment-list .reply a{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--br)}
/* Comment form — constrained to column, themed to brand */
.comments-area{max-width:100%;margin-top:2.5rem}
.comment-respond{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--radius);padding:clamp(1.4rem,4vw,2.2rem);margin-top:2rem}
.comment-reply-title{font-family:var(--font-d);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:var(--t0);margin-bottom:1.2rem}
.comment-reply-title small{font-size:.8rem;margin-left:.6rem}
.comment-form{display:flex;flex-direction:column;gap:1.1rem;max-width:100%}
.comment-form p{margin:0;max-width:100%}
.comment-form label{display:block;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t1);margin-bottom:6px}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;max-width:100%;box-sizing:border-box;background:var(--inp);border:1.5px solid var(--bdr);color:var(--t0);padding:.82rem 1rem;font-size:.9rem;border-radius:var(--radius);transition:border-color var(--ease),box-shadow var(--ease);outline:none}
.comment-form textarea{resize:vertical;min-height:120px;width:100%!important;max-width:100%!important;box-sizing:border-box}
.comments-area *{max-width:100%;box-sizing:border-box}
.comment-form-author,.comment-form-email,.comment-form-url{display:inline-block;width:100%}
@media(min-width:560px){
  .comment-form-author,.comment-form-email{width:calc(50% - .55rem)}
  .comment-form-author{margin-right:1.1rem}
}
.comment-form .form-submit{margin:0}
.comment-form .submit{background:linear-gradient(135deg,var(--brl),var(--brd));color:#fff;border:none;font-family:var(--font-b);font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:.9rem 2rem;min-height:46px;border-radius:var(--radius);cursor:pointer;transition:all var(--ease);box-shadow:0 4px 14px rgba(146,51,17,.28)}
.comment-form .submit:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(146,51,17,.4)}
.comment-form .comment-notes,.comment-form .comment-form-cookies-consent{font-size:.78rem;color:var(--t2)}
.comment-form .comment-form-cookies-consent input{width:auto;margin-right:.5rem}
.wp-block-button__link{background:var(--br);color:#fff;border-radius:var(--radius)}

/* ── PAGE HEADER ── */
.page-header{padding:clamp(5.5rem,12vw,9rem) 0 clamp(3rem,6vw,4.5rem);background:var(--bg1);position:relative;overflow:hidden;border-bottom:1px solid var(--bdr)}
.page-header::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,var(--br) 0,var(--br) 1px,transparent 1px,transparent 38px);opacity:.04}
.page-header__ghost{position:absolute;bottom:-.1em;right:0;font-family:var(--font-d);font-size:clamp(5rem,18vw,14rem);font-weight:700;letter-spacing:-.02em;color:var(--t0);opacity:.04;line-height:1;pointer-events:none;user-select:none}
.page-header__inner{position:relative;z-index:1}
.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:1.4rem;font-size:.72rem;color:var(--t2);flex-wrap:wrap}
.breadcrumb a{color:var(--br);transition:opacity var(--ease)}
.breadcrumb a:hover{opacity:.7}
.page-header h1{font-family:var(--font-d);font-size:clamp(2.2rem,7vw,4.8rem);font-weight:700;line-height:1.08;letter-spacing:-.01em;color:var(--t0)}
.page-header h1 em{font-style:italic;color:var(--br);font-weight:600}
.page-header .lead{max-width:460px}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr;gap:2rem}
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .about-stat:nth-child(2){border-right:none}
  .about-stat:nth-child(3),.about-stat:nth-child(4){border-top:1px solid var(--bdr)}
  .mem-grid{grid-template-columns:repeat(3,1fr)}
  .ev-grid,.n-grid{grid-template-columns:repeat(2,1fr)}
  .rel-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav__links,.nav__join,.nav__right .nav__theme{display:none}
  .nav__burger{display:flex}
  .mem-grid{grid-template-columns:repeat(2,1fr)}
  .ev-grid,.n-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr 1fr}
  .rel-grid{grid-template-columns:1fr}
  .mission-pair,.principles-grid{grid-template-columns:1fr}
  .leadership-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .about-content-grid{grid-template-columns:1fr}
  .about-img-wrap{display:none}
  .page-header{padding:calc(72px + 2.5rem) 0 2.5rem}
  .post-feature__img img{max-height:50vh}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;text-align:center}
  .form-row{grid-template-columns:1fr}
  .hero__scroll{display:none}
  .hero__grid{grid-template-columns:1fr;gap:2rem;padding-top:calc(72px + 2rem)}
  .hero__card{order:2}
}
@media(max-width:520px){
  .mem-grid{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:1fr 1fr}
  .leadership-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  .mem-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:1fr}
  .about-stat{border-right:none !important;border-bottom:1px solid var(--bdr)}
  .about-stat:last-child{border-bottom:none}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{justify-content:center}
}

/* Custom logo support */
.logo--custom{display:flex;align-items:center;gap:11px}
.logo--custom .custom-logo-link{display:flex;line-height:0}
.logo--custom .custom-logo{width:72px;height:72px;border-radius:50%;object-fit:cover}

/* ── REFERRER AUTOCOMPLETE ── */
.pbc-referrer{position:relative}
.pbc-referrer__list{list-style:none;margin:4px 0 0;padding:4px;position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--radius);box-shadow:var(--sh);max-height:240px;overflow-y:auto}
.pbc-referrer__list li{display:flex;flex-direction:column;padding:.6rem .8rem;border-radius:6px;cursor:pointer;transition:background var(--ease)}
.pbc-referrer__list li[role=option]:hover{background:var(--bg1)}
.pbc-referrer__name{font-size:.9rem;font-weight:600;color:var(--t0)}
.pbc-referrer__sub{font-size:.74rem;color:var(--br);font-family:var(--font-d);font-style:italic}
.pbc-referrer__empty{color:var(--t2);font-size:.85rem;cursor:default}
.pbc-referrer__note{font-size:.72rem;color:var(--t2);margin-top:5px;line-height:1.5}
.form-error{display:none;padding:.8rem 1rem;background:rgba(192,57,43,.1);border:1px solid #C0392B;color:#C0392B;font-size:.84rem;border-radius:var(--radius);margin-top:.8rem;line-height:1.5}
.form-error:not([hidden]){display:block}

/* ── WHATSAPP FLOAT (Alphabeta style: floating round green button) ── */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:850;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:transform var(--ease),box-shadow var(--ease);color:#fff}
.wa-float:hover{transform:scale(1.08);box-shadow:0 12px 30px rgba(37,211,102,.55)}
.wa-float svg{width:30px;height:30px;display:block}
.wa-float__pulse{position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.5;animation:waPulse 2.2s ease-out infinite;z-index:-1}
@keyframes waPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.6);opacity:0}100%{opacity:0}}
@media(max-width:520px){.wa-float{width:52px;height:52px;right:14px;bottom:14px}.wa-float svg{width:27px;height:27px}}

/* ── NEWS SINGLE: magazine polish ── */
.post-cnt>p:first-of-type::first-letter{font-family:var(--font-d);font-size:3.5rem;font-weight:700;color:var(--br);float:left;line-height:.82;margin:.1rem .7rem 0 0}
.post-cnt blockquote{margin:2rem 0;padding:1.2rem 1.6rem;border-left:4px solid var(--br);background:var(--bg1);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-d);font-size:1.15rem;font-style:italic;color:var(--t0);line-height:1.6}
.post-cnt blockquote p{font-size:inherit;color:inherit;margin:0}
.post-cnt h2{position:relative;padding-top:.4rem}
.post-cnt h3{font-family:var(--font-d);font-size:clamp(1.25rem,2.6vw,1.5rem);font-weight:700;color:var(--t0);margin:2rem 0 .7rem}
.post-cnt a{color:var(--br);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.post-cnt ul,.post-cnt ol{margin:0 0 1.5rem 1.2rem;color:var(--t1);line-height:1.9}
.post-cnt li{margin-bottom:.5rem}
.post-cnt li::marker{color:var(--br)}
.post-bar{background:var(--bg1);border:1px solid var(--bdr);border-radius:var(--radius);padding:1rem 1.2rem}

/* ── SINGLE EVENT PAGE ── */
.ev-head{padding:clamp(5.5rem,12vw,8rem) 0 clamp(2rem,5vw,3rem);background:linear-gradient(135deg,var(--ink),var(--ink2));position:relative;overflow:hidden}
.ev-head::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(184,67,26,.05) 0,rgba(184,67,26,.05) 1px,transparent 1px,transparent 24px)}
.ev-head__inner{max-width:980px;margin:0 auto;position:relative}
.ev-head .breadcrumb a,.ev-head .breadcrumb span{color:rgba(252,246,239,.6)}
.ev-head .breadcrumb a:hover{color:#F0A340}
.ev-head__cat{display:inline-block;margin:1rem 0 .8rem;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#F0A340;background:rgba(240,163,64,.12);border:1px solid rgba(240,163,64,.3);padding:.35rem .9rem;border-radius:30px}
.ev-head__title{font-family:var(--font-d);font-size:clamp(2rem,4.5vw,3.3rem);font-weight:700;color:#FCF6EF;line-height:1.14;max-width:800px}
.ev-head__meta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.3rem}
.ev-head__meta span{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;color:rgba(252,246,239,.82)}
.ev-head__meta svg{color:#F0A340}
.ev-media{margin-top:clamp(1.5rem,4vw,2.5rem)}
.ev-media__img{max-width:980px;margin:0 auto;border-radius:var(--radius);overflow:hidden;border:1px solid var(--bdr);box-shadow:var(--sh);background:var(--bg2)}
.ev-media__img img{width:100%;max-height:70vh;object-fit:contain;display:block;margin:0 auto}
.ev-video{max-width:980px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh)}
.ev-video iframe{width:100%;height:100%;border:none}
.ev-body{padding:clamp(2.5rem,6vw,4rem) 0}
.ev-body__inner{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:clamp(2rem,5vw,3.5rem);align-items:start}
.ev-content{min-width:0}
.ev-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.2rem}
.ev-side__card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--sh2)}
.ev-side__h{font-family:var(--font-d);font-size:1.1rem;font-weight:700;color:var(--t0);margin-bottom:1rem;padding-bottom:.7rem;border-bottom:2px solid var(--br)}
.ev-side__row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--bdr);font-size:.86rem}
.ev-side__row span{color:var(--t2)}
.ev-side__row strong{color:var(--t0);text-align:right}
.ev-share{display:flex;align-items:center;gap:.6rem;padding:0 .2rem}
.ev-share span{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--t2);margin-right:.2rem}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--br);transition:gap var(--ease)}
.btn-ghost:hover{gap:.8rem}
@media(max-width:820px){.ev-body__inner{grid-template-columns:1fr}.ev-side{position:static}}

/* ── EVENT CARD LINK (whole card clickable → single event page) ── */
.event-card{position:relative}
.event-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.event-card__link:hover .event-card__title{color:var(--br)}
.event-card .event-card__ov .play-c{font-size:1.3rem}