/*
Theme Name: Keren Roi Lo Achsar
Description: תֶמה מותאמת אישית לקרן רועי לא אחסר, נגזרת מהפרוטוטייפ המאושר keren-site/. RTL, IBM Plex Sans Hebrew.
Version: 0.1.0
Text Domain: keren-roi
Requires PHP: 7.4
*/

/* ===========================================================================
   הקובץ הזה הוא css/style.css של הפרוטוטייפ, ללא שינוי.
   הפרוטוטייפ הוא מקור האמת לעיצוב — כל תיקון חוזר לשם ומועתק לכאן.
   =========================================================================== */

/* ===== Keren Roi Lo Achsar — Hero + Header =====
   Colors approximated from the design screenshot.
   >>> Replace the CSS variables below with the exact Figma hex values. <<< */
:root{
  --gold:#F5B301;
  --navy:#0A2A5E;
  --blue:#1B64C6;
  --hero-grad: linear-gradient(90deg, #0A2A5E 0%, #124F9E 55%, #1B64C6 100%);
  --header-h: 92px;
  --header-h-shrink: 66px;
  --maxw: 1400px;
  --ease: cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* keep anchor targets clear of the fixed header */
[id]{scroll-margin-top:96px}
body{font-family:"IBM Plex Sans Hebrew",system-ui,Arial,sans-serif;color:#fff;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* ============ HEADER ============ */
.site-header{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:100;
  height:var(--header-h);display:flex;align-items:center;background:transparent;
  transition:height .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease);
}
.header-inner{
  width:100%;max-width:var(--maxw);margin-inline:auto;
  padding-inline:clamp(20px,4vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.cluster{display:flex;align-items:center;gap:26px}

.logo img{height:58px;width:auto;transition:height .35s var(--ease)}
.site-header.scrolled .logo img{height:44px}

.btn-donate{
  background:var(--gold);color:var(--navy);font-weight:700;font-size:15px;
  padding:9px 26px;border-radius:999px;white-space:nowrap;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.btn-donate:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,179,1,.35)}

/* nav */
.main-nav{display:flex;align-items:center;gap:26px}
.main-nav a{
  font-size:15.5px;font-weight:500;color:#fff;white-space:nowrap;
  display:inline-flex;align-items:center;gap:6px;position:relative;padding:4px 0;transition:color .2s;
}
.main-nav a::after{
  content:"";position:absolute;inset-inline:0;inset-block-end:-2px;height:2px;background:var(--gold);
  transform:scaleX(0);transform-origin:inline-end;transition:transform .25s var(--ease);
}
.main-nav a:hover{color:var(--gold)}
.main-nav a:hover::after{transform:scaleX(1)}
.chev{opacity:.9;transition:transform .25s var(--ease)}

/* login — separated from the nav, leads to the counselor/principal system */
.login-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;opacity:.95}
.login-link:hover{color:var(--gold)}
.login-ico{display:inline-flex}
.login-ico svg{color:var(--gold)}
.nav-divider{flex:0 0 auto;width:1px;height:24px;background:rgba(255,255,255,.30)}

.site-header.scrolled{height:var(--header-h-shrink);background:var(--hero-grad);box-shadow:0 6px 24px rgba(6,20,48,.28)}

/* ===== full-width dropdown bar (splash.org style) ===== */
.nav-item{position:static;align-self:stretch;display:flex;align-items:center}   /* static → dropdown spans the full header width */
.nav-trigger{cursor:pointer}
.dropdown{
  position:absolute;top:100%;left:0;right:0;                 /* full viewport-width bar under the header */
  background:#f6f6f2;box-shadow:0 16px 32px rgba(6,20,48,.14);
  display:flex;justify-content:center;gap:46px;padding:22px 24px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;
  z-index:90;
}
.nav-item.has-dropdown:hover .dropdown,
.nav-item.has-dropdown:focus-within .dropdown,
.nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-item.has-dropdown:hover .chev,.nav-item.open .chev{transform:rotate(180deg)}
.nav-item.has-dropdown:hover .nav-trigger,.nav-item.open .nav-trigger{color:var(--gold)}
.nav-item.has-dropdown:hover .nav-trigger::after,.nav-item.open .nav-trigger::after{transform:scaleX(1)}
.dropdown a{color:#3a4256;font-size:15px;font-weight:600;white-space:nowrap;padding:6px 2px;transition:color .2s}
.dropdown a::after{display:none}          /* cancel the white nav underline on dropdown links */
.dropdown a:hover{color:var(--navy)}

/* ===== hamburger (mobile only) ===== */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:9px}
.burger span{display:block;height:2.5px;width:100%;background:#fff;border-radius:2px;transition:.3s var(--ease)}
.site-header.scrolled .burger span{background:#fff}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ===== mobile slide-down menu ===== */
.mobile-menu{
  position:fixed;inset-block-start:var(--header-h);inset-inline:0;z-index:95;
  background:var(--hero-grad);
  max-height:0;overflow:hidden;visibility:hidden;
  transition:max-height .4s var(--ease), visibility .4s;
}
.mobile-menu.open{max-height:calc(100vh - var(--header-h));visibility:visible;overflow:auto}
.m-nav{display:flex;flex-direction:column;padding:14px clamp(20px,6vw,32px) 30px}
.m-nav>a,.m-about>summary{
  color:#fff;font-size:19px;font-weight:600;padding:15px 4px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.m-about{border-bottom:1px solid rgba(255,255,255,.14)}
.m-about>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:none}
.m-about>summary::-webkit-details-marker{display:none}
.m-about[open]>summary .chev{transform:rotate(180deg)}
.m-about a{display:block;color:#dbe6fb;font-size:16px;font-weight:500;padding:11px 18px}
.m-login{color:var(--gold) !important;font-weight:700 !important}
.m-donate{margin-top:18px;text-align:center;font-size:17px;padding:14px}

/* ============ HERO ============ */
.hero{position:relative;height:685px;min-height:685px;background:var(--hero-grad);overflow:hidden;display:flex;align-items:center}
.hero-inner{position:relative;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,4vw,56px);height:685px;display:flex;align-items:center}

/* headline — centered in the left band, beside the photo */
.hero-content{
  position:absolute;z-index:3;inset-block:0;left:0;right:26%;   /* boy pushed further to the side */
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding-inline:clamp(16px,3vw,48px);
}
.hero-title{font-weight:700;line-height:1.03;letter-spacing:-.5px}
.hero-title .line{display:block;overflow:hidden;padding-block:3px}
.hero-title .line__in{display:block;font-size:clamp(2.8rem,6.6vw,5.9rem);will-change:transform}  /* bigger */
.hero-title .gold{color:var(--gold)}
.hero-title .white{color:#fff}
.brush{width:min(58%,420px);margin:16px auto 0;transform-origin:right center}
.brush svg{width:100%;height:auto;display:block}

/* boy photo — hugs the right corner */
.hero-boy-wrap{position:absolute;bottom:0;right:0;z-index:2;pointer-events:none}
.hero-boy{height:640px;width:auto;object-fit:contain;object-position:bottom right}
.boy-placeholder{display:none}
.hero-boy-wrap.no-img .hero-boy{display:none}
.hero-boy-wrap.no-img .boy-placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:min(28vw,380px);height:600px;border-left:2px dashed rgba(255,255,255,.25);
  color:rgba(255,255,255,.6);font-size:16px;
}
.boy-placeholder small{font-size:12px;opacity:.7;direction:ltr}

/* ============ SECTION 2 — ABOUT INTRO ============ */
.about-intro{height:600px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 22px}
.ai-inner{max-width:820px}
.ai-title{color:var(--navy);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;line-height:1.2;margin-bottom:26px}
.ai-text{color:#3a4256;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.85}
.ai-highlight{color:var(--navy);font-weight:700;font-size:clamp(1.1rem,1.65vw,1.3rem);margin-top:12px}
.btn-gold{
  display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--navy);
  font-weight:700;font-size:16px;padding:13px 32px;border-radius:999px;margin-top:34px;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(245,179,1,.4)}
.btn-gold .c{flex:0 0 auto}

/* ============ SECTION 3 — PROJECTS ACCORDION ============ */
.projects{position:relative;background:#fff;padding:64px 0 74px;overflow:hidden;transition:background-color 1.1s var(--ease)}
.projects.in-view{background:#0F57AC}          /* WHITE → BLUE as you scroll in */
.projects::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(130% 90% at 50% -10%, rgba(255,255,255,.10), transparent 55%)}
/* when JS scroll-scrub is active, GSAP drives colors frame-by-frame — no CSS transition */
.projects.scrub-mode,.projects.scrub-mode .pr-title,.projects.scrub-mode .pr-text{transition:none}
.pr-inner{position:relative;z-index:1;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.pr-title{text-align:center;color:#0A2A5E;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;margin-bottom:20px;transition:color 1.1s var(--ease)}
.projects.in-view .pr-title{color:var(--gold)}                 /* dark-blue on white → gold on blue */
.pr-text{text-align:center;max-width:900px;margin:0 auto 40px;color:#0A2A5E;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8;transition:color 1.1s var(--ease)}
.projects.in-view .pr-text{color:#e6eefb}                      /* dark-blue on white → white on blue */

.accordion{display:flex;gap:12px;height:520px;width:100%}
.acc-card{
  position:relative;flex:1 1 0%;min-width:60px;
  border-radius:20px;overflow:hidden;cursor:pointer;
  transition:flex-grow .55s var(--ease);
  background:#d7dbe1;                 /* placeholder — ACF image goes on .acc-media */
}
.acc-card.active{flex-grow:6}                 /* only ONE card is active at a time */
.acc-media{position:absolute;inset:0;background:#d7dbe1 center/cover no-repeat}
.acc-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(226,232,240,.85),rgba(226,232,240,0) 52%);opacity:0;transition:opacity .4s}
.acc-card.active .acc-scrim{opacity:1}
.acc-overlay{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  padding:30px 32px;text-align:right;
  opacity:0;transform:translateY(10px);transition:opacity .4s .08s, transform .4s .08s;
}
.acc-card.active .acc-overlay{opacity:1;transform:none}
.acc-name{color:var(--navy);font-size:clamp(1.4rem,2vw,1.9rem);font-weight:700;margin-bottom:14px;white-space:nowrap}
.acc-cta{
  display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);
  font-weight:700;font-size:14.5px;padding:10px 22px;border-radius:999px;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.acc-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.2)}

.pr-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:44px}
.pr-nav .btn-gold{margin-top:0}
.pr-arrow{
  width:46px;height:46px;flex:0 0 auto;border:none;border-radius:50%;cursor:pointer;
  background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.pr-arrow:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.22)}

/* ============ SECTION 4 — ACTIVITIES ============ */
/* BASE = stacked (image on top, card fully below, no overlap) — used on mobile/tablet */
.activities{background:#fff;padding:80px 0;overflow:hidden}
.act-inner{position:relative;max-width:var(--maxw);margin-inline:auto;padding:0 clamp(20px,4vw,56px)}
.act-image{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(10,30,70,.12)}
.act-image img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}
.act-ph{display:none}
.act-image.no-img{aspect-ratio:16/11}
.act-image.no-img img{display:none}
.act-image.no-img .act-ph{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:100%;height:100%;background:#e4e8ef;color:#8a95a8;font-size:16px;
}
.act-ph small{font-size:12px;opacity:.7;direction:ltr}
.act-card{
  width:100%;margin:16px 0 0;text-align:right;      /* full width — matches the image */
  background:var(--gold);color:var(--navy);border-radius:22px;
  padding:34px 30px;box-shadow:0 20px 44px rgba(0,0,0,.15);
}
.act-title{font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:700;margin-bottom:20px}
.act-text{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.9;color:#12335f}
.btn-white{
  display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--navy);
  font-weight:700;font-size:15px;padding:12px 28px;border-radius:999px;margin-top:30px;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.16)}
/* DESKTOP ≥1024px = overlapping layout (image left, card overlaps on the right).
   Below this the card sits fully BELOW the image so it's never hidden. */
@media (min-width:1024px){
  .act-inner{direction:ltr}
  .act-image{width:62%}
  .act-card{
    position:absolute;top:50%;transform:translateY(-50%);
    right:clamp(20px,4vw,56px);width:46%;margin:0;direction:rtl;
    border-radius:24px;padding:46px 44px;box-shadow:0 26px 54px rgba(0,0,0,.18);z-index:2;
  }
}

/* ============ SECTION 5 — STATS (הקרן במספרים) ============ */
.stats{background:#fff;padding:80px 0 88px}
.st-inner{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.st-title{text-align:center;color:var(--navy);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;margin-bottom:44px}
.st-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:var(--maxw);margin-inline:auto}
.st-grid::before{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:#d7deea}
.st-grid::after{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:#d7deea}
.st-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 30px;min-height:230px}
/* one shared size for ALL numbers — sized so the long sum (17,000,000 ₪) fits */
.st-num{color:var(--gold);font-size:clamp(1.5rem,4.4vw,3.8rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-num.money{letter-spacing:-.5px}
.st-label{color:var(--navy);font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:700;line-height:1.35;margin-top:14px}
@media (min-width:821px){
  .st-label{font-size:clamp(1.3rem,1.9vw,1.7rem)}
  .st-cell{min-height:300px;padding:60px 34px}
}
/* small phones: single column so numbers have full width */
@media (max-width:560px){
  .st-grid{grid-template-columns:1fr}
  .st-grid::before,.st-grid::after{display:none}
  .st-cell{min-height:0;padding:26px 14px;border-bottom:1px solid #e6ebf3}
  .st-cell:last-child{border-bottom:none}
}

/* ============ SECTION 6 — PARALLAX / GALLERY ============ */
.parallax{position:relative;height:100vh;min-height:520px;overflow:hidden;background:linear-gradient(135deg,#0A2A5E,#1B64C6)}
.px-track{position:absolute;inset:-14% 0}                 /* oversized → room for parallax travel */
.px-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}
.px-slide.is-active{opacity:1}
.px-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,42,94,.22),rgba(10,42,94,.10))}
.px-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
  color:rgba(255,255,255,.9);font-size:15px;line-height:1.9;padding:20px;pointer-events:none}
.px-ph code{direction:ltr;background:rgba(255,255,255,.14);padding:2px 8px;border-radius:6px;font-size:13px}
.parallax.has-img .px-ph{display:none}

/* ============ SECTION 7 — TESTIMONIALS ============ */
.testimonials{background:#fff;padding:70px 0 60px;overflow:hidden}
.tm-wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,56px)}   /* full site content width */
.tm-stage{position:relative}
.tm-blue{position:relative;height:320px;background:#0F57AC;border-radius:22px;
  display:flex;align-items:center;justify-content:center}   /* title centered — vertically AND horizontally */
.tm-title{color:#fff;font-weight:700;font-size:clamp(1.4rem,2.3vw,2.1rem);white-space:nowrap;text-align:center}
.tm-person-wrap{position:absolute;top:-60px;right:5%;z-index:3}
.tm-person{height:380px;width:auto;object-fit:contain;object-position:bottom center;display:block}
/* quote flows in normal document flow → margin/flex centering is 100% reliable (no RTL absolute quirks) */
.tm-quote-holder{position:relative;margin-top:-72px;z-index:4;text-align:center}   /* symmetric centering, RTL-proof */
.tm-quote{display:inline-block;vertical-align:top;width:44%;
  background:var(--gold);color:var(--navy);border-radius:18px;padding:34px 40px;
  box-shadow:0 22px 50px rgba(0,0,0,.18);text-align:center;will-change:transform,opacity}
.tm-text{font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:700;line-height:1.7}
.tm-author{margin-top:14px;font-size:1rem;font-weight:600;color:#12335f}
.tm-dots{display:flex;justify-content:center;gap:12px;margin-top:52px}
.tm-dot{width:13px;height:13px;padding:0;border-radius:50%;border:2px solid #0F57AC;background:transparent;cursor:pointer;transition:.2s}
.tm-dot.active{background:#0F57AC}
.tm-dot:hover{transform:scale(1.15)}
/* tablet + mobile: title on top (high z-index), image centered below it, quote overlapping the bottom */
@media (max-width:1024px){
  .tm-blue{height:auto;min-height:360px;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px 20px 0}
  .tm-title{white-space:normal;font-size:1.5rem;position:relative;z-index:6}
  .tm-person-wrap{top:78px;right:0;left:0;text-align:center;z-index:3}
  .tm-person{height:262px;margin:0 auto}
  .tm-quote-holder{margin-top:-30px}
  .tm-quote{width:92%}
}

/* ============ SECTION 8 — PARTNERS LOGO MARQUEE ============ */
.partners{background:#fff;padding:70px 0 78px}
.pt-inner{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.pt-title{text-align:center;color:var(--navy);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;margin-bottom:46px}
/* static logo placeholders (no animation) — each .pt-logo holds an ACF logo <img> */
.pt-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 20px}
.pt-logo{flex:0 0 auto;width:200px;height:96px;background:#eef2f8;border:1px solid #e2e7f0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#aeb8c8;font-size:.85rem;font-weight:600}
@media (max-width:820px){ .pt-logo{width:150px;height:74px} }
@media (max-width:480px){ .pt-logo{width:44%;height:66px} }

/* ============ SECTION 9 — CONTACT ============ */
.contact{background:linear-gradient(115deg,#08245a 0%,#0f4f9e 55%,#1866c8 100%);padding:66px 0 76px;color:#fff}
.ct-inner{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.ct-head{text-align:center;margin-bottom:40px}
.ct-title{color:var(--gold);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;margin-bottom:12px}
.ct-sub{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;color:#eaf1fb}
.ct-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:stretch}   /* both columns same height */
/* form (left in RTL = last item) */
.ct-form{order:2;display:flex;flex-direction:column;gap:14px}
.ct-form input,.ct-form textarea{
  width:100%;border:none;background:#fff;color:#1b2435;font-family:inherit;font-size:15px;
  padding:15px 22px;border-radius:999px;text-align:right;outline:none;
}
.ct-form textarea{border-radius:22px;resize:vertical;min-height:120px}
.ct-form input::placeholder,.ct-form textarea::placeholder{color:#8a95a8}
.ct-send{
  margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--gold);color:var(--navy);font-weight:700;font-size:16px;border:none;cursor:pointer;
  padding:15px;border-radius:999px;transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.ct-send:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(245,179,1,.4)}
.ct-consent{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#dbe6fb;margin-top:4px}
.ct-consent input{width:17px;height:17px;margin-top:2px;flex:0 0 auto;accent-color:var(--gold)}
.ct-consent a{color:var(--gold);text-decoration:underline}
/* details (right in RTL = first item) — address at TOP, socials at BOTTOM (aligned with the consent line) */
.ct-details{order:1;text-align:right;line-height:2;display:flex;flex-direction:column;justify-content:space-between}
.ct-address p{font-size:clamp(1rem,1.4vw,1.18rem);color:#eaf1fb;margin-bottom:2px}
.ct-address strong{color:#fff;font-weight:700}
.ct-address a{color:#eaf1fb}
.ct-social{display:flex;gap:12px;margin-top:0}
.ct-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}
.ct-social a:hover{background:var(--gold);color:var(--navy)}
.ct-ok{color:#bff3d8;font-size:14px;font-weight:600;margin-top:6px}

/* ============ FOOTER ============ */
.site-footer{background:#08214f;color:#c7d3e8;padding:40px 0 34px}
.ft-inner{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ft-links{display:flex;gap:26px;flex-wrap:wrap}
.ft-links a{font-size:14px;color:#c7d3e8;transition:color .2s}
.ft-links a:hover{color:var(--gold)}
.ft-credit{font-size:14px;color:#9fb0ce}
.ft-credit a{color:var(--gold);font-weight:700}

@media (max-width:820px){
  .ct-grid{grid-template-columns:1fr;gap:30px}
  .ct-details{order:2;text-align:center;display:block}
  .ct-form{order:1}
  .ct-social{justify-content:center;margin-top:16px}
  .ft-inner{flex-direction:column;text-align:center;gap:12px}
  .ft-links{justify-content:center}
}

/* ============ Responsive ============ */
@media (max-width:1024px){
  .main-nav{gap:18px}.cluster{gap:18px}
  .hero-content{right:22%}
}

/* ---- MOBILE ---- */
@media (max-width:820px){
  :root{--header-h:70px}
  /* mobile header order: logo LEFT · donate CENTER · burger RIGHT (same feel as desktop) */
  .cluster-right{display:none}
  .cluster-left{display:contents}                             /* un-group so logo & donate spread across */
  .burger{display:flex;order:1}                               /* RIGHT */
  .cluster-left .btn-donate{display:inline-flex;order:2;font-size:13px;padding:9px 20px}  /* CENTER */
  .logo{order:3}                                              /* LEFT */
  .logo img{height:46px}
  .header-inner{justify-content:space-between}
  .site-header.menu-open{background:var(--hero-grad);box-shadow:none}   /* solid header while the menu is open → no seam/gap */

  /* vertical hero — TEXT first, PHOTO below it (no overlap), taller */
  .hero,.hero-inner{height:auto;min-height:0;display:block}
  .hero-inner{padding-inline:0}
  .hero-content{
    position:relative;inset:auto;right:auto;left:auto;width:100%;
    align-items:center;text-align:center;
    padding:calc(var(--header-h) + 54px) 22px 30px;z-index:3;
  }
  .hero-title .line__in{font-size:clamp(2.4rem,11vw,3.7rem)}
  .brush{width:min(62%,280px)}
  /* photo sits UNDER the text, centered, full colour */
  .hero-boy-wrap{position:relative;right:auto;left:auto;bottom:auto;opacity:1;display:flex;justify-content:center}
  .hero-boy{height:auto;width:min(90%,440px);margin-inline:auto}
  .hero-boy-wrap.no-img .boy-placeholder{display:none}

  .about-intro{height:auto;min-height:0;padding:66px 22px}
  .ai-text{line-height:1.8}

  /* projects accordion → vertical stack on mobile */
  .accordion{flex-direction:column;height:auto;gap:12px}
  .acc-card{flex:none;min-width:0;height:184px}
  .acc-card .acc-overlay,.acc-card .acc-scrim{opacity:1;transform:none}
  .acc-name{font-size:1.5rem}
  .pr-arrow{display:none}

  /* stats stay 2×2 but tighter */
  .st-cell{min-height:168px;padding:28px 12px}
  .st-grid::after{left:3%;right:3%}
  .st-grid::before{top:8%;bottom:8%}
}

/* ============ ABOUT PAGE (tabs) ============ */
.main-nav a[aria-current="page"]{color:var(--gold)}
.main-nav a[aria-current="page"]::after{transform:scaleX(1)}

.page-banner{
  background:var(--hero-grad);color:#fff;text-align:center;
  padding:calc(var(--header-h) + 56px) clamp(20px,4vw,56px) 74px;
}
.page-banner h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;line-height:1.15}
.page-banner p{margin-top:12px;font-size:clamp(1rem,1.7vw,1.22rem);opacity:.9;font-weight:500}
.page-banner .brush{max-width:340px;margin:14px auto 0}
.page-banner .brush svg{width:100%;height:22px;display:block}

.about-wrap{max-width:var(--maxw);margin-inline:auto;padding:0 clamp(20px,4vw,56px);color:#1b2435}

/* tab bar — pill chips floating over the banner edge */
.tabs-bar{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;transform:translateY(-28px)}
.tab-btn{
  background:#fff;border:1.5px solid #e2e7f0;color:var(--navy);font-family:inherit;font-weight:600;
  font-size:clamp(.95rem,1.5vw,1.08rem);padding:12px 26px;border-radius:999px;cursor:pointer;
  box-shadow:0 6px 18px rgba(10,42,94,.09);transition:.2s var(--ease);white-space:nowrap;flex:0 0 auto;
}
.tab-btn:hover{border-color:var(--blue);transform:translateY(-1px)}
.tab-btn.is-active{background:var(--gold);border-color:var(--gold);color:var(--navy);box-shadow:0 8px 22px rgba(245,179,1,.32)}

/* panels */
.tab-panels{padding:6px 0 84px}
.tab-panel{display:none;animation:tabIn .4s var(--ease)}
.tab-panel.is-active{display:block}
@keyframes tabIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tab-panel h2{color:var(--navy);font-size:clamp(1.5rem,3vw,2.15rem);margin-bottom:14px}
.tab-panel p{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.85;margin-bottom:16px}
.ph-note{display:inline-block;background:#fff8e1;border:1px solid #f0d98a;color:#7a5d00;font-size:.9rem;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:20px}
.ph-block{background:#f6f9fe;border:1px dashed #c9d6ec;border-radius:14px;padding:26px 22px;color:#6b7689;margin-bottom:14px;font-size:.98rem}

@media (max-width:560px){
  /* tabs become a single horizontal scroll row — no wrapping/breaking */
  .tabs-bar{
    transform:none;margin-top:20px;gap:8px;
    flex-wrap:nowrap;justify-content:flex-start;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;                 /* Firefox */
    padding-bottom:6px;                    /* room so shadows aren't clipped */
    /* let the row bleed to the screen edges despite the wrapper padding */
    margin-inline:calc(-1 * clamp(20px,4vw,56px));
    padding-inline:clamp(20px,4vw,56px);
    scroll-padding-inline:clamp(20px,4vw,56px);
  }
  .tabs-bar::-webkit-scrollbar{display:none} /* Chrome/Safari */
  .tab-btn{padding:10px 18px}
  .tab-panels{padding-bottom:60px}
}

/* ---- tab: על הקרן — text + gallery ---- */
.ab-lead{margin-bottom:14px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.gallery figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#e8eef7}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.gallery figure:hover img{transform:scale(1.06)}
@media (max-width:760px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.gallery{grid-template-columns:1fr}}

/* ---- tab: רועי חסן ז״ל — text right, image left ---- */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-top:8px}
.split .txt h2{margin-bottom:14px}
.split .media{border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:#e8eef7;box-shadow:0 18px 44px rgba(10,42,94,.14)}
.split .media img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){.split{grid-template-columns:1fr;gap:22px}.split .media{aspect-ratio:4/3}}

/* ---- tab: אבני דרך — scroll timeline ---- */
.timeline{position:relative;margin:34px 0 8px;--tl-x:50%}
.tl-line{position:absolute;top:6px;bottom:6px;right:calc(var(--tl-x) - 1.5px);width:3px;background:#e2e7f0;border-radius:3px}
.tl-progress{position:absolute;inset-inline:0;top:0;height:0;background:var(--gold);border-radius:3px;transition:height .2s linear}
.tl-item{position:relative;display:flex;margin-bottom:40px;opacity:0;transition:opacity .75s var(--ease),transform .75s var(--ease)}
.tl-item:last-child{margin-bottom:0}
/* first item (line is child #1) starts on the right in RTL; each slides gently in from its own side */
.tl-item:nth-child(even){justify-content:flex-start;transform:translateX(40px)}
.tl-item:nth-child(odd){justify-content:flex-end;transform:translateX(-40px)}
/* revealed → settle to centre so the dot sits exactly on the line (higher specificity than the nth-child rules) */
.tl-item.in{opacity:1}
.tl-item.in:nth-child(even),.tl-item.in:nth-child(odd){transform:none}
.tl-dot{position:absolute;top:12px;right:calc(var(--tl-x) - 9px);width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--gold);box-shadow:0 0 0 4px #fff;z-index:2}
.tl-card{width:44%;background:#fff;border:1px solid #e6ebf3;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(10,42,94,.08)}
.tl-card .tl-img{aspect-ratio:16/9;background:#e8eef7}
.tl-card .tl-img img{width:100%;height:100%;object-fit:cover;display:block}
.tl-card .tl-body{padding:16px 18px 18px}
.tl-year{display:inline-block;font-weight:700;color:var(--blue);font-size:.92rem;margin-bottom:4px}
.tl-card h3{color:var(--navy);font-size:1.2rem;margin-bottom:6px}
.tl-card p{font-size:.98rem;line-height:1.7;color:#4a5568;margin:0}
@media (max-width:760px){
  .timeline{--tl-x:16px}
  .tl-item,.tl-item:nth-child(odd),.tl-item:nth-child(even){justify-content:flex-start;padding-inline-end:40px;transform:translateX(26px)}
  .tl-item.in{transform:none}
  .tl-card{width:100%}
  .tl-dot{top:14px}
}

/* ---- tab: בעלי תפקידים — team grid (adapted, RTL + brand) ---- */
.team-head{display:grid;gap:16px;border-top:1px solid #e2e7f0;padding-top:26px;margin-bottom:34px}
.team-head h2{color:var(--navy)}
.team-head p{margin:0}
@media (min-width:641px){.team-head{grid-template-columns:2fr 3fr;align-items:start}}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 24px}
.member{overflow:hidden}
.m-photo{aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#e8eef7}
.m-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:grayscale(1);transition:filter .5s var(--ease),transform .6s var(--ease)}
.member:hover .m-photo img{filter:grayscale(0);transform:scale(1.04)}
.m-info{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:12px}
.m-info h3{color:var(--navy);font-size:1.1rem;font-weight:600}
.m-num{color:#aab4c5;font-size:.85rem;font-variant-numeric:tabular-nums}
.m-role{display:block;color:#6b7689;font-size:.92rem;margin-top:2px}
.m-contact{margin-top:9px;display:flex;flex-direction:column;gap:4px}
.m-contact a{color:#46546b;font-size:.88rem;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%}
.m-contact a:hover{color:var(--blue)}
.m-contact svg{flex:0 0 auto;color:var(--gold)}
.m-contact .num{direction:ltr;unicode-bidi:plaintext}
@media (max-width:760px){.team-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}}
@media (max-width:400px){.team-grid{grid-template-columns:1fr}}

/* ============ SINGLE PROJECT TEMPLATE ============ */
.proj-intro{padding-top:50px}
.proj-intro h2,.proj-gallery h2{color:var(--navy);font-size:clamp(1.5rem,3vw,2.15rem);margin-bottom:14px}
.proj-intro p{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.85;margin-bottom:16px}
.btn-cta{
  display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--navy);
  font-weight:700;font-size:1.05rem;padding:13px 30px;border-radius:999px;margin-top:12px;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.btn-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(245,179,1,.35)}
.btn-cta svg{flex:0 0 auto}
.proj-gallery{margin-top:48px}
.proj-gallery .gallery{margin-top:18px}
.gallery img{cursor:zoom-in}

/* ---- gallery lightbox (horizontal slide) ---- */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(9,20,40,.93);display:none;align-items:center;justify-content:center;padding:44px 70px}
.lightbox.open{display:flex}
.lb-viewport{overflow:hidden;width:min(1100px,92vw);height:82vh}
.lb-track{display:flex;direction:ltr;height:100%;transition:transform .45s var(--ease)}
.lb-slide{flex:0 0 100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 6px}
.lb-slide img{max-width:100%;max-height:74vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.lb-slide figcaption{color:#dfe6f2;font-size:.95rem}
.lb-close{position:absolute;top:18px;left:20px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:.2s;z-index:2}
.lb-close:hover{background:rgba(255,255,255,.28)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:none;border-radius:50%;background:rgba(255,255,255,.14);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:2}
.lb-nav:hover{background:rgba(255,255,255,.3)}
.lb-prev{right:20px}
.lb-next{left:20px}
@media (max-width:560px){
  .lightbox{padding:18px}
  .lb-viewport{height:74vh;width:96vw}
  .lb-nav{width:42px;height:42px}.lb-prev{right:8px}.lb-next{left:8px}
  .lb-close{top:10px;left:10px}
}

/* ---- project post-navigation (half-width image banners, text overlaid; prev right · next left) ---- */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;margin-bottom:76px}
.pnav{position:relative;display:block;overflow:hidden;border-radius:16px;min-height:210px;color:#fff;box-shadow:0 12px 30px rgba(10,42,94,.16)}
.pnav-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pnav::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,55,.22),rgba(10,25,55,.74))}
.pnav:hover .pnav-img{transform:scale(1.06)}
.pnav-ov{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:210px;padding:26px 30px;gap:6px}
.pnav.prev .pnav-ov{align-items:flex-start;text-align:right} /* RTL: flex-start = right side */
.pnav.next .pnav-ov{align-items:flex-end;text-align:left}    /* RTL: flex-end = left side */
.pnav-lbl{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#ffd36b;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.pnav-name{font-weight:700;font-size:clamp(1.15rem,2.3vw,1.6rem);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.5)}
@media (max-width:520px){
  .post-nav{gap:10px;margin-bottom:54px}
  .pnav,.pnav-ov{min-height:148px}
  .pnav-ov{padding:18px}
}

/* ============ ACTIVITIES PAGE (vertical accordion) ============ */
.act-lead{margin:48px 0 30px}
.acc2{border-top:1px solid #e2e7f0;margin-bottom:80px}
.acc2-item{border-bottom:1px solid #e2e7f0;opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.acc2-item.in{opacity:1;transform:none}
.acc2-head{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;font-family:inherit;cursor:pointer;padding:22px 4px;text-align:right;font-size:clamp(1.05rem,2vw,1.32rem);font-weight:700;color:var(--navy);transition:color .2s}
.acc2-head:hover{color:var(--blue)}
.acc2-title{flex:1}
.acc2-ico{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#eaf1ff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:transform .3s var(--ease),background .3s}
.acc2-item.open .acc2-ico{background:var(--gold);transform:rotate(45deg)}
.acc2-body{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.4,0,.2,1)}
/* full-width text on top · full-width image/slider below */
.acc2-inner{padding:0 4px 30px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.acc2-item.open .acc2-inner{opacity:1;transform:none;transition-delay:.06s}
.acc2-text{margin-bottom:20px}
.acc2-text p{font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.8;color:#3a4658;margin-bottom:14px}
.acc2-text .btn-cta{margin-top:4px;font-size:.98rem;padding:11px 24px}

/* image slider (full content width) */
.acc-slider{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(10,42,94,.14)}
.acc-slider-viewport{overflow:hidden}
.acc-slider-track{display:flex;direction:ltr;transition:transform .45s var(--ease)}
.acc-slide{flex:0 0 100%}
.acc-slide img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.acc-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:rgba(10,25,55,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1}
.acc-slider-nav:hover{background:rgba(10,25,55,.78)}
.acc-slider-nav.prev{right:12px}
.acc-slider-nav.next{left:12px}
.acc-slider-dots{position:absolute;bottom:12px;inset-inline:0;display:flex;justify-content:center;gap:7px}
.acc-slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);border:none;cursor:pointer;padding:0;transition:background .2s}
.acc-slider-dot.on{background:#fff}
.acc-slider.single .acc-slider-nav,.acc-slider.single .acc-slider-dots{display:none}
@media (max-width:640px){
  .acc2{margin-bottom:56px}
  .acc-slider-nav{width:38px;height:38px}
}

/* ============ CONTACT PAGE (transparency note + links) ============ */
.ct-photo{max-width:var(--maxw);margin:40px auto 0;padding:0 clamp(20px,4vw,56px)}
.ct-photo img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;border-radius:18px;box-shadow:0 16px 40px rgba(10,42,94,.14)}
@media (max-width:600px){.ct-photo img{aspect-ratio:16/10}}
.ct-lead{margin:44px 0 24px}
/* light contact block — same form geometry as the homepage, on light bg */
.ct2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;margin:44px 0 10px}
.ct2-form{display:flex;flex-direction:column;gap:14px}
.ct2-form input,.ct2-form textarea{width:100%;border:1.5px solid #e2e7f0;background:#fff;color:#1b2435;font-family:inherit;font-size:15px;padding:15px 22px;border-radius:999px;text-align:right;outline:none;transition:.15s}
.ct2-form textarea{border-radius:22px;resize:vertical;min-height:120px}
.ct2-form input:focus,.ct2-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,87,172,.12)}
.ct2-form input::placeholder,.ct2-form textarea::placeholder{color:#94a0b3}
.ct2-send{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--navy);font-weight:700;font-size:16px;border:none;cursor:pointer;padding:15px;border-radius:999px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.ct2-send:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(245,179,1,.4)}
.ct2-consent{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;color:#46546b;margin-top:4px}
.ct2-consent input{width:17px;height:17px;margin-top:2px;flex:0 0 auto;accent-color:var(--gold)}
.ct2-consent a{color:var(--blue);text-decoration:underline}
.ct2-form .ct-ok{color:#1f9d6b;font-size:.92rem;font-weight:600;margin-top:4px}
.ct2-details{padding:6px 2px;text-align:right}
.ct2-details p{font-size:1.05rem;line-height:1.95;margin:0;color:#3a4658}
.ct2-details strong{color:var(--navy)}
.ct2-details a{color:var(--blue)}
.ct2-social{display:flex;gap:12px;margin-top:16px}
.ct2-social a{width:40px;height:40px;border-radius:50%;background:#eaf1ff;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:.2s}
.ct2-social a:hover{background:var(--gold);color:var(--navy)}
@media (max-width:760px){.ct2{grid-template-columns:1fr;gap:24px}}
.donate-note{display:flex;gap:18px;align-items:flex-start;background:#fff8e1;border:1px solid #f0d98a;border-radius:16px;padding:22px 26px;color:#5a4500}
.donate-note .dn-ic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center}
.donate-note p{margin:0;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.75}
.donate-note .dn-tax{display:block;margin-top:6px;font-weight:700;color:var(--navy)}
.reg-note{font-size:.92rem;color:#6b7689;line-height:1.75;margin-top:18px}
.reg-note a{color:var(--blue);font-weight:600;text-decoration:underline}
.links-wrap{margin:44px 0 80px}
.links-wrap h2{color:var(--navy);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:6px}
.links-wrap .links-sub{color:#6b7689;margin-bottom:20px}
.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.link-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:15px 18px;color:var(--navy);font-weight:600;transition:.2s var(--ease)}
.link-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,42,94,.1)}
.link-card .lc-ico{flex:0 0 auto;color:var(--gold)}
@media (max-width:600px){.links-wrap{margin-bottom:56px}}

/* ============ SCHOLARSHIPS — multi-step form (site design line) ============ */
.sf-intro{margin:50px 0 26px}
.sf-resume{display:none;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff8e1;border:1px solid #f0d98a;border-radius:14px;padding:14px 20px;margin-bottom:18px;color:#7a5d00}
.sf-resume.show{display:flex}
.sf-resume .sf-rtxt{font-weight:600;font-size:.98rem}
.sf-resume .sf-rbtns{display:flex;gap:8px;flex-wrap:wrap}
.sf-resume button{border:none;border-radius:10px;padding:9px 18px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit}
.sf-resume .sf-ryes{background:var(--navy);color:#fff}
.sf-resume .sf-rno{background:#fff;color:#7a5d00;border:1.5px solid #e6d19a}
.sf-saved{font-size:.82rem;color:#9aa5b6;margin:6px 4px 0;text-align:left;display:flex;align-items:center;gap:6px;justify-content:flex-start}
.sf-saved::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f9d6b;display:inline-block}
.sf-card{background:#fff;border:1px solid #e6ebf3;border-radius:20px;box-shadow:0 16px 44px rgba(10,42,94,.10);overflow:hidden;margin-bottom:80px;color:#1b2435}
.sf-steps{display:flex;gap:6px;padding:18px 18px;background:#f6f9fe;border-bottom:1px solid #e6ebf3;overflow-x:auto}
.sf-step{flex:1 0 auto;min-width:88px;text-align:center;font-size:11.5px;color:#6b7689;font-weight:600}
.sf-step .sf-dot{width:30px;height:30px;border-radius:50%;background:#dfe6f2;color:#7f8aa3;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-weight:700;transition:.25s}
.sf-step.active .sf-dot{background:var(--gold);color:var(--navy);box-shadow:0 0 0 4px rgba(245,179,1,.28)}
.sf-step.done .sf-dot{background:#1f9d6b;color:#fff}
.sf-step.active b{color:var(--navy)}
.sf-body{padding:30px 34px 8px;min-height:540px}
.sf-uplabel{display:block;font-size:.9rem;font-weight:600;color:#374563;margin-bottom:6px}
.sf-doclist{list-style:none;padding:0;margin:14px 0 0}
.sf-doclist li{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #e2e7f0;border-radius:10px;margin-bottom:8px;font-size:.95rem;background:#fff}
.sf-doclist li .ic{width:9px;height:9px;border-radius:50%;background:#1f9d6b;flex:0 0 auto}
.sf-doclist li.opt{opacity:.6}
.sf-doclist li.opt .ic{background:#c9d2e0}
.sf-consent{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:#374563;margin-top:12px}
.sf-consent input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.sf-err{display:none;color:#d23b3b;font-size:.9rem;font-weight:600;margin-top:12px;background:#fdecec;border:1px solid #f3b4b4;border-radius:10px;padding:10px 14px}
.sf-err.show{display:block}
.sf-addbtn{background:#eaf1ff;color:var(--navy);border:1.5px dashed #aebfe0;border-radius:10px;padding:9px 16px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;margin-top:10px}
.sf-addbtn:hover{background:#dfe9ff}
.sf-veh-row{position:relative;margin-top:12px}
.sf-rm{background:none;border:none;color:#d23b3b;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;padding:4px 0;margin-top:2px}
@media (max-width:600px){.sf-body{min-height:0}}
.sf-panel{display:none;animation:sfIn .3s var(--ease)}
.sf-panel.show{display:block}
@keyframes sfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sf-ptitle{font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.sf-psub{color:#6b7689;font-size:.95rem;margin-bottom:22px}
.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.sf-full{grid-column:1/-1}
.sf-field{margin-bottom:2px}
.sf-field label{display:block;font-size:.9rem;font-weight:600;color:#374563;margin-bottom:6px}
.sf-field .req:after{content:" *";color:#d23b3b}
.sf-field input,.sf-field select,.sf-field textarea{width:100%;padding:12px 14px;border:1.5px solid #e2e7f0;border-radius:11px;font-size:1rem;font-family:inherit;background:#fdfefe;transition:.15s}
.sf-field input:focus,.sf-field select:focus,.sf-field textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(15,87,172,.12)}
.sf-field textarea{resize:vertical;min-height:96px}
.sf-hint{font-size:.8rem;color:#6b7689;margin-top:5px}
.sf-pills{display:flex;gap:12px;flex-wrap:wrap}
.sf-pill{flex:1;min-width:190px;border:1.6px solid #e2e7f0;border-radius:13px;padding:16px;text-align:center;cursor:pointer;font-weight:600;background:#fdfefe;user-select:none;transition:.15s}
.sf-pill small{display:block;font-weight:400;color:#6b7689;font-size:.8rem;margin-top:4px}
.sf-pill.sel{border-color:var(--blue);background:#eaf1ff;color:var(--navy)}
.sf-cond{display:none;margin-top:16px}
.sf-cond.show{display:block;animation:sfIn .25s}
.sf-alert{background:#fff6e0;border:1px solid #f0d98a;border-radius:12px;padding:14px 16px;font-size:.92rem;color:#7a5d00;margin-top:10px}
.sf-total{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:12px;padding:14px 18px;margin-top:14px;font-weight:700}
.sf-total .sf-sum{font-size:1.3rem;color:#ffd24d}
.sf-up{border:1.6px dashed #c9d6ec;border-radius:12px;padding:16px;text-align:center;color:#1f3d73;background:#fff;font-size:.9rem;cursor:pointer;margin-top:6px}
.sf-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 34px 28px;border-top:1px solid #e6ebf3;margin-top:16px}
.sf-btn{border:none;border-radius:12px;padding:12px 26px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px}
.sf-btn.next{background:var(--navy);color:#fff}
.sf-btn.next:hover{background:#1f3d73}
.sf-btn.back{background:#fff;color:#6b7689;border:1.5px solid #e2e7f0}
.sf-btn.back:disabled{opacity:.4;cursor:default}
.sf-done{text-align:center;padding:20px 0}
.sf-done .sf-check{width:70px;height:70px;border-radius:50%;background:#e6f7ef;color:#1f9d6b;display:flex;align-items:center;justify-content:center;margin:6px auto 16px;font-size:34px}
.sf-done h3{color:var(--navy);font-size:1.5rem;margin-bottom:6px}
.sf-done p{color:#4a5568;max-width:520px;margin:0 auto 6px}
.sf-route{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;padding:9px 16px;border-radius:20px;margin-top:12px;background:#eaf1ff;color:var(--navy)}
@media (max-width:600px){.sf-body{padding:24px 18px 6px}.sf-nav{padding:16px 18px 22px}.sf-grid{grid-template-columns:1fr}}

/* ============ SITE MODAL (coming-soon etc.) ============ */
.site-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:22px;
  background:rgba(8,33,79,.55);opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s}
.site-modal.open{opacity:1;visibility:visible}
.sm-card{background:#fff;border-radius:22px;max-width:440px;width:100%;padding:40px 34px 32px;text-align:center;position:relative;
  box-shadow:0 24px 70px rgba(8,33,79,.35);transform:translateY(14px) scale(.98);transition:transform .28s var(--ease)}
.site-modal.open .sm-card{transform:none}
.sm-close{position:absolute;top:14px;inset-inline-end:16px;width:34px;height:34px;border:none;border-radius:50%;background:#f0f3f9;color:#5b6b85;font-size:19px;cursor:pointer;line-height:1;transition:.15s}
.sm-close:hover{background:#e2e7f0;color:var(--navy)}
.sm-ic{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#fff6e0,#ffe7a8);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--navy)}
.sm-card h3{color:var(--navy);font-size:1.5rem;margin:0 0 10px}
.sm-card p{color:#4a5568;font-size:1.02rem;line-height:1.7;margin:0 auto 22px;max-width:340px}
.sm-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sm-btn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:12px 22px;font-size:.98rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.sm-btn-gold{background:var(--gold);color:var(--navy)}
.sm-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(245,179,1,.4)}
.sm-btn-ghost{background:#fff;color:var(--navy);border:1.6px solid #dfe6f2}
.sm-btn-ghost:hover{border-color:var(--blue)}

/* ============ COOKIE CONSENT (small corner card) ============ */
.cookie-bar{position:fixed;bottom:22px;inset-inline-start:22px;z-index:1150;max-width:330px;width:calc(100% - 44px);
  background:#fff;border:1px solid #e6ebf3;border-inline-start:4px solid var(--gold);border-radius:16px;
  box-shadow:0 16px 44px rgba(8,33,79,.18);padding:18px 20px;
  transform:translateY(26px);opacity:0;visibility:hidden;
  transition:transform .5s var(--ease),opacity .45s var(--ease),visibility .5s}
.cookie-bar.show{transform:none;opacity:1;visibility:visible}
.ck-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.ck-head svg{flex:0 0 auto;color:var(--gold)}
.ck-head b{color:var(--navy);font-size:.98rem}
.ck-txt{font-size:.86rem;color:#4a5568;line-height:1.6;margin:0 0 14px}
.ck-txt a{color:var(--blue);font-weight:600;text-decoration:underline}
.ck-btns{display:flex;gap:9px}
.ck-btn{flex:1;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.ck-accept{background:var(--gold);color:var(--navy)}
.ck-accept:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(245,179,1,.4)}
.ck-reject{background:#fff;color:var(--navy);border:1.6px solid #dfe6f2}
.ck-reject:hover{border-color:var(--blue)}
@media (max-width:520px){.cookie-bar{inset-inline:12px;bottom:12px;max-width:none;width:auto}}

/* ============ LEGAL PAGES (privacy / accessibility) ============ */
.legal{max-width:860px;margin:44px auto 20px;padding:0 clamp(20px,5vw,24px);color:#33415a}
.legal .legal-meta{font-size:.86rem;color:#94a0b3;margin:0 0 26px}
.legal h2{color:var(--navy);font-size:1.32rem;margin:32px 0 10px;line-height:1.35}
.legal h2:first-of-type{margin-top:0}
.legal h3{color:var(--navy2);font-size:1.05rem;margin:18px 0 6px}
.legal p{line-height:1.9;margin:0 0 12px;font-size:1.02rem}
.legal ul{margin:0 0 14px;padding-inline-start:22px;line-height:1.85}
.legal li{margin-bottom:6px}
.legal a{color:var(--blue);text-decoration:underline}
.legal .legal-note{background:#f6f9fe;border:1px solid #e2e7f0;border-radius:14px;padding:16px 20px;margin:18px 0;font-size:.96rem;color:#46546b}
.legal .legal-contact{background:#fff8e1;border:1px solid #f0d98a;border-radius:14px;padding:18px 22px;margin-top:28px;color:#5a4500}
.legal .legal-contact strong{color:var(--navy)}
.legal .legal-contact a{color:var(--navy);font-weight:600}