.elementor-126 .elementor-element.elementor-element-a859df8{--display:flex;}.elementor-126 .elementor-element.elementor-element-6e5490f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-4d4e920{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:80px 80px 80px 80px;}.elementor-126 .elementor-element.elementor-element-4d4e920.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-126 .elementor-element.elementor-element-4d4e920 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-126 .elementor-element.elementor-element-7938a32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-126 .elementor-element.elementor-element-4d4e920{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3fb65db */*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --navy:     #253c56;
  --navy-mid: #395e87;
  --salmon:   #ff9d95;
  --salmon-bg:#fee6de;
  --sage:     #CDE5D9;
  --yellow:   #FFEB94;
  --gray-bg:  #EAEAEA;
  --gray-light:#f7f7f7;
  --text:     #313131;
  --text-soft:#6A6B6D;
  --white:    #ffffff;
  --shadow:   0 2px 16px rgba(111,133,155,0.13);
  --radius:   8px;
}
html { scroll-behavior: smooth; }
body { font-family: "PT Sans", sans-serif; color: var(--text); background: var(--white); line-height: 1.7; }

/* NAV */
nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.97); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(37,60,86,0.08); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 68px; }
.nav-logo img { height: 50px; width: auto; }
.nav-links { display: flex; align-items: center; gap: 28px; list-style: none; }
.nav-links a { text-decoration: none; font-family: "Raleway", sans-serif; font-size: 13.5px; font-weight: 700; color: var(--text); transition: color 0.2s; }
.nav-links a:hover, .nav-links a.active { color: var(--navy); }
.nav-links a.nav-login { color: var(--navy); }
.nav-cta-btn { background: var(--salmon); color: white !important; padding: 9px 20px; border-radius: 30px; font-size: 13px !important; }

/* HELPERS */
.container { max-width: 1060px; margin: 0 auto; padding: 0 40px; }
.eyebrow { font-family: "Raleway", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--text-soft); display: block; margin-bottom: 12px; }
.eyebrow-center { text-align: center; }
.divider { width: 50px; height: 3px; background: var(--yellow); border-radius: 2px; margin-bottom: 22px; }
.divider.center { margin: 0 auto 28px; }
.btn { display: inline-block; padding: 13px 30px; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none !important; border-radius: 4px; transition: all 0.2s; color: white !important; }
.btn-navy { background: var(--navy); color: white; }
.btn-navy:hover { background: var(--navy-mid); transform: translateY(-1px); }
.btn-salmon { background: var(--salmon); color: white !important; text-decoration: none; }
.btn-salmon:hover { background: #e8897a; transform: translateY(-1px); }
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: none; }

/* HERO */
.hero {
  background: var(--gray-bg); padding: 0; position: relative; overflow: hidden;
  display: grid; grid-template-columns: 55% 45%; min-height: 460px;
}
.hero-img { position: relative; overflow: hidden; }
.hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.hero-content {
  display: flex; flex-direction: column; justify-content: center;
  padding: 60px 60px 60px 50px;
}
.hero-title { font-family: "Raleway", sans-serif; font-size: 38px; font-weight: 600; color: var(--navy); line-height: 1.2; margin-bottom: 16px; }
.hero-subtitle { font-size: 17px; color: var(--text-soft); line-height: 1.75; margin-bottom: 24px; }
.hero-subtitle strong { color: var(--text); }

/* INTRO SECTION */
.intro-section { padding: 70px 0; background: var(--white); }
.intro-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.intro-text h2 { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 16px; line-height: 1.25; }
.intro-text p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.intro-text p strong { color: var(--text); font-weight: 700; }
.intro-text blockquote { background: var(--salmon-bg); border-left: 4px solid var(--salmon); border-radius: 0 var(--radius) var(--radius) 0; padding: 20px 24px; margin: 24px 0; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; color: var(--navy); font-style: italic; line-height: 1.5; }
.intro-img { position: relative; width: 100%; }
.intro-img img { width: 100%; display: block; }
.intro-salmon-block { position: absolute; top: -15px; right: -10px; width: 80px; height: 20px; background: var(--salmon-bg); border-radius: 2px; }

