.schools-page{overflow-x:hidden}.schools-page .site-header{background:rgba(8,26,43,.94);backdrop-filter:blur(16px)}.school-hero{min-height:760px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.school-hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 38%}.school-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,31,.92),rgba(5,18,31,.62) 52%,rgba(5,18,31,.18))}.school-hero-copy{position:relative;z-index:2;width:min(1280px,100%);margin:auto;padding:180px 48px 100px}.school-hero h1,.section-head h2,.age-copy h2,.safety h2,.staff h2,.university h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.school-hero h1{font-size:clamp(50px,6vw,84px);line-height:.94;margin:0 0 26px;max-width:1000px}.school-hero em,.schools-page h2 em{color:var(--gold);font-weight:400}.school-hero-copy>p:not(.eyebrow){max-width:670px;font-size:18px;line-height:1.7;color:#d8e0e6}.section-pad{padding:110px max(24px,calc((100vw - 1280px)/2))}.section-head{max-width:850px}.section-head h2,.age-copy h2,.safety h2,.staff h2,.university h2{font-size:clamp(42px,5vw,70px);line-height:.98;margin:0 0 24px}.section-head>p:last-child,.age-copy>p:last-child,.university-copy>p:last-child{font-size:17px;line-height:1.75;color:var(--muted);max-width:720px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #d7d2c8}.solution-grid article{padding:26px 20px 30px 0;border-bottom:1px solid #d7d2c8}.solution-grid b,.process-grid b{color:var(--gold);font-size:12px;letter-spacing:.15em}.solution-grid h3{font-family:Georgia,serif;font-size:20px;margin:18px 0 0}.formats,.process,.staff,.experience,.why{background:var(--navy);color:#fff}.formats .section-head>p:last-child,.process .section-head>p:last-child,.experience .section-head>p:last-child{color:#c3ccd3}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:55px;border:1px solid rgba(255,255,255,.12)}.format-grid article{background:var(--navy);padding:34px}.format-grid h3{font-family:Georgia,serif;font-size:24px;margin:0 0 14px}.format-grid p{color:#bfc9d0;line-height:1.65;font-size:14px}.age-path,.safety,.staff,.university{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.age-photo,.staff-image{aspect-ratio:4/3;overflow:hidden}.age-photo img,.staff-image img,.safety-image img{height:100%;object-fit:cover}.stage-row,.team-stages{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:30px 0}.stage-row span,.team-stages span{padding:10px 13px;border:1px solid #d9d4ca;border-radius:999px;font-size:12px;font-weight:800}.stage-row i,.team-stages i{font-style:normal;color:var(--gold)}.more-than{text-align:center}.more-than .section-head{margin:auto}.qualities{display:grid;grid-template-columns:repeat(6,1fr);margin-top:45px}.qualities span{padding:25px 10px;border-top:1px solid #d8d3c9;border-bottom:1px solid #d8d3c9;font-family:Georgia,serif;font-size:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:55px}.process-grid article{border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.process-grid h3{font-family:Georgia,serif;font-size:24px}.process-grid p{color:#bcc7ce;line-height:1.6;font-size:14px}.safety{background:#fff}.safety-list,.workshop-themes,.uni-list,.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:28px 0}.safety-list span,.workshop-themes span,.uni-list span,.why-grid span{border-top:1px solid #ddd8ce;padding:12px 0;font-size:13px;font-weight:750}.credential{border-left:3px solid var(--gold);padding:14px 18px;background:var(--ivory);line-height:1.6}.safety-image{max-width:460px;justify-self:center;box-shadow:0 20px 70px rgba(8,26,43,.14)}.staff .workshop-themes span,.why-grid span{border-color:rgba(255,255,255,.18)}.staff-copy>p:not(.eyebrow),.fine{color:#c1cbd2;line-height:1.7}.fine{font-size:12px!important}.team-path .section-head{max-width:900px}.team-stages{margin-top:45px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:50px}.experience-grid article{background:#fff;color:var(--ink)}.experience-grid img{aspect-ratio:16/9;object-fit:cover}.experience-grid h3,.experience-grid p{margin-left:25px;margin-right:25px}.experience-grid h3{font-family:Georgia,serif;font-size:24px;margin-top:24px}.experience-grid p{color:var(--muted);line-height:1.65;margin-bottom:28px}.university{background:#fff}.why{text-align:left}.why .btn{margin-top:10px}.proposal-section .section-head{margin:auto;text-align:center}.proposal-section .section-head>p:last-child{margin-left:auto;margin-right:auto}html[dir="rtl"] .school-hero-copy,html[dir="rtl"] .proposal-form{text-align:right}html[dir="rtl"] .credential{border-left:0;border-right:3px solid var(--gold)}
@media(max-width:1100px){.section-pad{padding:90px 36px}.school-hero-copy{padding-left:36px;padding-right:36px}.solution-grid{grid-template-columns:repeat(2,1fr)}.format-grid{grid-template-columns:repeat(2,1fr)}.qualities{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.age-path,.safety,.staff,.university{gap:40px}}
@media(max-width:767px){.school-hero{min-height:720px}.school-hero>img{object-position:58% center}.school-hero-shade{background:linear-gradient(0deg,rgba(5,18,31,.95),rgba(5,18,31,.7) 60%,rgba(5,18,31,.2))}.school-hero-copy{padding:140px 20px 70px}.school-hero h1{font-size:clamp(40px,11vw,52px)}.school-hero-copy>p:not(.eyebrow){font-size:16px}.school-hero .actions{flex-direction:column}.school-hero .btn{width:100%}.section-pad{padding:75px 20px}.section-head h2,.age-copy h2,.safety h2,.staff h2,.university h2{font-size:38px}.solution-grid,.format-grid,.qualities,.process-grid{grid-template-columns:1fr}.age-path,.safety,.staff,.university{display:flex;flex-direction:column;gap:36px}.age-photo,.staff-image{width:100%;aspect-ratio:4/3}.safety-image{width:min(100%,390px);order:-1}.safety-list,.workshop-themes,.uni-list,.why-grid{grid-template-columns:1fr}.qualities span{border-bottom:0}.qualities span:last-child{border-bottom:1px solid #d8d3c9}.experience-grid{grid-template-columns:1fr}.experience-grid img{aspect-ratio:4/3}.stage-row,.team-stages{gap:7px}.stage-row i,.team-stages i{display:none}.proposal-section .section-head{text-align:left}html[dir="rtl"] .proposal-section .section-head{text-align:right}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}

/* =========================================================
   DAY 3 — RESPONSIVE PRESERVATION EXTENSION
   Inherits the current MASTER Landscape Emergency Fix.
   These rules extend the same safety principles to Schools.
   ========================================================= */
.schools-page main,
.schools-page section,
.schools-page .section-pad,
.schools-page .solution-grid,
.schools-page .format-grid,
.schools-page .process-grid,
.schools-page .experience-grid,
.schools-page .age-path,
.schools-page .safety,
.schools-page .staff,
.schools-page .university,
.schools-page .proposal-form,
.schools-page .form-grid { min-width:0; }
.schools-page img { max-width:100%; }
.solution-grid > *, .format-grid > *, .process-grid > *, .experience-grid > *,
.age-path > *, .safety > *, .staff > *, .university > *, .form-grid > * { min-width:0; }

/* Tablet / iPad: keep grids compressible, never force overflow. */
@media (min-width:768px) and (max-width:1194px) {
  .school-hero-copy { padding-left:36px; padding-right:36px; }
  .solution-grid, .format-grid, .process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .age-path, .safety, .staff, .university { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .experience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Landscape phones: stay in a phone composition, not a compressed tablet layout. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px) {
  .school-hero { min-height:max(500px,100svh); }
  .school-hero>img { object-position:58% 40%; }
  .school-hero-copy {
    padding:92px max(22px,env(safe-area-inset-right)) 58px max(22px,env(safe-area-inset-left));
  }
  .school-hero h1 { font-size:clamp(36px,6.6vw,54px); max-width:760px; }
  .school-hero-copy>p:not(.eyebrow) { font-size:14px; line-height:1.5; max-width:650px; }
  .school-hero .actions { flex-direction:row; align-items:center; }
  .school-hero .btn { width:auto; min-height:44px; }
  .section-pad { padding:58px max(22px,env(safe-area-inset-right)) 58px max(22px,env(safe-area-inset-left)); }
  .solution-grid, .format-grid, .process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .qualities { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .age-path, .safety, .staff, .university { display:flex; flex-direction:column; gap:30px; }
  .age-photo, .staff-image, .experience-grid img { width:100%; aspect-ratio:16/9; }
  .age-photo img, .staff-image img, .experience-grid img { object-position:50% 45%; }
  .safety-image { width:min(100%,420px); order:-1; }
  .experience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stage-row, .team-stages { gap:7px; }
  .proposal-form { padding:24px; }
  .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Short landscape phones: reduce vertical pressure while retaining readable CTAs. */
@media (orientation:landscape) and (max-height:430px) and (max-width:950px) {
  .school-hero { min-height:480px; }
  .school-hero-copy { padding-top:76px; padding-bottom:46px; }
  .school-hero h1 { font-size:clamp(32px,6vw,46px); }
}

/* Portrait phones: controlled media ratios and safe subject framing. */
@media (orientation:portrait) and (max-width:767px) {
  .school-hero>img { object-position:58% 42%; }
  .age-photo img, .staff-image img { object-position:50% 48%; }
  .experience-grid img { object-position:50% 45%; }
}

/* =========================================================
   DAY 3 REAL-DEVICE LANDSCAPE SAFE-FRAME HOTFIX — 2026-09-06
   Preserve complete subjects in real YFI educational images.
   ========================================================= */
@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px) {
  .age-photo,
  .staff-image {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  .age-photo > img,
  .staff-image > img,
  .experience-grid img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    max-height: 76svh;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .experience-grid article { overflow: hidden; }

  /* The Schools hero remains cinematic full-bleed, with a safer
     focal point that keeps the teaching subject inside view. */
  .school-hero > img { object-position: 62% 40% !important; }
}

@media (orientation: landscape) and (max-height: 430px) and (max-width: 950px) {
  .age-photo > img,
  .staff-image > img,
  .experience-grid img { max-height: 70svh; }
}

/* =========================================================
   DAY 3 LANDSCAPE FRAMELOCK V2 — 2026-09-07
   Same real-device rule as Homepage: keep subjects complete without shrinking
   school photography into small centered images.
   ========================================================= */
@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px) {
  .age-photo,
  .staff-image {
    width:min(100%,760px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    aspect-ratio:auto !important;
    height:auto !important;
    max-height:none !important;
  }
  .age-photo > img,
  .staff-image > img,
  .experience-grid img {
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
  .experience-grid article { overflow:hidden; }

  .school-hero { background:#081A2B; }
  .school-hero > img {
    left:auto !important;
    right:0 !important;
    width:58% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:right center !important;
    background:#081A2B;
  }
  .school-hero-shade {
    background:linear-gradient(90deg,#081A2B 0%,rgba(8,26,43,.97) 35%,rgba(8,26,43,.70) 60%,rgba(8,26,43,.14) 100%) !important;
  }
}

/* YFI FINAL MEDIA QA — subject-safe responsive framing */
img{max-width:100%;display:block}
.media-frame img,.d4-photo img,.d5-founder-media img,.d5-breadth-media img,.d5-education-media img,.founder-image img,.school-media img,.camp-image img,.results-image img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#081a2b}
.media-frame,.d4-photo,.d5-founder-media,.d5-breadth-media,.d5-education-media,.founder-image,.school-media,.camp-image,.results-image{height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden}
@media(max-width:767px){.d4-photo img,.d5-founder-media img,.d5-breadth-media img,.d5-education-media img,.founder-image img,.school-media img,.camp-image img,.results-image img{width:100%;height:auto!important;object-fit:contain!important}}
@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){.d4-photo img,.d5-founder-media img,.d5-breadth-media img,.d5-education-media img,.founder-image img,.school-media img,.camp-image img,.results-image img{width:100%;height:auto!important;object-fit:contain!important}.d4-hero{min-height:calc(100svh - 62px)!important}.d4-hero>img{width:100%!important;height:calc(100svh - 62px)!important;object-fit:contain!important;object-position:center!important;background:#081a2b!important}}