/*
Theme Name: SeaBees Custom v0.7.0 Kemp Ridley Beach Blend Preview
Theme URI: https://sea-bees.org
Author: SeaBees
Description: Custom SeaBees WordPress theme based on the approved SeaBees homepage visual direction.
Version: 0.7.0
Text Domain: seabees-custom
*/

:root{
  --sb-cream:#f6f0e5;
  --sb-ink:#08293d;
  --sb-green:#0d4a2d;
  --sb-green-dark:#07361f;
  --sb-gold:#c98906;
  --sb-teal:#0d6e7f;
  --sb-white:#fffdf8;
  --sb-muted:#4f5a56;
  --sb-border:rgba(8,41,61,.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--sb-ink);
  background:var(--sb-cream);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.sb-container{width:min(1420px,92vw);margin:0 auto}

/* Header */
.sb-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,253,248,.97);
  border-bottom:1px solid var(--sb-border);
}
.sb-header-inner{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:28px;
}
.sb-logo{
  width:178px;
  flex:0 0 auto;
}
.sb-logo img{
  width:100%;
  border-radius:0 0 8px 8px;
}
.sb-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:27px;
  flex:1;
  font-size:14px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.sb-nav a{
  padding:35px 0 30px;
  border-bottom:3px solid transparent;
}
.sb-nav a:hover,
.sb-nav a:focus{border-color:var(--sb-gold)}
.sb-shop{
  background:var(--sb-gold);
  color:white;
  padding:16px 22px;
  border-radius:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
}

