/* Fold and phone responsive layer. Loaded after page styles. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{min-width:0}
img,svg,video{max-width:100%}

@media(max-width:1024px){
  header{height:80px!important;position:relative!important;z-index:1000}
  .header-inner{width:min(calc(100% - 30px),var(--max))!important}
  .logo{width:175px!important;height:auto}
  .menu{display:block!important;min-width:48px;min-height:44px;padding:0 12px;background:transparent;border:1px solid rgba(16,44,35,.22);font-weight:700}
  header nav{display:none!important;position:absolute!important;top:80px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 80px);overflow-y:auto;background:#fff!important;padding:18px 24px 26px!important;border-bottom:1px solid var(--line)!important;box-shadow:0 18px 30px rgba(16,44,35,.12);flex-direction:column!important;align-items:flex-start!important;gap:0!important;z-index:1001}
  header nav.open{display:flex!important}
  header nav>a,header .nav-group>button{width:100%;padding:13px 0!important;border:0!important;text-align:left}
  header .nav-group{width:100%}
  header .dropdown{position:static!important;width:100%!important;box-shadow:none!important;border:0!important;border-left:3px solid var(--yellow)!important;margin:2px 0 8px 6px!important;padding-left:16px!important}
  header .dropdown a{padding:10px 0!important}
  header .search{display:none!important}
  h1,h2,h3{max-width:100%;white-space:normal!important;overflow-wrap:normal}
  .hero,.people-hero,.contact-hero,.news-hero{grid-template-columns:1fr!important;min-height:0!important}
  .hero-copy,.contact-hero-copy,.news-copy{padding:64px 24px!important}
  .hero-art,.contact-visual,.news-art{min-height:360px!important}
  .hero-image{min-height:430px!important}
  .hero h1,.contact-hero h1,.news-copy h1,.hero-copy h1{font-size:clamp(58px,10vw,84px)!important;line-height:.9!important}

  .partner-grid{grid-template-columns:1fr 1fr!important}
  .framework-grid{grid-template-columns:1fr!important}
  .why-head,.news-head,.news-card,.contact-intro,.form-layout{grid-template-columns:1fr!important}
  .contact-intro .eyebrow,.contact-intro h2,.contact-intro p{grid-column:1!important;grid-row:auto!important}
  .contact-notes{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:auto!important}
  .location{grid-column:1/-1!important}
  .cta-inner{align-items:flex-start!important;flex-direction:column!important}

  .fellow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .founders,.founder-top,.section-head{grid-template-columns:1fr!important}
  .founder-photo{height:min(58vw,520px)!important}

  .atlas-head,.capstone-head{grid-template-columns:1fr!important}
  .heritage-inner{width:min(calc(100% - 40px),var(--max))!important;grid-template-columns:1fr!important;gap:36px!important;padding:64px 0!important}
  .language-world{width:min(100%,520px)!important;min-height:390px!important;margin:auto!important}
  .outcomes{grid-template-columns:1fr 1fr!important}
  .map{min-height:540px!important}

  footer .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  footer .footer-grid>div:first-child,footer .footer-contact,footer .copyright{grid-column:1!important;grid-row:auto!important}
  footer .footer-contact{justify-content:flex-start!important}
}

@media(max-width:600px){
  header{height:74px!important}
  .header-inner{width:calc(100% - 24px)!important}
  .logo{width:148px!important}
  header nav{top:74px!important;max-height:calc(100vh - 74px);padding:14px 18px 22px!important}
  .wrap{width:min(calc(100% - 30px),var(--max))!important}
  .hero-copy,.contact-hero-copy,.news-copy{padding:50px 20px!important}
  .hero-art,.contact-visual,.news-art,.hero-image{min-height:280px!important}
  .hero h1,.contact-hero h1,.news-copy h1,.hero-copy h1{font-size:clamp(48px,16vw,66px)!important}
  .hero p,.contact-hero p{font-size:18px!important}

  .facts-grid,.partner-grid,.framework-grid,.contact-notes,.outcomes,.fellow-grid,.role-grid,.council-grid{grid-template-columns:1fr!important}
  .focus-tabs,.focus-panel,.details,.cohort-grid,.cta-inner{grid-template-columns:1fr!important}
  .focus-visual{min-height:300px!important}
  .focus-copy,.contact-form,.news-story,.news-date{padding:30px 22px!important}
  .role-grid{gap:14px!important}
  .role-name{height:auto!important;min-height:112px!important;padding:18px!important}
  .role-name h3{font-size:17px!important}
  .founder-photo{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important}
  .founder-identity,.bio{padding:26px 22px!important}

  .practice-list{gap:14px!important}
  .practice,.practice + .practice{min-height:0!important;margin:0!important;padding:28px 22px!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.45)!important}
  .practice:first-child{border-top:0!important}
  .practice small{margin-bottom:28px!important}
  .practice strong{font-size:clamp(31px,10vw,42px)!important;line-height:1.08!important}
  .practice p{font-size:16px!important;line-height:1.5!important}

  .atlas,.capstone,.heritage,.why,.framework,.contact-main,.news-main{padding-top:64px!important;padding-bottom:64px!important}
  .map{min-height:440px!important}
  .map::before{inset:8% 7% 15%!important}
  .north-america{left:27%!important;top:25%!important}
  .south-america{left:28%!important;top:70%!important}
  .europe{left:53%!important;top:20%!important}
  .africa{left:53%!important;top:51%!important}
  .asia{left:76%!important;top:34%!important}
  .region span{font-size:9px!important;letter-spacing:.04em!important;padding:6px 7px!important}
  .map-note{left:14px!important;right:14px!important;bottom:12px!important}
  .language-world{min-height:300px!important}
  .outcome{min-height:210px!important}

  .btn,.news-action a{max-width:100%;white-space:normal;text-align:center}
  footer{padding:44px 0 28px!important}
  footer .footer-logo{width:195px!important}
  footer .footer-brand,footer .footer-contact{align-items:flex-start!important;flex-direction:column!important}
  footer .footer-tag{border-left:0!important;padding-left:0!important}
}

@media(min-width:601px) and (max-width:820px){
  .fellow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-notes{grid-template-columns:1fr 1fr!important}
  .contact-notes .location{grid-column:1/-1!important}
}

@media(max-width:380px){
  .logo{width:134px!important}
  .menu{min-width:44px;padding:0 9px;font-size:12px}
  .hero h1,.contact-hero h1,.news-copy h1,.hero-copy h1{font-size:46px!important}
  .founder-photo{height:auto!important}
  .map{min-height:420px!important}
}
