/*
Theme Name: Spornado 2026 v2.3
Theme URI: https://spornadosampler.com
Description: 2026 website redesign for Spornado. Child theme of Spornado Sampler.
Author: Spornado Inc.
Template: spornado
Version: 2.3.0
Text Domain: spornado-2026
*/

:root {
  --sp26-blue: #005594;
  --sp26-blue-dark: #003c6b;
  --sp26-green: #73b943;
  --sp26-orange: #f15e3d;
  --sp26-ink: #123044;
  --sp26-muted: #61717d;
  --sp26-pale: #f4f8fa;
  --sp26-line: #dbe5ea;
  --sp26-white: #ffffff;
  --sp26-shadow: 0 18px 55px rgba(18,48,68,.10);
}

html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
body.sp26-nav-open { overflow:hidden; }

/* --------------------------------------------------------------------------
   2026 global header + WordPress dropdown navigation
   -------------------------------------------------------------------------- */
/* Defensive reset: the parent theme contains masthead/nav rules from the
   original 2019 design. Keep those from leaking into the 2026 header. */
.sp26-site-header, .sp26-site-header * { box-sizing:border-box; }
.sp26-site-header ul, .sp26-site-header li { margin-top:0; margin-bottom:0; }
.sp26-site-header img { margin:0; }
.sp26-site-header button { font:inherit; }
.sp26-site-header {
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  max-width:none;
  background:rgba(255,255,255,.98);
  border:0;
  box-shadow:0 1px 0 rgba(18,48,68,.09);
  backdrop-filter:saturate(140%) blur(12px);
}
.sp26-site-header__inner {
  width:min(1240px, calc(100% - 48px));
  min-height:68px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.sp26-brand {
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
  text-decoration:none !important;
}
.sp26-brand img { width:auto !important; height:40px !important; max-width:235px !important; max-height:40px !important; display:block; object-fit:contain; }
.sp26-brand__descriptor {
  max-width:125px;
  padding-left:14px;
  border-left:1px solid var(--sp26-line);
  color:var(--sp26-muted);
  font-family:"Gotham", Arial, sans-serif;
  font-size:10px;
  line-height:1.3;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.sp26-nav { margin-left:auto; align-self:stretch; display:flex; align-items:stretch; }
.sp26-nav__menu {
  display:flex;
  align-items:stretch;
  gap:2px;
  list-style:none;
  margin:0;
  padding:0;
}
.sp26-nav__menu > li { position:relative; display:flex; align-items:stretch; margin:0; }
.sp26-nav__menu a {
  font-family:"Gotham", Arial, sans-serif;
  text-decoration:none !important;
  color:var(--sp26-ink);
}
.sp26-nav__menu > li > a {
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  transition:color .18s ease, background .18s ease;
}
.sp26-nav__menu > li > a:hover,
.sp26-nav__menu > li:focus-within > a { color:var(--sp26-blue); }
.sp26-nav__menu > li.menu-item-has-children > a:after {
  content:"";
  width:6px;
  height:6px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.75;
}
.sp26-nav__menu li > ul {
  list-style:none;
  margin:0;
  padding:10px;
}
.sp26-nav__menu > li > ul {
  position:absolute;
  z-index:20;
  top:calc(100% - 5px);
  left:0;
  min-width:265px;
  background:#fff;
  border:1px solid var(--sp26-line);
  border-radius:15px;
  box-shadow:0 22px 55px rgba(18,48,68,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.sp26-nav__menu > li:hover > ul,
.sp26-nav__menu > li:focus-within > ul {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.sp26-nav__menu li > ul li { position:relative; margin:0; border:0; }
.sp26-nav__menu li > ul a {
  display:block;
  padding:11px 12px;
  border-radius:9px;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  color:#375263;
}
.sp26-nav__menu li > ul a:hover,
.sp26-nav__menu li > ul a:focus { color:var(--sp26-blue); background:var(--sp26-pale); }
.sp26-nav__menu li > ul ul {
  position:absolute;
  left:100%;
  top:-10px;
  min-width:250px;
  background:#fff;
  border:1px solid var(--sp26-line);
  border-radius:14px;
  box-shadow:var(--sp26-shadow);
  opacity:0;
  visibility:hidden;
}
.sp26-nav__menu li > ul li:hover > ul,
.sp26-nav__menu li > ul li:focus-within > ul { opacity:1; visibility:visible; }
.sp26-submenu-toggle,
.sp26-nav__mobile-head,
.sp26-nav__mobile-cta { display:none; }
.sp26-header-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.sp26-header-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  background:var(--sp26-blue);
  color:#fff !important;
  font-family:"Open Sans", Arial, sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none !important;
  white-space:nowrap;
}
.sp26-header-cta:hover { background:var(--sp26-blue-dark); }
.sp26-menu-toggle {
  display:none;
  align-items:center;
  gap:9px;
  border:0;
  background:transparent;
  padding:10px 0 10px 8px;
  color:var(--sp26-ink);
  font-family:"Gotham", Arial, sans-serif;
  cursor:pointer;
}
.sp26-menu-toggle__label { font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.sp26-menu-toggle__icon { width:24px; display:grid; gap:5px; }
.sp26-menu-toggle__icon i { display:block; height:2px; background:currentColor; border-radius:2px; }
.sp26-nav-overlay { display:none; position:fixed; inset:0; z-index:998; border:0; background:rgba(7,31,46,.46); }


/* v0.6: force desktop dropdowns to clean white. The legacy 2019 parent theme
   applies dark/grey menu backgrounds with high-specificity selectors, so use
   the actual 2026 nav ID here to prevent those rules leaking into submenus. */
@media (min-width:1101px) {
  #sp26-primary-navigation,
  #sp26-primary-navigation .sp26-nav__menu,
  #sp26-primary-navigation .sp26-nav__menu > li {
    background-color:transparent !important;
    background-image:none !important;
  }
  #sp26-primary-navigation .sp26-nav__menu > li > .sub-menu,
  #sp26-primary-navigation .sp26-nav__menu > li > ul,
  #sp26-primary-navigation .sp26-nav__menu .sub-menu,
  #sp26-primary-navigation .sp26-nav__menu ul.sub-menu,
  #sp26-primary-navigation .sp26-nav__menu ul ul {
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    filter:none !important;
  }
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li,
  #sp26-primary-navigation .sp26-nav__menu ul ul > li {
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
  }
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li > a,
  #sp26-primary-navigation .sp26-nav__menu ul ul > li > a,
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li > a:link,
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li > a:visited {
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#375263 !important;
  }
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li > a:hover,
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li > a:focus,
  #sp26-primary-navigation .sp26-nav__menu .sub-menu > li.current-menu-item > a {
    background:#f4f8fa !important;
    background-color:#f4f8fa !important;
    color:#005594 !important;
  }
  #sp26-primary-navigation .sp26-nav__menu .sub-menu:before,
  #sp26-primary-navigation .sp26-nav__menu .sub-menu:after,
  #sp26-primary-navigation .sp26-nav__menu ul ul:before,
  #sp26-primary-navigation .sp26-nav__menu ul ul:after {
    background:none !important;
    background-color:transparent !important;
  }
}

/* --------------------------------------------------------------------------
   Homepage-specific reset over the legacy theme
   -------------------------------------------------------------------------- */
.home .spornado-site__wrapper.front,
.home .spornado-content__wrapper.front,
.home .spornado-content__main.front {
  max-width:none;
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
}
.home .spornado-content__wrapper.front { display:block; }
.home .spornado-content__main.front { overflow:hidden; }

.sp26-home,
.sp26-home * { box-sizing:border-box; }
.sp26-home {
  font-family:"Gotham", Arial, sans-serif;
  color:var(--sp26-ink);
  line-height:1.55;
}
.sp26-container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.sp26-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 15px;
  color:var(--sp26-blue);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
}
.sp26-eyebrow:before { content:""; width:26px; height:3px; border-radius:3px; background:var(--sp26-orange); }
.sp26-section-title {
  color:var(--sp26-ink);
  font-size:clamp(34px, 4.1vw, 58px);
  line-height:1.05;
  letter-spacing:-.035em;
  margin:0 0 20px;
  max-width:920px;
}
.sp26-lead { color:var(--sp26-muted); font-size:clamp(18px, 1.7vw, 22px); line-height:1.55; max-width:780px; margin:0; }
.sp26-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  text-decoration:none !important;
  font-size:15px;
  font-weight:700;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.sp26-button:hover { transform:translateY(-2px); }