/* Hero */
.sb-hero{
  position:relative;
  overflow:hidden;
  min-height:510px;
  background:
    linear-gradient(90deg, rgba(246,240,229,.98) 0%, rgba(246,240,229,.92) 33%, rgba(246,240,229,.18) 63%, rgba(246,240,229,0) 100%),
    url("assets/hero-art-v043.jpg") center right/cover no-repeat;
}
.sb-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:150px;
  background:linear-gradient(to top, rgba(246,240,229,.3), transparent);
  pointer-events:none;
}
.sb-hero-inner{
  min-height:510px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:1;
}
.sb-hero-copy{
  width:min(650px,54%);
  padding:62px 0 70px;
}
.sb-kicker{
  color:var(--sb-green);
  font-size:15px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.sb-hero h1{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(54px,6vw,92px);
  line-height:.9;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.sb-hero h1 .bees{color:var(--sb-gold)}
.sb-hero h1 .save{color:var(--sb-green)}
.sb-hero h1 .turtles{color:var(--sb-ink)}
.sb-tagline{
  margin:18px 0 14px;
  color:var(--sb-green-dark);
  font-size:20px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.sb-tagline span{color:var(--sb-gold);padding:0 7px}
.sb-hero p{
  max-width:540px;
  margin:0 0 24px;
  font-size:20px;
  line-height:1.45;
  color:#1a2627;
}
.sb-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--sb-green);
  color:white;
  border-radius:5px;
  padding:15px 21px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.sb-button:hover,.sb-button:focus{background:var(--sb-green-dark)}

/* Mission strip */
.sb-mission-strip{
  background:linear-gradient(90deg,var(--sb-green-dark),var(--sb-green));
  color:white;
}
.sb-mission-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.sb-mission-item{
  min-height:92px;
  padding:18px 24px;
  display:flex;
  align-items:center;
  gap:15px;
  border-right:1px solid rgba(255,255,255,.35);
}
.sb-mission-item:last-child{border-right:0}
.sb-mission-icon{
  width:44px;height:44px;
  border:2px solid rgba(255,255,255,.85);
  border-radius:50%;
  display:grid;place-items:center;
  font-size:23px;
  flex:0 0 auto;
}
.sb-mission-item strong{
  display:block;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.sb-mission-item small{
  display:block;
  margin-top:4px;
  font-size:14px;
  line-height:1.2;
  opacity:.94;
}

/* How section */
.sb-how{
  padding:54px 0 60px;
  background:#fffaf1;
}
.sb-section-title{
  text-align:center;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(36px,4vw,56px);
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--sb-green);
  margin:0 0 42px;
}
.sb-how-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
  align-items:start;
}
.sb-step{
  text-align:center;
  position:relative;
}
.sb-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  right:-17px;
  top:45px;
  font-size:30px;
  color:#1c2f2e;
}
.sb-step-art{
  width:112px;
  height:112px;
  margin:0 auto 16px;
  border-radius:50%;
  border:2px solid var(--sb-green);
  background:
    radial-gradient(circle at 35% 30%,#fff8df 0 18%,transparent 19%),
    linear-gradient(145deg,#d7b66b,#f5e8bf);
  display:grid;
  place-items:center;
  font-size:44px;
}
.sb-step h3{
  margin:0 0 8px;
  font-size:16px;
  text-transform:uppercase;
  color:var(--sb-green-dark);
}
.sb-step p{
  margin:0 auto;
  max-width:185px;
  font-size:14px;
  line-height:1.35;
  color:#1f2b2b;
}

/* Binational banner */
.sb-binational{
  background:linear-gradient(90deg,#082d43,#083d56);
  color:white;
  text-align:center;
  padding:19px 0 22px;
}
.sb-binational strong{
  display:block;
  font-size:20px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sb-binational .places{
  margin-top:7px;
  font-size:15px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sb-binational em{
  display:block;
  margin-top:8px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:17px;
  opacity:.95;
}

/* Responsive */
@media (max-width:1100px){
  .sb-nav{gap:14px;font-size:12px}
  .sb-shop{padding:14px 15px}
  .sb-logo{width:145px}
  .sb-how-grid{grid-template-columns:repeat(3,1fr);row-gap:38px}
  .sb-step:nth-child(3)::after{display:none}
}
@media (max-width:820px){
  .sb-header{position:relative}
  .sb-header-inner{flex-wrap:wrap;padding:12px 0 14px;gap:12px}
  .sb-logo{width:135px}
  .sb-nav{
    order:3;
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    padding-bottom:2px;
  }
  .sb-nav a{padding:10px 0 8px;white-space:nowrap}
  .sb-shop{margin-left:auto}
  .sb-hero{
    background:
      linear-gradient(180deg,rgba(246,240,229,.95) 0%,rgba(246,240,229,.92) 45%,rgba(246,240,229,.22) 74%,rgba(246,240,229,.08) 100%),
      url("assets/hero-art-v043.jpg") center bottom/cover no-repeat;
    min-height:720px;
  }
  .sb-hero-inner{align-items:flex-start;min-height:720px}
  .sb-hero-copy{width:100%;padding-top:52px}
  .sb-hero p{font-size:18px}
  .sb-mission-grid{grid-template-columns:repeat(2,1fr)}
  .sb-mission-item:nth-child(2){border-right:0}
  .sb-mission-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.28)}
}
@media (max-width:600px){
  .sb-container{width:min(94vw,1420px)}
  .sb-hero h1{font-size:50px}
  .sb-tagline{font-size:15px}
  .sb-hero p{font-size:16px;max-width:94%}
  .sb-mission-grid{grid-template-columns:1fr}
  .sb-mission-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.26)}
  .sb-mission-item:last-child{border-bottom:0}
  .sb-how-grid{grid-template-columns:1fr}
  .sb-step::after{display:none!important}
  .sb-step{padding-bottom:12px}
  .sb-step p{max-width:320px}
  .sb-section-title{letter-spacing:.03em}
}


/* Phase 2 destination pages */
.sb-page-hero{
  padding:76px 0 54px;
  background:linear-gradient(135deg,#fffaf1,#efe2c5);
  border-bottom:1px solid var(--sb-border);
}
.sb-page-hero .sb-eyebrow{
  color:var(--sb-gold);
  font-size:14px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.sb-page-hero h1{
  margin:0;
  color:var(--sb-green-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(44px,6vw,76px);
  line-height:1;
  text-transform:uppercase;
}
.sb-page-body{
  padding:58px 0 80px;
  min-height:390px;
  background:#fffdf8;
}
.sb-page-card{
  max-width:860px;
  margin:0 auto;
  padding:38px;
  border:1px solid var(--sb-border);
  background:white;
  box-shadow:0 14px 40px rgba(8,41,61,.06);
}
.sb-page-card h2{
  margin-top:0;
  color:var(--sb-green);
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
}
.sb-page-card p{
  font-size:18px;
  line-height:1.65;
  color:#273332;
}
.sb-placeholder{
  margin-top:24px;
  padding:16px 18px;
  border-left:4px solid var(--sb-gold);
  background:#faf3e3;
  color:#46504c;
  font-weight:700;
}
.sb-footer{
  background:#062a3e;
  color:white;
  padding:28px 0;
  text-align:center;
  font-size:14px;
}

.sb-home-section{padding:72px 0;background:#fffdf8}
.sb-home-section.alt{background:#f6f0e5}
.sb-home-section.dark{background:linear-gradient(135deg,#082d43,#0b5263);color:white}
.sb-movement-label{margin-bottom:12px;color:var(--sb-gold);font-size:13px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.sb-home-section h2{margin:0 0 20px;color:var(--sb-green-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,58px);line-height:1.05}
.sb-home-section.dark h2{color:white}
.sb-lede{max-width:880px;font-size:22px;line-height:1.55;color:#20302e}
.sb-home-section.dark .sb-lede{color:rgba(255,255,255,.92)}
.sb-copy{max-width:900px;font-size:18px;line-height:1.7;color:#263330}
.sb-home-section.dark .sb-copy{color:rgba(255,255,255,.9)}
.sb-cycle-flow{margin:36px 0 16px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sb-cycle-node{position:relative;min-height:122px;padding:20px 14px;display:flex;align-items:center;justify-content:center;text-align:center;background:white;border:1px solid var(--sb-border);border-radius:50%;font-weight:900;color:var(--sb-green-dark);box-shadow:0 10px 30px rgba(8,41,61,.06)}
.sb-cycle-node:not(:last-child)::after{content:"→";position:absolute;right:-17px;color:var(--sb-gold);font-size:26px}
.sb-cycle-caption{margin-top:18px;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:20px;color:var(--sb-green)}
.sb-proof-grid,.sb-two-worlds{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sb-proof-card,.sb-story-card{padding:28px;background:white;border:1px solid var(--sb-border);box-shadow:0 12px 34px rgba(8,41,61,.06)}
.sb-proof-card h3,.sb-story-card h3{margin:0 0 12px;color:var(--sb-green-dark);font-size:19px;text-transform:uppercase}
.sb-proof-card p,.sb-story-card p{margin:0;font-size:16px;line-height:1.6;color:#263330}
.sb-two-worlds{grid-template-columns:1fr 1fr}
.sb-story-kicker{color:var(--sb-gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.sb-story-card .sb-text-link{display:inline-block;margin-top:18px;color:var(--sb-green);font-weight:900;text-transform:uppercase}
.sb-bridge-line{margin-top:30px;padding:20px 24px;background:var(--sb-green-dark);color:white;text-align:center;font-weight:900;font-size:19px;letter-spacing:.02em}
.sb-cycle-people{margin:30px 0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sb-cycle-people span{padding:11px 15px;border-radius:999px;background:#fff;border:1px solid var(--sb-border);font-weight:800;color:var(--sb-green-dark)}
.sb-journey-lines{margin:24px 0;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.55}
.sb-home-cta{display:inline-flex;margin-top:22px;padding:14px 19px;background:var(--sb-gold);color:white;border-radius:5px;font-weight:900;text-transform:uppercase}
.sb-home-cta.green{background:var(--sb-green)}
@media (max-width:900px){.sb-cycle-flow{grid-template-columns:repeat(3,1fr)}.sb-cycle-node:nth-child(3)::after{display:none}.sb-proof-grid{grid-template-columns:1fr}}
@media (max-width:680px){.sb-cycle-flow{grid-template-columns:1fr}.sb-cycle-node{border-radius:12px;min-height:auto}.sb-cycle-node::after{display:none!important}.sb-two-worlds{grid-template-columns:1fr}.sb-home-section{padding:54px 0}.sb-lede{font-size:19px}}


/* v0.4.6 CLEAN HERO
   Uses a text-free bee + turtle artwork assembled from the approved concept. */
.sb-hero{
  background-color:#f6f0e5 !important;
  background-image:
    linear-gradient(90deg,rgba(246,240,229,.98) 0%,rgba(246,240,229,.94) 30%,rgba(246,240,229,.45) 47%,rgba(246,240,229,0) 67%),
    url("assets/hero-kemps-v052.jpg") !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:left top,center center !important;
  background-size:100% 100%,cover !important;
}
@media (max-width:820px){
  .sb-hero{
    background-image:
      linear-gradient(180deg,rgba(246,240,229,.97) 0%,rgba(246,240,229,.90) 42%,rgba(246,240,229,.16) 72%,rgba(246,240,229,.03) 100%),
      url("assets/hero-kemps-v052.jpg") !important;
    background-position:left top,center bottom !important;
    background-size:100% 100%,cover !important;
  }
}


/* v0.5.0 LOCKED CONTENT PAGES */
.sb-content-hero{
  padding:82px 0 70px;
  background:
    linear-gradient(90deg,rgba(246,240,229,.98),rgba(246,240,229,.88) 56%,rgba(246,240,229,.55)),
    linear-gradient(135deg,#fffaf1,#e9d6ad);
  border-bottom:1px solid var(--sb-border);
}
.sb-content-hero.honey{background:linear-gradient(135deg,#fff8e8,#ead3a0)}
.sb-content-hero .sb-container{max-width:1000px}
.sb-content-hero .sb-eyebrow{color:var(--sb-gold);font-size:14px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
.sb-content-hero h1{margin:0 0 22px;color:var(--sb-green-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,6vw,78px);line-height:1}
.sb-content-hero p{max-width:850px;font-size:21px;line-height:1.6;color:#24322f}
.sb-content-section{padding:72px 0;background:#fffdf8}
.sb-content-section.alt{background:#f6f0e5}
.sb-content-section.dark{background:linear-gradient(135deg,#082d43,#0b5263);color:white}
.sb-reading{max-width:930px}
.sb-content-section h2{margin:0 0 22px;color:var(--sb-green-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,54px);line-height:1.08}
.sb-content-section.dark h2{color:white}
.sb-content-section p{font-size:18px;line-height:1.72;color:#263330}
.sb-content-section.dark p{color:rgba(255,255,255,.92)}
.sb-content-section .sb-lede{font-size:22px}
.sb-poetic{margin:24px 0;padding-left:22px;border-left:4px solid var(--sb-gold);font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.65;color:var(--sb-green-dark)}
.sb-poetic.compact{font-size:19px}
.sb-content-section.dark .sb-poetic,.sb-content-hero .sb-poetic{color:inherit}
.sb-callout{margin:28px 0!important;font-family:Georgia,"Times New Roman",serif;font-size:25px!important;font-weight:700;color:var(--sb-green-dark)!important}
.sb-callout.light{color:white!important}
.sb-principles{margin-top:34px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sb-principles article{padding:24px 20px;background:white;border:1px solid var(--sb-border);box-shadow:0 10px 28px rgba(8,41,61,.06)}
.sb-principles h3{margin:0 0 10px;color:var(--sb-green-dark);font-size:17px}
.sb-principles p{margin:0;font-size:15px;line-height:1.55}
.sb-compass{text-align:center;margin:34px auto 0!important;font-family:Georgia,"Times New Roman",serif;font-size:21px!important}
@media(max-width:1000px){.sb-principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
 .sb-content-hero{padding:56px 0 48px}
 .sb-content-section{padding:54px 0}
 .sb-content-section p{font-size:17px}
 .sb-poetic{font-size:19px}
 .sb-principles{grid-template-columns:1fr}
}


/* =========================================================
   v0.5.3 — HERO DISPLAY FIX
   Preserve approved Kemp's ridley artwork; control fit in CSS.
   ========================================================= */
body.home .sb-hero,
body.home section.sb-hero {
    background-image: url("assets/hero-kemps-v052.jpg") !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Keep the artwork fully visible at common desktop/tablet widths.
   Existing live text remains HTML layered over the left side. */
@media (min-width: 769px) {
    body.home .sb-hero,
    body.home section.sb-hero {
        background-size: 100% 100% !important;
        background-position: center center !important;
    }
}

/* On phones, preserve the full composition rather than cover-cropping it. */
@media (max-width: 768px) {
    body.home .sb-hero,
    body.home section.sb-hero {
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-color: #f6f0e5 !important;
    }
}


/* =========================================================
   v0.5.4 — APPROVED HOME SCREEN CHECKPOINT
   Exact approved homepage visual rendered responsively.
   Transparent hotspot links keep primary navigation/buttons live.
   Mission and Honey page templates remain unchanged.
   ========================================================= */
body.home{background:#fffdf8}
.sb-approved-home{position:relative;width:100vw;max-width:none;margin:0;background:#fffdf8;overflow:hidden}
.sb-approved-home img{display:block;width:100%;height:auto;margin:0}
.sb-home-hotspot{position:absolute;z-index:5;display:block;background:transparent;border:0;text-indent:-9999px;overflow:hidden}
.sb-home-hotspot:focus{outline:3px solid #c98906;outline-offset:2px;text-indent:0;background:rgba(255,255,255,.94);color:#08293d;font-size:12px;font-weight:700;padding:3px}
/* v0.7.0 percentage geometry based on the 1669 x 942 beach-blend preview master */
.hs-home{left:30.8%;top:3.0%;width:4.0%;height:6.5%}
.hs-mission{left:35.0%;top:3.0%;width:6.2%;height:6.5%}
.hs-honey{left:41.6%;top:3.0%;width:6.1%;height:6.5%}
.hs-tequila{left:48.0%;top:3.0%;width:8.0%;height:6.5%}
.hs-impact{left:56.8%;top:3.0%;width:4.7%;height:6.5%}
.hs-involved{left:62.0%;top:3.0%;width:7.2%;height:6.5%}
.hs-about{left:69.5%;top:3.0%;width:5.7%;height:6.5%}
.hs-news{left:75.5%;top:3.0%;width:7.8%;height:6.5%}
.hs-shop{left:84.0%;top:2.4%;width:12.9%;height:7.0%}
.hs-story{left:3.3%;top:53.5%;width:15.6%;height:8.5%}
/* v0.6.4: move the two homepage donation choices to the top of the page, immediately below the main navigation. */
.hs-donate-direct{left:62.2%;top:13.6%;width:16.2%;height:8.0%}
.hs-donate-tax{left:79.2%;top:13.6%;width:17.1%;height:8.0%}
.sb-home-donate-choice{
  text-indent:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:6px;text-decoration:none;text-align:center;padding:.25em .4em;line-height:1.05;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.sb-home-donate-choice strong{font-size:clamp(7px,.72vw,14px);letter-spacing:.025em;text-transform:uppercase}
.sb-home-donate-choice small{margin-top:.28em;font-size:clamp(5px,.48vw,9px);font-weight:700;letter-spacing:.01em}
.sb-home-donate-choice.direct{background:#c98906;color:#fff}
.sb-home-donate-choice.direct:hover{background:#a97005;color:#fff}
.sb-home-donate-choice.tax{background:#fffdf8;color:#07361f;border:2px solid #c98906;cursor:default}
.sb-home-donate-choice.tax small{color:#6b5a31}

@media(max-width:700px){
  .sb-approved-home{min-width:0}
}


/* =========================================================
   v0.6.0 — FULL-WIDTH HOMEPAGE PRESENTATION
   Removes the desktop max-width cap from the approved homepage
   while preserving the approved artwork and percentage hotspots.
   ========================================================= */
html, body.home{width:100%;max-width:none;overflow-x:hidden}
body.home .sb-approved-home{width:100vw;max-width:none;margin:0}
body.home .sb-approved-home > img{width:100%;max-width:none;height:auto}


/* =========================================================
   v0.6.1 — TARGETED CORRECTIONS
   1) Visible homepage story button label.
   2) Mission/Honey routing hardened in page.php.
   ========================================================= */
.sb-home-hotspot.hs-story{
  text-indent:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b3442;
  color:#fff;
  font-weight:800;
  font-size:clamp(8px,0.78vw,15px);
  line-height:1.05;
  letter-spacing:.01em;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:2px;
  padding:0 .35em;
}
.sb-home-hotspot.hs-story:hover{background:#08293d;color:#fff}

/* =========================================================
   v0.6.2 — LOCKED IMPACT / GET INVOLVED / ABOUT US
   Adds three source-of-truth page implementations while
   preserving all v0.6.1 homepage, Mission, Honey and story work.
   ========================================================= */
.sb-impact-hero{background:linear-gradient(135deg,#edf5e9,#f8edcf)}
.sb-involved-hero{background:linear-gradient(135deg,#fff8e8,#e9f3e8)}
.sb-about-hero{background:linear-gradient(135deg,#f6f0e5,#e5efe9)}
.sb-subhead{margin:34px 0 14px;color:var(--sb-green-dark);font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.15}
.sb-subhead.light{color:white}
.sb-cycle-flow-6{grid-template-columns:repeat(6,1fr)}
.sb-impact-chain{margin:28px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}
.sb-impact-chain span{padding:12px 16px;background:#fff;border:1px solid var(--sb-border);font-weight:800;color:var(--sb-green-dark)}
.sb-impact-chain b{color:var(--sb-gold);font-size:24px}
.sb-metric-list{margin:24px 0;padding-left:24px;color:#263330;font-size:18px;line-height:1.7}
.sb-future-dashboard{margin-top:30px;padding:24px;border:2px dashed rgba(13,74,45,.35);background:#f7fbf5;text-align:center;color:var(--sb-green-dark);font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.sb-path-grid{margin-top:34px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sb-path-grid article{padding:24px 20px;background:white;border:1px solid var(--sb-border);box-shadow:0 10px 28px rgba(8,41,61,.06)}
.sb-path-grid h3{margin:0 0 8px;color:var(--sb-green-dark);font-size:18px;text-transform:uppercase}
.sb-path-grid strong{display:block;color:var(--sb-gold);margin-bottom:12px}
.sb-path-grid p{font-size:15px;line-height:1.55}
.sb-action-disabled{display:inline-flex;margin-top:18px;padding:13px 18px;border:2px solid var(--sb-gold);color:var(--sb-green-dark);font-weight:900;text-transform:uppercase;letter-spacing:.02em;opacity:.82;cursor:default}
.sb-action-disabled.light{color:white;border-color:#e5b94f;opacity:1}
.sb-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.sb-founder-grid{margin:36px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sb-founder-grid article{padding:30px;background:white;border:1px solid var(--sb-border);box-shadow:0 12px 34px rgba(8,41,61,.06)}
.sb-founder-grid h3{margin:5px 0 16px;color:var(--sb-green-dark);font-family:Georgia,"Times New Roman",serif;font-size:30px;text-transform:uppercase}
.sb-founder-grid p{font-size:16px;line-height:1.65;color:#263330}
.sb-founder-role{color:var(--sb-gold);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.sb-authentic-photo{margin:38px auto 0;max-width:760px;text-align:center}
.sb-authentic-photo img{width:100%;height:auto;border:1px solid var(--sb-border);box-shadow:0 14px 36px rgba(8,41,61,.12)}
.sb-authentic-photo figcaption{padding:14px 10px;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.55;color:#46504c}
.sb-ripple-line{margin:28px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sb-ripple-line span{padding:16px 12px;background:white;border:1px solid var(--sb-border);text-align:center;font-weight:800;color:var(--sb-green-dark)}
.sb-closing-lines{margin-top:34px!important;font-family:Georgia,"Times New Roman",serif;font-size:28px!important;line-height:1.45!important;color:white!important}
@media(max-width:1100px){.sb-path-grid{grid-template-columns:repeat(2,1fr)}.sb-founder-grid{grid-template-columns:1fr}.sb-ripple-line{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sb-path-grid{grid-template-columns:1fr}.sb-impact-chain{justify-content:flex-start}.sb-cycle-flow-6{grid-template-columns:1fr}.sb-ripple-line{grid-template-columns:1fr}.sb-content-hero h1{font-size:clamp(38px,11vw,58px)}}


/* =========================================================
   v0.6.3 — DUAL DONATION PATHS
   Direct SeaBees route is verified and active.
   AHBPA tax-deductible route is designed but intentionally inactive.
   ========================================================= */
.sb-donation-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.sb-donation-choice{display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:18px 20px;border-radius:7px;text-decoration:none}
.sb-donation-choice strong{font-size:17px;text-transform:uppercase;letter-spacing:.025em}
.sb-donation-choice span{margin-top:7px;font-size:14px;line-height:1.35}
.sb-donation-choice.direct{background:var(--sb-gold);color:#fff;box-shadow:0 10px 24px rgba(8,41,61,.12)}
.sb-donation-choice.direct:hover{background:#a97005;color:#fff}
.sb-donation-choice.tax{background:#fff;border:2px solid var(--sb-gold);color:var(--sb-green-dark);cursor:default}
.sb-donation-note{margin-top:13px;font-size:13px;line-height:1.5;color:var(--sb-muted)}
.sb-content-section.dark .sb-donation-note{color:rgba(255,255,255,.78)}
@media(max-width:700px){.sb-donation-choices{grid-template-columns:1fr}.sb-home-donate-choice strong{font-size:clamp(6px,1.15vw,10px)}.sb-home-donate-choice small{display:none}}


/* =========================================================
   v0.6.4 — HOMEPAGE DONATION CHOICES MOVED ABOVE THE FOLD
   Keeps both choices immediately visible under the navigation.
   Direct SeaBees route remains active; AHBPA remains inactive.
   ========================================================= */
@media(max-width:900px){
  .hs-donate-direct{left:61.5%;top:10.0%;width:16.8%;height:6.2%}
  .hs-donate-tax{left:79.0%;top:10.0%;width:17.2%;height:6.2%}
  .sb-home-donate-choice strong{font-size:clamp(6px,.9vw,10px)}
  .sb-home-donate-choice small{display:none}
}


/* =========================================================
   v0.6.5 — LIVE DUAL DONATION + BUTTON POLISH
   Activates AHBPA Form #125 and gives both donation paths
   a stronger, coordinated visual treatment.
   ========================================================= */
.sb-home-donate-choice{
  border-radius:10px;
  padding:.38em .5em;
  box-shadow:0 7px 18px rgba(8,41,61,.22);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.sb-home-donate-choice:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,41,61,.28)}
.sb-home-donate-choice strong{font-weight:900}
.sb-home-donate-choice b{margin-top:.28em;font-size:clamp(5px,.46vw,9px);letter-spacing:.08em;text-transform:uppercase}
.sb-home-donate-choice.direct{background:linear-gradient(135deg,#c98906,#b27604);border:2px solid #e3b84e}
.sb-home-donate-choice.direct:hover{background:linear-gradient(135deg,#b97c05,#9e6703)}
.sb-home-donate-choice.tax{background:linear-gradient(135deg,#fffdf8,#f5ecd7);color:#07361f;border:2px solid #c98906;cursor:pointer}
.sb-home-donate-choice.tax:hover{background:#fff;color:#07361f}
.sb-home-donate-choice.tax b{color:#9a6500}
.sb-donation-choice{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.sb-donation-choice:hover{transform:translateY(-2px)}
.sb-donation-choice.tax{cursor:pointer;box-shadow:0 10px 24px rgba(8,41,61,.08)}
.sb-donation-choice.tax:hover{background:#fffaf0;color:var(--sb-green-dark);box-shadow:0 14px 30px rgba(8,41,61,.13)}
.sb-home-cta-tax{background:#fff;color:var(--sb-green-dark)!important;border:2px solid #e5b94f}
.sb-home-cta-tax:hover{background:#fff8e8;color:var(--sb-green-dark)!important}
@media(max-width:700px){.sb-home-donate-choice b{display:none}}

/* v0.6.8 preview: preserve click functionality without drawing duplicate controls over master artwork. */
.sb-approved-home .sb-home-hotspot.hs-story,
.sb-approved-home .sb-home-donate-choice{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:transparent !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  transform:none !important;
}
.sb-approved-home .sb-home-hotspot.hs-story:hover,
.sb-approved-home .sb-home-donate-choice:hover{background:transparent !important;box-shadow:none !important;transform:none !important;}
.sb-approved-home .sb-home-donate-choice strong,
.sb-approved-home .sb-home-donate-choice small,
.sb-approved-home .sb-home-donate-choice b{display:none !important;}
.sb-approved-home .sb-home-hotspot.hs-story:focus,
.sb-approved-home .sb-home-donate-choice:focus{outline:3px solid #c98906;outline-offset:2px;}