.home-hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(13,31,12,.94) 0%,rgba(23,50,17,.9) 48%,rgba(49,74,37,.72) 100%),url('../../images/hero-bg.jpg') center/cover;border-bottom:1px solid rgba(249,196,84,.24)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(460px,.88fr);gap:clamp(52px,6vw,96px);align-items:center;padding:96px 0 118px}.hero-copy{max-width:860px}.hero-copy h1{font-size:clamp(4.8rem,7.2vw,8.8rem);line-height:.9;letter-spacing:-.085em}.hero-copy .lead{max-width:780px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin:30px 0 22px}.pill-row{display:flex;flex-wrap:wrap;gap:12px}.info-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(249,196,84,.33);background:rgba(249,196,84,.16);border-radius:999px;padding:8px 14px;color:#ffeeb9;font-weight:900;font-size:.85rem;box-shadow:0 14px 35px rgba(0,0,0,.14)}

/* Homepage hero visual card
   Keep this section isolated: Safety badge, Learning badge, and Education badge are separate controls. */
.hero-visual{display:flex;justify-content:flex-end;align-items:center;overflow:visible;position:relative;z-index:2}
.hero-photo-card{position:relative;width:min(100%,560px);border-radius:34px;background:var(--ems-cream-2);box-shadow:0 34px 70px rgba(0,0,0,.28);overflow:visible;color:#24381b}
/* Removed duplicate rear gold block behind Safety + Discipline. Only the front badge remains. */
.hero-photo-card::before{display:none;content:none}
.hero-photo-stage{height:365px;border-radius:34px 34px 0 0;overflow:hidden;position:relative}
.hero-photo-stage img{width:100%;height:100%;object-fit:cover;object-position:56% 38%}
.focus-card{
   position:absolute;
   top:15px;
   left:-54px;
   z-index:20;
   width:300px;
   height:70px;
   padding:20px 26px;
   border-radius:26px 26px 26px 26px;
   background:
   linear-gradient(135deg,#ffd35f,#f7b82d);
   color:#07120a;
   box-shadow:0 22px 38px rgba(0,0,0,.24);
   display:flex;flex-direction:column;
   justify-content:center}
.focus-card__kicker,.learning-card__kicker{
   display:block;
   text-transform:uppercase;
   letter-spacing:.2em;
   font-size:.68rem;
   font-weight:950;
   margin-bottom:8px}
.focus-card__title{
   font-size:clamp(0.8rem,1.9vw,1.5rem);
   line-height:1.02;
   font-weight:800}
.hero-card-body{
   position:relative;
   height:200px;
   padding:32px 34px 34px;
   border-radius:0 0 34px 34px;
   background:linear-gradient(180deg,#fff 0%,#fffaf1 100%);
   color:#314a25}
.education-purpose-badge,
.hero-card-body h3{
   display:inline-flex;
   align-items:center;
   width:700px;
   max-width:calc(100% - 50px);
   margin:0 0 14px;
   padding:10px 16px;
   border-radius:17px;
   background:rgba(49,74,37,.08);
   border:1px solid rgba(49,74,37,.12);
   color:#314a25;
   font-size:clamp(1.08rem,1.22vw,1.34rem);
   line-height:1.08;
   font-weight:1000;
   letter-spacing:-.02em}
.hero-card-body p{
   max-width:100%;
   margin:0;
   color:rgba(49,74,37,.78);
   font-size:.98rem;
   line-height:1.65;
   font-weight:750}
.learning-card{
   position:absolute;
   right:-34px;
   top:-44px;
   z-index:25;
   min-width:218px;
   padding:14px 18px;
   border-radius:18px;
   background:#fff;color:#173411;
   box-shadow:0 16px 32px rgba(0,0,0,.16);
   font-weight:1000;
   font-size:clamp(1.08rem,1.26vw,1.35rem);
   line-height:1.06}
.learning-card__kicker{
   color:#173411;
   font-size:.62rem;
   margin-bottom:6px}
.learning-card__title{
   display:block;
   color:#173411}

.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:28px;margin-top:-70px;position:relative;z-index:10}.feature-card{min-height:205px;padding:30px;border-radius:24px;border:1px solid rgba(249,196,84,.28);background:linear-gradient(145deg,rgba(255,241,191,.18),rgba(255,241,191,.07));box-shadow:0 22px 50px rgba(0,0,0,.22)}.feature-card h3{font-size:1.32rem}.feature-card p{font-size:1rem;line-height:1.7}.notice-strip{margin-top:26px}.home-news{padding-top:74px}.home-news .news-grid{grid-template-columns:repeat(3,minmax(270px,1fr))}
@media(max-width:1180px){.hero-grid{grid-template-columns:1fr;gap:50px}.hero-visual{justify-content:center}.feature-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.hero-copy h1{font-size:clamp(4rem,12vw,7rem)}}
@media(max-width:760px){.home-hero{min-height:auto}.hero-grid{padding:62px 0 104px}.hero-photo-card{width:min(100%,430px)}.hero-photo-stage{height:305px}.focus-card{left:0;top:24px;width:210px;min-height:88px;padding:17px 20px}.focus-card__title{font-size:1.34rem}
.learning-card{
   right:14px;
   top:-36px;
   min-width:188px;
   padding:13px 16px;
   font-size:1.12rem}
.education-purpose-badge,.hero-card-body h3{max-width:100%;font-size:1.08rem}
.hero-card-body p{max-width:100%}
.feature-grid,.home-news .news-grid{grid-template-columns:1fr}}


/* Homepage leadership & legacy */
.home-leadership .section-head{align-items:end}
.home-leadership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.home-leader-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:230px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(255,241,191,.16),rgba(255,241,191,.055));border:1px solid rgba(249,196,84,.28);box-shadow:0 18px 44px rgba(0,0,0,.18);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-leader-card:hover{transform:translateY(-5px);border-color:rgba(249,196,84,.62);box-shadow:0 28px 62px rgba(0,0,0,.24)}
.home-leader-photo{min-height:230px;background:#ede7d5;overflow:hidden}
.home-leader-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.home-leader-copy{padding:25px 22px;display:flex;flex-direction:column;justify-content:center}
.home-leader-copy h3{margin:14px 0 8px;font-size:1.45rem;color:#fff3c7}
.home-leader-copy p{margin:0;color:#d9d2ad;line-height:1.65}
@media(max-width:1180px){.home-leadership-grid{grid-template-columns:1fr}.home-leader-card{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:620px){.home-leader-card{grid-template-columns:1fr}.home-leader-photo{height:340px}.home-leadership .section-head{align-items:start}}
/* ============================================================
   Homepage Responsive Layout — canonical mobile/tablet rules
   ============================================================ */

@media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .hero-visual{
    justify-content:center;
  }

  .feature-grid{
    grid-template-columns:repeat(2,minmax(250px,1fr));
  }

  .hero-copy h1{
    font-size:clamp(4rem,12vw,7rem);
  }
}

@media(max-width:900px){
  .home-hero{
    min-height:auto;
  }

  .hero-grid{
    grid-template-columns:1fr;
    gap:40px;
    padding:52px 0 78px;
  }

  .hero-copy{
    max-width:100%;
  }

  .hero-copy h1{
    max-width:100%;
    font-size:clamp(3rem,12vw,5.1rem);
    line-height:.94;
    letter-spacing:-.065em;
  }

  .hero-copy .lead{
    max-width:100%;
  }

  .hero-actions{
    gap:10px;
    margin:24px 0 18px;
  }

  .hero-actions .ems-btn{
    min-height:46px;
    white-space:normal;
  }

  .hero-visual{
    width:100%;
    justify-content:center;
  }

  .hero-photo-card{
    width:min(100%,500px);
  }

  .hero-photo-stage{
    height:clamp(270px,65vw,340px);
  }

  .focus-card{
    top:14px;
    left:12px;
    width:min(225px,65vw);
    height:auto;
    min-height:76px;
    padding:13px 18px;
    border-radius:20px;
  }

  .focus-card__kicker{
    margin-bottom:5px;
  }

  .focus-card__title{
    font-size:clamp(1.02rem,4.8vw,1.34rem);
    line-height:1.08;
    letter-spacing:-.025em;
    white-space:normal;
  }

  .hero-card-body{
    height:auto;
    min-height:188px;
    padding:30px 22px 24px;
  }

  .learning-card{
    right:12px;
    top:-34px;
    min-width:0;
    width:min(202px,58vw);
    padding:12px 14px;
    border-radius:16px;
  }

  .learning-card__title{
    font-size:clamp(1rem,4vw,1.18rem);
    line-height:1.08;
    white-space:normal;
  }

  .education-purpose-badge,
  .hero-card-body h3{
    width:auto;
    max-width:100%;
    margin-right:0;
    font-size:1.05rem;
    line-height:1.16;
    white-space:normal;
  }

  .hero-card-body p{
    max-width:100%;
    font-size:.94rem;
    line-height:1.58;
  }

  .feature-grid{
    margin-top:-40px;
  }
}

@media(max-width:640px){
  .hero-grid{
    gap:34px;
    padding:44px 0 72px;
  }

  .hero-copy h1{
    font-size:clamp(2.65rem,13.5vw,3.95rem);
    line-height:.96;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .hero-actions .ems-btn{
    width:100%;
  }

  .pill-row{
    gap:8px;
  }

  .info-pill{
    padding:7px 11px;
    font-size:.78rem;
  }

  .hero-photo-card{
    border-radius:26px;
  }

  .hero-photo-stage{
    height:clamp(245px,67vw,300px);
    border-radius:26px 26px 0 0;
  }

  .focus-card{
    top:12px;
    left:10px;
    width:min(200px,63vw);
    min-height:70px;
    padding:11px 15px;
    border-radius:18px;
  }

  .focus-card__kicker{
    font-size:.6rem;
    letter-spacing:.15em;
  }

  .focus-card__title{
    font-size:clamp(.98rem,4.7vw,1.22rem);
    line-height:1.1;
  }

  .hero-card-body{
    min-height:170px;
    padding:28px 18px 20px;
    border-radius:0 0 26px 26px;
  }

  .learning-card{
    right:10px;
    top:-28px;
    width:min(178px,55vw);
  }

  .learning-card__title{
    font-size:clamp(.95rem,4vw,1.08rem);
  }

  .hero-card-body h3{
    font-size:1rem;
    line-height:1.18;
  }

  .hero-card-body p{
    font-size:.9rem;
    line-height:1.55;
  }

  .feature-grid{
    grid-template-columns:1fr;
    margin-top:-30px;
    gap:18px;
  }
}

@media(max-width:430px){
  .hero-grid{
    padding-top:38px;
  }

  .hero-photo-stage{
    height:255px;
  }

  .focus-card{
    width:min(188px,61vw);
  }

  .learning-card{
    width:min(170px,55vw);
  }
}

@media(max-width:390px){
  .hero-copy h1{
    font-size:clamp(2.5rem,13vw,3.45rem);
  }

  .hero-photo-stage{
    height:242px;
  }

  .focus-card{
    width:min(178px,60vw);
  }

  .learning-card{
    width:min(160px,54vw);
  }
}