/* ============================================================
     PAGE HERO — smaller than homepage hero
     ============================================================ */
     .page-hero {
      background: var(--deep-sea);
      color: var(--off-white);
      padding: 180px 0 100px;
      position: relative;
      overflow: hidden;
    }
    .page-hero-img {
      position: absolute;
      inset: 0;
      z-index: 0;
      opacity: 0.35;
    }
    .page-hero-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 40%;
      animation: heroSlowZoom 16s ease-out forwards;
    }
    @keyframes heroSlowZoom {
      from { transform: scale(1.06); }
      to { transform: scale(1); }
    }
    .page-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        radial-gradient(ellipse at 100% 100%, rgba(123, 31, 44, 0.25) 0%, transparent 60%),
        radial-gradient(ellipse at 0% 0%, rgba(91, 143, 168, 0.18) 0%, transparent 50%),
        linear-gradient(180deg, rgba(14, 42, 56, 0.6) 0%, rgba(14, 42, 56, 0.85) 100%);
    }
    .page-hero .wrap { position: relative; z-index: 2; }
  
    /* Eyebrow on hero — homepage-aligned weight & spacing */
    .page-hero-eyebrow {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 32px;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: rgba(247, 243, 236, 0.85);
    }
    .page-hero-eyebrow .dash { width: 32px; height: 1px; background: var(--marble-red); }
  
    .page-hero h1 {
      font-family: var(--serif);
      font-size: clamp(48px, 6.5vw, 84px);   /* page hero — slightly larger than h2, but tightened from 96 */
      line-height: 1;
      color: var(--off-white);
      margin-bottom: 24px;
      max-width: 16ch;
    }
    .page-hero h1 em { color: var(--marble-red); font-style: italic; }
  
    .page-hero-sub {
      font-family: var(--serif);
      font-size: clamp(20px, 2vw, 28px);
      line-height: 1.45;
      font-style: italic;
      color: rgba(247, 243, 236, 0.85);
      max-width: 52ch;
    }
  
    /* ============================================================
       EYEBROW — site-wide standard (homepage-aligned)
       11px, 600, uppercase, 0.18em, marble-red
       ============================================================ */
    .eyebrow {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--marble-red);
      display: inline-block;
    }
  
    /* ============================================================
       SUB-NAV — sticky, sits below header
       ============================================================ */
    .sub-nav {
      position: sticky;
      top: 76px;
      z-index: 50;
      background: var(--off-white);
      border-bottom: 1px solid var(--rule);
      transition: top var(--transition);
    }
    body.scrolled .sub-nav { top: 64px; }
  
    .sub-nav-inner {
      display: flex;
      align-items: center;
      gap: 4px;
      overflow-x: auto;
      padding: 0;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .sub-nav-inner::-webkit-scrollbar { display: none; }
  
    .sub-nav-label {
      font-family: var(--serif);
      font-size: 13px;
      font-style: italic;
      color: var(--ink-soft);
      margin-right: 24px;
      white-space: nowrap;
      flex-shrink: 0;
    }
  
    .sub-nav a {
      display: inline-block;
      padding: 22px 24px;
      font-size: 14px;
      font-weight: 500;
      color: var(--ink);
      transition: color var(--transition);
      white-space: nowrap;
      position: relative;
    }
    .sub-nav a:hover { color: var(--marble-red); }
    .sub-nav a.current { color: var(--marble-red); }
    .sub-nav a.current::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 24px;
      right: 24px;
      height: 2px;
      background: var(--marble-red);
    }
  
    /* ============================================================
       SECTION 1 — THE PREMISE (intro)
       EDIT 1: REVERTED — position:sticky restored on .premise-headline
       EDIT 2: dropped drop cap on first paragraph
       EDIT 3: dropped .premise-pullquote
       EDIT 4: dropped .premise-headline-tag
       EDIT 5: tightened h2 size to homepage standard
       ============================================================ */
    .premise {
      padding: 88px 0 80px;
      background: var(--off-white);
    }
    .premise-grid {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 100px;
      align-items: start;
    }
    /* Sticky headline — stays visible while body prose scrolls past */
    .premise-headline {
      position: sticky;
      top: 160px;
    }
    .premise-headline .eyebrow { margin-bottom: 24px; display: block; }
    .premise-headline h2 {
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 52px);   /* was clamp(40px, 5vw, 64px) */
      line-height: 1.1;                       /* was 1.02 */
      letter-spacing: -0.01em;
      color: var(--ink);
    }
    .premise-headline h2 em { color: var(--marble-red); font-style: italic; }
  
    .premise-body p {
      font-size: 17px;                        /* was 18px — 1px tighter for academic feel */
      line-height: 1.65;
      color: var(--ink);
      margin-bottom: 24px;
      max-width: 56ch;
    }
    /* The <em> inside the body prose — keep burgundy but use default italic */
    .premise-body p em { color: var(--marble-red); font-style: italic; }
  
    /* DROP CAP REMOVED (was .premise-body p:first-of-type::first-letter) */
    /* PULL-QUOTE REMOVED (was .premise-pullquote) */
    /* HEADLINE TAG REMOVED (was .premise-headline-tag) */
  
    /* ============================================================
       SECTION 2 — STRUCTURE AT A GLANCE (gapless, 2 cols)
       EDIT 5: tightened h2 size to homepage standard
       ============================================================ */
    .structure {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      background: var(--olympus-stone);
      align-items: stretch;
    }
    .structure-img {
      overflow: hidden;
      min-height: 600px;
      position: relative;
    }
    .structure-img img {
      width: 100%; height: 100%;
      object-fit: cover;
    }
    .structure-content {
      padding: 100px 64px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .structure-content .eyebrow { margin-bottom: 16px; display: block; }
    .structure-content h2 {
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 52px);   /* was clamp(36px, 4.5vw, 56px) */
      line-height: 1.1;                       /* was 1.05 */
      letter-spacing: -0.01em;
      margin-bottom: 32px;
    }
    .structure-content h2 em { color: var(--marble-red); font-style: italic; }
  
    .structure-table {
      margin-top: 16px;
    }
    .structure-row {
      display: grid;
      grid-template-columns: 200px 1fr;
      gap: 32px;
      padding: 22px 0;
      border-bottom: 1px solid rgba(14, 42, 56, 0.15);
      align-items: baseline;
    }
    .structure-row:last-child { border-bottom: none; }
    .structure-label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      color: var(--ink-soft);
      font-weight: 500;
    }
    .structure-value {
      font-family: var(--serif);
      font-size: 22px;
      line-height: 1.2;
    }
    .structure-value em { color: var(--marble-red); font-style: italic; }
    .structure-value .small {
      font-family: var(--sans);
      font-size: 13px;
      color: var(--ink-soft);
      display: block;
      margin-top: 4px;
    }
  
    /* ============================================================
       SECTION 3 — THE FIVE-PHASE ARC (kept as-is, you asked to keep it)
       ============================================================ */
    .arc {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      background: var(--off-white);
      min-height: 760px;
    }
    .arc-text {
      padding: 100px 64px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .arc-eye { margin-bottom: 32px; }
    .arc-eye .eyebrow { margin-bottom: 8px; display: block; }
    .arc-eye h2 {
      font-family: var(--serif);
      font-size: clamp(28px, 3.5vw, 44px);
      line-height: 1.05;
      color: var(--ink-soft);
    }
    .arc-eye h2 em { color: var(--marble-red); font-style: italic; }
  
    .arc-list {
      list-style: none;
      counter-reset: phase;
      border-top: 1px solid var(--rule);
    }
    .arc-list li {
      counter-increment: phase;
      padding: 28px 0;
      border-bottom: 1px solid var(--rule);
      cursor: pointer;
      display: grid;
      grid-template-columns: 80px 1fr;
      gap: 24px;
      align-items: center;
      transition: padding var(--transition);
      position: relative;
    }
    .arc-list li::before {
      content: "S" counter(phase) "–" counter(phase, decimal);
      font-family: var(--serif);
      font-size: 14px;
      font-style: italic;
      color: var(--marble-red);
      line-height: 1;
      transition: transform var(--transition);
    }
    /* Custom phase ranges */
    .arc-list li[data-phase="0"]::before { content: "S1–2"; }
    .arc-list li[data-phase="1"]::before { content: "S3–4"; }
    .arc-list li[data-phase="2"]::before { content: "S5–6"; }
    .arc-list li[data-phase="3"]::before { content: "S7–9"; }
    .arc-list li[data-phase="4"]::before { content: "S10"; }
  
    .arc-list li:hover { padding-left: 16px; }
    .arc-list li:hover::before { transform: translateX(4px); }
    .arc-list li.active { padding-left: 16px; }
    .arc-list li.active .arc-headline { color: var(--marble-red); }
    .arc-headline {
      font-family: var(--serif);
      font-size: clamp(22px, 2.2vw, 30px);
      line-height: 1.15;
      color: var(--ink);
      transition: color var(--transition);
    }
    .arc-headline em { font-style: italic; }
  
    .arc-img {
      position: relative;
      overflow: hidden;
      background: var(--deep-sea);
    }
    .arc-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .arc-slide.active { opacity: 1; }
    .arc-slide img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .arc-slide.active img { transform: scale(1.02); }
    .arc-img::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg,
        rgba(14, 42, 56, 0.15) 0%,
        rgba(14, 42, 56, 0.4) 100%
      );
      z-index: 1;
      pointer-events: none;
    }
  
    /* ============================================================
       ORGANIC SHAPE PANEL — 5 variants (unchanged)
       ============================================================ */
    .arc-panel {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
      width: calc(100% - 80px);
      max-width: 580px;
      aspect-ratio: 5/3;
      pointer-events: none;
    }
  
    .arc-shape {
      position: absolute;
      inset: 0;
      background: var(--off-white);
      opacity: 0;
      transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .arc-shape.active { opacity: 1; }
  
    /* Phase 01 — clean scoop TOP-LEFT */
    .arc-shape-0 {
      -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 0 168 C 0 100 60 100 100 100 C 140 100 168 100 200 70 C 230 40 220 0 280 0 L 572 0 C 588 0 600 12 600 28 L 600 332 C 600 348 588 360 572 360 L 28 360 C 12 360 0 348 0 332 Z' fill='black'/></svg>");
      mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 0 168 C 0 100 60 100 100 100 C 140 100 168 100 200 70 C 230 40 220 0 280 0 L 572 0 C 588 0 600 12 600 28 L 600 332 C 600 348 588 360 572 360 L 28 360 C 12 360 0 348 0 332 Z' fill='black'/></svg>");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  
    /* Phase 02 — clean scoop TOP-RIGHT */
    .arc-shape-1 {
      -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 320 0 C 380 0 370 40 400 70 C 432 100 460 100 500 100 C 540 100 600 100 600 168 L 600 332 C 600 348 588 360 572 360 L 28 360 C 12 360 0 348 0 332 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 320 0 C 380 0 370 40 400 70 C 432 100 460 100 500 100 C 540 100 600 100 600 168 L 600 332 C 600 348 588 360 572 360 L 28 360 C 12 360 0 348 0 332 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  
    /* Phase 03 — clean scoop MIDDLE-RIGHT (single side-curve) */
    .arc-shape-2 {
      -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 572 0 C 588 0 600 12 600 28 L 600 130 C 540 130 540 180 540 180 C 540 180 540 230 600 230 L 600 332 C 600 348 588 360 572 360 L 28 360 C 12 360 0 348 0 332 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 572 0 C 588 0 600 12 600 28 L 600 130 C 540 130 540 180 540 180 C 540 180 540 230 600 230 L 600 332 C 600 348 588 360 572 360 L 28 360 C 12 360 0 348 0 332 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  
    /* Phase 04 — clean scoop BOTTOM-RIGHT */
    .arc-shape-3 {
      -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 572 0 C 588 0 600 12 600 28 L 600 192 C 600 260 540 260 500 260 C 460 260 432 260 400 290 C 370 320 380 360 320 360 L 28 360 C 12 360 0 348 0 332 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 572 0 C 588 0 600 12 600 28 L 600 192 C 600 260 540 260 500 260 C 460 260 432 260 400 290 C 370 320 380 360 320 360 L 28 360 C 12 360 0 348 0 332 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  
    /* Phase 05 — clean scoop BOTTOM-LEFT */
    .arc-shape-4 {
      -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 572 0 C 588 0 600 12 600 28 L 600 332 C 600 348 588 360 572 360 L 280 360 C 220 360 230 320 200 290 C 168 260 140 260 100 260 C 60 260 0 260 0 192 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360' preserveAspectRatio='none'><path d='M 28 0 L 572 0 C 588 0 600 12 600 28 L 600 332 C 600 348 588 360 572 360 L 280 360 C 220 360 230 320 200 290 C 168 260 140 260 100 260 C 60 260 0 260 0 192 L 0 28 C 0 12 12 0 28 0 Z' fill='black'/></svg>");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  
    /* Content states — TWO-COLUMN layout: number left, content right */
    .arc-panel-state {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: none;
      pointer-events: auto;
      color: var(--ink);
      overflow: hidden;
      padding: 50px 56px;
      align-items: center;
      gap: 32px;
    }
    .arc-panel-state.active {
      display: flex;
      animation: arcPanelFade 0.4s ease;
    }
    @keyframes arcPanelFade {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: translateY(0); }
    }
  
    /* Per-phase padding — keeps content clear of the notch */
    .arc-panel-state[data-phase="0"] { padding: 50px 56px 50px 110px; }
    .arc-panel-state[data-phase="1"] { padding: 50px 110px 50px 56px; }
    .arc-panel-state[data-phase="2"] { padding: 50px 100px 50px 56px; }
    .arc-panel-state[data-phase="3"] { padding: 50px 110px 50px 56px; }
    .arc-panel-state[data-phase="4"] { padding: 50px 56px 50px 110px; }
  
    /* Big phase number — left column */
    .arc-phase-num {
      font-family: var(--serif);
      font-size: clamp(80px, 10vw, 144px);
      line-height: 0.85;
      font-style: italic;
      color: var(--marble-red);
      letter-spacing: -0.04em;
      flex-shrink: 0;
    }
  
    .arc-panel-content {
      flex: 1;
      min-width: 0;
    }
    .arc-panel-eye {
      font-family: var(--sans);
      font-size: 11px;
      font-weight: 600;            /* was 500 — homepage standard */
      color: var(--ink-soft);
      margin-bottom: 10px;
      letter-spacing: 0.18em;       /* was 0.18em — kept */
      text-transform: uppercase;
    }
    .arc-panel-state h3 {
      font-family: var(--serif);
      font-size: clamp(20px, 2.2vw, 26px);
      line-height: 1.15;
      color: var(--ink);
      margin-bottom: 10px;
      max-width: 18ch;
    }
    .arc-panel-state h3 em { color: var(--marble-red); font-style: italic; }
    .arc-panel-state p {
      font-size: 13px;
      line-height: 1.5;
      color: var(--ink);
      max-width: 32ch;
    }
  
    /* ============================================================
       SECTION 4 — THE FIVE SCHOOLS (enriched reference cards)
       Different visual register from homepage:
         - Light cards (off-white / olympus-stone), no photos
         - Big primary number (faculty count) anchors each card
         - Three distinct rows: name+specialty / number / distinguishing fact
         - 3-2 grid layout (3 cards top, 2 cards bottom centred)
         - No CTAs (those live on the homepage version)
       ============================================================ */
    .schools {
      background: var(--off-white);
      padding: 88px 0;
    }
    .schools-header {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 56px;
      margin-bottom: 48px;
      align-items: end;
    }
    .schools-header .eyebrow { display: block; margin-bottom: 16px; }
    .schools-header h2 {
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 52px);
      line-height: 1.1;
      letter-spacing: -0.01em;
    }
    .schools-header h2 em { color: var(--marble-red); font-style: italic; }
    .schools-header-text p {
      font-size: 16px;
      line-height: 1.65;
      color: var(--ink-soft);
      max-width: 44ch;
    }
  
    /* 3-2 grid: 6 columns, each card spans 2 — top row fills (3 cards),
       bottom row centred with 1-col offsets on either side (2 cards) */
    .schools-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 16px;
    }
    .school-card {
      grid-column: span 2;
    }
    /* Centre the last two cards on the second row */
    .school-card:nth-child(4) { grid-column: 2 / span 2; }
    .school-card:nth-child(5) { grid-column: 4 / span 2; }
  
    /* Card shell — light, structured, three-row */
    .school-card {
      background: var(--olympus-stone);
      color: var(--ink);
      padding: 32px 32px 28px;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 24px;
      border-top: 3px solid var(--marble-red);
      transition: transform var(--transition), box-shadow var(--transition);
      min-height: 280px;
    }
    .school-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(14, 42, 56, 0.08);
    }
  
    /* Top row — School name + specialty line */
    .school-card-top h3 {
      font-family: var(--serif);
      font-size: 24px;
      line-height: 1.15;
      color: var(--ink);
      margin-bottom: 8px;
    }
    .school-card-meta {
      font-size: 12px;
      line-height: 1.5;
      color: var(--ink-soft);
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
  
    /* Middle row — primary number */
    .school-card-figure {
      display: flex;
      align-items: baseline;
      gap: 12px;
    }
    .school-card-num {
      font-family: var(--serif);
      font-size: clamp(48px, 5vw, 64px);
      line-height: 1;
      color: var(--marble-red);
      letter-spacing: -0.02em;
    }
    .school-card-num-label {
      font-size: 12px;
      line-height: 1.3;
      color: var(--ink-soft);
      text-transform: uppercase;
      letter-spacing: 0.12em;
      max-width: 14ch;
    }
  
    /* Bottom row — distinguishing fact */
    .school-card-fact {
      font-family: var(--serif);
      font-size: 14px;
      line-height: 1.5;
      color: var(--ink);
      border-top: 1px solid rgba(14, 42, 56, 0.12);
      padding-top: 16px;
    }
    .school-card-fact strong {
      font-weight: 400;
      color: var(--marble-red);
      font-style: italic;
    }
  
    /* ============================================================
       SECTION 5 — THE DIPLOMA
       EDIT 5: tightened h2 size to homepage standard
       EDIT 7b: dropped italic from .diploma-list li strong
       ============================================================ */
    .diploma {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 0;
      background: var(--deep-sea);
      color: var(--off-white);
      align-items: stretch;
    }
    .diploma-content {
      padding: 120px 64px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .diploma-content::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse at 0% 100%, rgba(123, 31, 44, 0.20) 0%, transparent 60%),
        radial-gradient(ellipse at 100% 0%, rgba(91, 143, 168, 0.14) 0%, transparent 50%);
      pointer-events: none;
    }
    .diploma-content > * { position: relative; z-index: 1; }
    .diploma-content .eyebrow {
      color: var(--marble-red);
      margin-bottom: 16px;
      display: block;
    }
    .diploma-content h2 {
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 52px);   /* was clamp(40px, 5vw, 64px) */
      line-height: 1.1;
      letter-spacing: -0.01em;
      color: var(--off-white);
      margin-bottom: 32px;
    }
    .diploma-content h2 em { color: var(--marble-red); font-style: italic; }
    .diploma-content p {
      font-size: 17px;
      line-height: 1.65;
      color: rgba(247, 243, 236, 0.85);
      margin-bottom: 24px;
      max-width: 52ch;
    }
    .diploma-list {
      list-style: none;
      margin-top: 32px;
      padding-top: 32px;
      border-top: 1px solid rgba(247, 243, 236, 0.15);
    }
    .diploma-list li {
      padding: 18px 0;
      border-bottom: 1px solid rgba(247, 243, 236, 0.12);
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 16px;
      align-items: baseline;
    }
    .diploma-list li:last-child { border-bottom: none; }
    .diploma-list li::before {
      content: '◆';
      color: var(--marble-red);
      font-size: 8px;
      line-height: 1.5;
    }
    .diploma-list li strong {
      font-family: var(--serif);
      /* font-style: italic;  REMOVED — list-item titles shouldn't be italic */
      color: var(--off-white);
      font-weight: 400;
      display: block;
      font-size: 18px;
      margin-bottom: 4px;
    }
    .diploma-list li span {
      font-size: 14px;
      color: rgba(247, 243, 236, 0.7);
      line-height: 1.5;
    }
  
    .diploma-img {
      overflow: hidden;
      position: relative;
      min-height: 600px;
    }
    .diploma-img img {
      width: 100%; height: 100%;
      object-fit: cover;
    }
  
    /* ============================================================
       SECTION 6 — LEADERSHIP
       EDIT 5: tightened h2 size to homepage standard
       EDIT 7a: dropped italic + Georgia from .leadership-note (now sans, left-aligned)
       ============================================================ */
    .leadership {
      background: var(--olympus-stone);
      padding: 88px 0;
    }
    .leadership-header {
      text-align: center;
      margin-bottom: 56px;
    }
    .leadership-header .eyebrow { margin-bottom: 16px; }
    .leadership-header h2 {
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 52px);   /* was clamp(36px, 4.5vw, 56px) */
      line-height: 1.1;
      letter-spacing: -0.01em;
    }
    .leadership-header h2 em { color: var(--marble-red); font-style: italic; }
  
    .leadership-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
    }
    .leader-card {
      background: var(--off-white);
      padding: 40px 32px;
      border-top: 3px solid var(--marble-red);
    }
    .leader-card .leader-role {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: var(--marble-red);
      font-weight: 600;            /* was 500 — homepage standard */
      margin-bottom: 16px;
    }
    .leader-card h3 {
      font-family: var(--serif);
      font-size: 22px;
      line-height: 1.2;
      margin-bottom: 8px;
    }
    .leader-card .leader-meta {
      font-size: 13px;
      color: var(--ink-soft);
      line-height: 1.5;
      margin-bottom: 16px;
    }
    .leader-card p {
      font-size: 14px;
      color: var(--ink);
      line-height: 1.55;
    }
  
    /* Leadership note — now reads as an honest footnote, not a literary aside */
    .leadership-note {
      margin-top: 40px;
      font-family: var(--sans);
      font-size: 14px;
      color: var(--ink-soft);
      line-height: 1.55;
      max-width: 64ch;
      /* No more italic, no more centred, no more Georgia */
    }
  
    /* ============================================================
       PATH FORWARD — final CTA strip with three paths
       EDIT 5: tightened h2 size to homepage standard
       ============================================================ */
    .path-forward {
      background: var(--off-white);
      padding: 88px 0;
      border-top: 1px solid var(--rule);
    }
    .path-forward-header {
      text-align: center;
      margin-bottom: 56px;
    }
    .path-forward-header h2 {
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 52px);   /* was clamp(36px, 4.5vw, 56px) */
      line-height: 1.1;
      letter-spacing: -0.01em;
      max-width: 18ch;
      margin: 16px auto 0;
    }
    .path-forward-header h2 em { color: var(--marble-red); font-style: italic; }
  
    .path-forward-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .path-card {
      aspect-ratio: 4/5;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      background: var(--deep-sea);
      color: var(--off-white);
      transition: transform var(--transition);
    }
    .path-card:hover { transform: translateY(-6px); }
    .path-card img {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      z-index: 0;
      opacity: 0.55;
      transition: opacity var(--transition), transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .path-card:hover img {
      opacity: 0.75;
      transform: scale(1.05);
    }
    .path-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg,
        rgba(14, 42, 56, 0.3) 0%,
        rgba(14, 42, 56, 0.85) 100%
      );
      z-index: 1;
    }
    .path-card-content {
      position: relative;
      z-index: 2;
      height: 100%;
      padding: 36px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .path-num {
      font-family: var(--serif);
      font-size: 13px;
      font-style: italic;
      color: var(--off-white);
      letter-spacing: 0.05em;
    }
    .path-card h3 {
      font-family: var(--serif);
      font-size: clamp(24px, 2.5vw, 32px);
      line-height: 1.1;
      color: var(--off-white);
      margin-bottom: 12px;
    }
    .path-card h3 em { color: var(--marble-red); font-style: italic; }
    .path-card p {
      font-size: 14px;
      line-height: 1.5;
      color: rgba(247, 243, 236, 0.85);
      margin-bottom: 16px;
    }
    .path-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      color: var(--off-white);
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 500;
      border-bottom: 1px solid rgba(247, 243, 236, 0.4);
      padding-bottom: 4px;
      align-self: flex-start;
      transition: border-color var(--transition), gap var(--transition);
    }
    .path-card:hover .path-link {
      border-bottom-color: var(--off-white);
      gap: 14px;
    }
  
    /* FOOTER (same as homepage) */
    .site-footer {
      background: var(--deep-sea);
      color: var(--off-white);
      padding: 80px 0 32px;
    }
    .footer-top {
      display: grid;
      grid-template-columns: 1.6fr 1fr 1fr 1fr;
      gap: 48px;
      padding-bottom: 48px;
      border-bottom: 1px solid rgba(247, 243, 236, 0.12);
      margin-bottom: 32px;
    }
    .footer-wm {
      font-family: var(--serif);
      font-size: 22px;
      line-height: 1.2;
      margin-bottom: 20px;
    }
    .footer-wm .dot { color: var(--marble-red); }
    .footer-tagline {
      font-size: 14px;
      line-height: 1.55;
      color: rgba(247, 243, 236, 0.7);
      max-width: 36ch;
      margin-bottom: 24px;
    }
    .footer-auth {
      display: flex;
      align-items: center;
      gap: 14px;
      padding-top: 20px;
      border-top: 1px solid rgba(247, 243, 236, 0.12);
    }
    .footer-auth-mark { width: 36px; height: 36px; }
    .footer-auth-mark svg { width: 100%; height: 100%; }
    .footer-auth-mark .fill { fill: var(--off-white); opacity: 0.85; }
    .footer-auth-text {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: rgba(247, 243, 236, 0.55);
      line-height: 1.5;
    }
    .footer-col h5 {
      font-family: var(--sans);
      font-size: 11px;
      font-weight: 600;            /* was 500 — homepage standard */
      text-transform: uppercase;
      letter-spacing: 0.2em;
      color: rgba(247, 243, 236, 0.5);
      margin-bottom: 16px;
    }
    .footer-col ul { list-style: none; }
    .footer-col li { margin-bottom: 8px; }
    .footer-col a {
      font-size: 14px;
      color: rgba(247, 243, 236, 0.85);
      transition: color var(--transition);
    }
    .footer-col a:hover { color: var(--marble-red); }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
      font-size: 12px;
      color: rgba(247, 243, 236, 0.4);
    }
  
    /* ============================================================
       RESPONSIVE
       ============================================================ */
    @media (max-width: 1100px) {
      .premise-grid { grid-template-columns: 1fr; gap: 60px; }
      .premise-headline { position: static; }
  
      .structure { grid-template-columns: 1fr; }
      .structure-img { min-height: 360px; }
      .structure-content { padding: 80px 32px; }
  
      .arc { grid-template-columns: 1fr; min-height: auto; }
      .arc-text { padding: 80px 32px; order: 1; }
      .arc-img { min-height: 540px; order: 2; }
      .arc-panel { width: calc(100% - 48px); max-width: 500px; aspect-ratio: 5/3.2; }
      .arc-panel-state { padding: 40px 48px; gap: 24px; }
      .arc-panel-state[data-phase="0"] { padding: 40px 48px 40px 90px; }
      .arc-panel-state[data-phase="1"] { padding: 40px 90px 40px 48px; }
      .arc-panel-state[data-phase="2"] { padding: 40px 80px 40px 48px; }
      .arc-panel-state[data-phase="3"] { padding: 40px 90px 40px 48px; }
      .arc-panel-state[data-phase="4"] { padding: 40px 48px 40px 90px; }
  
      /* Schools — homepage version responsive */
      /* Schools — enriched cards: collapse to 2-col on tablet */
      .schools-header { grid-template-columns: 1fr; gap: 24px; align-items: start; }
      .schools-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
      .school-card,
      .school-card:nth-child(4),
      .school-card:nth-child(5) { grid-column: auto; }
  
      .diploma { grid-template-columns: 1fr; }
      .diploma-content { padding: 80px 32px; }
      .diploma-img { min-height: 360px; order: -1; }
  
      .leadership-grid { grid-template-columns: 1fr; gap: 16px; }
  
      .path-forward-grid { grid-template-columns: 1fr; gap: 16px; }
      .path-card { aspect-ratio: 16/10; }
  
      .footer-top { grid-template-columns: repeat(2, 1fr); }
      .footer-top > div:first-child { grid-column: span 2; }
    }
  
    @media (max-width: 720px) {
      .wrap { padding: 0 24px; }
      :root { --gutter: 24px; }
  
      .nav-primary { display: none; }
      .nav-toggle { display: flex; }
  
      .page-hero { padding: 140px 0 80px; }
      .premise, .schools, .leadership, .path-forward { padding: 80px 0; }
  
      .schools-grid { grid-template-columns: 1fr; }
      .school-card,
      .school-card:nth-child(4),
      .school-card:nth-child(5) { grid-column: auto; }
      .school-card { padding: 28px 28px 24px; min-height: auto; }
  
      .arc-img { min-height: 480px; }
      .arc-panel { width: calc(100% - 32px); aspect-ratio: 5/3.5; max-width: 380px; }
      .arc-panel-state {
        padding: 28px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
      }
      .arc-panel-state[data-phase="0"] { padding: 70px 24px 28px 28px; }
      .arc-panel-state[data-phase="1"] { padding: 70px 28px 28px 24px; }
      .arc-panel-state[data-phase="2"] { padding: 28px 60px 28px 24px; }
      .arc-panel-state[data-phase="3"] { padding: 28px 28px 70px 24px; }
      .arc-panel-state[data-phase="4"] { padding: 28px 24px 70px 28px; }
      .arc-phase-num { font-size: 56px; }
  
      .footer-top { grid-template-columns: 1fr; }
      .footer-top > div:first-child { grid-column: 1; }
    }