/* ==========================================================================
   FISS – "Professional" look (default). Calm, light, photo-led, flat cards,
   serif headings – in the spirit of leading foundations' websites.
   Loaded after style.css; the older glass look stays available in Admin → Design.
   ========================================================================== */
:root { --card: #fff; --soft: #f2f8fa; --line: #dbe7ec; --shadow: 0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.06); --nav-bg: #fff; --nav-ink: #26324a; --nav-h: 78px; --accent-text: #0b6e78; }
[data-theme="dark"] { --card: #151c33; --soft: #0f1528; --line: rgba(255,255,255,.12); --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.3); --nav-bg: #0f1528; --nav-ink: #d5daea; --accent-text: #7fd6dc; }
body::before, .cursor-glow, .blob, .scroll-hint { display: none !important; }
body { font-size: 16.5px; line-height: 1.7; }
h1, h2, h3, h4 { letter-spacing: 0; line-height: 1.22; font-weight: 700; }
h1 { font-weight: 700; } h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); font-weight: 700; } h3 { font-size: clamp(1.1rem, 1.6vw, 1.35rem); }
.section { padding: clamp(56px, 7.5vw, 96px) 0; }
.lead { font-size: 1.1rem; }
.eyebrow { letter-spacing: .14em; font-size: .74rem; color: var(--accent-text); }
.eyebrow::before { width: 26px; }
.grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--accent-text); animation: none; }
.hero .grad, .page-hero .grad, .footer .grad, .cta-card .grad { color: #9be7ec; }

/* flat cards instead of glass */
.glass { background: var(--card); -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid var(--line); box-shadow: var(--shadow); }
[data-tilt] { transform: none !important; }
.value, .centre-card, .story, .member, .stat, .svc, .init { transition: border-color .25s, box-shadow .25s, transform .25s; }
.value:hover, .centre-card:hover, .story:hover, .stat:hover, .doc-card:hover { transform: translateY(-3px) !important; border-color: color-mix(in srgb, var(--navy) 35%, var(--line)); box-shadow: 0 10px 30px rgba(16,24,40,.12); }

/* navigation: full-width white bar */
.nav-wrap { top: 0; padding: 0; }
.nav { max-width: none; width: 100%; height: var(--nav-h); border-radius: 0; padding: 0 clamp(14px, 3vw, 44px); background: var(--nav-bg); border: 0; border-bottom: 1px solid var(--line); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.nav-wrap.scrolled .nav { box-shadow: 0 4px 18px rgba(16,24,40,.08); }
.brand-mark:has(.logo-img), .brand-mark { background: transparent; box-shadow: none; padding: 0; width: 52px; height: 58px; border-radius: 0; }
.brand-text b { font-size: 1.3rem; letter-spacing: .06em; color: var(--navy); } [data-theme="dark"] .brand-text b { color: #fff; }
.nav-links a { border-radius: 0; background: none !important; box-shadow: none !important; color: var(--nav-ink); font-weight: 600; border-bottom: 2px solid transparent; padding: 10px 11px; }
.nav-links a:hover { color: var(--navy); border-bottom-color: color-mix(in srgb, var(--navy) 35%, transparent); } [data-theme="dark"] .nav-links a:hover { color: #fff; }
.nav-links a.active { color: var(--navy) !important; border-bottom-color: var(--red); } [data-theme="dark"] .nav-links a.active { color: #fff !important; }
.icon-btn { border-radius: 6px; background: var(--soft); } .icon-btn:hover { transform: none; background: var(--navy); }
.lang { background: var(--soft) !important; border-radius: 6px; } .lang a { border-radius: 4px; } .lang a.on { background: var(--navy); color: #fff !important; }
@media (max-width: 1290px) { .nav-links { inset: var(--nav-h) 0 auto 0; border-radius: 0; background: var(--card); border: 0; border-top: 1px solid var(--line); box-shadow: 0 20px 40px rgba(16,24,40,.18); padding: 10px clamp(14px, 4vw, 30px) 18px; max-height: calc(100dvh - var(--nav-h)); }
  .nav-links a { border-bottom: 1px solid var(--line); padding: 14px 4px; } .nav-links a.active { border-bottom-color: var(--red); } }

/* buttons: square-ish, flat, confident */
.btn { border-radius: 5px; padding: 13px 26px; font-weight: 600; letter-spacing: .01em; }
.btn-primary { background: var(--navy); box-shadow: none; color: #fff; } .btn-primary:hover { transform: none; background: color-mix(in srgb, var(--navy) 82%, #000); box-shadow: 0 6px 18px rgba(37,64,143,.3); } .btn-primary::after { display: none; }
.nav-cta.btn-primary, .nav-cta-mobile .btn-primary { background: var(--red-d); } .nav-cta.btn-primary:hover { background: color-mix(in srgb, var(--red-d) 85%, #000); }
.btn-glass { background: transparent !important; color: var(--navy); border: 1.5px solid var(--navy); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; } .btn-glass:hover { transform: none; background: var(--navy) !important; color: #fff; }
[data-theme="dark"] .btn-glass { color: #fff; border-color: rgba(255,255,255,.6); }
.btn-light { border-radius: 5px; box-shadow: none; color: var(--navy); } .btn-light:hover { transform: none; background: #eaf6f8; }
.btn-ghost { border-radius: 5px; } .btn-ghost:hover { transform: none; }

/* hero */
.hero { min-height: auto; padding: calc(var(--nav-h) + 64px) 0 84px; background: #12466b; }
.hero-bg { inset: 0; filter: none; opacity: .5; transform: none !important; }
.hero::before { background: linear-gradient(90deg, rgba(14,33,71,.96) 0%, rgba(14,33,71,.82) 48%, rgba(14,33,71,.35) 100%); }
.hero h1 { font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 700; margin-bottom: 22px; }
.hero .pill { border-radius: 4px; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); } .pill .dot { animation: none; }
.hero .btn-glass { color: #fff; border-color: rgba(255,255,255,.75); } .hero .btn-glass:hover { background: #fff !important; color: var(--navy); }
.hero .btn-primary { background: var(--red-d); } .hero .btn-primary:hover { background: color-mix(in srgb, var(--red-d) 85%, #000); }
.hero-trust .ico { color: #9be7ec; }
.orbit { aspect-ratio: 5/4; width: min(560px, 100%); container-type: normal; }
.orbit-ring { display: none; }
.orbit-photo { position: relative; inset: auto; width: 100%; height: 100%; border-radius: 8px; border: 0; box-shadow: 0 24px 60px rgba(0,0,0,.4); animation: none; }
.orbit-photo img, .orbit:hover .orbit-photo img { filter: none; }
.float-card { background: #fff !important; color: var(--ink) !important; border: 0; border-radius: 6px; box-shadow: 0 12px 30px rgba(0,0,0,.28); -webkit-backdrop-filter: none; backdrop-filter: none; animation: none; }
.float-card b { color: var(--navy); }
.float-card.fc1 { left: -22px; bottom: 28px; } .float-card.fc2 { right: -14px; top: 26px; }
@media (max-width: 980px) { .float-card { display: block; } .float-card.fc1 { left: 10px; } .float-card.fc2 { right: 10px; } .hero::before { background: linear-gradient(180deg, rgba(14,33,71,.9), rgba(14,33,71,.82)); } }

/* page banners */
.page-hero { padding: calc(var(--nav-h) + 64px) 0 72px; background: #12466b; }
.page-hero .ph-bg { filter: none; opacity: .38; transform: none !important; }
.page-hero::before { background: linear-gradient(90deg, rgba(14,33,71,.94), rgba(14,33,71,.62)); }
.page-hero::after { height: 0; }
.page-hero h1 { font-size: clamp(2rem, 4.4vw, 3.3rem); }
.crumbs a, .crumbs span { border-radius: 4px; }
.legal-doc { margin-top: 0; }

/* sections & components */
.marquee { transform: none; margin: 0; padding: 14px 0; background: var(--navy); }
.marquee-track { font: 600 .95rem var(--ff-b); letter-spacing: .16em; gap: 40px; } .marquee-track span::after { content: '•'; }
.stat b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--navy); font-weight: 700; } [data-theme="dark"] .stat b { color: #fff; }
.stat { border-radius: var(--r); border-top: 3px solid var(--red); }
.photo-stack .ph { border-radius: var(--r); box-shadow: var(--shadow); } .photo-stack .ph img { filter: none; } .photo-stack .ph.b { border-color: var(--bg); }
.photo-stack .badge-float { border-radius: var(--r); }
.centre-card, .value, .story, .doc-card, .member, .svc, .form-card, .note, .trust-strip { border-radius: var(--r); }
.centre-card::before { opacity: .0; }
.c-ico { border-radius: 8px; }
.sdg { border-radius: 6px; }
.story .s-img img, .g-item img, .cr-img img { filter: none; }
.cta-card { border-radius: var(--r-lg); background: linear-gradient(135deg, #17608a, #1f6f9b); box-shadow: none; border: 0; }
.footer { background: #12466b; }
.footer-cta .cta-card { background: #17557c; }
.info-card { border-radius: var(--r); }
.tabs { border-radius: 6px; } .tab { border-radius: 4px; }
.doc-tabs button { border-radius: 4px; } .doc-tabs button[aria-pressed="true"] { background: var(--navy); }
.filter { border-radius: 4px; }
.loader { background: var(--navy); }
.progress { background: var(--red); height: 3px; }
@media (prefers-reduced-motion: no-preference) { .reveal { transform: translateY(18px); transition-duration: .6s; } .reveal.left, .reveal.right { transform: translateY(18px); } .reveal.zoom { transform: none; } }
.burger { display: none; } @media (max-width: 1290px) { .burger { display: inline-grid; } }

/* ---- pro refinements: flat tiles, no glow, readable footer logo ---- */
html[data-look="pro"] .sdg, html:not([data-look="glass"]) .sdg { border-radius: 6px; box-shadow: none; filter: saturate(.85) brightness(.95); }
html:not([data-look="glass"]) .sdg::after { display: none; }
html:not([data-look="glass"]) .sdg:hover { transform: translateY(-3px); }
html:not([data-look="glass"]) .c-ico { box-shadow: none; border-radius: 10px; }
html:not([data-look="glass"]) .centre-card:hover .c-ico { transform: none; }
html:not([data-look="glass"]) .mini-sdgs i { border-radius: 4px; }
html:not([data-look="glass"]) .footer .brand-mark { background: #fff !important; padding: 5px; border-radius: 6px; }
html:not([data-look="glass"]) .footer .brand-mark .logo-img { opacity: 1; filter: none; }
html:not([data-look="glass"]) .footer .brand-text b { color: #fff; }
@media (max-width: 640px) { html:not([data-look="glass"]) .stats { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; } }

/* ---- calmer palette: teal + light blue only ---- */
:root { --pink: #5ba8c9; }
html:not([data-look="glass"]) .mv .box.v { background: linear-gradient(135deg, #0f7f86, #0b5c66); }
html:not([data-look="glass"]) .mv .box.m { background: linear-gradient(135deg, #1f6f9b, #154a6e); }
html:not([data-look="glass"]) .sdg, html:not([data-look="glass"]) .mini-sdgs i { background: #2a7ea6 !important; color: #fff !important; filter: none; }
html:not([data-look="glass"]) .sdg:nth-child(even), html:not([data-look="glass"]) .mini-sdgs i:nth-child(even) { background: #1d8f94 !important; }
html:not([data-look="glass"]) .footer { background: #0f3a57; }
html:not([data-look="glass"]) [style*="--c:"] { --c: #1f6f9b !important; }
html:not([data-look="glass"]) [style*="--c:"]:nth-child(even) { --c: #0f8b8d !important; }
html:not([data-look="glass"]) .centre-card .c-ico, html:not([data-look="glass"]) .prog-head .c-ico { --c: #1f6f9b !important; }
html:not([data-look="glass"]) .story .tag, html:not([data-look="glass"]) .init .t { filter: none; }