/* QUALIFICATIONS */
.quals-section { padding: 60px 0; background: var(--gray-light); }
.quals-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.quals-img img { width: 100%; display: block; object-fit: cover; object-position: center top; }
.quals-content h2 { font-family: "Raleway", sans-serif; font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 20px; line-height: 1.25; }
.qual-list { list-style: none; }
.qual-item { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(37,60,86,0.07); }
.qual-item:last-child { border-bottom: none; }
.qual-dot { width: 8px; height: 8px; background: var(--navy); border-radius: 50%; flex-shrink: 0; }
.qual-text { font-size: 15.5px; color: var(--text); font-weight: 700; font-family: "Raleway", sans-serif; }

/* STORY SECTION */
.story-section { padding: 70px 0; background: var(--white); }
.intro-full { max-width: 760px; margin: 0 auto; }
.intro-full p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.intro-full p strong { color: var(--text); font-weight: 700; }
.intro-full blockquote { background: var(--salmon-bg); border-left: 4px solid var(--salmon); border-radius: 0 var(--radius) var(--radius) 0; padding: 20px 24px; margin: 24px 0; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; color: var(--navy); font-style: italic; line-height: 1.5; }
.story-full { max-width: 760px; margin: 0 auto; }
.story-full p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.story-full p strong { color: var(--text); font-weight: 700; }
.story-section h2 { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 20px; line-height: 1.25; }
.story-section p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.story-section p strong { color: var(--text); font-weight: 700; }
.story-inner { display: grid; grid-template-columns: 1fr 380px; gap: 60px; align-items: start; }

/* MISSION BANNER */
.mission-banner { background: var(--salmon-bg); padding: 50px 40px; text-align: center; }
.mission-banner .eyebrow { color: var(--text-soft); }
.mission-title { font-family: "Raleway", sans-serif; font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 16px; }
.mission-quote { font-family: "Raleway", sans-serif; font-size: 17px; font-style: italic; color: var(--navy); max-width: 700px; margin: 0 auto; line-height: 1.7; }

/* VALUES */
.values-section { padding: 70px 0; background: var(--gray-light); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.value-card { background: var(--white); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow); }
.value-icon { margin-bottom: 12px; display: block; line-height: 1; }
.value-title { font-family: "Raleway", sans-serif; font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }
.value-text { font-size: 14px; color: var(--text-soft); line-height: 1.65; }

/* CTA */
.cta-section { background: var(--white); padding: 70px 0; text-align: center; }
.cta-section h2 { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 14px; }
.cta-section p { font-size: 16px; color: var(--text-soft); max-width: 560px; margin: 0 auto 28px; line-height: 1.7; }

/* FOOTER */
footer { background: var(--navy); color: rgba(255,255,255,0.6); }
.footer-social { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 24px 40px; }
.footer-social a { color: rgba(255,255,255,0.6); text-decoration: none; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 700; transition: color 0.2s; }
.footer-social a:hover { color: white; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding: 18px 40px; display: flex; align-items: center; justify-content: center; gap: 28px; flex-wrap: wrap; }
.footer-bottom a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 12.5px; font-weight: 600; transition: color 0.2s; }
.footer-bottom a:hover { color: white; }
.footer-copy { font-size: 12px; color: rgba(255,255,255,0.35); }

.video-section { background: var(--white); padding: 50px 0; }