.sp26-button--primary { background:var(--sp26-blue); color:#fff !important; box-shadow:0 10px 25px rgba(0,85,148,.25); }
.sp26-button--primary:hover { background:var(--sp26-blue-dark); }
.sp26-button--ghost { color:#fff !important; border:1px solid rgba(255,255,255,.62); background:rgba(255,255,255,.08); }
.sp26-button--ghost:hover { background:rgba(255,255,255,.16); }
.sp26-section-actions { display:flex; gap:22px; flex-wrap:wrap; margin-top:24px; }
.sp26-section-actions a { color:var(--sp26-blue); font-size:14px; font-weight:700; text-decoration:none !important; }
.sp26-section-actions a:hover { color:var(--sp26-orange); }

/* Hero */
.sp26-hero { min-height:690px; position:relative; display:flex; align-items:flex-end; background:#0d2b3d; overflow:hidden; }
.sp26-hero__video,
.sp26-hero__poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sp26-hero__video { opacity:.67; }
.sp26-hero:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(4,30,48,.88) 0%, rgba(4,30,48,.65) 47%, rgba(4,30,48,.16) 78%), linear-gradient(0deg, rgba(4,30,48,.64) 0%, rgba(4,30,48,0) 46%);
}
.sp26-hero__content { position:relative; z-index:2; padding:96px 0 82px; max-width:830px; }
.sp26-hero .sp26-eyebrow { color:#bfe0f1; }
.sp26-hero h1 { color:#fff; font-size:clamp(48px, 6.1vw, 82px); line-height:.99; letter-spacing:-.05em; margin:0 0 26px; max-width:880px; }
.sp26-hero p { color:rgba(255,255,255,.88); font-size:clamp(19px, 2vw, 25px); line-height:1.5; max-width:770px; margin:0 0 34px; }
.sp26-hero__actions { display:flex; gap:12px; flex-wrap:wrap; }

/* Metrics */
.sp26-metrics { background:#fff; border-bottom:1px solid var(--sp26-line); }
.sp26-metrics__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.sp26-metric { padding:30px 22px 28px; text-align:center; position:relative; }
.sp26-metric:not(:last-child):after { content:""; position:absolute; right:0; top:27%; bottom:27%; width:1px; background:var(--sp26-line); }
.sp26-metric strong { display:block; color:var(--sp26-blue); font-size:clamp(28px,3vw,42px); line-height:1; letter-spacing:-.04em; margin-bottom:8px; }
.sp26-metric span { color:var(--sp26-muted); font-size:13px; text-transform:uppercase; letter-spacing:.09em; font-weight:700; }

/* Trust bar */
.sp26-trust { padding:33px 0 36px; background:#f9fbfc; }
.sp26-trust__inner { display:flex; align-items:center; gap:28px; justify-content:space-between; }
.sp26-trust__label { color:var(--sp26-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; white-space:nowrap; }
.sp26-trust__names { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:13px 34px; }
.sp26-trust__names span { color:#526570; font-weight:700; font-size:19px; letter-spacing:.01em; }

/* Intro/problem */
.sp26-problem { padding:110px 0 94px; }
.sp26-problem__grid { display:grid; grid-template-columns:1.08fr .92fr; gap:72px; align-items:end; }
.sp26-problem__aside { border-left:4px solid var(--sp26-orange); padding:8px 0 8px 28px; }
.sp26-problem__aside p { margin:0; color:var(--sp26-ink); font-size:22px; line-height:1.48; }
.sp26-problem__aside strong { color:var(--sp26-blue); }

/* Detect understand act */
.sp26-system { padding:105px 0; background:var(--sp26-pale); }
.sp26-system__header { margin-bottom:48px; }
.sp26-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sp26-step { background:#fff; border:1px solid var(--sp26-line); border-radius:18px; padding:34px 30px 32px; box-shadow:0 12px 35px rgba(18,48,68,.05); }
.sp26-step__num { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--sp26-blue); color:#fff; font-weight:700; margin-bottom:26px; }
.sp26-step:nth-child(2) .sp26-step__num { background:var(--sp26-green); }
.sp26-step:nth-child(3) .sp26-step__num { background:var(--sp26-orange); }
.sp26-step h3 { color:var(--sp26-ink); font-size:27px; margin:0 0 12px; letter-spacing:-.025em; }
.sp26-step p { margin:0; color:var(--sp26-muted); font-size:16px; }
.sp26-step__tag { display:block; color:var(--sp26-blue); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-top:24px; }

/* Who we serve */
.sp26-audiences { padding:110px 0; }
.sp26-audiences__header { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:44px; }
.sp26-audiences__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sp26-audience { min-height:285px; border-radius:18px; padding:30px 25px; position:relative; overflow:hidden; text-decoration:none !important; background:linear-gradient(155deg, #0b5f9c, #003861); color:#fff !important; transition:transform .2s ease, box-shadow .2s ease; }
.sp26-audience:nth-child(2) { background:linear-gradient(155deg, #5f9f38, #397226); }
.sp26-audience:nth-child(3) { background:linear-gradient(155deg, #e96948, #b9452d); }
.sp26-audience:nth-child(4) { background:linear-gradient(155deg, #334d5c, #172e3c); }
.sp26-audience:hover { transform:translateY(-4px); box-shadow:var(--sp26-shadow); }
.sp26-audience:after { content:"↗"; position:absolute; right:24px; bottom:20px; font-size:26px; opacity:.75; transition:transform .2s ease; }
.sp26-audience:hover:after { transform:translate(3px,-3px); }
.sp26-audience small { display:block; opacity:.72; font-weight:700; text-transform:uppercase; letter-spacing:.11em; font-size:11px; margin-bottom:72px; }
.sp26-audience h3 { color:#fff; font-size:25px; line-height:1.15; letter-spacing:-.025em; margin:0 0 13px; }
.sp26-audience p { color:rgba(255,255,255,.82); margin:0; font-size:14px; line-height:1.5; }

/* Proof */
.sp26-proof { background:#082e47; color:#fff; padding:105px 0; }
.sp26-proof__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:84px; align-items:center; }
.sp26-proof .sp26-eyebrow { color:#bfe0f1; }
.sp26-proof .sp26-section-title { color:#fff; }
.sp26-proof .sp26-lead { color:rgba(255,255,255,.72); }
.sp26-proof__card { background:#fff; color:var(--sp26-ink); border-radius:22px; padding:38px; box-shadow:var(--sp26-shadow); }
.sp26-proof__kicker { color:var(--sp26-orange); font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.sp26-proof__big { color:var(--sp26-blue); font-size:clamp(38px,4.6vw,62px); line-height:1.02; letter-spacing:-.05em; margin:15px 0 16px; }
.sp26-proof__card p { color:var(--sp26-muted); font-size:17px; margin:0 0 20px; }
.sp26-proof__link { color:var(--sp26-blue) !important; font-weight:700; text-decoration:none !important; }

/* Advantage */
.sp26-advantage { padding:110px 0; background:#fff; }
.sp26-advantage__grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; align-items:start; }
.sp26-advantages { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sp26-advantage-card { padding:26px; border:1px solid var(--sp26-line); border-radius:16px; }
.sp26-advantage-card span { display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--sp26-green); margin-bottom:16px; }
.sp26-advantage-card:nth-child(2) span { background:var(--sp26-blue); }
.sp26-advantage-card:nth-child(3) span { background:var(--sp26-orange); }
.sp26-advantage-card:nth-child(4) span { background:#677f8c; }
.sp26-advantage-card h3 { margin:0 0 9px; color:var(--sp26-ink); font-size:19px; }
.sp26-advantage-card p { margin:0; color:var(--sp26-muted); font-size:14px; }

/* Evolution */
.sp26-evolution { padding:108px 0; background:linear-gradient(180deg,#f4f8fa 0%,#fff 100%); }
.sp26-evolution__head { margin-bottom:54px; }
.sp26-evolution__track { display:grid; grid-template-columns:repeat(3,1fr); position:relative; gap:34px; }
.sp26-evolution__track:before { content:""; position:absolute; top:18px; left:12%; right:12%; height:2px; background:linear-gradient(90deg,var(--sp26-blue),var(--sp26-green),var(--sp26-orange)); }
.sp26-evo { position:relative; padding-top:51px; }
.sp26-evo:before { content:""; position:absolute; top:7px; left:0; width:24px; height:24px; border-radius:50%; background:var(--sp26-blue); border:6px solid #dcebf5; z-index:2; }
.sp26-evo:nth-child(2):before { background:var(--sp26-green); border-color:#e4f2dc; }
.sp26-evo:nth-child(3):before { background:var(--sp26-orange); border-color:#fae2dc; }
.sp26-evo small { color:var(--sp26-muted); text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-size:11px; }
.sp26-evo h3 { color:var(--sp26-ink); font-size:23px; margin:8px 0 10px; }
.sp26-evo p { color:var(--sp26-muted); font-size:15px; margin:0; }

/* Final CTA */
.sp26-final { padding:105px 0; background:var(--sp26-blue); color:#fff; text-align:center; }
.sp26-final h2 { color:#fff; font-size:clamp(38px,5vw,64px); line-height:1.04; letter-spacing:-.04em; max-width:850px; margin:0 auto 22px; }
.sp26-final p { max-width:700px; margin:0 auto 32px; color:rgba(255,255,255,.78); font-size:19px; }
.sp26-final .sp26-button--primary { background:#fff; color:var(--sp26-blue) !important; box-shadow:none; }
.sp26-final .sp26-button--primary:hover { background:#f3f7f9; }

/* Global CTA on interior pages */
.sp26-global-cta { background:var(--sp26-blue); color:#fff; padding:58px 0; }
.sp26-global-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.sp26-global-cta h2 { margin:0; color:#fff; font-size:clamp(27px,3vw,42px); line-height:1.1; }
.sp26-global-cta .sp26-button { background:#fff; color:var(--sp26-blue) !important; box-shadow:none; white-space:nowrap; }

/* Modern footer */
.sp26-footer { width:100%; max-width:none; margin:0; background:#f7fafb; color:var(--sp26-muted); border:0; font-family:"Gotham", Arial, sans-serif; }
.sp26-footer__grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:70px; padding-top:62px; padding-bottom:45px; }
.sp26-footer__brand img { width:auto; height:48px; margin-bottom:22px; }
.sp26-footer__brand p { max-width:360px; margin:0; color:var(--sp26-muted); font-size:14px; line-height:1.65; }
.sp26-footer h3 { margin:0 0 16px; color:var(--sp26-ink); font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.sp26-footer__menu { list-style:none; margin:0; padding:0; }
.sp26-footer__menu li { margin:0 0 10px; }
.sp26-footer a { color:#536b79; text-decoration:none !important; }
.sp26-footer a:hover { color:var(--sp26-blue); }
.sp26-footer__contact p, .sp26-footer__contact div { margin:0 0 9px; font-size:14px; line-height:1.5; }
.sp26-footer__social { display:flex; gap:18px; margin-top:18px; font-size:13px; }
.sp26-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; padding-bottom:28px; border-top:1px solid var(--sp26-line); font-size:12px; }

@media (max-width: 1280px) {
  .sp26-brand__descriptor { display:none; }
  .sp26-nav__menu > li > a { padding-left:9px; padding-right:9px; font-size:12px; }
}

@media (max-width: 1100px) {
  .sp26-site-header__inner { min-height:64px; }
  .sp26-brand img { height:38px !important; max-height:38px !important; max-width:222px !important; }
  .sp26-header-cta { display:none; }
  .sp26-menu-toggle { display:flex; }
  .sp26-nav {
    display:block;
    position:fixed;
    z-index:1000;
    top:0;
    right:0;
    width:min(390px, 90vw);
    height:100vh;
    height:100dvh;
    margin:0;
    background:#fff;
    box-shadow:-18px 0 55px rgba(18,48,68,.16);
    transform:translateX(105%);
    transition:transform .24s ease;
    overflow:auto;
  }
  .sp26-nav-open .sp26-nav { transform:translateX(0); }
  .sp26-nav-open .sp26-nav-overlay { display:block; }
  .sp26-nav__mobile-head { display:flex; align-items:center; justify-content:space-between; min-height:74px; padding:0 24px; border-bottom:1px solid var(--sp26-line); color:var(--sp26-ink); font-family:"Open Sans",Arial,sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:.09em; }
  .sp26-nav__close { border:0; background:transparent; color:var(--sp26-ink); font-size:34px; line-height:1; padding:5px; cursor:pointer; }
  .sp26-nav__menu { display:block; padding:12px 24px 18px; }
  .sp26-nav__menu > li { display:block; border-bottom:1px solid var(--sp26-line); }
  .sp26-nav__menu > li > a { display:block; padding:16px 42px 16px 0; font-size:15px; }
  .sp26-nav__menu > li.menu-item-has-children > a:after { display:none; }
  .sp26-submenu-toggle { display:grid; place-items:center; position:absolute; right:0; top:8px; width:38px; height:38px; border:0; border-radius:50%; background:var(--sp26-pale); color:var(--sp26-blue); font-size:21px; cursor:pointer; }
  .sp26-nav__menu > li > ul,
  .sp26-nav__menu li > ul ul {
    display:none;
    position:static;
    min-width:0;
    padding:0 0 12px 12px;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .sp26-nav__menu li.sp26-submenu-open > ul { display:block; }
  .sp26-nav__menu li > ul a { padding:9px 10px; font-size:13px; }
  .sp26-nav__mobile-cta { display:flex; align-items:center; justify-content:center; margin:8px 24px 32px; min-height:48px; border-radius:999px; background:var(--sp26-blue); color:#fff !important; font-family:"Open Sans",Arial,sans-serif; font-size:13px; text-decoration:none !important; }

  .sp26-hero { min-height:620px; }
  .sp26-problem__grid, .sp26-proof__grid, .sp26-advantage__grid { grid-template-columns:1fr; gap:42px; }
  .sp26-steps { grid-template-columns:1fr; }
  .sp26-audiences__grid { grid-template-columns:1fr 1fr; }
  .sp26-audiences__header { display:block; }
  .sp26-audiences__header .sp26-lead { margin-top:18px; }
  .sp26-evolution__track { grid-template-columns:1fr; gap:26px; }
  .sp26-evolution__track:before { left:12px; top:16px; bottom:20px; width:2px; height:auto; right:auto; background:linear-gradient(180deg,var(--sp26-blue),var(--sp26-green),var(--sp26-orange)); }
  .sp26-evo { padding:0 0 0 55px; min-height:105px; }
  .sp26-evo:before { top:0; left:0; }
  .sp26-footer__grid { grid-template-columns:1fr 1fr; gap:40px; }
  .sp26-footer__brand { grid-column:1 / -1; }
}

@media (max-width: 700px) {
  .sp26-container { width:min(100% - 32px, 1180px); }
  .sp26-site-header__inner { width:calc(100% - 32px); min-height:68px; }
  .sp26-brand img { height:44px; }
  .sp26-menu-toggle__label { display:none; }
  .sp26-hero { min-height:650px; }
  .sp26-hero__content { padding:72px 0 60px; }
  .sp26-hero h1 { font-size:48px; }
  .sp26-metrics__grid { grid-template-columns:1fr 1fr; }
  .sp26-metric:nth-child(2):after { display:none; }
  .sp26-metric:nth-child(-n+2) { border-bottom:1px solid var(--sp26-line); }
  .sp26-trust__inner { display:block; }
  .sp26-trust__label { display:block; margin-bottom:18px; white-space:normal; }
  .sp26-trust__names { justify-content:flex-start; gap:12px 24px; }
  .sp26-problem, .sp26-system, .sp26-audiences, .sp26-proof, .sp26-advantage, .sp26-evolution, .sp26-final { padding:78px 0; }
  .sp26-audiences__grid, .sp26-advantages { grid-template-columns:1fr; }
  .sp26-audience { min-height:235px; }
  .sp26-audience small { margin-bottom:46px; }
  .sp26-global-cta__inner { display:block; }
  .sp26-global-cta h2 { margin-bottom:24px; }
  .sp26-footer__grid { grid-template-columns:1fr; gap:34px; padding-top:48px; }
  .sp26-footer__brand { grid-column:auto; }
  .sp26-footer__bottom { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *:before, *:after { scroll-behavior:auto !important; transition-duration:.001ms !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}

/* --------------------------------------------------------------------------
   v0.5 header refinement: one seamless white masthead.
   The navigation is vertically centered on the logo instead of reading as a
   separate horizontal menu bar. Dropdowns remain compact and white.
   -------------------------------------------------------------------------- */
.sp26-site-header {
  background:#fff !important;
  box-shadow:0 1px 0 rgba(18,48,68,.08) !important;
  backdrop-filter:none !important;
}
.sp26-site-header__inner {
  height:64px !important;
  min-height:64px !important;
  align-items:center !important;
}
.sp26-brand img {
  height:42px !important;
  max-height:42px !important;
  max-width:230px !important;
}
.sp26-nav,
.sp26-nav__menu,
.sp26-nav__menu > li,
.sp26-nav__menu > li > a {
  background:transparent !important;
}
.sp26-nav { height:64px !important; align-self:center !important; align-items:center !important; }
.sp26-nav__menu { height:64px !important; align-items:center !important; }
.sp26-nav__menu > li { height:64px !important; align-items:center !important; }
.sp26-nav__menu > li > a {
  height:64px !important;
  padding:0 11px !important;
  border:0 !important;
  color:var(--sp26-ink) !important;
}
.sp26-nav__menu > li.current-menu-item > a,
.sp26-nav__menu > li.current-menu-ancestor > a,
.sp26-nav__menu > li.current_page_item > a,
.sp26-nav__menu > li.current_page_ancestor > a {
  color:var(--sp26-blue) !important;
  background:transparent !important;
}
.sp26-nav__menu > li.current-menu-item > a:before,
.sp26-nav__menu > li.current-menu-ancestor > a:before,
.sp26-nav__menu > li.current_page_item > a:before,
.sp26-nav__menu > li.current_page_ancestor > a:before {
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:0;
  height:2px;
  background:var(--sp26-blue);
}
.sp26-nav__menu > li > ul {
  top:100% !important;
  padding:8px !important;
  border-radius:10px !important;
  box-shadow:0 16px 34px rgba(18,48,68,.14) !important;
  transform:translateY(6px) !important;
}
.sp26-nav__menu > li:hover > ul,
.sp26-nav__menu > li:focus-within > ul { transform:translateY(0) !important; }
.sp26-nav__menu li > ul a { padding:9px 11px !important; border-radius:7px !important; background:#fff !important; }
.sp26-header-actions { height:64px !important; align-items:center !important; }
.sp26-header-cta { min-height:36px !important; }

@media(max-width:1100px){
  .sp26-site-header__inner{height:60px!important;min-height:60px!important}
  .sp26-brand img{height:38px!important;max-height:38px!important}
  .sp26-nav{height:100vh!important;align-self:stretch!important}
  .sp26-nav__menu,.sp26-nav__menu>li,.sp26-nav__menu>li>a{height:auto!important}
  .sp26-header-actions{height:60px!important}
}

/* --------------------------------------------------------------------------
   v0.7 dropdown hard reset
   Keep every desktop submenu surface pure white, including hover/current
   states. This intentionally removes the pale hover fill so the dropdown
   visually disappears into the white masthead rather than reading as a grey
   panel.
   -------------------------------------------------------------------------- */
@media (min-width:1101px) {
  #sp26-primary-navigation ul.sp26-nav__menu ul,
  #sp26-primary-navigation ul.sp26-nav__menu ul.sub-menu,
  #sp26-primary-navigation ul.sp26-nav__menu ul li,
  #sp26-primary-navigation ul.sp26-nav__menu ul li:hover,
  #sp26-primary-navigation ul.sp26-nav__menu ul li:focus-within,
  #sp26-primary-navigation ul.sp26-nav__menu ul li.active,
  #sp26-primary-navigation ul.sp26-nav__menu ul li.current_page_item,
  #sp26-primary-navigation ul.sp26-nav__menu ul a,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:link,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:visited,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:hover,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:focus,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:active {
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
  }
  #sp26-primary-navigation ul.sp26-nav__menu ul:before,
  #sp26-primary-navigation ul.sp26-nav__menu ul:after,
  #sp26-primary-navigation ul.sp26-nav__menu ul li:before,
  #sp26-primary-navigation ul.sp26-nav__menu ul li:after,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:before,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:after {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
  }
  #sp26-primary-navigation ul.sp26-nav__menu ul a:hover,
  #sp26-primary-navigation ul.sp26-nav__menu ul a:focus {
    color:#005594 !important;
  }
}


/* --------------------------------------------------------------------------
   v0.8 header surface + dropdown text hard reset
   --------------------------------------------------------------------------
   The parent theme gives the page shell a tinted background and WordPress menu
   filters can leave legacy link colors behind. For the 2026 masthead, make the
   entire visible surface explicitly white and the dropdown copy explicitly dark.
*/
body.home,
body.home #container,
body.home .spornado-site__wrapper.front,
body.home .sp26-site-header,
body.home .sp26-site-header__inner,
body.home .sp26-brand,
body.home #sp26-primary-navigation,
body.home #sp26-primary-menu,
body.home #sp26-primary-menu > li,
body.home #sp26-primary-menu > li > a {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  filter:none !important;
}

/* No translucent/blurred surface on the homepage header. */
body.home .sp26-site-header {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
}

/* Keep every dropdown state readable on white, including the parent theme's
   legacy .active class and normal WordPress current-item classes. */
@media (min-width:1101px) {
  body.home #sp26-primary-navigation ul.sub-menu,
  body.home #sp26-primary-navigation ul.sub-menu li,
  body.home #sp26-primary-navigation ul.sub-menu li a,
  body.home #sp26-primary-navigation ul.sub-menu li a:link,
  body.home #sp26-primary-navigation ul.sub-menu li a:visited,
  body.home #sp26-primary-navigation ul.sub-menu li.active > a,
  body.home #sp26-primary-navigation ul.sub-menu li.current-menu-item > a,
  body.home #sp26-primary-navigation ul.sub-menu li.current_page_item > a {
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#375263 !important;
    -webkit-text-fill-color:#375263 !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  body.home #sp26-primary-navigation ul.sub-menu li a:hover,
  body.home #sp26-primary-navigation ul.sub-menu li a:focus,
  body.home #sp26-primary-navigation ul.sub-menu li a:active {
    background:#f4f8fa !important;
    background-color:#f4f8fa !important;
    color:#005594 !important;
    -webkit-text-fill-color:#005594 !important;
  }
}


/* --------------------------------------------------------------------------
   v0.9 REAL front-page shell reset
   --------------------------------------------------------------------------
   WordPress does not always add the `home` body class when the homepage is a
   static Front Page. The previous v0.8 reset therefore missed this site in the
   Customizer, leaving the parent theme's pale blue-grey BODY background and
   1440px constrained shell visible around the new white masthead.

   v0.9 adds a server-side `sp26-front-page` body class and targets that instead.
*/
body.sp26-front-page,
body.sp26-front-page #container,
body.sp26-front-page .spornado-site__wrapper.front,
body.sp26-front-page .spornado-content__wrapper.front,
body.sp26-front-page .spornado-content__main.front {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  filter:none !important;
}
body.sp26-front-page .spornado-site__wrapper.front {
  min-height:100vh !important;
  padding:0 !important;
}
body.sp26-front-page .sp26-site-header,
body.sp26-front-page .sp26-site-header__inner,
body.sp26-front-page .sp26-brand,
body.sp26-front-page #sp26-primary-navigation,
body.sp26-front-page #sp26-primary-menu,
body.sp26-front-page #sp26-primary-menu > li,
body.sp26-front-page #sp26-primary-menu > li > a {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  opacity:1 !important;
  filter:none !important;
}
body.sp26-front-page .sp26-site-header {
  box-shadow:0 1px 0 rgba(18,48,68,.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* v1.0 — remove the legacy grey/green desktop menu bar itself. */
@media (min-width:1101px) {
  #sp26-primary-navigation #sp26-primary-menu,
  #sp26-primary-navigation #sp26-primary-menu > li,
  #sp26-primary-navigation #sp26-primary-menu > li > a,
  #sp26-primary-navigation #sp26-primary-menu > li > a:link,
  #sp26-primary-navigation #sp26-primary-menu > li > a:visited,
  #sp26-primary-navigation #sp26-primary-menu > li > a:hover,
  #sp26-primary-navigation #sp26-primary-menu > li > a:focus {
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  #sp26-primary-navigation #sp26-primary-menu > li > a,
  #sp26-primary-navigation #sp26-primary-menu > li > a:link,
  #sp26-primary-navigation #sp26-primary-menu > li > a:visited {
    color:#123044 !important;
    -webkit-text-fill-color:#123044 !important;
  }
  #sp26-primary-navigation #sp26-primary-menu > li.current-menu-item > a,
  #sp26-primary-navigation #sp26-primary-menu > li.current_page_item > a,
  #sp26-primary-navigation #sp26-primary-menu > li.current-menu-ancestor > a {
    color:#005594 !important;
    -webkit-text-fill-color:#005594 !important;
  }
}


/* ==========================================================================\n   v1.1 — isolated menu renderer\n   --------------------------------------------------------------------------\n   The old site has persistent legacy menu styling in the WordPress stack.\n   v1.1 no longer uses UL/LI WordPress menu markup on the masthead at all.\n   This prevents old menu rules from matching the new header.\n   ========================================================================== */\n.sp26-primary-nav, .sp26-primary-nav * { box-sizing:border-box; }\n.sp26-primary-nav {\n  margin-left:auto; align-self:stretch; display:flex; align-items:stretch;\n  height:64px; background:#fff !important; color:#123044;\n}\n.sp26-menu-root { display:flex; align-items:stretch; height:64px; gap:2px; background:#fff !important; }\n.sp26-menu-node { position:relative; background:#fff !important; }\n.sp26-menu-node--depth-0 { display:flex; align-items:stretch; height:64px; }\n.sp26-menu-anchor {\n  font-family:"Open Sans",Arial,sans-serif; text-decoration:none !important;\n  color:#123044 !important; -webkit-text-fill-color:#123044 !important;\n  background:#fff !important; background-image:none !important;\n}\n.sp26-menu-node--depth-0 > .sp26-menu-anchor {\n  display:flex; align-items:center; height:64px; padding:0 11px;\n  font-size:13px; line-height:1.2; white-space:nowrap;\n}\n.sp26-menu-node--depth-0.sp26-menu-node--has-children > .sp26-menu-anchor:after {\n  content:""; width:6px; height:6px; border-right:1.5px solid currentColor;\n  border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px);\n  margin-left:8px; opacity:.72;\n}\n.sp26-menu-node > .sp26-menu-anchor:hover,\n.sp26-menu-node > .sp26-menu-anchor:focus,\n.sp26-menu-node--current > .sp26-menu-anchor { color:#005594 !important; -webkit-text-fill-color:#005594 !important; }\n.sp26-menu-node--current.sp26-menu-node--depth-0:after {\n  content:""; position:absolute; left:11px; right:11px; bottom:0; height:2px; background:#005594;\n}\n.sp26-menu-panel {\n  position:absolute; z-index:30; top:100%; left:0; min-width:265px;\n  padding:8px; background:#fff !important; background-color:#fff !important;\n  border:1px solid #dbe5ea; border-radius:10px; box-shadow:0 16px 34px rgba(18,48,68,.14);\n  opacity:0; visibility:hidden; transform:translateY(6px);\n  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;\n}\n.sp26-menu-node--depth-0:hover > .sp26-menu-panel,\n.sp26-menu-node--depth-0:focus-within > .sp26-menu-panel { opacity:1; visibility:visible; transform:translateY(0); }\n.sp26-menu-panel .sp26-menu-node { display:block; }\n.sp26-menu-panel .sp26-menu-anchor {\n  display:block; padding:9px 11px; border-radius:7px; font-size:13px; line-height:1.35;\n  color:#375263 !important; -webkit-text-fill-color:#375263 !important; background:#fff !important;\n}\n.sp26-menu-panel .sp26-menu-anchor:hover, .sp26-menu-panel .sp26-menu-anchor:focus {\n  color:#005594 !important; -webkit-text-fill-color:#005594 !important; background:#f4f8fa !important;\n}\n.sp26-menu-panel .sp26-menu-panel { top:-8px; left:100%; }\n.sp26-menu-panel .sp26-menu-node:hover > .sp26-menu-panel,\n.sp26-menu-panel .sp26-menu-node:focus-within > .sp26-menu-panel { opacity:1; visibility:visible; transform:translateY(0); }\n.sp26-menu-subtoggle { display:none; }\n\n@media(max-width:1100px){\n  .sp26-primary-nav {\n    position:fixed; z-index:1001; top:0; right:0; width:min(390px,92vw); height:100vh; height:100dvh;\n    display:block; margin:0; background:#fff !important; box-shadow:-18px 0 55px rgba(18,48,68,.16);\n    transform:translateX(105%); transition:transform .22s ease; overflow:auto;\n  }\n  body.sp26-nav-open .sp26-primary-nav { transform:translateX(0); }\n  .sp26-primary-nav .sp26-nav__mobile-head { display:flex !important; }\n  .sp26-menu-root { display:block; height:auto; padding:14px 18px; background:#fff !important; }\n  .sp26-menu-node--depth-0 { display:block; height:auto; border-bottom:1px solid #edf2f5; }\n  .sp26-menu-node--depth-0 > .sp26-menu-anchor { display:block; height:auto; min-height:50px; padding:16px 42px 16px 4px; font-size:14px; }\n  .sp26-menu-node--depth-0.sp26-menu-node--has-children > .sp26-menu-anchor:after { display:none; }\n  .sp26-menu-node--current.sp26-menu-node--depth-0:after { display:none; }\n  .sp26-menu-panel, .sp26-menu-panel .sp26-menu-panel {\n    position:static; min-width:0; display:none; padding:0 0 10px 12px; margin:0;\n    border:0; border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none; background:#fff !important;\n  }\n  .sp26-menu-node.sp26-submenu-open > .sp26-menu-panel { display:block; }\n  .sp26-menu-subtoggle {\n    display:grid; place-items:center; position:absolute; right:0; top:9px; width:34px; height:34px;\n    border:0; border-radius:50%; background:#f4f8fa !important; color:#005594; cursor:pointer;\n  }\n  .sp26-menu-panel .sp26-menu-subtoggle { top:3px; }\n  .sp26-menu-panel .sp26-menu-anchor { padding:9px 38px 9px 10px; }\n}\n
/* ========================================================================== 
   v1.2 — isolated DIV-based primary navigation
   The v1.1 renderer deliberately stopped using the legacy UL/LI markup, but
   it also needed a matching visual layer. These rules own the new menu from
   top to bottom so the 2019 parent menu cannot bleed through.
   ========================================================================== */
.sp26-primary-nav {
  margin-left:auto;
  align-self:stretch;
  display:flex;
  align-items:stretch;
  min-width:0;
  font-family:"Gotham", Arial, sans-serif;
}
.sp26-menu-root {
  display:flex;
  align-items:stretch;
  height:64px;
  gap:2px;
  margin:0;
  padding:0;
  background:#fff;
}
.sp26-menu-node {
  box-sizing:border-box;
  position:relative;
  margin:0;
  padding:0;
  background:#fff;
}
.sp26-menu-node--depth-0 {
  display:flex;
  align-items:center;
  height:64px;
}
.sp26-menu-anchor {
  box-sizing:border-box;
  margin:0;
  border:0;
  background:transparent;
  color:#123044 !important;
  font-family:"Gotham", Arial, sans-serif;
  text-decoration:none !important;
  white-space:nowrap;
}
.sp26-menu-node--depth-0 > .sp26-menu-anchor {
  display:flex;
  align-items:center;
  height:64px;
  padding:0 11px;
  font-size:12px;
  line-height:1;
  letter-spacing:.005em;
}
.sp26-menu-node--depth-0 > .sp26-menu-anchor:hover,
.sp26-menu-node--depth-0:focus-within > .sp26-menu-anchor,
.sp26-menu-node--current > .sp26-menu-anchor {
  color:#005594 !important;
}
.sp26-menu-node--depth-0.sp26-menu-node--current:after {
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:0;
  height:2px;
  border-radius:2px 2px 0 0;
  background:#005594;
}
.sp26-menu-subtoggle {
  appearance:none;
  -webkit-appearance:none;
  border:0;
  padding:0;
  margin:0;
  font-family:inherit;
  cursor:pointer;
}
.sp26-menu-node--depth-0 > .sp26-menu-subtoggle {
  width:22px;
  height:64px;
  margin-left:-7px;
  margin-right:3px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff !important;
  color:#61717d !important;
}
.sp26-menu-node--depth-0 > .sp26-menu-subtoggle span {
  display:block;
  width:7px;
  height:7px;
  overflow:hidden;
  text-indent:-999px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
}
.sp26-menu-node--depth-0:hover > .sp26-menu-subtoggle,
.sp26-menu-node--depth-0:focus-within > .sp26-menu-subtoggle {
  color:#005594 !important;
}
.sp26-menu-panel {
  box-sizing:border-box;
  background:#fff;
}
.sp26-menu-node--depth-0 > .sp26-menu-panel {
  position:absolute;
  z-index:1200;
  top:calc(100% - 2px);
  left:0;
  min-width:250px;
  padding:9px;
  border:1px solid #dbe5ea;
  border-radius:12px;
  box-shadow:0 18px 44px rgba(18,48,68,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(7px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.sp26-menu-node--depth-0:hover > .sp26-menu-panel,
.sp26-menu-node--depth-0:focus-within > .sp26-menu-panel,
.sp26-menu-node--depth-0.sp26-submenu-open > .sp26-menu-panel {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.sp26-menu-panel .sp26-menu-node {
  display:block;
  width:100%;
  min-height:0;
  background:#fff !important;
}
.sp26-menu-panel .sp26-menu-anchor {
  display:block;
  width:100%;
  min-height:0;
  padding:10px 11px;
  border-radius:7px;
  background:#fff !important;
  color:#375263 !important;
  font-size:12.5px;
  line-height:1.3;
}
.sp26-menu-panel .sp26-menu-anchor:hover,
.sp26-menu-panel .sp26-menu-anchor:focus,
.sp26-menu-panel .sp26-menu-node--current > .sp26-menu-anchor {
  background:#f4f8fa !important;
  color:#005594 !important;
}
.sp26-menu-panel .sp26-menu-subtoggle {
  position:absolute;
  top:3px;
  right:4px;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent !important;
  color:#61717d !important;
  font-size:18px;
}
.sp26-menu-panel .sp26-menu-panel {
  position:absolute;
  z-index:1210;
  top:-9px;
  left:calc(100% - 2px);
  min-width:240px;
  padding:9px;
  border:1px solid #dbe5ea;
  border-radius:12px;
  box-shadow:0 18px 44px rgba(18,48,68,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(7px);
}
.sp26-menu-panel .sp26-menu-node:hover > .sp26-menu-panel,
.sp26-menu-panel .sp26-menu-node:focus-within > .sp26-menu-panel,
.sp26-menu-panel .sp26-menu-node.sp26-submenu-open > .sp26-menu-panel {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
}

@media (max-width:1200px) and (min-width:1101px) {
  .sp26-site-header__inner { width:calc(100% - 28px); gap:14px; }
  .sp26-brand img { height:36px !important; max-height:36px !important; max-width:205px !important; }
  .sp26-menu-node--depth-0 > .sp26-menu-anchor { padding-left:8px; padding-right:8px; font-size:11px; }
  .sp26-header-cta { padding-left:12px; padding-right:12px; font-size:11px; }
}

@media (max-width:1100px) {
  .sp26-primary-nav {
    position:fixed;
    z-index:1201;
    top:0;
    right:0;
    bottom:0;
    width:min(88vw, 390px);
    display:block;
    background:#fff;
    box-shadow:-20px 0 50px rgba(18,48,68,.18);
    transform:translateX(105%);
    transition:transform .22s ease;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  body.sp26-nav-open .sp26-primary-nav { transform:translateX(0); }
  .sp26-nav__mobile-head {
    min-height:68px;
    padding:0 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #dbe5ea;
    color:#123044;
    font-family:"Gotham", Arial, sans-serif;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.06em;
  }
  .sp26-nav__close {
    width:36px;
    height:36px;
    border:0;
    background:transparent;
    color:#123044;
    font-size:28px;
    line-height:1;
    cursor:pointer;
  }
  .sp26-menu-root {
    display:block;
    height:auto;
    padding:9px 22px 18px;
    background:#fff;
  }
  .sp26-menu-node,
  .sp26-menu-node--depth-0 {
    display:block;
    width:100%;
    height:auto;
    border-bottom:1px solid #edf2f4;
    background:#fff;
  }
  .sp26-menu-node--depth-0.sp26-menu-node--current:after { display:none; }
  .sp26-menu-node--depth-0 > .sp26-menu-anchor {
    display:block;
    width:100%;
    height:auto;
    padding:15px 42px 15px 0;
    font-size:15px;
    color:#123044 !important;
  }
  .sp26-menu-node--depth-0 > .sp26-menu-subtoggle,
  .sp26-menu-panel .sp26-menu-subtoggle {
    position:absolute;
    top:4px;
    right:0;
    width:38px;
    height:42px;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff !important;
    color:#005594 !important;
    font-size:20px;
  }
  .sp26-menu-node--depth-0 > .sp26-menu-subtoggle span {
    width:auto;
    height:auto;
    overflow:visible;
    text-indent:0;
    border:0;
    transform:none;
  }
  .sp26-menu-node--depth-0 > .sp26-menu-panel,
  .sp26-menu-panel .sp26-menu-panel {
    position:static;
    z-index:auto;
    display:none;
    min-width:0;
    width:100%;
    padding:0 0 9px 12px;
    border:0;
    border-radius:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    background:#fff;
  }
  .sp26-menu-node.sp26-submenu-open > .sp26-menu-panel { display:block; }
  .sp26-menu-panel .sp26-menu-node { border:0; }
  .sp26-menu-panel .sp26-menu-anchor {
    padding:9px 36px 9px 10px;
    font-size:13px;
    background:#fff !important;
  }
  .sp26-nav__mobile-cta {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin:4px 22px 24px;
    border-radius:999px;
    background:#005594;
    color:#fff !important;
    font-family:"Open Sans", Arial, sans-serif;
    font-size:13px;
    font-weight:700;
    text-decoration:none !important;
  }
}

/* ========================================================================== 
   v2.0 — site-wide interior redesign
   Keeps the approved v1.7 homepage/header and gives every interior template
   the same 2026 visual system without relying on the legacy parent CSS.
   ========================================================================== */

@font-face {
  font-family:"Gotham";
  src:url("../spornado/fonts/Gotham-Book.woff2") format("woff2"),
      url("../spornado/fonts/Gotham-Book.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

* { box-sizing:border-box; }
html, body { margin:0; padding:0; }
body {
  background:#fff;
  color:var(--sp26-ink);
  font-family:"Open Sans", Arial, sans-serif;
  font-size:16px;
  line-height:1.65;
}
img { max-width:100%; height:auto; }
a { color:var(--sp26-blue); }
#container, .spornado-site__wrapper { width:100%; max-width:none; margin:0; padding:0; background:#fff; }
.sp26-site-main { width:100%; background:#fff; }

/* Interior page hero */
.sp26-page-hero {
  position:relative;
  overflow:hidden;
  padding:92px 0 82px;
  background:
    radial-gradient(circle at 90% 10%, rgba(115,185,67,.12), transparent 32%),
    linear-gradient(135deg, #f7fafb 0%, #eef5f8 100%);
  border-bottom:1px solid var(--sp26-line);
}
.sp26-page-hero:after {
  content:"";
  position:absolute;
  right:-70px;
  bottom:-95px;
  width:310px;
  height:310px;
  border:1px solid rgba(0,85,148,.12);
  border-radius:50%;
  box-shadow:0 0 0 48px rgba(0,85,148,.025), 0 0 0 96px rgba(0,85,148,.02);
}
.sp26-page-hero .sp26-container { position:relative; z-index:1; }
.sp26-page-hero h1 {
  max-width:920px;
  margin:0;
  color:var(--sp26-ink);
  font-family:"Gotham", Arial, sans-serif;
  font-size:clamp(44px, 6vw, 76px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.045em;
}
.sp26-page-hero > .sp26-container > p,
.sp26-page-hero__desc {
  max-width:760px;
  margin:22px 0 0;
  color:var(--sp26-muted);
  font-size:20px;
  line-height:1.55;
}
.sp26-page-section { padding:76px 0 96px; background:#fff; }

/* Editorial body */
.sp26-richtext {
  width:min(860px, 100%);
  margin:0 auto;
  color:#365061;
  font-size:18px;
  line-height:1.72;
}
.sp26-richtext--wide { width:100%; }
.sp26-richtext > :first-child { margin-top:0; }
.sp26-richtext > :last-child { margin-bottom:0; }
.sp26-richtext h2,
.sp26-richtext h3,
.sp26-richtext h4 {
  color:var(--sp26-ink);
  font-family:"Gotham", Arial, sans-serif;
  font-weight:400;
  letter-spacing:-.025em;
}
.sp26-richtext h2 { margin:54px 0 18px; font-size:36px; line-height:1.12; }
.sp26-richtext h3 { margin:42px 0 14px; font-size:27px; line-height:1.18; }
.sp26-richtext h4 { margin:32px 0 12px; font-size:21px; }
.sp26-richtext p { margin:0 0 24px; }
.sp26-richtext strong { color:var(--sp26-ink); }
.sp26-richtext a { color:var(--sp26-blue); text-decoration-thickness:1px; text-underline-offset:3px; }
.sp26-richtext ul,
.sp26-richtext ol { margin:20px 0 28px; padding-left:1.35em; }
.sp26-richtext li { margin:8px 0; }
.sp26-richtext blockquote {
  margin:36px 0;
  padding:4px 0 4px 28px;
  border-left:4px solid var(--sp26-orange);
  color:var(--sp26-ink);
  font-family:"Gotham", Arial, sans-serif;
  font-size:24px;
  line-height:1.45;
}
.sp26-richtext img {
  display:block;
  margin:34px auto;
  border-radius:16px;
  box-shadow:0 12px 38px rgba(18,48,68,.10);
}
.sp26-richtext table {
  width:100%;
  margin:32px 0;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--sp26-line);
  border-radius:12px;
  font-size:15px;
}
.sp26-richtext th,
.sp26-richtext td { padding:13px 15px; border-bottom:1px solid var(--sp26-line); text-align:left; }
.sp26-richtext th { background:var(--sp26-pale); color:var(--sp26-ink); }

/* Common button-like legacy links */
.sp26-richtext a.button,
.sp26-richtext .wp-block-button__link,
.sp26-richtext input[type="submit"],
.sp26-richtext button[type="submit"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  background:var(--sp26-blue);
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
}

/* Why Spornado */
.sp26-why-intro { width:min(860px,100%); margin:0 auto 48px; font-size:19px; color:#365061; }
.sp26-why-intro img { margin:28px auto; border-radius:16px; }
.sp26-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.sp26-feature-card {
  position:relative;
  padding:34px 34px 30px;
  border:1px solid var(--sp26-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 36px rgba(18,48,68,.06);
}
.sp26-feature-card__mark { display:block; width:34px; height:4px; margin-bottom:22px; border-radius:4px; background:var(--sp26-orange); }
.sp26-feature-card h2 { margin:0 0 12px; color:var(--sp26-ink); font-family:"Gotham",Arial,sans-serif; font-size:27px; font-weight:400; }
.sp26-feature-card p { margin:0; color:var(--sp26-muted); font-size:16px; }

/* Crops */
.sp26-crops-intro { width:min(900px,100%); margin:0 auto 50px; font-size:19px; color:#365061; }
.sp26-crop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.sp26-crop-card {
  overflow:hidden;
  padding:30px;
  border:1px solid var(--sp26-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 42px rgba(18,48,68,.07);
}
.sp26-crop-card h2 {
  margin:0 0 18px;
  padding-bottom:16px;
  border-bottom:1px solid var(--sp26-line);
  color:var(--sp26-ink);
  font-family:"Gotham",Arial,sans-serif;
  font-size:30px;
  font-weight:400;
  line-height:1.1;
}
.sp26-crop-card__body { color:#4a6170; font-size:15.5px; line-height:1.65; }
.sp26-crop-card__body p { margin:0 0 16px; }
.sp26-crop-card__body img { width:100%; max-height:220px; object-fit:cover; margin:0 0 20px; border-radius:12px; box-shadow:none; }
.sp26-crop-card__body a { color:var(--sp26-blue); font-weight:700; }

/* Team */
.sp26-team-intro { width:min(820px,100%); margin:0 auto 50px; color:#365061; font-size:19px; text-align:center; }
.sp26-team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.sp26-team-card {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--sp26-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 42px rgba(18,48,68,.07);
}
.sp26-team-card__media { display:flex; flex-direction:column; height:100%; color:#4a6170; font-size:15.5px; line-height:1.65; }
.sp26-team-card__media img { width:100%; aspect-ratio:4/3; object-fit:cover; margin:0; border-radius:0; box-shadow:none; order:-1; }
.sp26-team-card__media p { margin:0; padding:0 26px 26px; }
.sp26-team-card__identity { order:-1; padding:26px 26px 16px; }
.sp26-team-card__identity h2 { margin:0 0 4px; color:var(--sp26-ink); font-family:"Gotham",Arial,sans-serif; font-size:27px; font-weight:400; line-height:1.1; }
.sp26-team-card__role { margin:0; padding:0 !important; color:var(--sp26-blue); font-size:13px !important; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

/* Partners */
.sp26-richtext--intro { margin:0 0 44px; }
.sp26-partner-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.sp26-partner-card { display:grid; place-items:center; min-height:160px; padding:28px; border:1px solid var(--sp26-line); border-radius:16px; background:#fff; }
.sp26-partner-card img { max-width:180px; max-height:95px; object-fit:contain; filter:saturate(.82); }

/* News */
.sp26-page-hero--news h1 { max-width:840px; }
.sp26-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sp26-news-card { overflow:hidden; border:1px solid var(--sp26-line); border-radius:18px; background:#fff; box-shadow:0 14px 42px rgba(18,48,68,.07); }
.sp26-news-card__media { display:block; aspect-ratio:16/9; overflow:hidden; background:#eaf1f4; }
.sp26-news-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.sp26-news-card:hover .sp26-news-card__media img { transform:scale(1.025); }
.sp26-news-card__placeholder { display:block; width:100%; height:100%; background:linear-gradient(135deg,#eaf1f4,#dce9ee); }
.sp26-news-card__body { padding:26px; }
.sp26-news-card__meta, .sp26-article-meta { color:#778894; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.sp26-news-card h2 { margin:10px 0 12px; font-family:"Gotham",Arial,sans-serif; font-size:25px; font-weight:400; line-height:1.16; letter-spacing:-.025em; }
.sp26-news-card h2 a { color:var(--sp26-ink); text-decoration:none; }
.sp26-news-card p { margin:0 0 18px; color:var(--sp26-muted); font-size:15px; }
.sp26-text-link { color:var(--sp26-blue); font-size:14px; font-weight:700; text-decoration:none; }
.sp26-pagination { margin-top:48px; }
.sp26-pagination .nav-links { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.sp26-pagination a, .sp26-pagination span { display:grid; place-items:center; min-width:40px; min-height:40px; padding:0 12px; border:1px solid var(--sp26-line); border-radius:999px; text-decoration:none; color:var(--sp26-ink); }
.sp26-pagination .current { background:var(--sp26-blue); border-color:var(--sp26-blue); color:#fff; }

/* Single article */
.sp26-article-hero { padding:86px 0 50px; background:var(--sp26-pale); border-bottom:1px solid var(--sp26-line); }
.sp26-article-hero__inner { width:min(920px, calc(100% - 48px)); }
.sp26-back-link { display:inline-block; margin-bottom:24px; color:var(--sp26-blue); font-weight:700; text-decoration:none; }
.sp26-article-hero h1 { margin:0 0 22px; color:var(--sp26-ink); font-family:"Gotham",Arial,sans-serif; font-size:clamp(40px,5vw,66px); font-weight:400; line-height:1.06; letter-spacing:-.04em; }
.sp26-article-section .sp26-container { width:min(980px, calc(100% - 48px)); }
.sp26-article-card { overflow:hidden; border:1px solid var(--sp26-line); border-radius:20px; background:#fff; box-shadow:0 16px 50px rgba(18,48,68,.07); }
.sp26-article-feature { display:block; width:100%; max-height:540px; object-fit:cover; }
.sp26-article-card .sp26-richtext { padding:54px 58px 24px; width:100%; }
.sp26-source-link { padding:0 58px 54px; margin:0; }

/* Archive/search */
.sp26-simple-list { width:min(900px,100%); margin:0 auto; }
.sp26-simple-list article { padding:28px 0; border-bottom:1px solid var(--sp26-line); }
.sp26-simple-list article:first-child { padding-top:0; }
.sp26-simple-list h2 { margin:5px 0 10px; font-family:"Gotham",Arial,sans-serif; font-size:30px; font-weight:400; line-height:1.15; }
.sp26-simple-list h2 a { color:var(--sp26-ink); text-decoration:none; }
.sp26-simple-list p { margin:0; color:var(--sp26-muted); }

/* Gravity Forms / contact page */
.sp26-page--contact-us .sp26-richtext,
.sp26-page--contact .sp26-richtext { width:min(1000px,100%); }
.gform_wrapper { margin:28px 0 46px !important; }
.gform_wrapper .gfield_label { color:var(--sp26-ink) !important; font-size:14px !important; font-weight:700 !important; }
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper select,
.gform_wrapper textarea {
  width:100% !important;
  padding:13px 14px !important;
  border:1px solid #cfdce2 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:var(--sp26-ink) !important;
  font:inherit !important;
  box-shadow:none !important;
}
.gform_wrapper textarea { min-height:150px; }
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] { min-height:48px !important; padding:0 24px !important; border:0 !important; border-radius:999px !important; background:var(--sp26-blue) !important; color:#fff !important; font-weight:700 !important; cursor:pointer; }

/* Global CTA and footer */
.sp26-global-cta { padding:70px 0; background:#0b2b3e; color:#fff; }
.sp26-global-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.sp26-global-cta .sp26-eyebrow { margin-bottom:12px; color:#c7dbe6; }
.sp26-global-cta h2 { max-width:760px; margin:0; font-family:"Gotham",Arial,sans-serif; font-size:clamp(32px,4vw,50px); font-weight:400; line-height:1.08; letter-spacing:-.035em; color:#fff; }
.sp26-footer { padding:64px 0 24px; background:#071f2e; color:#c4d2da; }
.sp26-footer__grid { display:grid; grid-template-columns:1.4fr .8fr 1fr; gap:64px; align-items:start; }
.sp26-footer__brand img { width:auto; max-width:220px; max-height:52px; filter:brightness(0) invert(1); opacity:.96; }
.sp26-footer__brand p { max-width:380px; margin:20px 0 0; color:#9fb2bd; }
.sp26-footer h3 { margin:0 0 16px; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:.08em; }
.sp26-footer a { color:#dce7ec; text-decoration:none; }
.sp26-footer a:hover { color:#fff; }
.sp26-footer__menu { list-style:none; margin:0; padding:0; }
.sp26-footer__menu li { margin:9px 0; }
.sp26-footer__contact p { margin:7px 0; }
.sp26-footer__social { display:flex; gap:16px; margin-top:14px; }
.sp26-footer__bottom { display:flex; justify-content:space-between; gap:20px; margin-top:48px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); color:#8299a6; font-size:13px; }

/* 404 */
.sp26-error-hero { min-height:62vh; display:flex; align-items:center; padding:90px 0; background:linear-gradient(135deg,#f4f8fa,#e8f1f5); }
.sp26-error-hero h1 { max-width:760px; margin:0 0 22px; font-family:"Gotham",Arial,sans-serif; font-size:clamp(48px,7vw,82px); font-weight:400; line-height:1; letter-spacing:-.045em; }
.sp26-error-hero p { max-width:650px; margin:0 0 30px; color:var(--sp26-muted); font-size:19px; }
.sp26-error-actions { display:flex; gap:12px; flex-wrap:wrap; }
.sp26-button--outline { border:1px solid var(--sp26-line); color:var(--sp26-blue) !important; background:#fff; }
.sp26-empty-state { padding:36px; border:1px solid var(--sp26-line); border-radius:16px; background:var(--sp26-pale); color:var(--sp26-muted); text-align:center; }

@media (max-width: 980px) {
  .sp26-page-hero { padding:72px 0 64px; }
  .sp26-page-section { padding:58px 0 74px; }
  .sp26-feature-grid,
  .sp26-crop-grid,
  .sp26-team-grid,
  .sp26-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sp26-partner-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sp26-global-cta__inner { align-items:flex-start; flex-direction:column; }
  .sp26-footer__grid { grid-template-columns:1.2fr 1fr; }
  .sp26-footer__contact { grid-column:1 / -1; }
}

@media (max-width: 680px) {
  .sp26-container { width:calc(100% - 32px); }
  .sp26-page-hero { padding:58px 0 52px; }
  .sp26-page-hero h1 { font-size:clamp(40px,13vw,58px); }
  .sp26-page-section { padding:44px 0 60px; }
  .sp26-richtext { font-size:16.5px; }
  .sp26-richtext h2 { font-size:31px; }
  .sp26-feature-grid,
  .sp26-crop-grid,
  .sp26-team-grid,
  .sp26-news-grid,
  .sp26-partner-grid { grid-template-columns:1fr; }
  .sp26-feature-card,
  .sp26-crop-card { padding:25px; }
  .sp26-article-hero { padding:62px 0 40px; }
  .sp26-article-hero__inner,
  .sp26-article-section .sp26-container { width:calc(100% - 32px); }
  .sp26-article-card .sp26-richtext { padding:34px 24px 18px; }
  .sp26-source-link { padding:0 24px 34px; }
  .sp26-global-cta { padding:56px 0; }
  .sp26-footer { padding-top:50px; }
  .sp26-footer__grid { grid-template-columns:1fr; gap:34px; }
  .sp26-footer__contact { grid-column:auto; }
  .sp26-footer__bottom { flex-direction:column; }
}

/* --------------------------------------------------------------------------
   v2.2 curated content pages
   -------------------------------------------------------------------------- */
.sp26-curated-intro {
  width:min(940px,100%);
  margin:0 auto 54px;
}
.sp26-curated-intro h2 {
  margin:0 0 20px;
  font-size:clamp(38px,4.7vw,62px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.sp26-curated-lead {
  margin:0;
  max-width:900px;
  color:#365061;
  font-size:20px;
  line-height:1.65;
}
.sp26-curated-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:42px;
}
.sp26-button--outline {
  border:1px solid #b9cbd5;
  background:#fff;
  color:var(--sp26-blue)!important;
  box-shadow:none;
}
.sp26-button--outline:hover { background:var(--sp26-pale); border-color:#9fb7c5; }

.sp26-process-grid,
.sp26-benefit-grid,
.sp26-story-band,
.sp26-mission-pillars,
.sp26-engagement-grid,
.sp26-who-grid {
  display:grid;
  gap:18px;
}
.sp26-process-grid { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 64px; }
.sp26-process-grid article {
  min-height:275px;
  padding:28px;
  border:1px solid var(--sp26-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 34px rgba(18,48,68,.06);
}
.sp26-process-grid article span {
  display:block;
  margin-bottom:58px;
  color:var(--sp26-orange);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
}
.sp26-process-grid h3 { margin:0 0 12px!important; font-size:27px!important; }
.sp26-process-grid p { margin:0!important; color:#4a6170; font-size:15.5px; line-height:1.6; }

.sp26-curated-split {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:64px;
  align-items:start;
  margin:70px 0 0;
  padding:54px;
  border-radius:22px;
  background:var(--sp26-pale);
}
.sp26-curated-split--compact { margin-top:46px; }
.sp26-curated-split h2 { margin:10px 0 0!important; font-size:38px!important; }
.sp26-curated-split p:last-child { margin-bottom:0; }

.sp26-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sp26-benefit-grid article {
  padding:32px;
  border:1px solid var(--sp26-line);
  border-radius:18px;
  background:#fff;
}
.sp26-benefit-grid article:last-child { grid-column:1 / -1; }
.sp26-benefit-grid strong {
  display:inline-block;
  margin-bottom:22px;
  color:var(--sp26-blue);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.sp26-benefit-grid h3 { margin:0 0 12px!important; font-size:27px!important; }
.sp26-benefit-grid p { margin:0!important; color:#4a6170; }
.sp26-big-quote {
  margin:58px 0 0!important;
  padding:46px 54px!important;
  border:0!important;
  border-radius:22px;
  background:var(--sp26-blue)!important;
  color:#fff!important;
  font-family:"Gotham",Arial,sans-serif;
  font-size:clamp(28px,3.5vw,44px)!important;
  line-height:1.15!important;
  letter-spacing:-.03em;
}

.sp26-story-band { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:8px; }
.sp26-story-band > div {
  padding:32px;
  border-radius:18px;
  background:#f7fafb;
  border:1px solid var(--sp26-line);
}
.sp26-story-band span {
  display:block;
  margin-bottom:34px;
  color:var(--sp26-orange);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.sp26-story-band h3 { margin:0 0 12px!important; font-size:27px!important; }
.sp26-story-band p { margin:0!important; color:#4a6170; }
.sp26-curated-callout {
  margin:42px 0 0;
  padding:34px 40px;
  border-left:5px solid var(--sp26-green);
  border-radius:0 16px 16px 0;
  background:#f5faf2;
}
.sp26-curated-callout p { margin:0!important; font-size:22px; line-height:1.45; }

.sp26-mission-block {
  max-width:980px;
  margin:0 auto 52px;
  padding:58px;
  border-radius:24px;
  background:linear-gradient(145deg,#005594,#003c6b);
  color:#fff;
}
.sp26-mission-block .sp26-eyebrow { color:#cfe7f4; }
.sp26-mission-block h2 {
  margin:14px 0 24px!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,60px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em;
}
.sp26-mission-block p { margin:0!important; color:rgba(255,255,255,.82); font-size:20px; }
.sp26-mission-pillars { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sp26-mission-pillars article { padding:30px; border:1px solid var(--sp26-line); border-radius:18px; }
.sp26-mission-pillars h3 { margin:0 0 10px!important; }
.sp26-mission-pillars p { margin:0!important; color:#4a6170; }

.sp26-team-grid--curated .sp26-team-card--curated { overflow:hidden; }
.sp26-team-card--curated > img {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}
.sp26-team-card--curated .sp26-team-card__bio { padding:0 26px 28px; color:#4a6170; font-size:15.5px; line-height:1.65; }
.sp26-team-card--curated .sp26-team-card__bio p { margin:0; }

.sp26-crop-grid--curated .sp26-crop-card { min-height:190px; }
.sp26-crop-grid--curated .sp26-crop-card h2 { margin-bottom:20px; }

.sp26-engagement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sp26-engagement-grid article {
  padding:34px;
  border:1px solid var(--sp26-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 34px rgba(18,48,68,.05);
}
.sp26-engagement-grid article:last-child { grid-column:1 / -1; }
.sp26-engagement-grid span,
.sp26-who-card__label {
  display:block;
  margin-bottom:42px;
  color:var(--sp26-orange);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.sp26-engagement-grid h3 { margin:0 0 12px!important; font-size:28px!important; }
.sp26-engagement-grid p { margin:0!important; color:#4a6170; }
.sp26-work-cta {
  display:grid;
  grid-template-columns:1fr auto;
  gap:42px;
  align-items:center;
  margin-top:56px;
  padding:48px 52px;
  border-radius:22px;
  background:#eff6f9;
}
.sp26-work-cta h2 { margin:10px 0 12px!important; font-size:38px!important; }
.sp26-work-cta p { margin:0!important; color:#4a6170; }
.sp26-work-cta__actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }

/* Who We Serve */
.sp26-page--who-we-serve .sp26-page-hero h1 { max-width:1050px; }
.sp26-page--who-we-serve .sp26-page-hero__desc { max-width:900px; }
.sp26-who-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sp26-who-card {
  scroll-margin-top:90px;
  padding:38px;
  border:1px solid var(--sp26-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 38px rgba(18,48,68,.05);
}
.sp26-who-card:nth-child(5) { background:#f7faf4; }
.sp26-who-card h2 { margin:0 0 14px; font-size:32px; line-height:1.12; }
.sp26-who-card > p { color:#365061; font-size:17px; }
.sp26-who-card ul { margin:22px 0 0; padding-left:1.2em; color:#4a6170; }
.sp26-who-card li { margin:9px 0; }
.sp26-work-cta--who { margin-top:64px; }

/* Homepage: six-audience version */
.sp26-audiences__grid--six { grid-template-columns:repeat(3,1fr); }
.sp26-audiences__grid--six .sp26-audience { min-height:265px; }
.sp26-audiences__grid--six .sp26-audience:nth-child(5) { background:linear-gradient(155deg,#6d9f40,#456f2d); }
.sp26-audiences__grid--six .sp26-audience:nth-child(6) { background:linear-gradient(155deg,#496a78,#253f4b); }
.sp26-audiences__footer { margin-top:26px; text-align:right; }

@media (max-width:1020px) {
  .sp26-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sp26-story-band, .sp26-mission-pillars, .sp26-audiences__grid--six { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sp26-curated-split { grid-template-columns:1fr; gap:24px; }
  .sp26-who-grid { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  .sp26-curated-intro { margin-bottom:38px; }
  .sp26-curated-lead { font-size:18px; }
  .sp26-process-grid,
  .sp26-benefit-grid,
  .sp26-story-band,
  .sp26-mission-pillars,
  .sp26-engagement-grid,
  .sp26-audiences__grid--six { grid-template-columns:1fr; }
  .sp26-benefit-grid article:last-child,
  .sp26-engagement-grid article:last-child { grid-column:auto; }
  .sp26-process-grid article { min-height:0; }
  .sp26-process-grid article span { margin-bottom:34px; }
  .sp26-curated-split,
  .sp26-mission-block,
  .sp26-work-cta { padding:30px 24px; }
  .sp26-work-cta { grid-template-columns:1fr; gap:24px; }
  .sp26-work-cta__actions { justify-content:flex-start; }
  .sp26-who-card { padding:28px 24px; }
  .sp26-big-quote { padding:34px 28px!important; }
  .sp26-audiences__footer { text-align:left; }
}

/* v2.2: restore original crop photography to the curated Crops page */
.sp26-crop-grid--photos .sp26-crop-card--photo { padding:0; min-height:0; }
.sp26-crop-card__media { width:100%; aspect-ratio:16/8.5; overflow:hidden; background:#eaf1f4; }
.sp26-crop-card__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.sp26-crop-card--photo:hover .sp26-crop-card__media img { transform:scale(1.02); }
.sp26-crop-card__content { padding:28px 30px 30px; }
.sp26-crop-card--photo h2 { margin-bottom:16px; }

/* v2.2: laboratory network on Work With Spornado */
.sp26-lab-network {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  gap:54px;
  align-items:start;
  margin-top:58px;
  padding:48px 50px;
  border:1px solid var(--sp26-line);
  border-radius:22px;
  background:var(--sp26-pale);
}
.sp26-lab-network__intro h2 { margin:10px 0 14px!important; font-size:38px!important; }
.sp26-lab-network__intro p { margin:0!important; color:#4a6170; }
.sp26-lab-network__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sp26-lab-partner {
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 22px;
  border:1px solid var(--sp26-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,48,68,.04);
}
.sp26-lab-partner strong { color:var(--sp26-ink); font-size:18px; }
.sp26-lab-partner span { margin-top:4px; color:var(--sp26-muted); font-size:13px; }
@media(max-width:900px){
  .sp26-lab-network { grid-template-columns:1fr; gap:30px; padding:36px 30px; }
}
@media(max-width:560px){
  .sp26-lab-network__grid { grid-template-columns:1fr; }
  .sp26-crop-card__content { padding:24px; }
}


/* v2.3 — homepage customer logos + locked two-line hero headline */
.sp26-hero h1 {
  max-width:none;
}
.sp26-hero__line {
  display:block;
  white-space:nowrap;
}

.sp26-trust__logos {
  flex:1 1 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  align-items:center;
  gap:22px 34px;
  max-width:820px;
}
.sp26-trust__logo {
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sp26-trust__logo img {
  display:block;
  width:auto;
  max-width:100%;
  max-height:48px;
  object-fit:contain;
  filter:grayscale(100%);
  opacity:.76;
  transition:filter .18s ease, opacity .18s ease, transform .18s ease;
}
.sp26-trust__logo:hover img {
  filter:none;
  opacity:1;
  transform:translateY(-1px);
}
.sp26-trust__logo--helena img { max-height:54px; }
.sp26-trust__logo--syngenta img { max-height:52px; }
.sp26-trust__logo--growmark img { max-height:42px; }
.sp26-trust__logo--myfs img { max-height:48px; }

@media (max-width: 980px) {
  .sp26-hero h1 { font-size:clamp(40px,6.2vw,68px); }
  .sp26-trust__logos { grid-template-columns:repeat(2,minmax(130px,1fr)); max-width:none; margin-top:22px; }
}

@media (max-width: 600px) {
  .sp26-hero h1 { font-size:clamp(27px,8.2vw,40px); letter-spacing:-.045em; }
  .sp26-hero__line { white-space:nowrap; }
  .sp26-trust__logos { grid-template-columns:repeat(2,minmax(110px,1fr)); gap:20px 24px; }
  .sp26-trust__logo { min-height:48px; }
  .sp26-trust__logo img { max-height:40px; }
}

@media (max-width: 360px) {
  .sp26-hero h1 { font-size:26px; }
}