/* Multi-page architecture */
html,body{max-width:100%;overflow-x:clip}
img,video,svg{max-width:100%}
body[data-page] .nav-shell{background:rgba(17,16,25,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}
body[data-page]:not([data-page="home"]) .proof-bar,
body[data-page]:not([data-page="home"]) .brand-registry{display:none!important}

body[data-page="home"] main>section:not(#home):not(#explore),
body[data-page="journey"] main>section:not(#journey),
body[data-page="clinical"] main>section:not(#clinical),
body[data-page="research"] main>section:not(#research),
body[data-page="leadership"] main>section:not(#leadership),
body[data-page="global"] main>section:not(#global):not(#media),
body[data-page="journal"] main>section:not(#journal),
body[data-page="archive"] main>section:not(#archive),
body[data-page="contact"] main>section:not(#contact),
body[data-page="vision"] main>section:not(#vision){display:none!important}

body[data-page]:not([data-page="home"]) main{padding-top:76px}
body[data-page]:not([data-page="home"]) main>.section{min-height:calc(100svh - 76px)}
.nav-shell nav a.active{color:#fff}
.nav-shell nav a.active:after{content:"";display:block;height:1px;margin-top:7px;background:linear-gradient(90deg,var(--teal),var(--purple2))}

@media(max-width:900px){
  .nav-shell{height:78px;padding:0 22px}
  .nav-shell nav{padding:100px 28px 45px;overflow-y:auto}
  .nav-shell nav a{font-size:clamp(27px,7.5vw,38px)}
  body[data-page]:not([data-page="home"]) main{padding-top:78px}
  body[data-page]:not([data-page="home"]) main>.section{min-height:calc(100svh - 78px)}
  .world-map{width:100%;min-width:0;transform:none}
  .map-shell{overflow:hidden}
}

@media(max-width:600px){
  .nav-shell{width:100%;height:76px;padding:0 18px}
  .signature-logo{max-width:142px}
  .signature-logo .nav-signature{max-width:126px}
  .nav-seal-watermark{width:50px;height:50px}
  .menu-button{display:flex;width:46px;height:46px;align-items:center;justify-content:center}
  .nav-shell nav{inset:76px 0 0;padding:38px 24px 48px;width:100vw}
  .nav-shell nav a{min-height:48px;display:flex;align-items:center;font-size:30px}
  .mobile-page-switcher{
    position:fixed;
    z-index:94;
    top:84px;
    right:12px;
    display:grid;
    grid-template-columns:34px minmax(92px,124px) 34px;
    align-items:center;
    gap:0;
    padding:4px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(17,16,25,.92);
    box-shadow:0 12px 34px rgba(7,5,12,.24);
    backdrop-filter:blur(16px);
  }
  .mobile-page-switcher a{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    color:#fff;
    font-size:17px;
    text-decoration:none;
  }
  .mobile-page-switcher a:active{background:rgba(151,76,255,.24)}
  .mobile-page-switcher label{display:block;min-width:0}
  .mobile-page-switcher select{
    width:100%;
    height:34px;
    border:0;
    border-inline:1px solid rgba(255,255,255,.12);
    border-radius:0;
    padding:0 23px 0 10px;
    color:#fff;
    background:#17141f;
    font:600 9px/1 "DM Sans",sans-serif;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  .section{padding:112px 18px 72px}
  body[data-page="home"] .hero-final{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    padding:122px 18px 58px;
  }
  body[data-page="home"] .hero-final .hero-copy{
    grid-column:1;
    grid-row:1;
    max-width:100%;
    padding-top:36px;
  }
  body[data-page="home"] .hero-signature-inline{width:100%;max-width:560px;height:auto}
  body[data-page="home"] .hero-final h1{font-size:clamp(38px,12.2vw,51px);line-height:1.02}
  body[data-page="home"] .hero-final h1 small{font-size:16px;line-height:1.45}
  body[data-page="home"] .hero-final .hero-intro{max-width:100%;font-size:15px}
  body[data-page="home"] .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
  body[data-page="home"] .hero-actions .button{width:100%;min-height:48px;justify-content:center;text-align:center}
  body[data-page="home"] .hero-portrait-final{
    position:relative;
    grid-column:1;
    grid-row:2;
    width:100%;
    height:auto;
    aspect-ratio:4/5;
    top:auto;
    right:auto;
    bottom:auto;
    margin-top:36px;
    opacity:1;
  }
  body[data-page="home"] .hero-portrait-final img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  body[data-page="home"] .manifesto{
    grid-column:1;
    grid-row:3;
    margin-top:26px;
  }
  .hero-monogram{top:92px}
  .home-compass,.home-media{padding-top:110px}
  .compass-head{margin-bottom:36px}
  .compass-head h2{font-size:clamp(48px,15vw,68px);line-height:.92}
  .profile-facts,.leadership-ledger,.recognition-strip,.global-ledger,.evidence-ledger{grid-template-columns:1fr}
  .profile-facts article,.leadership-ledger article,.recognition-strip div,.global-ledger article{border-right:0;border-bottom:1px solid var(--line)}
  .profile-facts article:last-child,.leadership-ledger article:last-child,.recognition-strip div:last-child,.global-ledger article:last-child{border-bottom:0}
  .career-ledger{padding-top:45px}
  .career-ledger li{grid-template-columns:1fr;gap:7px}
  .career-ledger li span{grid-row:auto}
  .evidence-ledger article{padding:26px 22px}
  .visual-pathways{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
  .pathway-card,.pathway-card.pathway-large,.pathway-card.pathway-wide{grid-column:auto;grid-row:auto;min-width:0;height:auto}
  .pathway-card:nth-child(1){aspect-ratio:4/3}
  .pathway-card:nth-child(2){aspect-ratio:15/16}
  .pathway-card:nth-child(3),
  .pathway-card:nth-child(4),
  .pathway-card:nth-child(5){aspect-ratio:3/4}
  .pathway-card span{left:20px;right:20px;bottom:20px}
  .pathway-card strong{font-size:32px}
  .chapter-visual,.chapter-visual:last-child{height:auto}
  .chapter-visual:nth-child(1){aspect-ratio:4/3}
  .chapter-visual:nth-child(2){aspect-ratio:8/5}
  .chapter-visual:nth-child(3){aspect-ratio:3/2}
  .leadership-feature img{height:auto;aspect-ratio:1441/1536;object-fit:cover}
  .office-marks article,.presidential-office{grid-template-columns:76px minmax(0,1fr)!important;gap:15px!important;padding:16px}
  .office-marks img,.presidential-seal-roundel{width:76px!important;height:76px!important}
  .office-marks h3{font-size:23px}
  .office-marks p{font-size:11px}
  .global{gap:44px}
  .map-shell{margin-inline:-18px;border-left:0;border-right:0}
  .map-toolbar{padding:18px}
  .map-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .map-tabs button{width:100%;padding:10px 7px;font-size:8px}
  .world-map{min-width:0!important;transform:none!important;height:auto}
  .map-marker text{display:none}
  .map-marker{outline:none}
  .global-photo-pair figure{height:auto;aspect-ratio:3/4}
  .home-media-head h2{font-size:clamp(46px,14vw,66px)}
  .speaking-highlight{grid-template-columns:1fr}
  .speaking-highlight figure{min-height:300px}
  .film-grid,.home-film-grid{grid-template-columns:1fr}
  .film-card,.film-card:first-child{grid-column:auto}
  .film-card video,.home-film-grid .film-card:first-child video{width:100%;aspect-ratio:16/10}
  .journal-grid{grid-template-columns:1fr;grid-auto-rows:300px}
  .journal-card.journal-feature{grid-column:auto}
  .archive-grid{grid-template-columns:1fr}
  .archive-card .image-wrap{height:360px}
  .archive-tools{width:100%}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .filters button{width:100%;padding:11px 7px}
  .filters button,.map-tabs button,.journal-tools button{min-height:44px}
  .contact-card strong{font-size:clamp(24px,8vw,42px);overflow-wrap:anywhere}
  .email-panel{margin-inline:-18px;border-left:0;border-right:0}
  .vision h2{font-size:clamp(42px,12vw,66px)}
  .legacy-footer h2{font-size:clamp(42px,12vw,66px)}
  .footer-nav{justify-content:center}
  .footer-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 4px}
  .map-credit a{display:inline-flex;min-height:44px;align-items:center}
}