/* ===== FULL WIDTH BREAKOUT FOR WORDPRESS ===== */
.pw-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

  /* NAV */
  nav { padding: 0 16px; height: 58px; }
  nav .nav-logo img { height: 40px; }
  .nav-links { display: none; }

  /* CONTAINER */
  .container { padding: 0 20px !important; }

  /* SECTION SPACING */
  section { padding: 44px 0 !important; }

  /* TYPOGRAPHY */
  .hero-title { font-size: 26px !important; line-height: 1.25 !important; }
  .hero-subtitle { font-size: 15px !important; line-height: 1.7 !important; }
  h2 { font-size: 22px !important; line-height: 1.3 !important; }
  p { font-size: 15px !important; line-height: 1.75 !important; }

  /* HERO: image top, text below */
  .hero {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }
  .hero-img {
    order: 1 !important;
    width: 100% !important;
    height: 300px !important;
  }
  .hero-img img { height: 300px !important; object-fit: cover !important; object-position: top !important; }
  .hero-content {
    order: 2 !important;
    padding: 28px 20px 32px !important;
  }

  /* INTRO */
  .intro-section { padding: 40px 0 !important; }
  .intro-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .intro-salmon-block { display: none; }
  .intro-img img { width: 100% !important; height: 280px !important; object-fit: cover !important; object-position: top !important; }
  .intro-text blockquote { font-size: 15px !important; padding: 16px 18px !important; }

  /* QUALIFICATIONS */
  .quals-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .quals-img .video-wrap { height: auto !important; }
  .qual-text { font-size: 15px !important; }

  /* STORY */
  .story-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .story-inner > div:last-child { padding-top: 0 !important; }
  .story-inner > div:last-child img { height: 240px !important; object-fit: cover !important; object-position: top !important; }

  /* MISSION */
  .mission-banner { padding: 36px 20px !important; }
  .mission-title { font-size: 20px !important; }
  .mission-quote { font-size: 14px !important; }

  /* VALUES */
  .values-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .value-card { padding: 22px 18px !important; }

  /* CTA */
  .cta-section h2 { font-size: 20px !important; }
  .cta-section p { font-size: 15px !important; }
  .btn { width: 100% !important; text-align: center !important; display: block !important; min-height: 44px; }

  /* FOOTER */
  footer .footer-social { flex-wrap: wrap; gap: 16px; padding: 20px; }
  footer .footer-bottom { flex-direction: column; gap: 10px; padding: 16px 20px; text-align: center; }
}

@media (max-width: 420px) {
  .hero-title { font-size: 22px !important; }
  .hero-img { height: 240px !important; }
  .hero-img img { height: 240px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a15243b */*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --navy:     #253c56;
  --navy-mid: #395e87;
  --salmon:   #ff9d95;
  --salmon-bg:#fee6de;
  --sage:     #CDE5D9;
  --yellow:   #FFEB94;
  --gray-bg:  #EAEAEA;
  --gray-light:#f7f7f7;
  --text:     #313131;
  --text-soft:#6A6B6D;
  --white:    #ffffff;
  --shadow:   0 2px 16px rgba(111,133,155,0.13);
  --radius:   8px;
}
html { scroll-behavior: smooth; }
body { font-family: "PT Sans", sans-serif; color: var(--text); background: var(--white); line-height: 1.7; }

/* NAV */
nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.97); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(37,60,86,0.08); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 68px; }
.nav-logo img { height: 50px; width: auto; }
.nav-links { display: flex; align-items: center; gap: 28px; list-style: none; }
.nav-links a { text-decoration: none; font-family: "Raleway", sans-serif; font-size: 13.5px; font-weight: 700; color: var(--text); transition: color 0.2s; }
.nav-links a:hover, .nav-links a.active { color: var(--navy); }
.nav-links a.nav-login { color: var(--navy); }
.nav-cta-btn { background: var(--salmon); color: white !important; padding: 9px 20px; border-radius: 30px; font-size: 13px !important; }

/* HELPERS */
.container { max-width: 1060px; margin: 0 auto; padding: 0 40px; }
.eyebrow { font-family: "Raleway", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--text-soft); display: block; margin-bottom: 12px; }
.eyebrow-center { text-align: center; }
.divider { width: 50px; height: 3px; background: var(--yellow); border-radius: 2px; margin-bottom: 22px; }
.divider.center { margin: 0 auto 28px; }
.btn { display: inline-block; padding: 13px 30px; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none !important; border-radius: 4px; transition: all 0.2s; color: white !important; }
.btn-navy { background: var(--navy); color: white; }
.btn-navy:hover { background: var(--navy-mid); transform: translateY(-1px); }
.btn-salmon { background: var(--salmon); color: white !important; text-decoration: none; }
.btn-salmon:hover { background: #e8897a; transform: translateY(-1px); }
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: none; }

