/* =========================================================
   LINK COMMUNITY HUB™ — SHARED PUBLIC BRAND SHELL
   2026-08-27
   ========================================================= */

:root {
  --link-navy:#071d3b;
  --link-navy2:#0b2b54;
  --link-gold:#e2a62f;
  --link-gold2:#bd7d13;
  --link-cream:#f7f3eb;
  --link-white:#ffffff;
  --link-ink:#0b2344;
  --link-muted:#5a6471;
}

/* ---------- LOGO ---------- */

.link-master-logo,
.link-form-brand img,
.resource-header .brand img,
.portal-wordmark img {
  display:block;
  width:min(310px,78vw);
  height:auto;
  object-fit:contain;
}

.link-logo-pill,
.link-form-brand,
.resource-header .brand,
.portal-wordmark {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:7px 12px !important;
  border-radius:10px;
  background:#fff !important;
  box-shadow:0 8px 28px rgba(0,0,0,.16);
  text-decoration:none !important;
}

/* ---------- GLOBAL PUBLIC NAV ---------- */

.link-ecosystem-nav,
.link-business-public-nav {
  position:relative;
  z-index:20;
  width:min(1420px,calc(100% - 34px));
  margin:14px auto;
  padding:8px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:14px;
  background:rgba(7,29,59,.94);
  box-shadow:0 12px 38px rgba(6,23,46,.18);
  backdrop-filter:blur(14px);
}

.link-ecosystem-nav a,
.link-business-public-nav a {
  position:relative;
  overflow:hidden;
  padding:10px 13px !important;
  border-radius:8px !important;
  color:#fff !important;
  background:transparent !important;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.02em;
  transition:
    transform .2s ease,
    color .2s ease,
    background .2s ease;
}

.link-ecosystem-nav a::after,
.link-business-public-nav a::after {
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:2px;
  transform:scaleX(0);
  background:var(--link-gold);
  transition:transform .22s ease;
}

.link-ecosystem-nav a:hover,
.link-business-public-nav a:hover {
  transform:translateY(-1px);
  background:rgba(255,255,255,.08) !important;
  color:var(--link-gold) !important;
}

.link-ecosystem-nav a:hover::after,
.link-business-public-nav a:hover::after {
  transform:scaleX(1);
}

.link-ecosystem-nav span {
  display:inline-block;
  margin-left:4px;
  padding:2px 5px;
  border-radius:10px;
  background:var(--link-gold);
  color:var(--link-navy);
  font-size:7px;
}

/* ---------- PUBLIC HERO ---------- */

