:root{
    --ink:#0c0a07; --ink2:#15100a; --panel:#1b150d; --panel2:#221a10;
    --gold:#ef8e1b; --gold-bright:#ffca50; --ember:#bf5713;
    --ivory:#f4ecdc; --muted:#bcab8c; --faint:#8a7a5f;
    --line:rgba(244,236,220,.12); --line-strong:rgba(244,236,220,.22);
    --display:'Fraunces',serif; --sans:'Archivo',system-ui,sans-serif; --mono:'Spline Sans Mono',monospace;
    --maxw:1240px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--ink); color:var(--ivory); font-family:var(--sans);
    line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  body::before{
    content:""; position:fixed; inset:0; z-index:9999; pointer-events:none; opacity:.05;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  ::selection{background:var(--gold); color:var(--ink)}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}
  .kicker{font-family:var(--mono); font-size:.72rem; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); font-weight:500}

  /* ---------- NAV ---------- */
  nav{position:fixed; top:0; left:0; right:0; z-index:1000; transition:all .4s ease;
    border-bottom:1px solid transparent; backdrop-filter:blur(0px);}
  nav.scrolled{background:rgba(12,10,7,.82); backdrop-filter:blur(14px); border-bottom:1px solid var(--line)}
  .nav-in{max-width:var(--maxw); margin:0 auto; padding:18px 28px; display:flex; align-items:center; justify-content:space-between}
  .brand{display:flex; align-items:center; gap:12px; font-family:var(--display); font-weight:600; font-size:1.08rem; letter-spacing:.01em}
  .brand .mark{width:40px;height:40px;flex:none;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(239,142,27,.45))}
  .nav-links{display:flex; gap:34px; align-items:center}
  .nav-links a{font-size:.82rem; letter-spacing:.04em; color:var(--muted); transition:color .25s; position:relative}
  .nav-links a:hover{color:var(--ivory)}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:width .3s}
  .nav-links a:hover::after{width:100%}
  .nav-cta{padding:10px 20px;border:1px solid var(--gold);border-radius:40px;color:var(--gold)!important;font-weight:600;letter-spacing:.04em;transition:all .3s}
  .nav-cta:hover{background:var(--gold);color:var(--ink)!important}
  .burger{display:none;background:none;border:none;color:var(--ivory);font-size:1.5rem;cursor:pointer}
  @media(max-width:880px){.nav-links{display:none}.burger{display:block}}

  /* ---------- HERO ---------- */
  .hero{position:relative;min-height:100vh;overflow:hidden;background:#0c0a07}
  .hero-bg{position:absolute; inset:0; z-index:0}
  .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.85) contrast(1.02)}
  .hero-bg::after{content:"";position:absolute;inset:0;
    background:
      radial-gradient(120% 80% at 75% 18%, rgba(231,161,59,.20), transparent 55%),
      linear-gradient(180deg, rgba(12,10,7,.55) 0%, rgba(12,10,7,.25) 32%, rgba(12,10,7,.86) 78%, var(--ink) 100%);}
  .hero-glow{position:absolute;z-index:0;width:680px;height:680px;border-radius:50%;
    background:radial-gradient(circle, rgba(231,161,59,.28), transparent 62%);
    top:-180px;right:-140px;filter:blur(20px);animation:breathe 9s ease-in-out infinite}
  @keyframes breathe{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}
  .hero-in{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}
  .hero .kicker{opacity:0;animation:rise .9s .15s forwards}
  .hero h1{font-family:var(--display);font-weight:300;font-size:clamp(3rem,9.2vw,8.4rem);line-height:.92;letter-spacing:-.02em;margin:.28em 0 .12em;max-width:14ch}
  .hero h1 b{font-weight:600;font-style:italic;color:var(--gold-bright)}
  .hero h1 span{display:block;overflow:hidden}
  .hero h1 span i{display:block;font-style:normal;transform:translateY(110%);animation:slideUp 1s cubic-bezier(.16,1,.3,1) forwards}
  .hero h1 span:nth-child(2) i{animation-delay:.12s}
  .hero h1 span:nth-child(3) i{animation-delay:.24s}
  @keyframes slideUp{to{transform:translateY(0)}}
  .hero p.lead{max-width:54ch;font-size:clamp(1rem,1.5vw,1.22rem);color:var(--ivory);opacity:0;animation:rise .9s .55s forwards;font-weight:400}
  .hero p.lead em{color:var(--gold);font-style:normal;font-weight:600}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;opacity:0;animation:rise .9s .75s forwards}
  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:44px;font-weight:700;font-size:.92rem;letter-spacing:.03em;transition:all .3s;cursor:pointer;border:1px solid transparent}
  .btn-gold{background:var(--gold);color:var(--ink)}
  .btn-gold:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 14px 40px -10px rgba(231,161,59,.6)}
  .btn-ghost{border-color:var(--line-strong);color:var(--ivory)}
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
  .scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;font-family:var(--mono);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:8px;animation:rise 1s 1s both}
  .scroll-cue .l{width:1px;height:42px;background:linear-gradient(var(--gold),transparent);animation:drop 2s ease-in-out infinite}
  @keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

  /* ---------- STATS BAND ---------- */
  .stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--ink2),var(--ink))}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .stat{padding:46px 28px;text-align:center;border-right:1px solid var(--line)}
  .stat:last-child{border-right:none}
  .stat .n{font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1;color:var(--gold-bright);letter-spacing:-.02em}
  .stat .n .suf{font-size:.5em;color:var(--gold);font-style:italic}
  .stat .l{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:14px}
  @media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}}

  /* ---------- SECTION SHELL ---------- */
  section{position:relative}
  .sec{padding:120px 0}
  .sec-head{max-width:760px;margin-bottom:58px}
  .sec-head h2{font-family:var(--display);font-weight:300;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.04;letter-spacing:-.02em;margin:.35em 0}
  .sec-head h2 em{font-style:italic;color:var(--gold-bright)}
  .sec-head p{color:var(--muted);font-size:1.06rem;max-width:60ch}
  .reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
  .reveal.in{opacity:1;transform:none}

  /* ---------- STORY ---------- */
  .story{background:
     radial-gradient(80% 60% at 100% 0%, rgba(200,97,26,.10), transparent 60%);}
  .story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
  .story-copy p{color:var(--ivory);opacity:.86;margin-bottom:18px;font-size:1.05rem}
  .story-copy p:first-of-type{font-size:1.28rem;line-height:1.55;color:var(--ivory);opacity:1;font-family:var(--display);font-weight:400}
  .story-copy p:first-of-type::first-letter{font-size:3.4rem;float:left;line-height:.8;padding:6px 12px 0 0;color:var(--gold-bright);font-weight:500}
  .pull{margin-top:30px;padding-left:24px;border-left:2px solid var(--gold);font-family:var(--display);font-style:italic;font-size:1.25rem;color:var(--gold-bright)}
  .pull cite{display:block;margin-top:10px;font-family:var(--mono);font-style:normal;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
  .story-art{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line)}
  .story-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
  .story-art .tag{position:absolute;left:0;bottom:0;right:0;padding:22px;background:linear-gradient(transparent,rgba(12,10,7,.92));font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
  @media(max-width:860px){.story-grid{grid-template-columns:1fr;gap:40px}}

  /* ---------- MAP ---------- */
  .map-sec{background:linear-gradient(180deg,var(--ink),var(--ink2),var(--ink))}
  .map-shell{position:relative}
  #hjcMap{height:clamp(440px,72vh,760px);border-radius:12px;border:1px solid var(--line-strong);overflow:hidden;background:#0a0806;box-shadow:0 30px 80px -40px #000}
  .map-stats{position:absolute;top:16px;left:16px;z-index:500;display:flex;background:rgba(12,10,7,.74);backdrop-filter:blur(8px);border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}
  .map-stats>div{padding:12px 18px;border-right:1px solid var(--line);text-align:left}
  .map-stats>div:last-child{border-right:none}
  .map-stats b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--gold-bright);line-height:1}
  .map-stats span{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px}
  .map-reset{position:absolute;bottom:16px;left:16px;z-index:500;background:rgba(12,10,7,.74);backdrop-filter:blur(8px);border:1px solid var(--line-strong);color:var(--gold);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:30px;cursor:pointer;transition:all .25s}
  .map-reset:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .leaflet-tooltip.mtt{background:rgba(12,10,7,.92);border:1px solid var(--line-strong);color:var(--ivory);font-family:var(--mono);font-size:.64rem;letter-spacing:.05em;border-radius:6px;padding:4px 9px;box-shadow:0 8px 20px -8px #000}
  .leaflet-tooltip.mtt::before{border-top-color:var(--line-strong)}
  .leaflet-control-zoom a{background:var(--panel2)!important;color:var(--gold)!important;border-color:var(--line)!important}
  .leaflet-control-zoom a:hover{background:var(--panel)!important}
  .leaflet-control-layers{background:var(--panel2)!important;border:1px solid var(--line-strong)!important;color:var(--ivory);border-radius:8px!important}
  .leaflet-control-layers-toggle{background-color:var(--panel2)!important}
  .leaflet-control-layers-expanded{padding:12px 14px;font-family:var(--sans);font-size:.85rem}
  .leaflet-control-layers label{margin:4px 0}
  @media(max-width:600px){.map-stats>div{padding:10px 12px}.map-stats b{font-size:1.2rem}}
  .leaflet-container{background:#0a0806;font-family:var(--sans)}
  .leaflet-popup-content-wrapper{background:var(--panel2);color:var(--ivory);border-radius:8px;border:1px solid var(--line-strong);box-shadow:0 20px 50px -20px #000}
  .leaflet-popup-tip{background:var(--panel2)}
  .leaflet-popup-content{margin:0;width:230px!important}
  .pop{overflow:hidden;border-radius:7px}
  .pop img{width:100%;height:120px;object-fit:cover}
  .pop .pb{padding:13px 15px}
  .pop .pn{font-family:var(--display);font-size:1.12rem;font-weight:600;line-height:1.1}
  .pop .pc{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:4px}
  .pop .pm{margin-top:9px;font-size:.8rem;color:var(--muted)}
  .pop .pm b{color:var(--gold-bright);font-family:var(--display)}
  .leaflet-bar a{background:var(--panel2);color:var(--gold);border-color:var(--line)}
  .leaflet-bar a:hover{background:var(--panel)}
  .map-legend{display:flex;gap:26px;flex-wrap:wrap;align-items:center;margin-top:22px;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .map-legend .dot{display:inline-block;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(231,161,59,.7);margin-right:8px;vertical-align:middle}

  /* ---------- GROWTH CHART ---------- */
  .chart-wrap{margin-top:14px}
  .chart{display:flex;align-items:flex-end;gap:6px;height:340px;padding:0 4px;border-bottom:1px solid var(--line-strong)}
  .bar{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:default}
  .bar .col{width:100%;max-width:34px;margin:0 auto;background:linear-gradient(180deg,var(--gold-bright),var(--ember));border-radius:4px 4px 0 0;height:0;transition:height 1.1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 0 rgba(231,161,59,0)}
  .bar:hover .col{box-shadow:0 0 22px -2px rgba(231,161,59,.6)}
  .bar .val{position:absolute;top:-26px;font-family:var(--mono);font-size:.62rem;color:var(--gold-bright);opacity:0;transition:opacity .3s;white-space:nowrap}
  .bar:hover .val{opacity:1}
  .bar .yr{margin-top:10px;font-family:var(--mono);font-size:.6rem;color:var(--faint);writing-mode:vertical-rl;letter-spacing:.05em}
  @media(max-width:760px){.chart{height:240px}.bar .yr{font-size:.52rem}}

  /* ---------- COUNTRIES ---------- */
  .countries{background:radial-gradient(70% 60% at 0% 100%, rgba(231,161,59,.08), transparent 60%)}
  .cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .ccard{background:var(--ink2);padding:24px 22px;transition:background .3s;position:relative;overflow:hidden}
  .ccard:hover{background:var(--panel)}
  .ccard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .35s}
  .ccard:hover::before{transform:scaleY(1)}
  .ccard .cn{font-family:var(--display);font-size:1.16rem;font-weight:600;letter-spacing:-.01em}
  .ccard .cmeta{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px}
  .ccard .cnum{font-family:var(--display);font-size:1.9rem;color:var(--gold-bright);font-weight:300;line-height:1}
  .ccard .clab{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
  .ccard .cyear{font-family:var(--mono);font-size:.66rem;color:var(--muted);letter-spacing:.1em}

  /* ---------- DIRECTORY ---------- */
  .dir{background:linear-gradient(180deg,var(--ink2),var(--ink))}
  .filters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:36px}
  .filters input,.filters select{background:var(--panel);border:1px solid var(--line-strong);color:var(--ivory);padding:13px 18px;border-radius:44px;font-family:var(--sans);font-size:.9rem;outline:none;transition:border-color .3s}
  .filters input{flex:1;min-width:220px}
  .filters input:focus,.filters select:focus{border-color:var(--gold)}
  .filters select{cursor:pointer;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23e7a13b' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
  .dir-count{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
  .dir-count b{color:var(--gold-bright)}
  .dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
  .dcard{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--ink2);transition:transform .35s,border-color .35s,box-shadow .35s}
  .dcard:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 24px 50px -28px #000}
  .dcard .ph{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--panel),var(--ink));position:relative}
  .dcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
  .dcard:hover .ph img{transform:scale(1.07)}
  .dcard .ph .noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--faint);font-family:var(--display);font-size:2.4rem;opacity:.4}
  .dcard .ph .yr{position:absolute;top:12px;right:12px;background:rgba(12,10,7,.78);backdrop-filter:blur(6px);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;padding:5px 11px;border-radius:30px;color:var(--gold-bright);border:1px solid var(--line)}
  .dcard .db{padding:18px 18px 20px}
  .dcard .dn{font-family:var(--display);font-size:1.22rem;font-weight:600;line-height:1.08;letter-spacing:-.01em}
  .dcard .dco{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:5px}
  .dcard .dstats{display:flex;gap:18px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
  .dcard .dstats div{flex:1}
  .dcard .dstats .v{font-family:var(--display);font-size:1.18rem;color:var(--gold-bright);font-weight:400;line-height:1}
  .dcard .dstats .k{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:5px}
  .more-btn{display:block;margin:46px auto 0;padding:15px 38px}
  .empty{text-align:center;padding:60px 0;color:var(--muted);font-family:var(--display);font-style:italic;font-size:1.3rem}

  /* ---------- PILLARS ---------- */
  .pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
  .pillar{padding:34px 30px;border:1px solid var(--line);border-radius:10px;background:var(--ink2);transition:border-color .35s,transform .35s}
  .pillar:hover{border-color:var(--gold);transform:translateY(-4px)}
  .pillar .ic{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);margin-bottom:22px}
  .pillar h3{font-family:var(--display);font-size:1.4rem;font-weight:500;margin-bottom:10px}
  .pillar p{color:var(--muted);font-size:.96rem}
  @media(max-width:820px){.pillars-grid{grid-template-columns:1fr}}

  /* ---------- CTA ---------- */
  .cta{position:relative;overflow:hidden;text-align:center;padding:130px 0}
  .cta-bg{position:absolute;inset:0;z-index:0}
  .cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.24}
  .cta-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 50% 30%,rgba(231,161,59,.22),transparent 60%),linear-gradient(var(--ink),rgba(12,10,7,.7),var(--ink))}
  .cta-in{position:relative;z-index:2}
  .cta h2{font-family:var(--display);font-weight:300;font-size:clamp(2.3rem,6vw,4.6rem);line-height:1;letter-spacing:-.02em;max-width:16ch;margin:.3em auto}
  .cta h2 em{font-style:italic;color:var(--gold-bright)}
  .cta p{color:var(--muted);max-width:48ch;margin:0 auto 36px;font-size:1.08rem}
  .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line);padding:64px 0 40px;background:var(--ink2)}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:48px}
  .foot-brand .brand{margin-bottom:18px}
  .foot-brand p{color:var(--muted);max-width:42ch;font-size:.95rem}
  .foot-col h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
  .foot-col a{display:block;color:var(--muted);font-size:.92rem;margin-bottom:11px;transition:color .25s}
  .foot-col a:hover{color:var(--ivory)}
  .foot-bot{border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--faint)}
  @media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:32px}}
  .disclaimer{max-width:var(--maxw);margin:24px auto 0;padding:0 28px;font-size:.72rem;color:var(--faint);line-height:1.6}

  /* ===== CFAN-INSPIRED ENGAGEMENT FEATURES ===== */
  .site-head{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s ease}
  .site-head.scrolled{background:rgba(12,10,7,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .topbar{background:rgba(0,0,0,.3);border-bottom:1px solid var(--line);transition:all .4s ease;max-height:54px;overflow:hidden}
  .site-head.scrolled .topbar{max-height:0;opacity:0;border-color:transparent}
  .topbar-in{max-width:var(--maxw);margin:0 auto;padding:9px 28px;display:flex;align-items:center;justify-content:space-between;gap:14px}
  .tb-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
  .tb-right{display:flex;align-items:center;gap:20px}
  .tb-right a{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .25s}
  .tb-right a:hover{color:var(--gold)}
  .tb-give{color:var(--gold)!important;border:1px solid var(--gold);padding:5px 13px;border-radius:20px}
  .tb-give:hover{background:var(--gold);color:var(--ink)!important}
  @media(max-width:760px){.tb-tag{display:none}.tb-right{width:100%;justify-content:space-between;gap:10px}}

  .counterband{background:linear-gradient(90deg,#160f07,#241a0b,#160f07);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:32px 20px;position:relative;overflow:hidden}
  .counterband::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 130% at 50% 0%,rgba(231,161,59,.18),transparent 60%)}
  .counterband .cb-num{position:relative;font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,6.5vw,4.4rem);color:var(--gold-bright);letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}
  .counterband .cb-lab{position:relative;font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:16px}
  .counterband .cb-lab b{color:var(--gold)}
  .cb-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5fd07a;margin-right:9px;box-shadow:0 0 10px #5fd07a;animation:pulse 1.6s infinite;vertical-align:middle}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}

  .news{background:radial-gradient(70% 60% at 100% 0%,rgba(200,97,26,.08),transparent 60%)}
  .news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}
  .news-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--ink2);cursor:pointer;transition:transform .35s,border-color .35s;display:flex;flex-direction:column}
  .news-card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 24px 50px -30px #000}
  .news-card .nph{aspect-ratio:16/9;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--panel),var(--ink))}
  .news-card.lead .nph{aspect-ratio:16/11}
  .news-card .nph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .news-card:hover .nph img{transform:scale(1.05)}
  .news-card .nph .noimg{position:absolute;inset:0;display:grid;place-items:center;color:rgba(231,161,59,.4);font-family:var(--display);font-size:2.6rem}
  .news-card .nbody{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
  .news-card .ndate{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
  .news-card .ntitle{font-family:var(--display);font-weight:600;font-style:italic;font-size:1.3rem;line-height:1.12;margin:10px 0 0;color:var(--ivory)}
  .news-card.lead .ntitle{font-size:1.7rem}
  .news-card .nexc{color:var(--muted);font-size:.92rem;margin-top:12px;flex:1}
  .news-card .nread{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:16px;display:flex;gap:7px;transition:gap .3s}
  .news-card:hover .nread{gap:13px}
  @media(max-width:860px){.news-grid{grid-template-columns:1fr}}

  .events{background:linear-gradient(180deg,var(--ink),var(--ink2))}
  .ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
  .ev-card{border:1px solid var(--line-strong);border-radius:10px;padding:26px 24px;background:linear-gradient(160deg,var(--panel2),var(--ink2));position:relative;overflow:hidden;transition:transform .35s}
  .ev-card:hover{transform:translateY(-4px)}
  .ev-card::after{content:"";position:absolute;top:0;right:0;width:90px;height:90px;background:radial-gradient(circle at top right,rgba(231,161,59,.25),transparent 70%)}
  .ev-card .evyear{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;position:relative}
  .ev-card .evloc{font-family:var(--display);font-size:1.7rem;font-weight:500;margin:10px 0 4px;line-height:1.05;position:relative}
  .ev-card .evco{color:var(--muted);font-size:.9rem}
  .ev-card .evtag{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--line-strong);padding:4px 11px;border-radius:20px}
  .ev-card .evmeta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--faint);display:flex;justify-content:space-between}

  .watch{position:relative;overflow:hidden}
  .watch-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:stretch}
  .watch-feature{position:relative;border-radius:12px;overflow:hidden;min-height:360px;border:1px solid var(--line-strong);display:flex;align-items:flex-end;background:linear-gradient(135deg,#1b150d,#0c0a07)}
  .watch-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:transform .6s,opacity .4s}
  .watch-feature:hover img{transform:scale(1.04);opacity:.6}
  .watch-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(12,10,7,.92))}
  .watch-feature .wf-in{position:relative;z-index:2;padding:34px}
  .watch-feature .play{width:72px;height:72px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--ink);font-size:1.5rem;margin-bottom:20px;box-shadow:0 10px 40px -8px rgba(231,161,59,.7);transition:transform .3s}
  .watch-feature:hover .play{transform:scale(1.1)}
  .watch-feature h3{font-family:var(--display);font-size:1.7rem;font-weight:500;color:var(--ivory)}
  .watch-feature p{color:var(--muted);margin-top:8px;max-width:44ch}
  .watch-side{display:flex;flex-direction:column;gap:16px}
  .watch-side a{flex:1;border:1px solid var(--line);border-radius:10px;padding:22px 24px;background:var(--ink2);transition:border-color .3s,transform .3s;display:flex;flex-direction:column;justify-content:center}
  .watch-side a:hover{border-color:var(--gold);transform:translateX(5px)}
  .watch-side .ws-k{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
  .watch-side .ws-t{font-family:var(--display);font-size:1.3rem;margin-top:8px;font-weight:500}
  .watch-side .ws-d{color:var(--muted);font-size:.86rem;margin-top:6px}
  @media(max-width:820px){.watch-grid{grid-template-columns:1fr}}

  .partner{background:radial-gradient(80% 70% at 50% 0%,rgba(231,161,59,.08),transparent 60%)}
  .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
  .tier{border:1px solid var(--line);border-radius:14px;padding:36px 30px;background:var(--ink2);position:relative;transition:transform .35s,border-color .35s;display:flex;flex-direction:column}
  .tier:hover{transform:translateY(-6px);border-color:var(--gold)}
  .tier.feat{border-color:var(--gold);background:linear-gradient(180deg,var(--panel2),var(--ink2))}
  .tier.feat::before{content:"Most Loved";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:20px;font-weight:600}
  .tier .tname{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
  .tier .tprice{font-family:var(--display);font-size:2.8rem;font-weight:300;color:var(--gold-bright);margin:12px 0 2px;line-height:1}
  .tier .tprice span{font-size:1rem;color:var(--muted)}
  .tier .tdesc{color:var(--muted);font-size:.92rem;margin:14px 0 20px;min-height:60px}
  .tier ul{list-style:none;margin-bottom:24px;flex:1}
  .tier li{color:var(--ivory);opacity:.85;font-size:.92rem;padding:9px 0 9px 26px;position:relative;border-top:1px solid var(--line)}
  .tier li::before{content:"✦";position:absolute;left:0;color:var(--gold)}
  .tier .tbtn{display:block;text-align:center;padding:13px;border-radius:40px;font-weight:700;font-family:var(--sans);letter-spacing:.03em;border:1px solid var(--gold);color:var(--gold);transition:all .3s}
  .tier.feat .tbtn{background:var(--gold);color:var(--ink)}
  .tier .tbtn:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}
  @media(max-width:820px){.tier-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}

  .prayer{background:linear-gradient(180deg,var(--ink2),var(--ink))}
  .prayer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
  .prayer-form{border:1px solid var(--line-strong);border-radius:12px;padding:30px;background:var(--ink2)}
  .prayer-form label{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
  .prayer-form input,.prayer-form textarea{width:100%;background:var(--panel);border:1px solid var(--line-strong);color:var(--ivory);padding:13px 16px;border-radius:10px;font-family:var(--sans);font-size:.94rem;outline:none;margin-bottom:18px;transition:border-color .3s;resize:vertical}
  .prayer-form input:focus,.prayer-form textarea:focus{border-color:var(--gold)}
  .prayer-form button{width:100%;padding:14px;border:none;border-radius:40px;background:var(--gold);color:var(--ink);font-weight:700;font-family:var(--sans);letter-spacing:.03em;cursor:pointer;transition:all .3s}
  .prayer-form button:hover{background:var(--gold-bright)}
  .prayer-confirm{color:#7fdc97;font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;margin-top:6px;min-height:20px;line-height:1.5}
  .wall{display:flex;flex-direction:column;gap:14px;max-height:460px;overflow-y:auto;padding-right:8px}
  .wall::-webkit-scrollbar{width:6px}.wall::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px}
  .pr{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:16px 18px;background:var(--ink2)}
  .pr .pr-txt{color:var(--ivory);opacity:.9;font-size:.95rem;line-height:1.55}
  .pr .pr-meta{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:10px}
  .pr .pr-name{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
  .pr .pr-pray{font-family:var(--mono);font-size:.6rem;color:var(--faint);cursor:pointer;border:1px solid var(--line);padding:4px 10px;border-radius:20px;transition:all .25s;white-space:nowrap}
  .pr .pr-pray:hover{color:var(--gold);border-color:var(--gold)}
  .pr .pr-pray.done{color:#7fdc97;border-color:#7fdc97;cursor:default}
  @media(max-width:820px){.prayer-grid{grid-template-columns:1fr;gap:30px}}

  .newsletter{border-top:1px solid var(--line);background:linear-gradient(90deg,#160f07,#241a0b,#160f07);text-align:center;padding:74px 20px;position:relative;overflow:hidden}
  .newsletter::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 0%,rgba(231,161,59,.12),transparent 60%)}
  .newsletter>*{position:relative}
  .newsletter h2{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--ivory);margin-bottom:10px}
  .newsletter h2 em{font-style:italic;color:var(--gold-bright)}
  .newsletter p{color:var(--muted);margin-bottom:28px}
  .nl-form{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}
  .nl-form input{flex:1;min-width:220px;background:rgba(12,10,7,.6);border:1px solid var(--line-strong);color:var(--ivory);padding:15px 20px;border-radius:40px;font-family:var(--sans);outline:none;transition:border-color .3s}
  .nl-form input:focus{border-color:var(--gold)}
  .nl-form button{padding:15px 32px;border:none;border-radius:40px;background:var(--gold);color:var(--ink);font-weight:700;font-family:var(--sans);letter-spacing:.03em;cursor:pointer;transition:all .3s}
  .nl-form button:hover{background:var(--gold-bright);transform:translateY(-2px)}
  .nl-confirm{color:#7fdc97;font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;margin-top:16px;min-height:18px}

  /* ---------- READ-THE-REPORT AFFORDANCE ON CARDS ---------- */
  .dcard{cursor:pointer}
  .dcard .read{display:flex;align-items:center;gap:7px;margin-top:15px;font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);transition:gap .3s}
  .dcard:hover .read{gap:13px}

  /* ---------- ARTICLE OVERLAY (CFAN-style report) ---------- */
  .article-overlay{position:fixed;inset:0;z-index:5000;background:rgba(8,6,4,.72);backdrop-filter:blur(8px);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s}
  .article-overlay.open{opacity:1;pointer-events:auto}
  .article{max-width:980px;margin:0 auto;background:#f6efe1;color:#1f1709;border-radius:0;min-height:100%;box-shadow:0 0 120px rgba(0,0,0,.6);transform:translateY(24px);transition:transform .5s cubic-bezier(.16,1,.3,1)}
  .article-overlay.open .article{transform:none}
  .art-close{position:fixed;top:22px;right:22px;z-index:5100;width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,236,220,.4);background:rgba(12,10,7,.7);color:var(--ivory);font-size:1.3rem;cursor:pointer;backdrop-filter:blur(6px);transition:all .3s;display:grid;place-items:center}
  .art-close:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:rotate(90deg)}
  .art-hero{position:relative;height:54vh;min-height:380px;overflow:hidden;background:linear-gradient(135deg,#1b150d,#0c0a07)}
  .art-hero img{width:100%;height:100%;object-fit:cover}
  .art-hero .noimg{position:absolute;inset:0;display:grid;place-items:center;color:rgba(231,161,59,.5);font-family:var(--display);font-size:5rem}
  .art-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(12,10,7,.85))}
  .art-hero .htitle{position:absolute;left:0;right:0;bottom:0;padding:48px 56px;z-index:2}
  .art-hero .htitle .ek{font-family:var(--mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-bright)}
  .art-hero .htitle h1{font-family:var(--display);font-weight:300;color:var(--ivory);font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.02em;margin-top:10px}
  .art-counter{display:flex;align-items:baseline;gap:18px;padding:26px 56px;background:#efe6d3;border-bottom:1px solid #e0d3b6}
  .art-counter .cnum{font-family:var(--display);font-weight:400;font-size:2.6rem;color:#b9791b;line-height:1}
  .art-counter .clab{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#86714a}
  .art-body{padding:54px 56px 40px;max-width:760px;margin:0 auto}
  .art-dateline{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#b9791b;padding-bottom:14px;border-bottom:1px solid #ddcfb1;margin-bottom:30px}
  .art-headline{font-family:var(--display);font-weight:600;font-style:italic;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.08;color:#241a0b;margin-bottom:30px}
  .art-body p{font-size:1.08rem;line-height:1.72;color:#352a17;margin-bottom:22px;font-family:var(--sans)}
  .art-body p.greet{font-family:var(--display);font-size:1.18rem;font-style:italic;color:#241a0b;margin-bottom:26px}
  .art-body .result{font-family:var(--display);font-weight:600;font-size:1.32rem;line-height:1.4;color:#9a5a12;padding:22px 26px;background:#efe6d3;border-left:3px solid var(--gold);border-radius:0 6px 6px 0;margin:30px 0}
  .art-sub{font-family:var(--mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#b9791b;margin:42px 0 24px;padding-bottom:12px;border-bottom:1px solid #ddcfb1}
  .testimony{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start;margin-bottom:30px}
  .testimony img{width:100%;border-radius:6px;aspect-ratio:1;object-fit:cover}
  .testimony .tcap{font-size:1.02rem;line-height:1.65;color:#352a17}
  .testimony.placeholder{border:1.5px dashed #c9b27e;border-radius:8px;padding:22px;display:block;background:#f0e7d4}
  .testimony.placeholder .ph-note{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#9a5a12;margin-bottom:10px}
  .testimony.placeholder p{font-style:italic;color:#6f5d3c;font-size:1rem;margin:0}
  @media(max-width:600px){.testimony{grid-template-columns:1fr}.testimony img{max-width:200px}}
  .art-signoff{margin-top:40px;font-family:var(--display);color:#241a0b}
  .art-signoff .sline{font-style:italic;font-size:1.12rem;margin-bottom:18px}
  .art-signoff .sname{font-weight:600;font-size:1.22rem}
  .art-signoff .srole{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#86714a;margin-top:4px}
  .art-cta{margin:40px 0 8px;padding:28px;background:#241a0b;border-radius:8px;text-align:center}
  .art-cta p{color:#e8dcc2;margin-bottom:18px;font-size:1rem}
  .art-cta a{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:#1f1709;padding:14px 30px;border-radius:40px;font-weight:700;font-family:var(--sans);letter-spacing:.03em;transition:all .3s}
  .art-cta a:hover{background:var(--gold-bright);transform:translateY(-2px)}
  .art-gallery{padding:10px 56px 40px;max-width:980px;margin:0 auto}
  .art-gallery h3{font-family:var(--mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#b9791b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #ddcfb1}
  .gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
  .gal-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;cursor:zoom-in;transition:transform .4s}
  .gal-grid img:hover{transform:scale(1.03)}
  .factbox{margin:0 56px 56px;border:1px solid #ddcfb1;border-radius:8px;overflow:hidden}
  .factbox .frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .factbox .fcell{padding:22px 24px;border-right:1px solid #e6dabf;border-bottom:1px solid #e6dabf}
  .factbox .fk{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#9a8052;margin-bottom:8px}
  .factbox .fv{font-family:var(--display);font-size:1.32rem;color:#241a0b;font-weight:400;line-height:1.1}
  body.locked{overflow:hidden}
  @media(max-width:680px){.art-hero .htitle,.art-counter,.art-body,.art-gallery{padding-left:26px;padding-right:26px}.factbox{margin-left:26px;margin-right:26px}}
  /* ===== HEADER SLIDESHOW ===== */
  .slides{position:absolute;inset:0;z-index:0}
  .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
  .slide.active{opacity:1;pointer-events:auto}
  .slide .media{position:absolute;inset:0}
  .slide .media img,.slide .media video{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.9) contrast(1.02)}
  .slide .media::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 75% 18%,rgba(231,161,59,.20),transparent 55%),linear-gradient(180deg,rgba(12,10,7,.5)0%,rgba(12,10,7,.25)32%,rgba(12,10,7,.86)78%,var(--ink)100%)}
  .slide .media.empty{background:linear-gradient(135deg,#1b150d,#0c0a07)}
  .slide .scontent{position:absolute;left:0;right:0;bottom:0;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 28px 13vh;width:100%}
  .s-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
  .hero-glow{position:absolute;z-index:1;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(231,161,59,.22),transparent 62%);top:-180px;right:-140px;filter:blur(20px);animation:breathe 9s ease-in-out infinite;pointer-events:none}
  .hero-arrows{position:absolute;z-index:6;bottom:6.2vh;right:28px;display:flex;gap:10px}
  .hero-arrows button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(12,10,7,.5);color:var(--ivory);cursor:pointer;backdrop-filter:blur(6px);font-size:1.1rem;transition:all .3s}
  .hero-arrows button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .hero-dots{position:absolute;z-index:6;bottom:7vh;left:28px;display:flex;gap:9px;align-items:center}
  .hero-dots button{width:30px;height:4px;border-radius:4px;border:none;background:rgba(244,236,220,.3);cursor:pointer;transition:all .35s;padding:0}
  .hero-dots button.on{background:var(--gold);width:50px}
  .vbadge{position:absolute;top:calc(54px + 80px);left:28px;z-index:6;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--line-strong);background:rgba(12,10,7,.5);padding:5px 12px;border-radius:20px;backdrop-filter:blur(6px);display:none}
  .slide.active.is-video~.vbadge,.hero.show-vbadge .vbadge{display:inline-block}

  /* ===== FOUNDER ===== */
  .founder{background:radial-gradient(70% 80% at 0% 0%,rgba(231,161,59,.08),transparent 55%)}
  .founder-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center}
  .founder-portrait{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line-strong);background:linear-gradient(160deg,var(--panel2),var(--ink))}
  .founder-portrait img{width:100%;height:100%;object-fit:cover}
  .founder-portrait .mono{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:5.5rem;color:rgba(231,161,59,.4);font-weight:300;letter-spacing:.04em}
  .founder-portrait .pframe{position:absolute;inset:14px;border:1px solid rgba(231,161,59,.4);border-radius:8px;pointer-events:none;z-index:2}
  .founder-portrait .pcap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:24px 22px 22px;background:linear-gradient(transparent,rgba(12,10,7,.92));font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
  .founder-copy .ftitle{font-family:var(--mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
  .founder-copy h2{font-family:var(--display);font-weight:300;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.04;letter-spacing:-.02em;margin:.32em 0 .55em}
  .founder-copy h2 em{font-style:italic;color:var(--gold-bright)}
  .founder-copy p{color:var(--ivory);opacity:.86;margin-bottom:16px;font-size:1.04rem}
  .founder-quote{margin-top:24px;padding-left:24px;border-left:2px solid var(--gold);font-family:var(--display);font-style:italic;font-size:1.28rem;color:var(--gold-bright);line-height:1.4}
  .founder-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:30px}
  .founder-facts>div{background:var(--ink2);padding:20px 22px}
  .founder-facts .fn{font-family:var(--display);font-size:1.7rem;color:var(--gold-bright);font-weight:300;line-height:1}
  .founder-facts .fl{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:7px}
  @media(max-width:860px){.founder-grid{grid-template-columns:1fr;gap:36px}.founder-portrait{max-width:360px}}

  /* ===== ADMIN DASHBOARD ===== */
  .admin-fab{position:fixed;bottom:22px;right:22px;z-index:4000;width:54px;height:54px;border-radius:50%;background:var(--gold);color:var(--ink);border:none;cursor:pointer;font-size:1.35rem;box-shadow:0 12px 36px -10px rgba(231,161,59,.7);transition:transform .3s;display:grid;place-items:center}
  .admin-fab:hover{transform:scale(1.08) rotate(25deg)}
  .admin-overlay{position:fixed;inset:0;z-index:6000;background:rgba(8,6,4,.7);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s;display:flex;justify-content:flex-end}
  .admin-overlay.open{opacity:1;pointer-events:auto}
  .admin-panel{width:min(560px,100%);height:100%;background:#15110a;border-left:1px solid var(--line-strong);overflow-y:auto;transform:translateX(50px);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}
  .admin-overlay.open .admin-panel{transform:none}
  .admin-head{position:sticky;top:0;background:#15110a;border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;z-index:3}
  .admin-head h3{font-family:var(--display);font-weight:500;font-size:1.3rem;display:flex;align-items:center;gap:10px}
  .admin-head h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
  .admin-head .ax{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1}
  .admin-head .ax:hover{color:var(--ivory)}
  .admin-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px 24px;border-bottom:1px solid var(--line);position:sticky;top:61px;background:#15110a;z-index:2}
  .admin-tabs button{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:7px 12px;border-radius:20px;cursor:pointer;transition:all .25s}
  .admin-tabs button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .admin-body{padding:22px 24px;flex:1}
  .afield{margin-bottom:15px}
  .afield label{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
  .afield input,.afield textarea,.afield select{width:100%;background:var(--panel);border:1px solid var(--line-strong);color:var(--ivory);padding:11px 13px;border-radius:8px;font-family:var(--sans);font-size:.9rem;outline:none;transition:border-color .25s;resize:vertical}
  .afield input:focus,.afield textarea:focus,.afield select:focus{border-color:var(--gold)}
  .arow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .acard{border:1px solid var(--line);border-radius:10px;padding:16px 16px 6px;margin-bottom:14px;background:var(--ink2);position:relative}
  .acard .ahd{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:12px}
  .acard .adel{position:absolute;top:12px;right:12px;background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;cursor:pointer;font-size:.66rem;padding:4px 9px;transition:all .25s}
  .acard .adel:hover{border-color:#e0664e;color:#e0664e}
  .abtn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:30px;font-family:var(--sans);font-weight:600;font-size:.82rem;cursor:pointer;border:1px solid var(--gold);background:none;color:var(--gold);transition:all .25s}
  .abtn:hover{background:var(--gold);color:var(--ink)}
  .abtn.solid{background:var(--gold);color:var(--ink)}
  .abtn.ghost{border-color:var(--line-strong);color:var(--muted)}
  .abtn.ghost:hover{background:var(--panel);color:var(--ivory);border-color:var(--line-strong)}
  .admin-foot{position:sticky;bottom:0;background:#15110a;border-top:1px solid var(--line);padding:14px 24px;display:flex;gap:10px;flex-wrap:wrap}
  .admin-note{font-size:.7rem;color:var(--faint);padding:4px 24px 20px;line-height:1.55}
  .admin-gate{padding:50px 28px;text-align:center}
  .admin-gate .gico{font-size:2.4rem;color:var(--gold);margin-bottom:14px}
  .admin-gate h4{font-family:var(--display);font-size:1.5rem;font-weight:500;margin-bottom:8px}
  .admin-gate p{color:var(--muted);font-size:.88rem;margin-bottom:20px}
  .admin-gate input{width:100%;max-width:280px;margin:0 auto 14px;background:var(--panel);border:1px solid var(--line-strong);color:var(--ivory);padding:13px 16px;border-radius:30px;text-align:center;font-family:var(--mono);letter-spacing:.1em;outline:none}
  .admin-gate input:focus{border-color:var(--gold)}
  .asaved{position:fixed;bottom:90px;right:22px;z-index:6500;background:#173420;color:#9ff0b4;border:1px solid #2f6b3f;padding:10px 16px;border-radius:30px;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}
  .asaved.show{opacity:1;transform:none}
  /* ===== FLAGSHIP FILM ===== */
  .flagship{background:radial-gradient(75% 90% at 80% 0%,rgba(231,161,59,.10),transparent 55%)}
  .flag-card{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:var(--ink2);box-shadow:0 40px 90px -50px #000}
  .flag-media{position:relative;cursor:pointer;min-height:320px;background:#0c0a07;overflow:hidden}
  .flag-media img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .6s,opacity .4s}
  .flag-media:hover img{transform:scale(1.04);opacity:1}
  .flag-media::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 55%,rgba(27,21,13,.65))}
  .flag-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
  .flag-play span{width:84px;height:84px;border-radius:50%;background:rgba(231,161,59,.92);color:var(--ink);display:grid;place-items:center;font-size:1.9rem;padding-left:6px;box-shadow:0 12px 50px -8px rgba(231,161,59,.7);transition:transform .3s}
  .flag-media:hover .flag-play span{transform:scale(1.1)}
  .flag-info{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}
  .flag-info h3{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.01em;margin:12px 0 0}
  .flag-sub{font-family:var(--display);font-style:italic;color:var(--gold-bright);font-size:1.1rem;margin-top:8px}
  .flag-blurb{color:var(--muted);font-size:.98rem;margin:16px 0 26px}
  .flag-info .btn{align-self:flex-start}
  @media(max-width:820px){.flag-card{grid-template-columns:1fr}.flag-media{min-height:230px;aspect-ratio:16/9}.flag-info{padding:30px 26px}}

  /* ===== FILM GALLERY ===== */
  .films-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
  .film-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--ink2);cursor:pointer;transition:transform .35s,border-color .35s,box-shadow .35s}
  .film-card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 24px 50px -30px #000}
  .film-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--panel),var(--ink))}
  .film-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .film-card:hover .film-thumb img{transform:scale(1.06)}
  .film-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(12,10,7,.55))}
  .film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:54px;height:54px;border-radius:50%;background:rgba(12,10,7,.6);border:1px solid rgba(255,255,255,.4);color:#fff;display:grid;place-items:center;font-size:1.1rem;padding-left:3px;backdrop-filter:blur(4px);transition:all .3s}
  .film-card:hover .film-play{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translate(-50%,-50%) scale(1.1)}
  .film-cap{padding:16px 18px;font-family:var(--display);font-size:1.12rem;font-weight:500;line-height:1.2}

  /* ===== VIDEO LIGHTBOX ===== */
  .video-lb{position:fixed;inset:0;z-index:7000;background:rgba(6,4,3,.92);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;pointer-events:none;transition:opacity .35s}
  .video-lb.open{opacity:1;pointer-events:auto}
  .vlb-frame{width:min(1100px,100%);aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 40px 120px -30px #000;background:#000}
  .vlb-frame iframe{width:100%;height:100%;border:0}
  .vlb-close{position:fixed;top:22px;right:22px;z-index:7100;width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,236,220,.4);background:rgba(12,10,7,.7);color:var(--ivory);font-size:1.3rem;cursor:pointer;transition:all .3s}
  .vlb-close:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:rotate(90deg)}
  /* ===== LANGUAGE SELECTOR ===== */
  .lang-wrap{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:30px;padding:5px 9px 5px 12px;background:rgba(12,10,7,.4);transition:border-color .25s}
  .lang-wrap:hover{border-color:var(--gold)}
  .lang-ic{font-size:.9rem}
  #langSelect{background:transparent;border:none;color:var(--ivory);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;outline:none;cursor:pointer;max-width:124px}
  #langSelect option{background:#15110a;color:var(--ivory)}
  /* neutralize Google Translate chrome */
  #google_translate_element{position:absolute!important;left:-9999px!important;top:-9999px!important;width:0;height:0;overflow:hidden}
  .goog-te-banner-frame,.goog-te-balloon-frame{display:none!important}
  .goog-te-gadget{height:0;overflow:hidden}
  body{top:0!important}
  .skiptranslate>iframe{display:none!important;visibility:hidden!important}
  font.goog-text-highlight{background:none!important;box-shadow:none!important}

  /* ===== RESPONSIVE ===== */
  .nav-in{position:relative}
  @media(max-width:980px){ .nav-links{gap:20px} }
  @media(max-width:880px){
    .nav-links{position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;gap:0;background:rgba(12,10,7,.98);backdrop-filter:blur(16px);border-top:1px solid var(--line);border-bottom:1px solid var(--line-strong);padding:6px 0;display:none;box-shadow:0 26px 60px -22px #000}
    .nav-links.open{display:flex}
    .nav-links a{padding:15px 28px;font-size:.95rem}
    .nav-links a::after{display:none}
    .nav-links a:not(:last-child){border-bottom:1px solid var(--line)}
    .nav-cta{margin:12px 24px 8px;text-align:center;border-radius:30px}
    .burger{display:block;order:3;margin-left:4px}
    .lang-wrap{order:2}
    #langSelect{max-width:88px;font-size:.68rem}
  }
  @media(max-width:760px){
    .tb-right a:nth-child(2),.tb-right a:nth-child(3){display:none}
    .sec{padding:74px 0}
    .wrap{padding:0 20px}
    .sec-head{margin-bottom:40px}
    .slide .scontent{padding:0 20px 15vh}
    .hero-dots{left:20px;bottom:8.5vh}
    .hero-arrows{right:20px;bottom:7.5vh}
    .scroll-cue{display:none}
    .stat{padding:34px 16px}
    .founder-quote{font-size:1.12rem}
    .flag-info{padding:26px 22px}
    .art-hero .htitle{padding:28px 22px}
    .admin-panel{width:100%}
  }
  @media(max-width:480px){
    .nav-in{padding:13px 18px}
    .topbar-in{padding:8px 18px}
    .brand{font-size:.95rem;gap:9px}
    .brand .mark{width:34px;height:34px}
    .stats-grid{grid-template-columns:1fr 1fr}
    .vbadge{left:18px}
    .hero-arrows button{width:42px;height:42px}
    .admin-fab{width:50px;height:50px;bottom:16px;right:16px;font-size:1.2rem}
    .filters input,.filters select{font-size:.85rem}
    .flag-play span{width:64px;height:64px;font-size:1.5rem}
  }
  /* ===== PHOTO GALLERY ===== */
  .gallery{background:radial-gradient(70% 70% at 100% 0%,rgba(231,142,27,.08),transparent 55%)}
  .gal-grid{column-width:240px;column-gap:14px}
  .gal-item{break-inside:avoid;margin:0 0 14px;position:relative;border-radius:10px;overflow:hidden;cursor:zoom-in;border:1px solid var(--line);background:var(--ink2);display:block}
  .gal-item img{width:100%;display:block;transition:transform .55s}
  .gal-item:hover img{transform:scale(1.06)}
  .gal-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 14px 12px;background:linear-gradient(transparent,rgba(12,10,7,.92));font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:0;transition:opacity .3s}
  .gal-item:hover figcaption{opacity:1}
  @media(max-width:600px){.gal-grid{column-width:46vw;column-gap:10px}.gal-item{margin-bottom:10px}}

  /* ===== IMAGE LIGHTBOX ===== */
  .img-lb{position:fixed;inset:0;z-index:7000;background:rgba(6,4,3,.94);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 24px;opacity:0;pointer-events:none;transition:opacity .35s}
  .img-lb.open{opacity:1;pointer-events:auto}
  .img-lb img{max-width:min(1100px,92vw);max-height:78vh;border-radius:10px;border:1px solid var(--line-strong);box-shadow:0 40px 120px -30px #000;object-fit:contain}
  .img-cap{margin-top:16px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:center}
  .img-nav{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(244,236,220,.4);background:rgba(12,10,7,.6);color:var(--ivory);font-size:1.5rem;cursor:pointer;z-index:7100;transition:all .3s}
  .img-nav:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .img-nav.prev{left:22px}.img-nav.next{right:22px}
  @media(max-width:600px){.img-nav{width:42px;height:42px;font-size:1.2rem}.img-nav.prev{left:10px}.img-nav.next{right:10px}}

/* ===== EDITABLE SECTION BACKGROUNDS ===== */
.has-bg{background-image:linear-gradient(rgba(12,10,7,.88),rgba(12,10,7,.93)),var(--secbg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(min-width:900px){.has-bg{background-attachment:fixed!important}}

/* ===== MEDIA LIBRARY (uploads) ===== */
.media-upload-input{width:100%;background:var(--panel);border:1px solid var(--line-strong);color:var(--ivory);padding:10px 12px;border-radius:8px;font-family:var(--sans);font-size:.85rem;margin-bottom:10px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin-top:6px}
.media-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--ink2)}
.media-card .mthumb{aspect-ratio:1;background:#0c0a07;display:flex;align-items:center;justify-content:center;color:var(--faint);font-family:var(--mono);font-size:.7rem}
.media-card .mthumb img{width:100%;height:100%;object-fit:cover}
.media-card .mname{font-family:var(--mono);font-size:.55rem;letter-spacing:.03em;color:var(--muted);padding:7px 8px 0;word-break:break-all;line-height:1.4}
.media-card .mrow{display:flex;gap:6px;padding:8px}
.media-card .mrow button{flex:1;font-family:var(--mono);font-size:.54rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 4px;border-radius:6px;border:1px solid var(--line-strong);background:none;color:var(--gold);cursor:pointer;transition:all .2s}
.media-card .mrow button:hover{background:var(--gold);color:var(--ink)}
.media-card .mrow .mdel{color:var(--muted)}
.media-card .mrow .mdel:hover{background:#e0664e;border-color:#e0664e;color:#fff}

/* ===== BIOGRAPHY ===== */
.bio .bio-body{max-width:760px;margin:0 auto}
.bio-body p{color:var(--ivory);opacity:.88;font-size:1.07rem;line-height:1.75;margin-bottom:18px}
.bio-body p:first-of-type::first-letter{font-size:3.2rem;float:left;line-height:.78;padding:6px 12px 0 0;color:var(--gold-bright);font-weight:500;font-family:var(--display)}
.bio-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bio-body a:hover{color:var(--gold-bright)}
.bio-stat{margin-top:30px;padding:26px 28px;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(160deg,var(--panel2),var(--ink2));text-align:center}
.bio-stat .bn{display:block;font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,5vw,3.2rem);color:var(--gold-bright);line-height:1}
.bio-stat .bl{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:10px}

/* ===== BENMP GIVING (Stand with the harvest) ===== */
.give-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.give-options{display:flex;flex-direction:column;gap:18px}
.give-card{border:1px solid var(--line-strong);border-radius:14px;padding:24px;background:linear-gradient(160deg,var(--panel2),var(--ink2))}
.give-card .gc-name{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--ivory);line-height:1}
.give-card .gc-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:7px}
.give-card .gc-amt{font-family:var(--display);font-size:1.15rem;color:var(--gold-bright);margin-top:12px}
.give-card .gc-desc{color:var(--muted);font-size:.94rem;margin:10px 0 18px;line-height:1.6}
.give-card .tbtn{display:inline-block}
.give-register{display:inline-block;margin-top:2px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.give-register:hover{color:var(--gold-bright)}
.give-embed{border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:var(--ink2);display:flex;flex-direction:column;min-height:560px}
.give-embed .ge-head{padding:14px 18px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
.ge-head .ge-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.give-embed iframe{flex:1;width:100%;border:0;min-height:500px;background:#fff}
.ge-fallback{padding:11px 18px;font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;color:var(--muted);border-top:1px solid var(--line);text-align:center;text-decoration:none}
.ge-fallback:hover{color:var(--gold)}
@media(max-width:820px){.give-grid{grid-template-columns:1fr}.give-embed{min-height:600px}}

/* ===== GIVING — layout without embedded frame ===== */
.partner .give-grid{grid-template-columns:1fr;max-width:920px;margin:0 auto}
.partner .give-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:680px){.partner .give-options{grid-template-columns:1fr}}
.give-foot{max-width:920px;margin:26px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.give-secure{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px}
.give-secure .ge-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;display:inline-block}

/* ============================================================
   RESPONSIVE POLISH — phones · tablets · desktops
   ============================================================ */
*{ -webkit-tap-highlight-color:transparent }
html{ scroll-behavior:smooth }
img,svg,video,iframe{ max-width:100% }
h1,h2,h3,.sec-head h2{ text-wrap:balance }
.sec-head p,.lead,.bio-body p,.founder-copy p{ text-wrap:pretty }

/* fluid vertical rhythm + gutters */
.sec{ padding:clamp(66px,8.5vw,120px) 0 }
.wrap{ padding-left:clamp(20px,5vw,28px); padding-right:clamp(20px,5vw,28px) }

/* hero */
.hero h1{ font-size:clamp(2.9rem,9vw,8.4rem) }
.slide .scontent{ padding-bottom:clamp(98px,13vh,200px) }

/* grand desktops */
@media(min-width:1600px){ :root{ --maxw:1340px } }

/* tablet landscape */
@media(max-width:1024px){
  :root{ --maxw:1080px }
  .story-grid{ gap:44px }
  .founder-grid{ gap:44px }
  .flag-card{ box-shadow:0 30px 70px -45px #000 }
}
@media(max-width:900px){ .nav-links{ gap:16px } }

/* tablet portrait / large phone */
@media(max-width:760px){
  .sec-head{ margin-bottom:36px }
  .hero h1{ line-height:.96 }
  .founder-portrait{ margin:0 auto }
  .btn{ padding:.92rem 1.4rem }
  .give-foot{ margin-top:20px }
  .flag-info{ padding:30px 26px }
}

/* phones */
@media(max-width:520px){
  .hero h1{ font-size:clamp(2.55rem,11.5vw,3.6rem); max-width:18ch; line-height:1 }
  .slide .scontent{ padding-bottom:clamp(112px,17vh,188px) }
  .slide .kicker{ font-size:.62rem }
  .counterband{ padding-left:18px; padding-right:18px }
  .counterband .cb-num{ font-size:clamp(2.1rem,11vw,3rem) }
  .counterband .cb-lab{ letter-spacing:.13em; font-size:.6rem }
  .stat .n{ font-size:2.3rem }
  .sec-head h2{ font-size:clamp(1.95rem,8vw,2.6rem) }
  .s-actions{ gap:12px; width:100% }
  .s-actions .btn{ flex:1 1 auto; text-align:center; justify-content:center }
  .gal-grid{ column-width:44vw; column-gap:10px }
  .bio-body p{ font-size:1.02rem; line-height:1.72 }
  .bio-body p:first-of-type::first-letter{ font-size:2.6rem }
  .founder-quote{ font-size:1.08rem }
  .give-card{ padding:20px }
}

/* very small phones */
@media(max-width:380px){
  .brand{ font-size:.9rem; gap:8px }
  .brand .mark{ width:32px; height:32px }
  .lang-wrap{ padding:4px 7px 4px 9px; gap:4px }
  #langSelect{ max-width:72px }
  .stats-grid{ grid-template-columns:1fr 1fr }
}

/* ===== Campaign Photos manager (dashboard) ===== */
.afile{display:block;margin:4px 0 10px;color:var(--muted);font-size:.82rem}
.cphoto-row{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-top:8px}
.cphoto-row img{width:72px;height:52px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#000}
.cphoto-url{font-family:var(--mono);font-size:.62rem;color:var(--muted);word-break:break-all;flex:1 1 auto;line-height:1.4}
.cphoto-btns{display:flex;gap:6px;flex:0 0 auto}

/* ===== Layout & order block system (dashboard) ===== */
.lay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-top:8px;background:rgba(255,255,255,.02)}
.lay-row.off{opacity:.5}
.lay-name{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:10px}
.lay-num{font-family:var(--mono);font-size:.72rem;color:var(--muted);min-width:1.6em;text-align:right}
.lay-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ember,#bf5713);border:1px solid currentColor;border-radius:6px;padding:1px 6px}
.lay-ctr{display:flex;gap:6px;flex:0 0 auto}
.lay-ctr .abtn[disabled]{opacity:.3;cursor:not-allowed}

/* ===== Read-more (biography link merged into founder section) ===== */
.bio-more-wrap{margin-top:28px;display:flex;flex-direction:column;gap:8px}
.bio-more-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold,#ef8e1b)}
.bio-more{font-family:var(--display,Fraunces),serif;font-size:clamp(1.3rem,2.4vw,1.75rem);font-style:italic;color:var(--ivory,#f5efe4);text-decoration:none;display:inline-flex;align-items:baseline;gap:.5em;width:fit-content;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.bio-more em{font-style:italic;color:var(--gold-bright,#ffca50)}
.bio-more span{font-family:var(--sans,Archivo),sans-serif;font-style:normal;font-size:.7em;transition:transform .25s}
.bio-more:hover{border-bottom-color:var(--gold,#ef8e1b)}
.bio-more:hover span{transform:translateX(5px)}

/* Testimony placeholder is an admin aid only — hidden from visitors */
.testimony.placeholder{display:none}
body.is-admin .testimony.placeholder{display:block;opacity:.75;border:1px dashed rgba(239,142,27,.5)}

/* Native <button> elements styled as .btn — kill the browser's default white pill */
button.btn{appearance:none;-webkit-appearance:none;background:transparent;font-family:inherit;line-height:inherit;color:var(--ivory)}
button.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ivory)}
button.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(239,142,27,.06)}
button.btn-gold{background:var(--gold);color:var(--ink)}