/* HERO */
.hero {
  background: var(--gray-bg); padding: 0; position: relative; overflow: hidden;
  display: grid; grid-template-columns: 55% 45%; min-height: 460px;
}
.hero-img { position: relative; overflow: hidden; }
.hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.hero-content {
  display: flex; flex-direction: column; justify-content: center;
  padding: 60px 60px 60px 50px;
}
.hero-title { font-family: "Raleway", sans-serif; font-size: 38px; font-weight: 600; color: var(--navy); line-height: 1.2; margin-bottom: 16px; }
.hero-subtitle { font-size: 17px; color: var(--text-soft); line-height: 1.75; margin-bottom: 24px; }
.hero-subtitle strong { color: var(--text); }

/* INTRO SECTION */
.intro-section { padding: 70px 0; background: var(--white); }
.intro-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.intro-text h2 { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 16px; line-height: 1.25; }
.intro-text p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.intro-text p strong { color: var(--text); font-weight: 700; }
.intro-text blockquote { background: var(--salmon-bg); border-left: 4px solid var(--salmon); border-radius: 0 var(--radius) var(--radius) 0; padding: 20px 24px; margin: 24px 0; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; color: var(--navy); font-style: italic; line-height: 1.5; }
.intro-img { position: relative; width: 100%; }
.intro-img img { width: 100%; display: block; }
.intro-salmon-block { position: absolute; top: -15px; right: -10px; width: 80px; height: 20px; background: var(--salmon-bg); border-radius: 2px; }

/* QUALIFICATIONS */
.quals-section { padding: 60px 0; background: var(--gray-light); }
.quals-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.quals-img img { width: 100%; display: block; object-fit: cover; object-position: center top; }
.quals-content h2 { font-family: "Raleway", sans-serif; font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 20px; line-height: 1.25; }
.qual-list { list-style: none; }
.qual-item { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(37,60,86,0.07); }
.qual-item:last-child { border-bottom: none; }
.qual-dot { width: 8px; height: 8px; background: var(--navy); border-radius: 50%; flex-shrink: 0; }
.qual-text { font-size: 15.5px; color: var(--text); font-weight: 700; font-family: "Raleway", sans-serif; }

/* STORY SECTION */
.story-section { padding: 70px 0; background: var(--white); }
.intro-full { max-width: 760px; margin: 0 auto; }
.intro-full p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.intro-full p strong { color: var(--text); font-weight: 700; }
.intro-full blockquote { background: var(--salmon-bg); border-left: 4px solid var(--salmon); border-radius: 0 var(--radius) var(--radius) 0; padding: 20px 24px; margin: 24px 0; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; color: var(--navy); font-style: italic; line-height: 1.5; }
.story-full { max-width: 760px; margin: 0 auto; }
.story-full p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.story-full p strong { color: var(--text); font-weight: 700; }
.story-section h2 { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 20px; line-height: 1.25; }
.story-section p { font-size: 15.5px; color: var(--text-soft); line-height: 1.8; margin-bottom: 16px; }
.story-section p strong { color: var(--text); font-weight: 700; }
.story-inner { display: grid; grid-template-columns: 1fr 380px; gap: 60px; align-items: start; }

/* MISSION BANNER */
.mission-banner { background: var(--salmon-bg); padding: 50px 40px; text-align: center; }
.mission-banner .eyebrow { color: var(--text-soft); }
.mission-title { font-family: "Raleway", sans-serif; font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 16px; }
.mission-quote { font-family: "Raleway", sans-serif; font-size: 17px; font-style: italic; color: var(--navy); max-width: 700px; margin: 0 auto; line-height: 1.7; }