.link-public-header {
  position:relative;
  z-index:5;
  padding:18px 28px !important;
  background:
    radial-gradient(circle at 80% 0%,rgba(226,166,47,.18),transparent 35%),
    linear-gradient(135deg,#06172e,#0b2b54) !important;
}

.link-public-header a {
  display:inline-flex;
  padding:7px 12px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 34px rgba(0,0,0,.18);
}

.link-public-header img {
  width:min(315px,75vw) !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.link-public-hero {
  position:relative;
  overflow:hidden;
  min-height:375px;
  padding:70px 28px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
  isolation:isolate;
}

.link-public-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(
      90deg,
      rgba(4,19,39,.97),
      rgba(7,29,59,.88) 50%,
      rgba(7,29,59,.35)
    ),
    url("/lakenorman/assets/hero-approved.jpg")
      center/cover no-repeat;
}

.link-public-hero::after {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  top:-250px;
  right:-80px;
  z-index:-1;
  border-radius:50%;
  background:rgba(226,166,47,.2);
  filter:blur(4px);
  animation:linkFloat 7s ease-in-out infinite;
}

.support-local-hero::before {
  background:
    linear-gradient(
      90deg,
      rgba(4,19,39,.97),
      rgba(7,29,59,.8) 52%,
      rgba(7,29,59,.25)
    ),
    url("/lakenorman/assets/partner.jpg")
      center/cover no-repeat;
}

.community-hero::before {
  background:
    linear-gradient(
      90deg,
      rgba(4,19,39,.97),
      rgba(7,29,59,.82) 52%,
      rgba(7,29,59,.28)
    ),
    url("/lakenorman/assets/engage.jpg")
      center/cover no-repeat;
}

.link-public-hero .eyebrow {
  color:var(--link-gold) !important;
  letter-spacing:.18em !important;
  animation:linkFadeUp .55s ease both;
}

.link-public-hero h1 {
  text-shadow:0 8px 28px rgba(0,0,0,.25);
  animation:linkFadeUp .65s .08s ease both;
}

.link-public-hero p {
  font-size:14px !important;
  animation:linkFadeUp .7s .16s ease both;
}

/* ---------- PUBLIC CARDS ---------- */

.link-role-card,
.link-public-card,
.business-value-card,
.link-resource-public-intro,
.nonprofit-card,
.organization-card,
.directory-card,
.resource-card {
  position:relative;
  overflow:hidden;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease;
}

.link-role-card::before,
.link-public-card::before,
.business-value-card::before {
  content:"";
  position:absolute;
  top:-120%;
  left:-60%;
  width:50%;
  height:300%;
  transform:rotate(24deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );
  transition:left .65s ease;
  pointer-events:none;
}

.link-role-card:hover::before,
.link-public-card:hover::before,
.business-value-card:hover::before {
  left:135%;
}

.link-role-card:hover,
.link-public-card:hover,
.business-value-card:hover,
.nonprofit-card:hover,
.organization-card:hover,
.directory-card:hover,
.resource-card:hover {
  transform:translateY(-6px);
  border-color:rgba(226,166,47,.65);
  box-shadow:0 18px 38px rgba(7,29,59,.15);
}

.link-role-grid .link-role-card:nth-child(1),
.link-public-grid .link-public-card:nth-child(1) {
  animation:linkFadeUp .55s .02s both;
}
.link-role-grid .link-role-card:nth-child(2),
.link-public-grid .link-public-card:nth-child(2) {
  animation:linkFadeUp .55s .07s both;
}
.link-role-grid .link-role-card:nth-child(3),
.link-public-grid .link-public-card:nth-child(3) {
  animation:linkFadeUp .55s .12s both;
}
.link-role-grid .link-role-card:nth-child(4),
.link-public-grid .link-public-card:nth-child(4) {
  animation:linkFadeUp .55s .17s both;
}
.link-role-grid .link-role-card:nth-child(5),
.link-public-grid .link-public-card:nth-child(5) {
  animation:linkFadeUp .55s .22s both;
}
.link-role-grid .link-role-card:nth-child(6),
.link-public-grid .link-public-card:nth-child(6) {
  animation:linkFadeUp .55s .27s both;
}
.link-role-grid .link-role-card:nth-child(7) {
  animation:linkFadeUp .55s .32s both;
}
.link-role-grid .link-role-card:nth-child(8) {
  animation:linkFadeUp .55s .37s both;
}

/* ---------- BUTTONS ---------- */

.link-card-button,
.link-public-card a,
.business-value-card .business-card-cta,
.link-public-cta a,
.link-resource-actions a,
.link-fomo-actions a {
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  overflow:hidden;
  border:0;
  border-radius:7px !important;
  background:linear-gradient(135deg,var(--link-gold),#efbd55) !important;
  color:var(--link-navy) !important;
  text-decoration:none !important;
  font-weight:900 !important;
  box-shadow:0 7px 18px rgba(189,125,19,.2);
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.link-card-button:hover,
.link-public-card a:hover,
.business-value-card:hover .business-card-cta,
.link-public-cta a:hover,
.link-resource-actions a:hover,
.link-fomo-actions a:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(189,125,19,.3);
}

/* ---------- BUSINESS PUBLIC VALUE ---------- */

.business-value-section {
  width:min(1200px,calc(100% - 32px)) !important;
  margin:30px auto !important;
  padding:30px !important;
  border:1px solid rgba(11,35,68,.1);
  border-radius:18px !important;
  background:
    radial-gradient(circle at 90% 0%,rgba(226,166,47,.13),transparent 30%),
    #fff !important;
  box-shadow:0 18px 42px rgba(7,29,59,.09);
}

.business-value-section h2 {
  color:var(--link-navy);
  font-size:31px !important;
}

.business-value-grid {
  grid-template-columns:repeat(3,1fr) !important;
}

.business-value-card {
  min-height:235px;
  padding:22px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(11,35,68,.12);
  border-radius:13px;
  background:
    linear-gradient(145deg,#fff,#f8f4ea);
  color:var(--link-navy);
  text-decoration:none;
}

.business-value-card .business-card-icon {
  width:48px;
  height:48px;
  margin-bottom:13px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--link-navy);
  color:var(--link-gold);
  font-size:20px;
}

.business-value-card strong {
  font-size:13px;
}

.business-value-card p {
  flex:1;
  min-height:0 !important;
}

.business-card-cta {
  width:max-content;
  max-width:100%;
  padding:9px 11px;
  font-size:10px;
}

/* ---------- SUPPORT LOCAL ---------- */

.support-local-preview {
  margin-bottom:25px;
  padding:22px;
  border-radius:15px;
  background:
    linear-gradient(135deg,var(--link-navy),#104171);
  color:#fff;
  box-shadow:0 16px 38px rgba(7,29,59,.18);
}

.support-local-preview strong {
  color:var(--link-gold);
}

.link-coming-badge {
  animation:linkPulse 2s ease-in-out infinite;
}

/* ---------- CLAIM / JOIN FOMO ---------- */

.link-fomo-panel,
.link-public-cta {
  position:relative;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(7,29,59,.16);
}

.link-fomo-panel::after,
.link-public-cta::after {
  content:"";
  position:absolute;
  width:270px;
  height:270px;
  right:-130px;
  top:-150px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
}

/* ---------- RESOURCE EXCHANGE ---------- */

.link-resource-public-intro {
  border-top:5px solid var(--link-gold) !important;
}

.resource-rule {
  border-radius:9px;
  box-shadow:inset 0 0 0 1px rgba(226,166,47,.16);
}

/* ---------- ANIMATION ---------- */

@keyframes linkFadeUp {
  from {
    opacity:0;
    transform:translateY(18px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes linkFloat {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(18px); }
}

@keyframes linkPulse {
  0%,100% { transform:scale(1); }
  50% { transform:scale(1.05); }
}

@media (prefers-reduced-motion:reduce) {
  *,
  *::before,
  *::after {
    animation:none !important;
    transition:none !important;
  }
}

@media(max-width:950px) {
  .business-value-grid {
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:650px) {
  .business-value-grid {
    grid-template-columns:1fr !important;
  }

  .link-public-hero {
    min-height:410px;
    padding:55px 20px !important;
  }
}


/* =========================================================
   SUPPORT LOCAL FOMO CTA — 2026-08-27
   ========================================================= */

.support-local-fomo {
  width:min(1320px,100%);
  margin:38px auto 12px;
  padding:42px;
  overflow:hidden;
  position:relative;
  border-radius:22px;
  background:
    radial-gradient(
      circle at 95% 0%,
      rgba(226,166,47,.24),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #071d3b,
      #0b315f
    );
  box-shadow:
    0 26px 65px rgba(7,29,59,.22);
}

.support-local-fomo::before {
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  left:-180px;
  bottom:-220px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
}

.support-local-fomo-head {
  position:relative;
  z-index:2;
  max-width:870px;
  margin:0 auto 30px;
  text-align:center;
  color:#fff;
}

.support-local-fomo-head > span {
  display:inline-block;
  margin-bottom:10px;
  padding:7px 12px;
  border-radius:999px;
  background:#e2a62f;
  color:#071d3b;
  font:900 9px Montserrat,sans-serif;
  letter-spacing:.13em;
}

.support-local-fomo-head h2 {
  margin:4px 0 12px;
  color:#fff;
  font:700 40px/1.08 "Libre Baskerville",serif;
  text-shadow:
    0 8px 24px rgba(0,0,0,.22);
}

.support-local-fomo-head p {
  max-width:760px;
  margin:0 auto;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.7;
}

.support-local-fomo-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.support-fomo-card {
  min-height:390px;
  padding:32px;
  display:flex;
  flex-direction:column;
  border-radius:18px;
  text-decoration:none;
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.support-fomo-card:hover {
  transform:translateY(-7px) scale(1.01);
}

.support-fomo-card.nonprofit {
  background:
    linear-gradient(
      145deg,
      #f4c65f,
      #e2a62f
    );
  color:#071d3b;
  box-shadow:
    0 18px 42px rgba(226,166,47,.24);
}

.support-fomo-card.business {
  border:1px solid rgba(255,255,255,.25);
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eef3f8
    );
  color:#071d3b;
  box-shadow:
    0 18px 42px rgba(0,0,0,.16);
}

.support-fomo-label {
  width:max-content;
  margin-bottom:15px;
  padding:6px 10px;
  border-radius:999px;
  font:900 9px Montserrat,sans-serif;
  letter-spacing:.1em;
}

.support-fomo-card.nonprofit
.support-fomo-label {
  background:#071d3b;
  color:#fff;
}

.support-fomo-card.business
.support-fomo-label {
  background:#0b315f;
  color:#fff;
}

.support-fomo-icon {
  width:62px;
  height:62px;
  margin-bottom:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:27px;
  font-weight:900;
}

.support-fomo-card.nonprofit
.support-fomo-icon {
  background:#fff;
  color:#b9780d;
}

.support-fomo-card.business
.support-fomo-icon {
  background:#071d3b;
  color:#e2a62f;
}

.support-fomo-card h3 {
  margin:0 0 12px;
  font:700 28px/1.12 "Libre Baskerville",serif;
}

.support-fomo-card p {
  flex:1;
  margin:0 0 25px;
  font-size:13px;
  line-height:1.65;
}

.support-fomo-card strong {
  min-height:58px;
  padding:17px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:10px;
  font:900 11px Montserrat,sans-serif;
  letter-spacing:.02em;
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.support-fomo-card.nonprofit strong {
  background:#071d3b;
  color:#fff;
  box-shadow:
    0 10px 25px rgba(7,29,59,.24);
}

.support-fomo-card.business strong {
  background:#e2a62f;
  color:#071d3b;
  box-shadow:
    0 10px 25px rgba(189,125,19,.2);
}

.support-fomo-card:hover strong {
  transform:translateX(3px);
}

.support-fomo-card strong span {
  font-size:22px;
}

.support-local-bottom-note {
  position:relative;
  z-index:2;
  margin-top:25px;
  padding-top:22px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  border-top:
    1px solid rgba(255,255,255,.18);
  color:#fff;
  text-align:center;
}

.support-local-bottom-note strong {
  color:#e2a62f;
  font:900 10px Montserrat,sans-serif;
  letter-spacing:.08em;
}

.support-local-bottom-note span {
  font-size:11px;
}

@media(max-width:800px) {

  .support-local-fomo {
    padding:28px 18px;
  }

  .support-local-fomo-head h2 {
    font-size:31px;
  }

  .support-local-fomo-grid {
    grid-template-columns:1fr;
  }

  .support-fomo-card {
    min-height:340px;
  }

}

/* ===== END SUPPORT LOCAL FOMO CTA ===== */


/* =========================================================
   ROUND LOGO + MAJOR COMING SOON — 2026-08-27
   ========================================================= */

/* ---------- ROUND BRAND MARKS ---------- */

.support-local-brand-mark,
.community-round-brand,
.business-value-brand {
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
  margin:0 auto 18px;
}

.support-local-brand-mark img,
.community-round-brand img {
  width:118px;
  height:118px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  padding:4px;
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    0 0 0 5px rgba(226,166,47,.24);
  animation:linkRoundFloat 5s ease-in-out infinite;
}

.community-round-brand img {
  width:105px;
  height:105px;
}

.business-value-brand {
  justify-content:flex-start;
  margin:0 0 17px;
}

.business-value-brand img {
  width:88px;
  height:88px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  padding:3px;
  box-shadow:
    0 12px 28px rgba(7,29,59,.16),
    0 0 0 4px rgba(226,166,47,.16);
}

/* ---------- HUGE COMING SOON ---------- */

.support-coming-soon {
  position:relative;
  z-index:3;
  width:max-content;
  max-width:100%;
  margin:0 auto 16px;
  color:#f3b83e;
  font-family:Montserrat,sans-serif;
  font-size:clamp(52px,7vw,94px);
  line-height:.9;
  font-weight:950;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-shadow:
    0 4px 0 rgba(128,76,0,.2),
    0 14px 35px rgba(0,0,0,.34);
  animation:
    linkComingSoonReveal .8s ease both,
    linkComingSoonGlow 3s 1s ease-in-out infinite;
}

.support-coming-soon::after {
  content:"";
  display:block;
  width:64%;
  height:5px;
  margin:15px auto 0;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      transparent,
      #f3b83e,
      #fff2c7,
      #f3b83e,
      transparent
    );
}

/* Make Support Local hero feel like an actual launch page */

.support-local-hero {
  min-height:610px !important;
  padding-top:58px !important;
  padding-bottom:64px !important;
}

.support-local-hero .eyebrow {
  margin-top:4px;
  font-size:11px !important;
}

.support-local-hero h1 {
  max-width:950px !important;
  margin-top:13px !important;
  font-size:clamp(38px,5vw,66px) !important;
}

.support-local-hero p {
  max-width:820px !important;
  font-size:16px !important;
}

/* ---------- BOTTOM FOMO ROUND LOGO ---------- */

.support-fomo-round-logo {
  display:block;
  width:104px;
  height:104px;
  margin:0 auto 18px;
  object-fit:contain;
  border-radius:50%;
  padding:3px;
  background:#fff;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    0 0 0 4px rgba(226,166,47,.24);
}

/* Make conversion heading substantially larger */

.support-local-fomo-head h2 {
  font-size:clamp(38px,4.5vw,58px) !important;
  line-height:1.04 !important;
  letter-spacing:-.025em;
}

.support-local-fomo-head > span {
  font-size:11px !important;
  padding:9px 15px !important;
}

/* ---------- COMMUNITY HERO ---------- */

.community-hero {
  min-height:500px !important;
}

/* ---------- MOTION ---------- */

@keyframes linkRoundFloat {
  0%,100% {
    transform:translateY(0) rotate(0deg);
  }

  50% {
    transform:translateY(-8px) rotate(1.5deg);
  }
}

@keyframes linkComingSoonReveal {
  from {
    opacity:0;
    transform:
      translateY(22px)
      scale(.92);
  }

  to {
    opacity:1;
    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes linkComingSoonGlow {
  0%,100% {
    filter:
      drop-shadow(0 0 0 rgba(226,166,47,0));
  }

  50% {
    filter:
      drop-shadow(0 0 16px rgba(226,166,47,.32));
  }
}

@media(max-width:650px) {

  .support-local-brand-mark img {
    width:92px;
    height:92px;
  }

  .support-coming-soon {
    font-size:48px;
    letter-spacing:-.045em;
  }

  .support-local-hero {
    min-height:560px !important;
  }

  .support-fomo-round-logo {
    width:86px;
    height:86px;
  }

}

/* ===== END ROUND LOGO + MAJOR COMING SOON ===== */


/* =========================================================
   LINK FULL BRAND PALETTE — 2026-08-27
   Bring public ecosystem pages back to approved LINK palette
   ========================================================= */

:root {
  --link-navy:#0b2344;
  --link-navy-deep:#06172e;

  --link-gold:#e0a52f;
  --link-amber:#d18c28;

  --link-cream:#f7f3eb;
  --link-cream-dark:#eee7dc;

  --link-teal:#2d7777;
  --link-green:#577c42;
  --link-berry:#9b3a38;

  --link-white:#ffffff;
  --link-ink:#0c2448;
  --link-muted:#566070;
}


/* ---------------------------------------------------------
   PAGE BACKGROUND — warmer, less corporate
   --------------------------------------------------------- */

.link-public-page {
  background:
    radial-gradient(
      circle at 15% 5%,
      rgba(45,119,119,.07),
      transparent 27%
    ),
    radial-gradient(
      circle at 90% 20%,
      rgba(224,165,47,.09),
      transparent 25%
    ),
    var(--link-cream) !important;
}

.link-public-content {
  position:relative;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL — richer launch palette
   --------------------------------------------------------- */

.support-local-preview {
  border-left:7px solid var(--link-gold);
  background:
    linear-gradient(
      125deg,
      var(--link-teal),
      #245f63
    ) !important;
}

.support-local-preview strong {
  color:#ffe1a0 !important;
}

.support-coming-soon {
  color:#f3bd4c !important;
}

.support-coming-soon::after {
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--link-teal),
      var(--link-gold),
      var(--link-berry),
      transparent
    ) !important;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL LARGE FOMO
   --------------------------------------------------------- */

.support-local-fomo {
  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(45,119,119,.34),
      transparent 30%
    ),
    radial-gradient(
      circle at 92% 8%,
      rgba(224,165,47,.24),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      var(--link-navy-deep),
      var(--link-navy)
    ) !important;
}


/* NONPROFIT SIDE */

.support-fomo-card.nonprofit {
  border-top:8px solid var(--link-berry) !important;

  background:
    linear-gradient(
      145deg,
      #fffaf4,
      #f7eadb
    ) !important;

  color:var(--link-navy) !important;

  box-shadow:
    0 20px 44px rgba(155,58,56,.15) !important;
}

.support-fomo-card.nonprofit
.support-fomo-label {
  background:var(--link-berry) !important;
  color:#fff !important;
}

.support-fomo-card.nonprofit
.support-fomo-icon {
  background:var(--link-berry) !important;
  color:#fff !important;
}

.support-fomo-card.nonprofit strong {
  background:var(--link-berry) !important;
  color:#fff !important;
}


/* BUSINESS SIDE */

.support-fomo-card.business {
  border-top:8px solid var(--link-teal) !important;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eef7f5
    ) !important;

  color:var(--link-navy) !important;

  box-shadow:
    0 20px 44px rgba(45,119,119,.16) !important;
}

.support-fomo-card.business
.support-fomo-label {
  background:var(--link-teal) !important;
  color:#fff !important;
}

.support-fomo-card.business
.support-fomo-icon {
  background:var(--link-teal) !important;
  color:#fff !important;
}

.support-fomo-card.business strong {
  background:var(--link-teal) !important;
  color:#fff !important;
}


/* ---------------------------------------------------------
   COMMUNITY CARDS — every pathway gets identity
   --------------------------------------------------------- */

.link-public-grid .link-public-card:nth-child(1) {
  border-top:6px solid var(--link-gold);
  background:
    linear-gradient(145deg,#fff,#fff9ed);
}

.link-public-grid .link-public-card:nth-child(2) {
  border-top:6px solid var(--link-teal);
  background:
    linear-gradient(145deg,#fff,#eef7f6);
}

.link-public-grid .link-public-card:nth-child(3) {
  border-top:6px solid var(--link-green);
  background:
    linear-gradient(145deg,#fff,#f1f6ed);
}

.link-public-grid .link-public-card:nth-child(4) {
  border-top:6px solid var(--link-amber);
  background:
    linear-gradient(145deg,#fff,#fff5e8);
}

.link-public-grid .link-public-card:nth-child(5) {
  border-top:6px solid var(--link-berry);
  background:
    linear-gradient(145deg,#fff,#fbefef);
}

.link-public-grid .link-public-card:nth-child(6) {
  border-top:6px solid var(--link-navy);
  background:
    linear-gradient(145deg,#fff,#eef2f7);
}


/* Matching Community buttons */

.link-public-grid
.link-public-card:nth-child(1) a {
  background:var(--link-gold) !important;
  color:var(--link-navy) !important;
}

.link-public-grid
.link-public-card:nth-child(2) a {
  background:var(--link-teal) !important;
  color:#fff !important;
}

.link-public-grid
.link-public-card:nth-child(3) a {
  background:var(--link-green) !important;
  color:#fff !important;
}

.link-public-grid
.link-public-card:nth-child(4) a {
  background:var(--link-amber) !important;
  color:var(--link-navy) !important;
}

.link-public-grid
.link-public-card:nth-child(5) a {
  background:var(--link-berry) !important;
  color:#fff !important;
}

.link-public-grid
.link-public-card:nth-child(6) a {
  background:var(--link-navy) !important;
  color:#fff !important;
}


/* ---------------------------------------------------------
   BUSINESS VALUE CARDS
   --------------------------------------------------------- */

/* Resource Exchange */

.business-value-card:nth-child(1) {
  border-top:6px solid var(--link-teal);
  background:
    linear-gradient(145deg,#fff,#eef8f6);
}

.business-value-card:nth-child(1)
.business-card-icon {
  background:var(--link-teal);
  color:#fff;
}

.business-value-card:nth-child(1)
.business-card-cta {
  background:var(--link-teal) !important;
  color:#fff !important;
}


/* Workforce */

.business-value-card:nth-child(2) {
  border-top:6px solid var(--link-green);
  background:
    linear-gradient(145deg,#fff,#f1f6ec);
}

.business-value-card:nth-child(2)
.business-card-icon {
  background:var(--link-green);
  color:#fff;
}

.business-value-card:nth-child(2)
.business-card-cta {
  background:var(--link-green) !important;
  color:#fff !important;
}


/* Sponsorship */

.business-value-card:nth-child(3) {
  border-top:6px solid var(--link-gold);
  background:
    linear-gradient(145deg,#fff,#fff7e8);
}

.business-value-card:nth-child(3)
.business-card-icon {
  background:var(--link-gold);
  color:var(--link-navy);
}

.business-value-card:nth-child(3)
.business-card-cta {
  background:var(--link-gold) !important;
  color:var(--link-navy) !important;
}


/* Audit */

.business-value-card:nth-child(4) {
  border-top:6px solid var(--link-berry);
  background:
    linear-gradient(145deg,#fff,#faeeee);
}

.business-value-card:nth-child(4)
.business-card-icon {
  background:var(--link-berry);
  color:#fff;
}

.business-value-card:nth-child(4)
.business-card-cta {
  background:var(--link-berry) !important;
  color:#fff !important;
}


/* Professional Services */

.business-value-card:nth-child(5) {
  border-top:6px solid var(--link-amber);
  background:
    linear-gradient(145deg,#fff,#fff3e4);
}

.business-value-card:nth-child(5)
.business-card-icon {
  background:var(--link-amber);
  color:var(--link-navy);
}

.business-value-card:nth-child(5)
.business-card-cta {
  background:var(--link-amber) !important;
  color:var(--link-navy) !important;
}


/* Strategic Partnership */

.business-value-card:nth-child(6) {
  border-top:6px solid var(--link-navy);
  background:
    linear-gradient(
      145deg,
      var(--link-navy),
      #143c68
    );
  color:#fff;
}

.business-value-card:nth-child(6) strong {
  color:#fff;
}

.business-value-card:nth-child(6) p {
  color:rgba(255,255,255,.82);
}

.business-value-card:nth-child(6)
.business-card-icon {
  background:#fff;
  color:var(--link-navy);
}

.business-value-card:nth-child(6)
.business-card-cta {
  background:var(--link-gold) !important;
  color:var(--link-navy) !important;
}


/* ---------------------------------------------------------
   RESOURCE EXCHANGE — teal identity
   --------------------------------------------------------- */

.link-resource-public-intro {
  border-top:
    7px solid var(--link-teal) !important;

  background:
    linear-gradient(
      135deg,
      #fff,
      #f0f8f6
    ) !important;
}

.link-resource-public-intro
.link-role-kicker {
  color:var(--link-teal) !important;
}

.link-resource-public-intro
.resource-rule {
  border-left:
    5px solid var(--link-gold) !important;

  background:#fff8e9 !important;
}


/* ---------------------------------------------------------
   GENERAL CTA BANDS
   --------------------------------------------------------- */

.link-public-cta {
  background:
    linear-gradient(
      120deg,
      var(--link-gold),
      #efbd55
    ) !important;
}

.link-public-cta a:nth-of-type(1) {
  background:var(--link-berry) !important;
  color:#fff !important;
}

.link-public-cta a:nth-of-type(2) {
  background:var(--link-teal) !important;
  color:#fff !important;
}


/* ---------------------------------------------------------
   NAV — small brand color personality
   --------------------------------------------------------- */

.link-ecosystem-nav a:nth-child(2):hover {
  color:#f2aa9f !important;
}

.link-ecosystem-nav a:nth-child(3):hover {
  color:#8fc0b7 !important;
}

.link-ecosystem-nav a:nth-child(4):hover {
  color:#a8c38d !important;
}

.link-ecosystem-nav a:nth-child(5):hover {
  color:#77b8b3 !important;
}


/* ---------------------------------------------------------
   LIGHTER SECTION BREAKS
   --------------------------------------------------------- */

.link-public-content::before {
  content:"";
  position:absolute;
  top:-18px;
  left:8%;
  width:84%;
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(45,119,119,.35),
      rgba(224,165,47,.5),
      rgba(155,58,56,.3),
      transparent
    );
}


/* ===== END LINK FULL BRAND PALETTE ===== */



/* =========================================================
   LINK EDITORIAL VISUAL SYSTEM — 2026-08-27
   ========================================================= */


/* ---------------------------------------------------------
   EDITORIAL HERO
   --------------------------------------------------------- */

.editorial-hero {
  position:relative;
  min-height:650px;
  overflow:hidden;
  display:flex;
  align-items:center;
  isolation:isolate;
  background:#071d3b;
}

.support-editorial-hero {
  background:
    url("/lakenorman/assets/partner.jpg")
    center 42% / cover no-repeat;
}

.community-editorial-hero {
  background:
    url("/lakenorman/assets/engage.jpg")
    center 42% / cover no-repeat;
}

.editorial-hero-overlay {
  position:absolute;
  inset:0;
  z-index:-1;

  background:
    linear-gradient(
      90deg,
      rgba(5,21,43,.98) 0%,
      rgba(7,35,68,.88) 48%,
      rgba(7,35,68,.43) 74%,
      rgba(7,35,68,.18) 100%
    );
}

.editorial-watermark {
  position:absolute;
  z-index:0;
  right:-115px;
  bottom:-145px;

  width:520px;
  height:520px;

  object-fit:contain;

  opacity:.10;
  filter:
    grayscale(1)
    brightness(3);

  animation:
    editorialWatermark 10s
    ease-in-out infinite;
}

.editorial-hero-content {
  position:relative;
  z-index:2;

  width:min(1250px,calc(100% - 50px));
  margin:auto;
}

.editorial-round-logo {
  display:block;

  width:112px;
  height:112px;

  margin-bottom:26px;

  object-fit:contain;

  border-radius:50%;

  padding:4px;

  background:#fff;

  box-shadow:
    0 17px 45px rgba(0,0,0,.28),
    0 0 0 5px rgba(224,165,47,.22);
}

.editorial-eyebrow {
  margin-bottom:12px;

  color:#e0a52f;

  font:900 11px Montserrat,sans-serif;

  letter-spacing:.18em;
}

.editorial-coming-soon {
  width:max-content;
  max-width:100%;

  margin-bottom:15px;

  color:#f0b53e;

  font:950 clamp(54px,8vw,108px)/.82
    Montserrat,sans-serif;

  letter-spacing:-.065em;

  text-transform:uppercase;

  text-shadow:
    0 12px 34px rgba(0,0,0,.28);

  animation:
    comingSoonEntrance .8s ease both,
    comingSoonBreath 4s 1s ease-in-out infinite;
}

.editorial-hero h1 {
  max-width:850px;

  margin:0 0 20px;

  color:#fff;

  font:
    700 clamp(45px,5.8vw,78px)/.98
    "Libre Baskerville",serif;

  letter-spacing:-.04em;
}

.editorial-hero h1 em {
  color:#e0a52f;
  font-style:normal;
}

.editorial-hero p {
  max-width:710px;

  margin:0 0 28px;

  color:rgba(255,255,255,.86);

  font-size:16px;
  line-height:1.7;
}

.editorial-hero-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.editorial-hero-buttons a {
  padding:15px 19px;

  border-radius:7px;

  background:#e0a52f;

  color:#071d3b;

  text-decoration:none;

  font:
    900 10px
    Montserrat,sans-serif;

  letter-spacing:.03em;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.editorial-hero-buttons a.outline {
  border:
    1px solid rgba(255,255,255,.55);

  background:
    rgba(255,255,255,.08);

  color:#fff;
}

.editorial-hero-buttons a:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.22);
}


/* ---------------------------------------------------------
   EDITORIAL INTRO BAND
   --------------------------------------------------------- */

.editorial-intro-band {
  width:min(1320px,calc(100% - 40px));

  margin:-42px auto 44px;

  position:relative;
  z-index:5;

  padding:30px 34px;

  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:45px;
  align-items:center;

  border-radius:17px;

  background:#fff;

  box-shadow:
    0 20px 50px rgba(7,29,59,.13);
}

.editorial-intro-band span {
  color:#9b3a38;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}

.editorial-intro-band h2 {
  margin:8px 0 0;

  color:#0b2344;

  font:
    700 28px/1.12
    "Libre Baskerville",serif;
}

.editorial-intro-band p {
  margin:0;

  color:#566070;

  font-size:13px;
  line-height:1.7;
}


/* ---------------------------------------------------------
   PAGE WRAP
   --------------------------------------------------------- */

.editorial-page-wrap {
  width:min(1320px,calc(100% - 40px));

  margin:0 auto 70px;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL — VISUAL GRID
   --------------------------------------------------------- */

.support-feature-grid {
  display:grid;

  grid-template-columns:
    1.25fr .75fr;

  grid-template-rows:
    325px 325px;

  gap:18px;
}

.support-feature {
  position:relative;

  min-height:0;

  overflow:hidden;

  border-radius:18px;

  text-decoration:none;

  color:#fff;

  box-shadow:
    0 15px 38px
    rgba(7,29,59,.12);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.support-feature.large {
  grid-row:
    1 / span 2;
}

.support-feature img {
  width:100%;
  height:100%;

  object-fit:cover;

  transition:
    transform .65s ease;
}

.support-feature-gradient {
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      0deg,
      rgba(5,19,39,.94),
      rgba(5,19,39,.1) 70%
    );
}

.support-feature.berry
.support-feature-gradient {
  background:
    linear-gradient(
      0deg,
      rgba(105,31,34,.95),
      rgba(105,31,34,.05) 72%
    );
}

.support-feature.teal
.support-feature-gradient {
  background:
    linear-gradient(
      0deg,
      rgba(26,86,87,.96),
      rgba(26,86,87,.08) 72%
    );
}

.support-feature.gold
.support-feature-gradient {
  background:
    linear-gradient(
      0deg,
      rgba(105,68,10,.96),
      rgba(105,68,10,.05) 72%
    );
}

.support-feature-copy {
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  padding:28px;

  z-index:2;
}

.support-feature-copy span {
  color:#fff3d3;

  font:
    900 8px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}

.support-feature-copy h2 {
  margin:7px 0 9px;

  color:#fff;

  font:
    700 27px/1.06
    "Libre Baskerville",serif;
}

.support-feature.large
.support-feature-copy h2 {
  font-size:
    clamp(34px,4vw,52px);
}

.support-feature-copy p {
  max-width:620px;

  color:
    rgba(255,255,255,.84);

  font-size:12px;
  line-height:1.6;
}

.support-feature-copy strong {
  display:inline-block;

  margin-top:10px;

  color:#fff;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.02em;
}

.support-feature:hover {
  transform:
    translateY(-6px);

  box-shadow:
    0 24px 50px
    rgba(7,29,59,.2);
}

.support-feature:hover img {
  transform:
    scale(1.055);
}


/* ---------------------------------------------------------
   SUPPORT LOCAL FOMO STAGE
   --------------------------------------------------------- */

.editorial-fomo-stage {
  position:relative;

  overflow:hidden;

  margin-top:45px;

  padding:48px;

  border-radius:22px;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(45,119,119,.25),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #06172e,
      #0b2d57
    );

  box-shadow:
    0 24px 60px
    rgba(7,29,59,.18);
}

.editorial-fomo-watermark {
  position:absolute;

  right:-90px;
  top:-90px;

  width:330px;
  height:330px;

  opacity:.06;

  filter:
    grayscale(1)
    brightness(4);
}

.editorial-fomo-intro {
  position:relative;
  z-index:2;

  max-width:790px;

  margin-bottom:30px;
}

.editorial-fomo-intro > span {
  color:#e0a52f;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.15em;
}

.editorial-fomo-intro h2 {
  margin:8px 0 10px;

  color:#fff;

  font:
    700 clamp(34px,4vw,53px)/1.05
    "Libre Baskerville",serif;
}

.editorial-fomo-intro p {
  max-width:680px;

  color:
    rgba(255,255,255,.78);

  font-size:13px;
  line-height:1.7;
}

.editorial-fomo-split {
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:18px;
}

.editorial-fomo-choice {
  min-height:340px;

  padding:30px;

  display:flex;
  flex-direction:column;

  border-radius:17px;

  text-decoration:none;

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.nonprofit-choice {
  background:
    linear-gradient(
      145deg,
      #fff,
      #f8e8e6
    );

  border-top:
    8px solid #9b3a38;

  color:#0b2344;
}

.business-choice {
  background:
    linear-gradient(
      145deg,
      #fff,
      #eaf5f3
    );

  border-top:
    8px solid #2d7777;

  color:#0b2344;
}

.choice-number {
  margin-bottom:13px;

  opacity:.22;

  font:
    900 52px/1
    Montserrat,sans-serif;
}

.choice-type {
  margin-bottom:9px;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}

.nonprofit-choice
.choice-type {
  color:#9b3a38;
}

.business-choice
.choice-type {
  color:#2d7777;
}

.editorial-fomo-choice h3 {
  margin:0 0 12px;

  font:
    700 27px/1.12
    "Libre Baskerville",serif;
}

.editorial-fomo-choice p {
  flex:1;

  margin:0 0 20px;

  color:#596473;

  font-size:12px;
  line-height:1.65;
}

.editorial-fomo-choice strong {
  min-height:56px;

  padding:15px;

  display:flex;
  justify-content:space-between;
  align-items:center;

  border-radius:8px;

  color:#fff;

  font:
    900 10px
    Montserrat,sans-serif;
}

.nonprofit-choice strong {
  background:#9b3a38;
}

.business-choice strong {
  background:#2d7777;
}

.editorial-fomo-choice strong span {
  font-size:22px;
}

.editorial-fomo-choice:hover {
  transform:
    translateY(-6px);

  box-shadow:
    0 19px 38px
    rgba(0,0,0,.16);
}


/* ---------------------------------------------------------
   COMMUNITY — BIG EDITORIAL STORIES
   --------------------------------------------------------- */

.community-editorial-grid {
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:18px;
}

.community-story {
  grid-column:
    1 / -1;

  min-height:410px;

  display:grid;

  grid-template-columns:
    1.1fr .9fr;

  overflow:hidden;

  border-radius:20px;

  background:#fff;

  text-decoration:none;

  color:#0b2344;

  box-shadow:
    0 17px 42px
    rgba(7,29,59,.11);

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.community-story.reverse {
  grid-template-columns:
    .9fr 1.1fr;
}

.community-story.reverse
.community-story-image {
  order:2;
}

.community-story-image {
  overflow:hidden;
}

.community-story-image img {
  width:100%;
  height:100%;
  min-height:410px;

  object-fit:cover;

  transition:
    transform .7s ease;
}

.community-story-copy {
  padding:44px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.community-story-copy span,
.community-mini-story span {
  margin-bottom:10px;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}

.student-story
.community-story-copy span {
  color:#9b3a38;
}

.team-story
.community-story-copy span {
  color:#577c42;
}

.community-story-copy h2 {
  margin:0 0 14px;

  font:
    700 clamp(32px,4vw,52px)/1.05
    "Libre Baskerville",serif;
}

.community-story-copy p {
  max-width:510px;

  color:#566070;

  font-size:13px;
  line-height:1.7;
}

.community-story-copy strong {
  margin-top:15px;

  color:#0b2344;

  font:
    900 10px
    Montserrat,sans-serif;
}

.community-story:hover {
  transform:
    translateY(-6px);

  box-shadow:
    0 24px 52px
    rgba(7,29,59,.17);
}

.community-story:hover img {
  transform:
    scale(1.045);
}


/* ---------------------------------------------------------
   COMMUNITY MINI STORIES
   --------------------------------------------------------- */

.community-mini-story {
  position:relative;

  min-height:330px;

  overflow:hidden;

  border-radius:18px;

  text-decoration:none;

  color:#fff;

  box-shadow:
    0 15px 34px
    rgba(7,29,59,.13);

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.community-mini-story img {
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transition:
    transform .6s ease;
}

.community-mini-story::after {
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      0deg,
      rgba(6,23,46,.95),
      rgba(6,23,46,.12) 72%
    );
}

.school-story::after {
  background:
    linear-gradient(
      0deg,
      rgba(41,91,91,.96),
      rgba(41,91,91,.08) 72%
    );
}

.organization-story::after {
  background:
    linear-gradient(
      0deg,
      rgba(175,108,17,.96),
      rgba(175,108,17,.08) 72%
    );
}

.ambassador-story::after {
  background:
    linear-gradient(
      0deg,
      rgba(127,40,43,.96),
      rgba(127,40,43,.08) 72%
    );
}

.workforce-story::after {
  background:
    linear-gradient(
      0deg,
      rgba(64,101,45,.96),
      rgba(64,101,45,.08) 72%
    );
}

.community-mini-story > div {
  position:absolute;

  z-index:2;

  left:0;
  right:0;
  bottom:0;

  padding:27px;
}

.community-mini-story h3 {
  margin:0 0 12px;

  color:#fff;

  font:
    700 26px/1.08
    "Libre Baskerville",serif;
}

.community-mini-story strong {
  color:#fff;

  font:
    900 9px
    Montserrat,sans-serif;
}

.community-mini-story:hover {
  transform:
    translateY(-6px);

  box-shadow:
    0 22px 45px
    rgba(7,29,59,.2);
}

.community-mini-story:hover img {
  transform:
    scale(1.06);
}


/* ---------------------------------------------------------
   COMMUNITY BIG CTA
   --------------------------------------------------------- */

.community-big-cta {
  position:relative;

  overflow:hidden;

  margin-top:38px;

  padding:40px;

  display:grid;

  grid-template-columns:
    auto 1fr auto;

  gap:28px;

  align-items:center;

  border-radius:20px;

  background:
    linear-gradient(
      120deg,
      #0b2344,
      #113d6c
    );

  color:#fff;

  box-shadow:
    0 20px 50px
    rgba(7,29,59,.19);
}

.community-big-cta img {
  width:105px;
  height:105px;

  object-fit:contain;

  border-radius:50%;

  padding:4px;

  background:#fff;
}

.community-big-cta span {
  color:#e0a52f;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}

.community-big-cta h2 {
  margin:7px 0 7px;

  max-width:720px;

  font:
    700 29px/1.1
    "Libre Baskerville",serif;
}

.community-big-cta p {
  max-width:720px;

  margin:0;

  color:
    rgba(255,255,255,.78);

  font-size:12px;
  line-height:1.6;
}

.community-big-cta > a {
  padding:15px 18px;

  border-radius:8px;

  background:#e0a52f;

  color:#0b2344;

  text-decoration:none;

  white-space:nowrap;

  font:
    900 10px
    Montserrat,sans-serif;
}


/* ---------------------------------------------------------
   BUSINESS RESOURCE FEATURE
   --------------------------------------------------------- */

.business-resource-story {
  width:min(1200px,calc(100% - 32px));

  margin:30px auto;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  overflow:hidden;

  border-radius:20px;

  background:#fff;

  box-shadow:
    0 20px 50px
    rgba(7,29,59,.13);
}

.business-resource-image {
  position:relative;

  min-height:560px;

  overflow:hidden;
}

.business-resource-image > img:first-child {
  width:100%;
  height:100%;

  object-fit:cover;
}

.business-resource-image::after {
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      0deg,
      rgba(6,23,46,.35),
      transparent 55%
    );
}

.business-resource-stamp {
  position:absolute;

  z-index:3;

  width:115px;
  height:115px;

  right:28px;
  bottom:28px;

  object-fit:contain;

  border-radius:50%;

  padding:4px;

  background:#fff;

  box-shadow:
    0 14px 35px
    rgba(0,0,0,.25);
}

.business-resource-copy {
  padding:46px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.business-resource-copy > span {
  color:#2d7777;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.15em;
}

.business-resource-copy h2 {
  margin:8px 0 16px;

  color:#0b2344;

  font:
    700 clamp(34px,4vw,53px)/1.05
    "Libre Baskerville",serif;
}

.business-resource-lead {
  color:#0b2344 !important;

  font-size:16px !important;

  font-weight:700;

  line-height:1.55 !important;
}

.business-resource-copy p {
  color:#566070;

  font-size:13px;
  line-height:1.7;
}

.business-resource-facts {
  margin:22px 0;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:8px;
}

.business-resource-facts div {
  padding:13px;

  border-radius:9px;

  background:#f4f0e8;
}

.business-resource-facts strong {
  display:block;

  margin-bottom:5px;

  color:#2d7777;

  font:
    900 9px
    Montserrat,sans-serif;
}

.business-resource-facts span {
  color:#566070;

  font-size:10px;
  line-height:1.45;
}

.business-resource-primary {
  width:max-content;
  max-width:100%;

  padding:15px 18px;

  border-radius:8px;

  background:#2d7777;

  color:#fff;

  text-decoration:none;

  font:
    900 10px
    Montserrat,sans-serif;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.business-resource-primary:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 12px 28px
    rgba(45,119,119,.25);
}


/* ---------------------------------------------------------
   MOTION
   --------------------------------------------------------- */

@keyframes editorialWatermark {

  0%,100% {
    transform:
      translateY(0)
      rotate(0deg);
  }

  50% {
    transform:
      translateY(-18px)
      rotate(2deg);
  }

}

@keyframes comingSoonEntrance {

  from {
    opacity:0;

    transform:
      translateY(24px)
      scale(.93);
  }

  to {
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }

}

@keyframes comingSoonBreath {

  0%,100% {
    filter:none;
  }

  50% {
    filter:
      drop-shadow(
        0 0 16px
        rgba(224,165,47,.28)
      );
  }

}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:900px) {

  .editorial-intro-band {
    grid-template-columns:1fr;
    gap:15px;
  }

  .support-feature-grid {
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }

  .support-feature,
  .support-feature.large {
    grid-row:auto;

    min-height:420px;
  }

  .editorial-fomo-split {
    grid-template-columns:1fr;
  }

  .community-story,
  .community-story.reverse {
    grid-template-columns:1fr;
  }

  .community-story.reverse
  .community-story-image {
    order:0;
  }

  .community-editorial-grid {
    grid-template-columns:1fr;
  }

  .community-mini-story {
    min-height:370px;
  }

  .community-big-cta {
    grid-template-columns:1fr;

    text-align:left;
  }

  .business-resource-story {
    grid-template-columns:1fr;
  }

  .business-resource-image {
    min-height:430px;
  }

}

@media(max-width:650px) {

  .editorial-hero {
    min-height:680px;
  }

  .editorial-hero-content {
    width:
      calc(100% - 34px);
  }

  .editorial-coming-soon {
    font-size:52px;
  }

  .editorial-round-logo {
    width:92px;
    height:92px;
  }

  .editorial-intro-band {
    width:
      calc(100% - 24px);

    margin-top:-28px;

    padding:24px 20px;
  }

  .editorial-page-wrap {
    width:
      calc(100% - 24px);
  }

  .support-feature {
    min-height:390px;
  }

  .editorial-fomo-stage {
    padding:27px 18px;
  }

  .community-story-copy {
    padding:28px 22px;
  }

  .community-story-image img {
    min-height:300px;
  }

  .community-big-cta {
    padding:28px 22px;
  }

  .business-resource-copy {
    padding:30px 22px;
  }

  .business-resource-facts {
    grid-template-columns:1fr;
  }

}

@media(prefers-reduced-motion:reduce) {

  .editorial-watermark,
  .editorial-coming-soon {
    animation:none !important;
  }

}

/* ===== END LINK EDITORIAL VISUAL SYSTEM ===== */


/* =========================================================
   LINK CLEAN CRISP HERO — NO FAKE / BLURRY PHOTOGRAPHY
   2026-08-27
   ========================================================= */


/* ---------------------------------------------------------
   REMOVE BLURRY HERO BACKGROUNDS
   --------------------------------------------------------- */

.support-editorial-hero,
.community-editorial-hero {
  background-image:none !important;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL — CRISP BRAND HERO
   --------------------------------------------------------- */

.support-editorial-hero {
  min-height:650px;

  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(224,165,47,.22),
      transparent 22%
    ),
    radial-gradient(
      circle at 92% 82%,
      rgba(155,58,56,.22),
      transparent 26%
    ),
    radial-gradient(
      circle at 52% 105%,
      rgba(45,119,119,.22),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #06172e 0%,
      #0b2344 56%,
      #123c63 100%
    ) !important;
}


/* ---------------------------------------------------------
   COMMUNITY — DIFFERENT BRAND COLOR COMPOSITION
   --------------------------------------------------------- */

.community-editorial-hero {
  min-height:620px;

  background:
    radial-gradient(
      circle at 83% 18%,
      rgba(45,119,119,.34),
      transparent 24%
    ),
    radial-gradient(
      circle at 90% 82%,
      rgba(87,124,66,.25),
      transparent 27%
    ),
    radial-gradient(
      circle at 53% 110%,
      rgba(224,165,47,.17),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #06172e 0%,
      #0b294c 55%,
      #194b55 100%
    ) !important;
}


/* ---------------------------------------------------------
   REMOVE OLD PHOTO OVERLAY
   --------------------------------------------------------- */

.editorial-hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(6,23,46,.26),
      rgba(6,23,46,.03)
    ) !important;
}


/* ---------------------------------------------------------
   BIGGER, CRISPER CIRCULAR LINK MARK
   --------------------------------------------------------- */

.editorial-round-logo {
  width:138px !important;
  height:138px !important;

  padding:5px !important;

  background:#fff !important;

  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    0 0 0 5px rgba(224,165,47,.26),
    0 0 0 9px rgba(255,255,255,.06) !important;

  animation:
    linkCleanLogoFloat 5s
    ease-in-out infinite;
}


/* ---------------------------------------------------------
   LARGE WATERMARK — BRAND MARK ONLY
   --------------------------------------------------------- */

.editorial-watermark {
  right:-115px !important;
  bottom:-135px !important;

  width:520px !important;
  height:520px !important;

  opacity:.075 !important;

  filter:
    grayscale(1)
    brightness(4) !important;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL — HUGE COMING SOON
   --------------------------------------------------------- */

.support-editorial-hero
.editorial-coming-soon {
  margin-top:3px;

  color:#f1b644 !important;

  font-size:
    clamp(62px,9vw,122px) !important;

  line-height:.82 !important;

  letter-spacing:-.07em !important;

  text-shadow:
    0 12px 35px rgba(0,0,0,.28) !important;
}


/* Multicolor brand underline */

.support-editorial-hero
.editorial-coming-soon::after {
  content:"";

  display:block;

  width:min(460px,78%);
  height:7px;

  margin-top:20px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #9b3a38 0%,
      #e0a52f 34%,
      #2d7777 68%,
      #577c42 100%
    );

  box-shadow:
    0 5px 20px rgba(0,0,0,.16);
}


/* ---------------------------------------------------------
   OVERSIZED TYPOGRAPHY
   --------------------------------------------------------- */

.editorial-hero h1 {
  max-width:900px !important;

  font-size:
    clamp(48px,6vw,82px) !important;

  line-height:.98 !important;
}

.editorial-hero h1 em {
  position:relative;

  color:#e0a52f !important;
}


/* ---------------------------------------------------------
   FLOATING BRAND SHAPES
   Pure CSS — no fake imagery
   --------------------------------------------------------- */

.editorial-hero::before {
  content:"";

  position:absolute;

  z-index:0;

  width:240px;
  height:240px;

  top:70px;
  right:13%;

  border:
    1px solid rgba(255,255,255,.13);

  border-radius:50%;

  box-shadow:
    0 0 0 35px rgba(255,255,255,.025),
    0 0 0 70px rgba(224,165,47,.025);

  pointer-events:none;

  animation:
    linkHeroOrbit 10s
    ease-in-out infinite;
}

.editorial-hero::after {
  content:"";

  position:absolute;

  z-index:0;

  width:95px;
  height:95px;

  top:135px;
  right:18%;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      rgba(224,165,47,.78),
      rgba(224,165,47,.18)
    );

  filter:none;

  pointer-events:none;

  animation:
    linkHeroDot 7s
    ease-in-out infinite;
}


/* Community gets teal instead of gold */

.community-editorial-hero::after {
  background:
    linear-gradient(
      135deg,
      rgba(45,119,119,.88),
      rgba(87,124,66,.32)
    );
}


/* ---------------------------------------------------------
   HERO COPY — CLEANER / BRIGHTER
   --------------------------------------------------------- */

.editorial-hero p {
  max-width:700px !important;

  color:
    rgba(255,255,255,.88) !important;

  font-size:16px !important;

  line-height:1.65 !important;
}


/* ---------------------------------------------------------
   BUTTON CONTRAST
   --------------------------------------------------------- */

.editorial-hero-buttons a {
  min-height:50px;

  padding:15px 21px !important;

  font-size:11px !important;
}

.editorial-hero-buttons a:first-child {
  background:#e0a52f !important;
  color:#06172e !important;
}

.editorial-hero-buttons a.outline {
  border:
    2px solid rgba(255,255,255,.65) !important;

  background:
    rgba(255,255,255,.07) !important;

  color:#fff !important;
}


/* ---------------------------------------------------------
   MOTION
   --------------------------------------------------------- */

@keyframes linkCleanLogoFloat {

  0%,100% {
    transform:translateY(0);
  }

  50% {
    transform:translateY(-7px);
  }

}

@keyframes linkHeroOrbit {

  0%,100% {
    transform:
      translateY(0)
      rotate(0deg);
  }

  50% {
    transform:
      translateY(12px)
      rotate(4deg);
  }

}

@keyframes linkHeroDot {

  0%,100% {
    transform:
      translate(0,0)
      scale(1);
  }

  50% {
    transform:
      translate(-15px,18px)
      scale(1.08);
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px) {

  .support-editorial-hero,
  .community-editorial-hero {
    min-height:680px;
  }

  .editorial-round-logo {
    width:105px !important;
    height:105px !important;
  }

  .support-editorial-hero
  .editorial-coming-soon {
    font-size:54px !important;
  }

  .editorial-hero::before {
    width:150px;
    height:150px;

    right:-35px;
  }

  .editorial-hero::after {
    width:60px;
    height:60px;

    right:10px;
  }

}


/* ===== END LINK CLEAN CRISP HERO ===== */



/* =========================================================
   LINK PHOTO-FREE PUBLIC DESIGN — 2026-08-27
   No questionable stock / fake photography.
   No copy over images.
   ========================================================= */


/* ---------------------------------------------------------
   SUPPORT LOCAL FEATURE CARDS
   --------------------------------------------------------- */

.support-feature {
  display:grid !important;
  grid-template-rows:210px 1fr !important;

  background:#fff !important;

  color:#0b2344 !important;
}

.support-feature.large {
  grid-template-rows:330px 1fr !important;
}

.support-feature-art {
  position:relative;

  display:grid;
  place-items:center;

  overflow:hidden;
}

.support-feature-art::before,
.support-feature-art::after {
  content:"";

  position:absolute;

  border-radius:50%;
}


/* Nonprofit */

.support-feature.berry
.support-feature-art {
  background:
    radial-gradient(
      circle at 25% 25%,
      rgba(255,255,255,.18),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #7f2e32,
      #aa4a48
    );
}

.support-feature.berry
.support-feature-art::before {
  width:260px;
  height:260px;

  right:-90px;
  top:-90px;

  border:
    1px solid rgba(255,255,255,.18);
}

.support-feature.berry
.support-feature-art::after {
  width:130px;
  height:130px;

  left:-35px;
  bottom:-45px;

  background:
    rgba(224,165,47,.25);
}


/* Products that give back */

.support-feature.teal
.support-feature-art {
  background:
    radial-gradient(
      circle at 70% 20%,
      rgba(255,255,255,.14),
      transparent 24%
    ),
    linear-gradient(
      135deg,
      #205f61,
      #3b8a86
    );
}

.support-feature.teal
.support-feature-art::before {
  width:220px;
  height:220px;

  left:-70px;
  top:-85px;

  border:
    1px solid rgba(255,255,255,.18);
}

.support-feature.teal
.support-feature-art::after {
  width:95px;
  height:95px;

  right:25px;
  bottom:-28px;

  background:
    rgba(224,165,47,.26);
}


/* Community partner */

.support-feature.gold
.support-feature-art {
  background:
    linear-gradient(
      135deg,
      #c78118,
      #e4ae43
    );
}

.support-feature.gold
.support-feature-art::before {
  width:210px;
  height:210px;

  right:-65px;
  bottom:-85px;

  border:
    1px solid rgba(11,35,68,.16);
}

.support-feature.gold
.support-feature-art::after {
  width:100px;
  height:100px;

  left:20px;
  top:-28px;

  background:
    rgba(11,35,68,.12);
}


.support-feature-art img {
  position:relative;

  z-index:3;

  width:120px !important;
  height:120px !important;

  object-fit:contain !important;

  border-radius:50%;

  padding:4px;

  background:#fff;

  box-shadow:
    0 18px 42px rgba(0,0,0,.22),
    0 0 0 5px rgba(255,255,255,.12);

  transition:
    transform .3s ease;
}

.support-feature.large
.support-feature-art img {
  width:155px !important;
  height:155px !important;
}


/* COPY IS NOW SEPARATE FROM ART */

.support-feature-copy {
  position:relative !important;

  left:auto !important;
  right:auto !important;
  bottom:auto !important;

  padding:28px !important;

  background:#fff;

  color:#0b2344;
}

.support-feature-copy span {
  color:#9b3a38 !important;
}

.support-feature.teal
.support-feature-copy span {
  color:#2d7777 !important;
}

.support-feature.gold
.support-feature-copy span {
  color:#b47414 !important;
}

.support-feature-copy h2 {
  color:#0b2344 !important;
}

.support-feature-copy p {
  color:#566070 !important;
}

.support-feature-copy strong {
  color:#0b2344 !important;
}

.support-feature:hover
.support-feature-art img {
  transform:
    translateY(-5px)
    scale(1.03);
}


/* ---------------------------------------------------------
   COMMUNITY LARGE STORIES
   --------------------------------------------------------- */

.community-story-art {
  position:relative;

  min-height:410px;

  display:grid;
  place-items:center;

  overflow:hidden;
}

.student-story
.community-story-art {
  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(224,165,47,.28),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #762c31,
      #a64746
    );
}

.team-story
.community-story-art {
  background:
    radial-gradient(
      circle at 76% 18%,
      rgba(224,165,47,.23),
      transparent 26%
    ),
    linear-gradient(
      145deg,
      #456834,
      #6c914e
    );
}

.community-story-art::before {
  content:"";

  position:absolute;

  width:340px;
  height:340px;

  right:-130px;
  bottom:-130px;

  border-radius:50%;

  border:
    1px solid rgba(255,255,255,.16);

  box-shadow:
    0 0 0 45px rgba(255,255,255,.025),
    0 0 0 90px rgba(255,255,255,.02);
}

.community-story-art img {
  position:relative;

  z-index:3;

  width:155px !important;
  height:155px !important;

  object-fit:contain !important;

  border-radius:50%;

  padding:5px;

  background:#fff;

  box-shadow:
    0 20px 45px rgba(0,0,0,.24);
}


/* ---------------------------------------------------------
   COMMUNITY MINI CARDS
   --------------------------------------------------------- */

.community-mini-story {
  display:grid !important;

  grid-template-rows:165px 1fr !important;

  min-height:330px !important;

  background:#fff !important;

  color:#0b2344 !important;
}

.community-mini-story::after {
  display:none !important;
}

.community-mini-art {
  position:relative;

  display:grid;
  place-items:center;

  overflow:hidden;
}


/* School */

.school-story
.community-mini-art {
  background:
    linear-gradient(
      135deg,
      #246f72,
      #41918a
    );
}


/* Organizations */

.organization-story
.community-mini-art {
  background:
    linear-gradient(
      135deg,
      #bc771b,
      #e0a52f
    );
}


/* Ambassadors */

.ambassador-story
.community-mini-art {
  background:
    linear-gradient(
      135deg,
      #7f2e32,
      #a64c49
    );
}


/* Workforce */

.workforce-story
.community-mini-art {
  background:
    linear-gradient(
      135deg,
      #466937,
      #719252
    );
}


.community-mini-art::after {
  content:"";

  position:absolute;

  width:180px;
  height:180px;

  top:-85px;
  right:-65px;

  border-radius:50%;

  border:
    1px solid rgba(255,255,255,.2);
}

.community-mini-art img {
  position:relative;

  z-index:2;

  width:88px !important;
  height:88px !important;

  object-fit:contain !important;

  border-radius:50%;

  padding:3px;

  background:#fff;

  box-shadow:
    0 12px 30px rgba(0,0,0,.2);
}


/* COPY BELOW ART — NEVER ON TOP OF IT */

.community-mini-story
.community-mini-copy {
  position:relative !important;

  left:auto !important;
  right:auto !important;
  bottom:auto !important;

  z-index:2;

  padding:24px !important;

  background:#fff;

  color:#0b2344;
}

.community-mini-story
.community-mini-copy span {
  display:block;

  color:#566070;
}

.school-story
.community-mini-copy span {
  color:#2d7777;
}

.organization-story
.community-mini-copy span {
  color:#b47414;
}

.ambassador-story
.community-mini-copy span {
  color:#9b3a38;
}

.workforce-story
.community-mini-copy span {
  color:#577c42;
}

.community-mini-story
.community-mini-copy h3 {
  color:#0b2344 !important;
}

.community-mini-story
.community-mini-copy strong {
  color:#0b2344 !important;
}


/* ---------------------------------------------------------
   BUSINESS RESOURCE FEATURE — BRAND ART, NO PHOTO
   --------------------------------------------------------- */

.business-resource-art {
  position:relative;

  min-height:560px;

  display:grid;
  place-items:center;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(224,165,47,.22),
      transparent 27%
    ),
    radial-gradient(
      circle at 82% 75%,
      rgba(87,124,66,.23),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #174e56,
      #2d7777
    );
}

.business-resource-stamp {
  position:relative !important;

  z-index:5;

  right:auto !important;
  bottom:auto !important;

  width:160px !important;
  height:160px !important;

  padding:5px !important;

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 22px 50px rgba(0,0,0,.25);
}


/* Decorative resource shapes.
   No words. No fake icons. */

.resource-shape {
  position:absolute;

  border:
    2px solid rgba(255,255,255,.2);

  background:
    rgba(255,255,255,.06);

  box-shadow:
    0 15px 40px rgba(0,0,0,.08);
}

.resource-shape-one {
  width:220px;
  height:150px;

  left:-65px;
  top:55px;

  border-radius:28px;

  transform:rotate(-12deg);
}

.resource-shape-two {
  width:170px;
  height:230px;

  right:-42px;
  bottom:50px;

  border-radius:35px;

  transform:rotate(11deg);
}

.resource-shape-three {
  width:95px;
  height:95px;

  right:60px;
  top:65px;

  border-radius:50%;

  background:
    rgba(224,165,47,.27);
}


/* ---------------------------------------------------------
   KILL ANY OLD PHOTO RULES
   --------------------------------------------------------- */

.support-feature >
img:not(.support-feature-art img),

.community-story-image,

.community-mini-story >
img:not(.community-mini-art img),

.business-resource-image {
  display:none !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:900px) {

  .support-feature,
  .support-feature.large {
    grid-template-rows:
      220px auto !important;
  }

  .community-story-art {
    min-height:300px;
  }

  .business-resource-art {
    min-height:340px;
  }

}

@media(max-width:650px) {

  .support-feature-art img {
    width:100px !important;
    height:100px !important;
  }

  .support-feature.large
  .support-feature-art img {
    width:115px !important;
    height:115px !important;
  }

}


/* ===== END LINK PHOTO-FREE PUBLIC DESIGN ===== */



/* =========================================================
   LINK EDITORIAL FORMAT RESTORE — 2026-08-27
   Keep the stronger editorial layout.
   Use graphic brand art instead of questionable photography.
   ========================================================= */


/* ---------------------------------------------------------
   SUPPORT LOCAL
   Restore the dramatic asymmetric format
   --------------------------------------------------------- */

.support-feature-grid {
  display:grid !important;

  grid-template-columns:
    1.25fr .75fr !important;

  grid-template-rows:
    330px 330px !important;

  gap:18px !important;
}


.support-feature {
  display:grid !important;

  grid-template-rows:
    1fr auto !important;

  min-height:0 !important;

  overflow:hidden;

  border-radius:20px !important;

  background:#fff !important;

  box-shadow:
    0 18px 44px
    rgba(7,29,59,.13) !important;
}


.support-feature.large {
  grid-row:
    1 / span 2 !important;

  grid-template-rows:
    1fr auto !important;
}


/* Main left visual becomes large again */

.support-feature.large
.support-feature-art {
  min-height:440px;
}


/* Right-side visuals */

.support-feature:not(.large)
.support-feature-art {
  min-height:185px;
}


.support-feature-copy {
  padding:28px 30px !important;
}


.support-feature.large
.support-feature-copy {
  padding:34px !important;
}


.support-feature.large
.support-feature-copy h2 {
  font-size:
    clamp(34px,4vw,48px) !important;
}


.support-feature:not(.large)
.support-feature-copy h2 {
  font-size:26px !important;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL ART
   Make these feel designed, not like simple color blocks
   --------------------------------------------------------- */

.editorial-art-panel {
  position:relative;

  overflow:hidden;

  isolation:isolate;
}


.editorial-art-panel::before {
  content:"";

  position:absolute;

  z-index:0;

  width:310px;
  height:310px;

  border-radius:50%;

  border:
    1px solid rgba(255,255,255,.18);

  box-shadow:
    0 0 0 42px rgba(255,255,255,.025),
    0 0 0 84px rgba(255,255,255,.018);
}


.editorial-art-panel::after {
  content:"";

  position:absolute;

  z-index:0;

  width:90px;
  height:90px;

  border-radius:50%;

  background:
    rgba(224,165,47,.28);

  box-shadow:
    0 0 0 22px
    rgba(224,165,47,.07);
}


.support-feature.large
.editorial-art-panel::before {
  width:420px;
  height:420px;

  right:-170px;
  top:-150px;
}


.support-feature.large
.editorial-art-panel::after {
  left:45px;
  bottom:45px;
}


.support-feature.teal
.editorial-art-panel::before {
  left:-115px;
  top:-120px;
}


.support-feature.teal
.editorial-art-panel::after {
  right:35px;
  bottom:25px;
}


.support-feature.gold
.editorial-art-panel::before {
  right:-120px;
  bottom:-130px;
}


.support-feature.gold
.editorial-art-panel::after {
  left:35px;
  top:28px;

  background:
    rgba(11,35,68,.16);
}


/* Larger LINK mark on primary Support Local panel */

.support-feature.large
.support-feature-art img {
  width:175px !important;
  height:175px !important;
}


.support-feature:not(.large)
.support-feature-art img {
  width:102px !important;
  height:102px !important;
}


/* ---------------------------------------------------------
   COMMUNITY
   Restore image-left / text-right storytelling layout
   --------------------------------------------------------- */

.community-story {
  min-height:430px !important;

  display:grid !important;

  grid-template-columns:
    1.05fr .95fr !important;

  border-radius:20px !important;

  overflow:hidden !important;

  background:#fff !important;
}


.community-story.reverse {
  grid-template-columns:
    .95fr 1.05fr !important;
}


.community-story.reverse
.community-story-art {
  order:2;
}


.community-story-art {
  min-height:430px !important;
}


.community-story-copy {
  padding:46px !important;
}


.community-story-copy h2 {
  font-size:
    clamp(34px,4vw,50px) !important;
}


/* Distinct graphic compositions */

.student-story
.community-story-art::before {
  right:-120px;
  top:-110px;
}


.student-story
.community-story-art::after {
  left:55px;
  bottom:55px;
}


.team-story
.community-story-art::before {
  left:-130px;
  bottom:-135px;
}


.team-story
.community-story-art::after {
  right:60px;
  top:55px;
}


.community-story-art img {
  width:170px !important;
  height:170px !important;

  transition:
    transform .35s ease;
}


.community-story:hover
.community-story-art img {
  transform:
    translateY(-7px)
    scale(1.025);
}


/* ---------------------------------------------------------
   COMMUNITY MINI STORIES
   Keep the smaller cards under the big stories
   --------------------------------------------------------- */

.community-editorial-grid {
  display:grid !important;

  grid-template-columns:
    repeat(2,1fr) !important;

  gap:18px !important;
}


.community-story {
  grid-column:
    1 / -1 !important;
}


.community-mini-story {
  min-height:340px !important;

  grid-template-rows:
    175px 1fr !important;

  border-radius:18px !important;
}


.community-mini-art img {
  width:94px !important;
  height:94px !important;
}


/* ---------------------------------------------------------
   BUSINESS
   Restore large left visual + editorial text right
   --------------------------------------------------------- */

.business-resource-story {
  display:grid !important;

  grid-template-columns:
    1fr 1fr !important;

  min-height:570px;

  border-radius:21px !important;

  overflow:hidden !important;

  box-shadow:
    0 22px 54px
    rgba(7,29,59,.14) !important;
}


.business-resource-art {
  min-height:570px !important;
}


.business-resource-stamp {
  width:175px !important;
  height:175px !important;
}


.business-resource-copy {
  padding:50px !important;
}


.business-resource-copy h2 {
  font-size:
    clamp(37px,4vw,54px) !important;
}


/* Bigger decorative resource forms */

.resource-shape-one {
  width:270px !important;
  height:175px !important;

  left:-75px !important;
  top:70px !important;
}


.resource-shape-two {
  width:210px !important;
  height:270px !important;

  right:-60px !important;
  bottom:45px !important;
}


.resource-shape-three {
  width:115px !important;
  height:115px !important;

  right:70px !important;
  top:70px !important;
}


/* ---------------------------------------------------------
   INTERACTION
   --------------------------------------------------------- */

.support-feature,
.community-story,
.community-mini-story,
.business-resource-story {
  transition:
    transform .28s ease,
    box-shadow .28s ease;
}


.support-feature:hover,
.community-story:hover,
.community-mini-story:hover {
  transform:
    translateY(-6px);
}


.support-feature:hover {
  box-shadow:
    0 27px 58px
    rgba(7,29,59,.19) !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:900px) {

  .support-feature-grid {
    grid-template-columns:
      1fr !important;

    grid-template-rows:
      auto !important;
  }


  .support-feature.large {
    grid-row:
      auto !important;
  }


  .support-feature,
  .support-feature.large {
    grid-template-rows:
      260px auto !important;
  }


  .support-feature.large
  .support-feature-art {
    min-height:260px;
  }


  .community-story,
  .community-story.reverse {
    grid-template-columns:
      1fr !important;
  }


  .community-story.reverse
  .community-story-art {
    order:0;
  }


  .community-story-art {
    min-height:300px !important;
  }


  .community-editorial-grid {
    grid-template-columns:
      1fr !important;
  }


  .business-resource-story {
    grid-template-columns:
      1fr !important;
  }


  .business-resource-art {
    min-height:340px !important;
  }

}


@media(max-width:650px) {

  .support-feature,
  .support-feature.large {
    grid-template-rows:
      230px auto !important;
  }


  .community-story-copy {
    padding:30px 23px !important;
  }


  .business-resource-copy {
    padding:32px 23px !important;
  }

}


/* ===== END LINK EDITORIAL FORMAT RESTORE ===== */



/* =========================================================
   LINK REAL PHOTOGRAPHY + GRAPHICS — 2026-08-27
   Real photos.
   No copy over photography.
   LINK graphics remain separate.
   ========================================================= */


/* ---------------------------------------------------------
   GRAPHIC HERO
   --------------------------------------------------------- */

.real-editorial-hero {
  position:relative;

  min-height:650px;

  overflow:hidden;

  display:flex;
  align-items:center;

  background:
    radial-gradient(
      circle at 88% 14%,
      rgba(224,165,47,.22),
      transparent 22%
    ),
    radial-gradient(
      circle at 80% 88%,
      rgba(45,119,119,.25),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #06172e,
      #0b2344 55%,
      #143e65
    );

  color:#fff;
}


.community-real-hero {
  background:
    radial-gradient(
      circle at 88% 15%,
      rgba(45,119,119,.34),
      transparent 23%
    ),
    radial-gradient(
      circle at 78% 88%,
      rgba(87,124,66,.25),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #06172e,
      #0c2a4d 55%,
      #1b5158
    );
}


.real-hero-inner {
  position:relative;
  z-index:3;

  width:min(1280px,calc(100% - 50px));

  margin:auto;
}


.real-hero-brand img {
  display:block;

  width:132px;
  height:132px;

  margin-bottom:24px;

  object-fit:contain;

  padding:4px;

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 18px 44px rgba(0,0,0,.25),
    0 0 0 5px rgba(224,165,47,.2);

  animation:
    realLinkFloat
    5s ease-in-out infinite;
}


.real-coming-soon {
  width:max-content;
  max-width:100%;

  margin-bottom:16px;

  color:#f0b643;

  font:
    950 clamp(64px,9vw,120px)/.83
    Montserrat,sans-serif;

  letter-spacing:-.07em;

  text-transform:uppercase;

  text-shadow:
    0 12px 34px rgba(0,0,0,.24);
}


.real-coming-soon::after {
  content:"";

  display:block;

  width:72%;
  height:7px;

  margin-top:20px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #9b3a38,
      #e0a52f,
      #2d7777,
      #577c42
    );
}


.real-hero-eyebrow {
  margin-bottom:12px;

  color:#e0a52f;

  font:
    900 10px
    Montserrat,sans-serif;

  letter-spacing:.16em;
}


.real-editorial-hero h1 {
  max-width:880px;

  margin:0 0 20px;

  color:#fff;

  font:
    700 clamp(48px,6vw,79px)/.98
    "Libre Baskerville",serif;

  letter-spacing:-.04em;
}


.real-editorial-hero h1 em {
  color:#e0a52f;

  font-style:normal;
}


.real-editorial-hero p {
  max-width:690px;

  margin:0 0 28px;

  color:rgba(255,255,255,.86);

  font-size:16px;
  line-height:1.7;
}


.real-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}


.real-hero-actions a {
  min-height:50px;

  padding:15px 20px;

  display:inline-flex;
  align-items:center;

  border-radius:8px;

  background:#e0a52f;

  color:#071d3b;

  text-decoration:none;

  font:
    900 10px
    Montserrat,sans-serif;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}


.real-hero-actions a.secondary {
  border:
    1px solid rgba(255,255,255,.55);

  background:
    rgba(255,255,255,.08);

  color:#fff;
}


.real-hero-actions a:hover {
  transform:translateY(-3px);

  box-shadow:
    0 12px 27px
    rgba(0,0,0,.2);
}


/* ---------------------------------------------------------
   HERO GRAPHICS
   --------------------------------------------------------- */

.real-hero-graphic {
  position:absolute;

  inset:0;

  pointer-events:none;
}


.graphic-ring {
  position:absolute;

  border-radius:50%;

  border:
    1px solid rgba(255,255,255,.13);
}


.ring-one {
  width:350px;
  height:350px;

  right:7%;
  top:95px;

  box-shadow:
    0 0 0 45px rgba(255,255,255,.02),
    0 0 0 90px rgba(224,165,47,.02);
}


.ring-two {
  width:160px;
  height:160px;

  right:22%;
  bottom:45px;

  border-color:
    rgba(45,119,119,.38);
}


.graphic-dot {
  position:absolute;

  border-radius:50%;
}


.dot-one {
  width:95px;
  height:95px;

  right:15%;
  top:145px;

  background:
    linear-gradient(
      135deg,
      rgba(224,165,47,.85),
      rgba(224,165,47,.18)
    );
}


.dot-two {
  width:60px;
  height:60px;

  right:32%;
  bottom:115px;

  background:
    rgba(155,58,56,.65);
}


.graphic-line {
  position:absolute;

  width:270px;
  height:2px;

  right:8%;
  bottom:90px;

  transform:rotate(-22deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.28),
      transparent
    );
}


/* ---------------------------------------------------------
   INTRO
   --------------------------------------------------------- */

.real-intro-band {
  position:relative;
  z-index:5;

  width:min(1320px,calc(100% - 40px));

  margin:-40px auto 44px;

  padding:31px 35px;

  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:40px;
  align-items:center;

  border-radius:17px;

  background:#fff;

  box-shadow:
    0 20px 48px
    rgba(7,29,59,.13);
}


.real-intro-band span {
  color:#9b3a38;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}


.real-intro-band h2 {
  margin:7px 0 0;

  color:#0b2344;

  font:
    700 29px/1.1
    "Libre Baskerville",serif;
}


.real-intro-band p {
  margin:0;

  color:#566070;

  font-size:13px;
  line-height:1.7;
}


.real-editorial-wrap {
  width:min(1320px,calc(100% - 40px));

  margin:0 auto 70px;
}


/* ---------------------------------------------------------
   SUPPORT LOCAL ASYMMETRIC GRID
   --------------------------------------------------------- */

.support-real-grid {
  display:grid;

  grid-template-columns:
    1.2fr .8fr;

  grid-template-rows:
    330px 330px;

  gap:18px;
}


.support-real-card {
  display:grid;

  grid-template-columns:
    42% 58%;

  overflow:hidden;

  border-radius:20px;

  background:#fff;

  color:#0b2344;

  text-decoration:none;

  box-shadow:
    0 17px 42px
    rgba(7,29,59,.12);

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}


.support-real-large {
  grid-row:
    1 / span 2;

  grid-template-columns:1fr;

  grid-template-rows:
    58% 42%;
}


.support-photo-frame {
  position:relative;

  overflow:hidden;

  background:#eee;
}


/* colored graphic edge sits beside photo,
   not over the photo */

.support-photo-frame::after {
  content:"";

  position:absolute;

  right:0;
  top:0;
  bottom:0;

  width:8px;

  background:#e0a52f;
}


.berry
.support-photo-frame::after {
  background:#9b3a38;
}


.teal
.support-photo-frame::after {
  background:#2d7777;
}


.gold
.support-photo-frame::after {
  background:#e0a52f;
}


.support-photo-frame img {
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  object-position:center;

  transition:
    transform .65s ease;
}


.support-real-copy {
  position:relative;

  padding:28px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  background:#fff;
}


.support-real-large
.support-real-copy {
  padding:34px;
}


.support-real-copy::after {
  content:"";

  position:absolute;

  width:120px;
  height:120px;

  right:-55px;
  top:-55px;

  border-radius:50%;

  border:
    1px solid rgba(11,35,68,.08);
}


.feature-number {
  margin-bottom:5px;

  color:rgba(11,35,68,.14);

  font:
    950 38px/1
    Montserrat,sans-serif;
}


.support-real-copy > span {
  margin-bottom:8px;

  color:#9b3a38;

  font:
    900 8px
    Montserrat,sans-serif;

  letter-spacing:.13em;
}


.teal
.support-real-copy > span {
  color:#2d7777;
}


.gold
.support-real-copy > span {
  color:#b57817;
}


.support-real-copy h2 {
  margin:0 0 10px;

  color:#0b2344;

  font:
    700 26px/1.08
    "Libre Baskerville",serif;
}


.support-real-large
.support-real-copy h2 {
  font-size:
    clamp(34px,4vw,47px);
}


.support-real-copy p {
  flex:1;

  margin:0 0 13px;

  color:#566070;

  font-size:11px;
  line-height:1.6;
}


.support-real-copy strong {
  color:#0b2344;

  font:
    900 9px
    Montserrat,sans-serif;
}


.support-real-card:hover {
  transform:translateY(-6px);

  box-shadow:
    0 25px 54px
    rgba(7,29,59,.18);
}


.support-real-card:hover
.support-photo-frame img {
  transform:scale(1.045);
}


/* ---------------------------------------------------------
   FOMO
   --------------------------------------------------------- */

.real-fomo-stage {
  position:relative;

  margin-top:44px;

  padding:46px;

  overflow:hidden;

  border-radius:22px;

  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(45,119,119,.25),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      #06172e,
      #0c315b
    );

  color:#fff;

  box-shadow:
    0 23px 56px
    rgba(7,29,59,.18);
}


.real-fomo-brand {
  position:absolute;

  top:34px;
  right:38px;

  opacity:.12;
}


.real-fomo-brand img {
  width:180px;
  height:180px;

  object-fit:contain;
}


.real-fomo-heading {
  position:relative;
  z-index:2;

  max-width:800px;

  margin-bottom:30px;
}


.real-fomo-heading > span {
  color:#e0a52f;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}


.real-fomo-heading h2 {
  margin:8px 0 10px;

  color:#fff;

  font:
    700 clamp(36px,4.5vw,55px)/1.04
    "Libre Baskerville",serif;
}


.real-fomo-heading p {
  max-width:680px;

  margin:0;

  color:rgba(255,255,255,.79);

  font-size:13px;
  line-height:1.7;
}


.real-fomo-grid {
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:18px;
}


.real-fomo-card {
  min-height:350px;

  padding:30px;

  display:flex;
  flex-direction:column;

  border-radius:17px;

  text-decoration:none;

  color:#0b2344;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.real-fomo-card.nonprofit {
  border-top:
    8px solid #9b3a38;

  background:
    linear-gradient(
      145deg,
      #fff,
      #f9e9e7
    );
}


.real-fomo-card.business {
  border-top:
    8px solid #2d7777;

  background:
    linear-gradient(
      145deg,
      #fff,
      #eaf6f3
    );
}


.real-fomo-number {
  color:rgba(11,35,68,.14);

  font:
    950 49px/1
    Montserrat,sans-serif;
}


.real-fomo-card > span {
  margin:12px 0 8px;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.13em;
}


.real-fomo-card.nonprofit
> span {
  color:#9b3a38;
}


.real-fomo-card.business
> span {
  color:#2d7777;
}


.real-fomo-card h3 {
  margin:0 0 12px;

  font:
    700 28px/1.1
    "Libre Baskerville",serif;
}


.real-fomo-card p {
  flex:1;

  margin:0 0 20px;

  color:#566070;

  font-size:12px;
  line-height:1.65;
}


.real-fomo-card strong {
  padding:16px;

  display:flex;
  justify-content:space-between;
  align-items:center;

  border-radius:8px;

  color:#fff;

  font:
    900 10px
    Montserrat,sans-serif;
}


.real-fomo-card.nonprofit
strong {
  background:#9b3a38;
}


.real-fomo-card.business
strong {
  background:#2d7777;
}


.real-fomo-card strong b {
  font-size:21px;
}


.real-fomo-card:hover {
  transform:translateY(-6px);

  box-shadow:
    0 18px 38px
    rgba(0,0,0,.16);
}


/* ---------------------------------------------------------
   COMMUNITY STORIES
   --------------------------------------------------------- */

.community-real-stories {
  display:grid;

  gap:18px;
}


.community-real-story {
  min-height:430px;

  display:grid;

  grid-template-columns:
    1.08fr .92fr;

  overflow:hidden;

  border-radius:20px;

  background:#fff;

  color:#0b2344;

  text-decoration:none;

  box-shadow:
    0 18px 44px
    rgba(7,29,59,.12);

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}


.community-real-story.reverse {
  grid-template-columns:
    .92fr 1.08fr;
}


.community-real-story.reverse
.community-real-photo {
  order:2;
}


.community-real-photo {
  position:relative;

  min-height:430px;

  overflow:hidden;
}


.community-real-photo::after {
  content:"";

  position:absolute;

  right:0;
  top:0;
  bottom:0;

  width:8px;

  background:#9b3a38;
}


.community-real-story.green
.community-real-photo::after {
  left:0;
  right:auto;

  background:#577c42;
}


.community-real-photo img {
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  object-position:center;

  transition:
    transform .65s ease;
}


.community-real-copy {
  position:relative;

  padding:46px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  background:#fff;
}


.community-real-copy::after {
  content:"";

  position:absolute;

  width:150px;
  height:150px;

  right:-70px;
  bottom:-70px;

  border-radius:50%;

  border:
    1px solid rgba(11,35,68,.08);
}


.community-real-copy > span {
  margin-bottom:9px;

  color:#9b3a38;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}


.community-real-story.green
.community-real-copy > span {
  color:#577c42;
}


.community-real-copy h2 {
  margin:0 0 14px;

  font:
    700 clamp(35px,4vw,51px)/1.05
    "Libre Baskerville",serif;
}


.community-real-copy p {
  max-width:500px;

  margin:0 0 18px;

  color:#566070;

  font-size:13px;
  line-height:1.7;
}


.community-real-copy strong {
  font:
    900 10px
    Montserrat,sans-serif;

  color:#0b2344;
}


.community-real-story:hover {
  transform:translateY(-6px);

  box-shadow:
    0 25px 54px
    rgba(7,29,59,.18);
}


.community-real-story:hover
.community-real-photo img {
  transform:scale(1.04);
}


/* ---------------------------------------------------------
   COMMUNITY ROLE GRID
   --------------------------------------------------------- */

.community-role-grid {
  margin-top:18px;

  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:18px;
}


.community-role-card {
  min-height:350px;

  overflow:hidden;

  display:grid;

  grid-template-rows:
    180px 1fr;

  border-radius:18px;

  background:#fff;

  color:#0b2344;

  text-decoration:none;

  box-shadow:
    0 15px 35px
    rgba(7,29,59,.1);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.community-role-photo {
  overflow:hidden;
}


.community-role-photo img {
  width:100%;
  height:100%;

  object-fit:cover;

  transition:
    transform .55s ease;
}


.community-role-graphic {
  position:relative;

  display:grid;
  place-items:center;

  overflow:hidden;
}


.community-role-card.gold
.community-role-graphic {
  background:
    linear-gradient(
      135deg,
      #c98218,
      #e0a52f
    );
}


.community-role-card.berry
.community-role-graphic {
  background:
    linear-gradient(
      135deg,
      #7c2c31,
      #a74a48
    );
}


.community-role-graphic::before {
  content:"";

  position:absolute;

  width:240px;
  height:240px;

  right:-90px;
  top:-100px;

  border-radius:50%;

  border:
    1px solid rgba(255,255,255,.2);

  box-shadow:
    0 0 0 35px
    rgba(255,255,255,.025);
}


.community-role-graphic img {
  position:relative;
  z-index:2;

  width:95px;
  height:95px;

  padding:3px;

  object-fit:contain;

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 12px 28px
    rgba(0,0,0,.2);
}


.community-role-copy {
  padding:25px;
}


.community-role-copy > span {
  display:block;

  margin-bottom:9px;

  font:
    900 8px
    Montserrat,sans-serif;

  letter-spacing:.13em;
}


.community-role-card.teal
.community-role-copy > span {
  color:#2d7777;
}


.community-role-card.gold
.community-role-copy > span {
  color:#b37414;
}


.community-role-card.berry
.community-role-copy > span {
  color:#9b3a38;
}


.community-role-card.green
.community-role-copy > span {
  color:#577c42;
}


.community-role-copy h3 {
  margin:0 0 14px;

  font:
    700 27px/1.08
    "Libre Baskerville",serif;
}


.community-role-copy strong {
  color:#0b2344;

  font:
    900 9px
    Montserrat,sans-serif;
}


.community-role-card:hover {
  transform:translateY(-5px);

  box-shadow:
    0 21px 43px
    rgba(7,29,59,.16);
}


.community-role-card:hover
.community-role-photo img {
  transform:scale(1.045);
}


/* ---------------------------------------------------------
   COMMUNITY CTA
   --------------------------------------------------------- */

.community-real-cta {
  margin-top:38px;

  padding:38px;

  display:grid;

  grid-template-columns:
    auto 1fr auto;

  gap:28px;

  align-items:center;

  border-radius:20px;

  background:
    linear-gradient(
      120deg,
      #0b2344,
      #123d6b
    );

  color:#fff;

  box-shadow:
    0 20px 48px
    rgba(7,29,59,.18);
}


.community-cta-logo img {
  width:105px;
  height:105px;

  padding:4px;

  object-fit:contain;

  border-radius:50%;

  background:#fff;
}


.community-real-cta span {
  color:#e0a52f;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}


.community-real-cta h2 {
  max-width:730px;

  margin:7px 0;

  color:#fff;

  font:
    700 29px/1.1
    "Libre Baskerville",serif;
}


.community-real-cta p {
  max-width:720px;

  margin:0;

  color:rgba(255,255,255,.78);

  font-size:12px;
  line-height:1.6;
}


.community-real-cta > a {
  padding:15px 18px;

  border-radius:8px;

  background:#e0a52f;

  color:#0b2344;

  text-decoration:none;

  white-space:nowrap;

  font:
    900 10px
    Montserrat,sans-serif;
}


/* ---------------------------------------------------------
   BUSINESS RESOURCE FEATURE
   --------------------------------------------------------- */

.business-real-resource {
  width:min(1200px,calc(100% - 32px));

  min-height:570px;

  margin:32px auto;

  overflow:hidden;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  border-radius:21px;

  background:#fff;

  box-shadow:
    0 21px 52px
    rgba(7,29,59,.14);
}


.business-resource-photo {
  position:relative;

  min-height:570px;

  overflow:hidden;
}


.business-resource-photo::after {
  content:"";

  position:absolute;

  right:0;
  top:0;
  bottom:0;

  width:9px;

  background:
    linear-gradient(
      180deg,
      #2d7777,
      #e0a52f,
      #577c42
    );
}


.business-resource-photo img {
  width:100%;
  height:100%;

  object-fit:cover;

  object-position:center;

  transition:
    transform .7s ease;
}


.business-real-resource:hover
.business-resource-photo img {
  transform:scale(1.035);
}


.business-real-resource-copy {
  position:relative;

  padding:48px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}


.business-real-resource-copy::after {
  content:"";

  position:absolute;

  width:170px;
  height:170px;

  right:-85px;
  top:-85px;

  border-radius:50%;

  border:
    1px solid rgba(45,119,119,.12);
}


.business-resource-brand img {
  width:88px;
  height:88px;

  margin-bottom:16px;

  padding:3px;

  object-fit:contain;

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 10px 26px
    rgba(7,29,59,.14);
}


.business-real-resource-copy
> span {
  color:#2d7777;

  font:
    900 9px
    Montserrat,sans-serif;

  letter-spacing:.14em;
}


.business-real-resource-copy h2 {
  margin:8px 0 15px;

  color:#0b2344;

  font:
    700 clamp(36px,4vw,52px)/1.05
    "Libre Baskerville",serif;
}


.business-real-resource-copy p {
  color:#566070;

  font-size:13px;
  line-height:1.68;
}


.business-real-resource-copy
.business-resource-lead {
  color:#0b2344;

  font-size:15px;

  font-weight:700;
}


.business-resource-other {
  margin:0 0 20px;

  padding:13px 15px;

  border-left:
    4px solid #e0a52f;

  background:#fff7e7;
}


.business-resource-other strong {
  display:block;

  margin-bottom:4px;

  color:#b67814;

  font-size:9px;
}


.business-resource-other span {
  color:#566070;

  font-size:11px;
  line-height:1.5;
}


/* ---------------------------------------------------------
   ANIMATION
   --------------------------------------------------------- */

@keyframes realLinkFloat {

  0%,100% {
    transform:translateY(0);
  }

  50% {
    transform:translateY(-7px);
  }

}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:950px) {

  .real-intro-band {
    grid-template-columns:1fr;

    gap:15px;
  }


  .support-real-grid {
    grid-template-columns:1fr;

    grid-template-rows:auto;
  }


  .support-real-large {
    grid-row:auto;
  }


  .support-real-card,
  .support-real-large {
    grid-template-columns:1fr;

    grid-template-rows:
      280px auto;
  }


  .community-real-story,
  .community-real-story.reverse {
    grid-template-columns:1fr;
  }


  .community-real-story.reverse
  .community-real-photo {
    order:0;
  }


  .community-real-photo {
    min-height:320px;
  }


  .community-role-grid {
    grid-template-columns:1fr;
  }


  .community-real-cta {
    grid-template-columns:1fr;
  }


  .business-real-resource {
    grid-template-columns:1fr;
  }


  .business-resource-photo {
    min-height:390px;
  }


  .real-fomo-grid {
    grid-template-columns:1fr;
  }

}


@media(max-width:650px) {

  .real-editorial-hero {
    min-height:690px;
  }


  .real-hero-inner {
    width:
      calc(100% - 34px);
  }


  .real-coming-soon {
    font-size:53px;
  }


  .real-hero-brand img {
    width:102px;
    height:102px;
  }


  .real-intro-band {
    width:
      calc(100% - 24px);

    padding:24px 20px;
  }


  .real-editorial-wrap {
    width:
      calc(100% - 24px);
  }


  .support-real-card,
  .support-real-large {
    grid-template-rows:
      230px auto;
  }


  .community-real-copy {
    padding:29px 22px;
  }


  .real-fomo-stage {
    padding:28px 18px;
  }


  .business-real-resource-copy {
    padding:31px 22px;
  }


  .community-real-cta {
    padding:28px 22px;
  }

}


@media(prefers-reduced-motion:reduce) {

  * {
    animation:none !important;
  }

}


/* ===== END LINK REAL PHOTOGRAPHY + GRAPHICS ===== */