/* VALUES */
.values-section { padding: 70px 0; background: var(--gray-light); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.value-card { background: var(--white); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow); }
.value-icon { margin-bottom: 12px; display: block; line-height: 1; }
.value-title { font-family: "Raleway", sans-serif; font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }
.value-text { font-size: 14px; color: var(--text-soft); line-height: 1.65; }

/* CTA */
.cta-section { background: var(--white); padding: 70px 0; text-align: center; }
.cta-section h2 { font-family: "Raleway", sans-serif; font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 14px; }
.cta-section p { font-size: 16px; color: var(--text-soft); max-width: 560px; margin: 0 auto 28px; line-height: 1.7; }

/* FOOTER */
footer { background: var(--navy); color: rgba(255,255,255,0.6); }
.footer-social { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 24px 40px; }
.footer-social a { color: rgba(255,255,255,0.6); text-decoration: none; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 700; transition: color 0.2s; }
.footer-social a:hover { color: white; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding: 18px 40px; display: flex; align-items: center; justify-content: center; gap: 28px; flex-wrap: wrap; }
.footer-bottom a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 12.5px; font-weight: 600; transition: color 0.2s; }
.footer-bottom a:hover { color: white; }
.footer-copy { font-size: 12px; color: rgba(255,255,255,0.35); }

.video-section { background: var(--white); padding: 50px 0; }

/* ===== FULL WIDTH BREAKOUT FOR WORDPRESS ===== */
.pw-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

  /* NAV */
  nav { padding: 0 16px; height: 58px; }
  nav .nav-logo img { height: 40px; }
  .nav-links { display: none; }

  /* CONTAINER */
  .container { padding: 0 20px !important; }

  /* SECTION SPACING */
  section { padding: 44px 0 !important; }

  /* TYPOGRAPHY */
  .hero-title { font-size: 26px !important; line-height: 1.25 !important; }
  .hero-subtitle { font-size: 15px !important; line-height: 1.7 !important; }
  h2 { font-size: 22px !important; line-height: 1.3 !important; }
  p { font-size: 15px !important; line-height: 1.75 !important; }

  /* HERO: image top, text below */
  .hero {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }
  .hero-img {
    order: 1 !important;
    width: 100% !important;
    height: 300px !important;
  }
  .hero-img img { height: 300px !important; object-fit: cover !important; object-position: top !important; }
  .hero-content {
    order: 2 !important;
    padding: 28px 20px 32px !important;
  }

  /* INTRO */
  .intro-section { padding: 40px 0 !important; }
  .intro-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .intro-salmon-block { display: none; }
  .intro-img img { width: 100% !important; height: 280px !important; object-fit: cover !important; object-position: top !important; }
  .intro-text blockquote { font-size: 15px !important; padding: 16px 18px !important; }

  /* QUALIFICATIONS */
  .quals-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .quals-img .video-wrap { height: auto !important; }
  .qual-text { font-size: 15px !important; }

  /* STORY */
  .story-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .story-inner > div:last-child { padding-top: 0 !important; }
  .story-inner > div:last-child img { height: 240px !important; object-fit: cover !important; object-position: top !important; }

  /* MISSION */
  .mission-banner { padding: 36px 20px !important; }
  .mission-title { font-size: 20px !important; }
  .mission-quote { font-size: 14px !important; }

  /* VALUES */
  .values-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .value-card { padding: 22px 18px !important; }

  /* CTA */
  .cta-section h2 { font-size: 20px !important; }
  .cta-section p { font-size: 15px !important; }
  .btn { width: 100% !important; text-align: center !important; display: block !important; min-height: 44px; }

  /* FOOTER */
  footer .footer-social { flex-wrap: wrap; gap: 16px; padding: 20px; }
  footer .footer-bottom { flex-direction: column; gap: 10px; padding: 16px 20px; text-align: center; }
}

@media (max-width: 420px) {
  .hero-title { font-size: 22px !important; }
  .hero-img { height: 240px !important; }
  .hero-img img { height: 240px !important; }
}/* End custom CSS */