/* V13.1 — mobile-only refinement. Desktop/tablet >= 901px is intentionally untouched. */
@media (max-width:900px){
  html{scroll-padding-top:76px;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  body.nav-open{overflow:hidden;touch-action:none}
  .container{max-width:none}
  .site-header{padding-top:env(safe-area-inset-top)}
  .nav-shell{min-height:64px;gap:12px}
  .site-header.is-scrolled .nav-shell{min-height:60px}
  .v11-brand{min-width:0;max-width:calc(100% - 58px)}
  .brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-toggle{display:block;flex:0 0 44px;z-index:3}
  .nav{top:calc(70px + env(safe-area-inset-top));left:12px;right:12px;max-height:calc(100dvh - 88px - env(safe-area-inset-top));overflow:auto;overscroll-behavior:contain;padding:8px;border-radius:14px;box-shadow:0 18px 55px rgba(17,19,24,.16)}
  .nav-link,.v11-search{min-height:46px;display:flex;align-items:center}
  .nav-link{font-size:15px;padding:10px 12px}
  .v11-search{margin-top:4px}
  .command-dialog{width:calc(100% - 24px);margin-top:5vh;max-height:88dvh}
  .command-results{max-height:65dvh}

  .page-hero-v11,.v11-hero{overflow:hidden}
  .hero-grid-v11{grid-template-columns:1fr;gap:28px}
  .hero-copy-v11{max-width:none}
  .hero-copy-v11 h1{max-width:12ch;text-wrap:balance}
  .hero-summary{max-width:62ch}
  .hero-portrait-v11{justify-self:stretch;width:100%;max-width:520px;margin-inline:auto}
  .hero-portrait-v11 img{aspect-ratio:4/4.65;object-position:center 22%}
  .hero-buttons .btn{min-height:48px}
  .hero-text-links{row-gap:8px}

  .metric-strip{border-inline:1px solid var(--border);border-radius:14px;overflow:hidden;margin-block:18px;background:#fff}
  .metric-strip>div{min-width:0}
  .metric-note{background:var(--soft);border-top:1px solid var(--border);padding:11px 16px!important;margin:0!important}

  .featured-paper,.impact-card,.recent-paper,.area-card,.collab-card{box-shadow:0 8px 24px rgba(17,19,24,.035)}
  .featured-layout,.featured-secondary,.impact-grid,.recent-grid,.research-area-grid{gap:16px}
  .featured-paper,.impact-card,.recent-paper,.area-card{border-radius:14px}
  .paper-media{background:#fff}
  .paper-media.research-figure img{padding:12px}
  .paper-actions{gap:10px 16px}
  .paper-actions a,.archive-resources a{min-height:32px;display:inline-flex;align-items:center}
  .recent-paper{position:relative}
  .accepted-badge{top:14px;right:14px}

  .theme-grid{grid-template-columns:1fr!important;gap:22px!important}
  .theme-side{position:static!important;max-width:none!important;padding-bottom:0!important}
  .theme-side>span{display:inline-flex!important;margin-bottom:12px!important}
  .theme-side h2{max-width:18ch;text-wrap:balance}
  .theme-body{max-width:none!important}
  .research-question{max-width:28ch;text-wrap:balance}
  .method-line,.representative{gap:8px!important}
  .method-line span,.representative a{display:inline-flex!important;min-height:34px;align-items:center}
  .research-practice{gap:28px!important}

  .publication-tools{position:static!important;top:auto!important}
  .publication-list-v11{min-width:0}
  .archive-paper{min-width:0}
  .archive-copy,.archive-side{min-width:0}
  .archive-copy h3,.archive-copy p{overflow-wrap:anywhere}
  .archive-resources{gap:8px}
  .archive-resources a{padding:4px 0}

  .paper-hero-grid{grid-template-columns:1fr!important}
  .paper-intro{min-width:0}
  .paper-intro h1{overflow-wrap:anywhere;text-wrap:balance}
  .hero-actions{display:flex;flex-wrap:wrap;gap:9px}
  .hero-actions .button,.hero-actions .btn,.hero-actions .resource-button{min-height:44px}
  .paper-sidebar{width:100%}
  .paper-content-grid{gap:34px!important}

  .about-grid,.contact-grid,.cv-layout,.profile-links-panel,.two-col-editorial{gap:28px!important}
  .about-photo{justify-self:center}
  .about-photo img{width:100%;object-position:center 20%}
  .contact-card,.profile-links-panel,.cv-card{min-width:0}

  .course-list article,.news-row,.milestone,.cv-timeline>div{min-width:0}
  .course-list article p,.news-row p,.milestone p,.cv-timeline p{overflow-wrap:anywhere}

  .footer-grid{gap:28px}
  .v11-footer{padding-top:40px}
  .footer-bottom{margin-top:28px}
}

@media (max-width:768px){
  body{font-size:16px;line-height:1.62}
  .container{width:calc(100% - 28px)}
  .section-v11{padding:58px 0}
  .page-hero-v11{padding:54px 0 42px}
  .page-hero-v11 h1{font-size:clamp(2.45rem,12vw,3.55rem);line-height:1.01;max-width:18ch;text-wrap:balance}
  .page-hero-v11 p:not(.section-label){font-size:16px;line-height:1.62}
  .v11-hero{padding:42px 0 34px}
  .eyebrow-v11,.section-label{font-size:10px;letter-spacing:.14em;margin-bottom:13px}
  .hero-copy-v11 h1{font-size:clamp(2.75rem,13.5vw,4rem);line-height:.98;letter-spacing:-.038em}
  .hero-field{font-size:17px;line-height:1.4;margin:18px 0 8px}
  .hero-summary{font-size:16px;line-height:1.62;margin-bottom:22px}
  .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .hero-buttons .btn{padding-inline:12px;font-size:14px}
  .hero-text-links{margin-top:16px;gap:10px 16px}
  .hero-text-links a{font-size:13px}
  .hero-portrait-v11{border-radius:14px;box-shadow:0 10px 28px rgba(17,19,24,.06)}
  .hero-portrait-v11 figcaption{padding:11px 13px 13px;font-size:12px}

  .metric-strip{grid-template-columns:1fr 1fr;min-height:0}
  .metric-strip>div{padding:14px 15px!important;margin:0!important;border-right:0!important;border-bottom:1px solid var(--border)}
  .metric-strip>div:nth-child(odd){border-right:1px solid var(--border)!important}
  .metric-strip strong{font-size:25px}
  .metric-strip span{font-size:11px;line-height:1.35}
  .metric-note{grid-column:1/-1;font-size:11px}

  .section-intro{margin-bottom:26px}
  .section-intro h2,.collaboration-cta h2,.two-col-editorial h2,.about-facts h2,.profile-links-panel h2,.research-practice h2{font-size:clamp(2rem,9.5vw,2.65rem);line-height:1.08;text-wrap:balance}
  .section-intro p:not(.section-label){font-size:16px;line-height:1.58}

  .featured-layout,.featured-secondary,.impact-grid,.recent-grid,.research-area-grid{grid-template-columns:1fr}
  .flagship .paper-media,.secondary-paper .paper-media,.impact-card .paper-media{height:auto;aspect-ratio:16/10}
  .paper-media.research-figure img{object-fit:contain;padding:10px}
  .paper-media.editorial-visual img{object-fit:cover}
  .featured-copy,.secondary-paper .featured-copy{padding:18px}
  .featured-copy h3{font-size:22px;line-height:1.2}
  .secondary-paper h3{font-size:20px}
  .featured-copy p,.secondary-paper .featured-copy p{font-size:14px;line-height:1.55}
  .paper-meta{font-size:11px;gap:7px}
  .cite-pill{font-size:10px}
  .paper-media span{font-size:9px;left:9px;bottom:8px}

  .area-card{min-height:0;padding:20px 19px 48px}
  .area-card h3{font-size:22px;margin:18px 0 8px}
  .area-card p{font-size:14px}

  .research-theme{padding:54px 0!important}
  .theme-side h2{font-size:clamp(2rem,9.5vw,2.7rem)!important;line-height:1.08!important}
  .theme-side p,.theme-body>p{font-size:15px!important;line-height:1.62!important}
  .research-question{font-size:22px!important;line-height:1.3!important}
  .method-line,.representative{padding-top:16px!important;margin-top:18px!important}
  .method-line strong,.representative strong{width:100%;margin-bottom:2px}
  .method-line span,.representative a{font-size:13px!important}

  .recent-paper{padding:22px 18px}
  .recent-paper h3{font-size:21px;line-height:1.2;padding-right:0;margin-top:15px}
  .recent-paper>p{font-size:14px;line-height:1.55}
  .accepted-badge{position:static!important;display:inline-flex;margin:0 0 12px auto;float:right}
  .recent-paper .paper-meta{clear:both}

  .publication-tools{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;border-radius:12px!important}
  .search-field input{min-height:44px;font-size:16px}
  .filter-row{width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible!important;padding:0!important}
  .filter-chip{min-height:38px;padding:7px 6px!important;font-size:11px!important;white-space:normal!important;line-height:1.15}
  .sort-field{width:100%;display:grid!important;grid-template-columns:auto 1fr;gap:10px;align-items:center}
  .sort-field select{width:100%;min-height:42px;font-size:14px}
  .publication-summary{font-size:12px}
  .archive-paper{grid-template-columns:1fr!important;gap:8px!important;padding:20px 0!important}
  .archive-year{font-size:12px!important;letter-spacing:.05em}
  .archive-copy h3{font-size:20px!important;line-height:1.22!important}
  .archive-copy p{font-size:13px!important;line-height:1.5!important}
  .archive-side{grid-column:1!important;align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:7px!important}
  .archive-resources{justify-content:flex-start!important;width:100%;gap:6px 14px}
  .archive-resources a{font-size:12px}

  .paper-intro h1{font-size:clamp(2.25rem,10.8vw,3.1rem)!important;line-height:1.02!important}
  .paper-summary{font-size:18px!important;line-height:1.55!important}
  .paper-cover{max-width:none!important;width:100%}
  .paper-content{padding:50px 0!important}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hero-actions .button,.hero-actions .btn,.hero-actions .resource-button{width:100%;justify-content:center;text-align:center}

  .collab-grid{gap:14px!important}
  .collab-card,.compact-grid .collab-card{grid-template-columns:1fr!important;overflow:hidden;border-radius:14px}
  .collab-photo{height:auto!important;min-height:0!important;background:#f3f4f6}
  .collab-photo img,.compact-grid .collab-photo img{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9;object-fit:cover!important;object-position:center 24%}
  .collab-copy{padding:18px!important}
  .collab-copy>span{font-size:9px!important;letter-spacing:.09em}
  .collab-copy h3{font-size:22px!important;line-height:1.16!important;margin:6px 0!important}
  .collab-copy .institution,.collab-copy p{font-size:13px!important;line-height:1.5!important}
  .collab-copy .text-link{display:inline-flex;margin-top:4px;min-height:34px;align-items:center}

  .about-grid{grid-template-columns:1fr!important}
  .about-photo{max-width:320px!important;width:100%}
  .profile-links-panel>div:last-child{grid-template-columns:1fr!important}
  .contact-opportunities{grid-template-columns:1fr!important}
  .contact-primary{display:grid;grid-template-columns:1fr 1fr;gap:9px}

  .course-list article{grid-template-columns:1fr!important;gap:6px!important;padding:20px 0!important}
  .course-list article p{grid-column:auto!important}
  .news-row,.milestone{grid-template-columns:1fr!important;gap:7px!important;padding-block:20px!important}
  .milestone h3,.news-row h3{font-size:20px!important}

  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>div:first-child{grid-column:auto!important}
  .footer-nav,.footer-profiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 14px}
  .footer-bottom{flex-direction:column!important;gap:7px!important}
}

@media (max-width:520px){
  .container{width:calc(100% - 24px)}
  .brand-name{font-size:15px}
  .menu-toggle{width:42px;height:42px;border-radius:9px}
  .nav{left:8px;right:8px}
  .v11-hero{padding-top:34px}
  .hero-copy-v11 h1{font-size:clamp(2.6rem,13.5vw,3.55rem)}
  .hero-buttons{grid-template-columns:1fr}
  .hero-buttons .btn{font-size:14px}
  .hero-portrait-v11 img{aspect-ratio:1/1.12}
  .hero-text-links{display:grid;grid-template-columns:1fr 1fr}
  .hero-text-links a{min-height:30px;display:flex;align-items:center}
  .section-v11{padding:50px 0}
  .page-hero-v11{padding:46px 0 36px}
  .metric-strip strong{font-size:23px}
  .featured-copy h3{font-size:21px}
  .paper-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
  .paper-actions a{min-height:34px}
  .filter-row{grid-template-columns:1fr 1fr!important}
  .recent-paper{padding:20px 16px}
  .accepted-badge{float:none;margin:0 0 10px 0}
  .collab-photo img,.compact-grid .collab-photo img{aspect-ratio:4/3;object-position:center 20%}
  .collab-copy h3{font-size:21px!important}
  .contact-primary{grid-template-columns:1fr}
  .hero-actions{grid-template-columns:1fr}
  .footer-nav,.footer-profiles{grid-template-columns:1fr 1fr!important}
}

@media (max-width:390px){
  .container{width:calc(100% - 22px)}
  .hero-copy-v11 h1{font-size:2.7rem}
  .page-hero-v11 h1{font-size:2.45rem}
  .section-intro h2,.collaboration-cta h2,.two-col-editorial h2,.about-facts h2,.profile-links-panel h2,.research-practice h2{font-size:2rem}
  .metric-strip>div{padding:12px 13px!important}
  .metric-strip strong{font-size:22px}
  .metric-strip span{font-size:10px}
  .paper-actions{grid-template-columns:1fr 1fr}
  .paper-actions a{font-size:12px}
  .collab-photo img,.compact-grid .collab-photo img{aspect-ratio:16/10}
  .footer-nav,.footer-profiles{grid-template-columns:1fr!important}
  .command-dialog{width:calc(100% - 16px)}
}

@media (max-width:320px){
  .container{width:calc(100% - 18px)}
  .brand-name{font-size:14px}
  .hero-copy-v11 h1{font-size:2.45rem}
  .page-hero-v11 h1{font-size:2.2rem}
  .metric-strip{grid-template-columns:1fr}
  .metric-strip>div:nth-child(odd){border-right:0!important}
  .hero-text-links{grid-template-columns:1fr}
  .paper-actions{grid-template-columns:1fr}
  .filter-row{grid-template-columns:1fr 1fr!important}
}


/* V13.2 — mobile image fit and contrast refinement (mobile only; desktop unchanged). */
@media (max-width:900px){
  .hero-portrait-v11{max-width:min(100%,360px)!important;margin-inline:auto!important}
  .hero-portrait-v11 img{aspect-ratio:4/4.9!important;object-position:center 18%!important}
  .pi-layout{gap:22px!important}
  .pi-image{width:min(100%,320px)!important;max-width:320px!important;margin-inline:auto!important}
  .pi-image>img{aspect-ratio:4/5.15!important;object-position:center 16%!important}
  .pi-image::before{inset:16px -16px -16px 16px!important}
  .pi-image-label{left:14px!important;right:14px!important;bottom:14px!important;padding:12px 14px!important;border-radius:15px!important}
  .pi-image-label strong{font-size:18px!important;line-height:1.18!important}
  .collab-hero-visual{min-height:430px!important}
  .hero-pi{width:136px!important;height:182px!important}
  .network-person img{width:52px!important;height:64px!important}
  .network-person{padding:6px!important;border-radius:14px!important}
  .collaborator-portrait{height:240px!important;min-height:240px!important}
  .collaborator-portrait img{object-position:center 16%!important}
  .home-collab-person{min-height:220px!important}
  .home-collab-person img{object-position:center 20%!important}
  .metric-note{color:#4d5563!important;background:#f5f7fa!important}
  .metric-strip span{color:#4f5866!important}
  .footer-grid p,.footer-nav a,.footer-profiles a,.footer-bottom,.footer-bottom a{color:#434c5b!important}
}

@media (max-width:768px){
  .hero-portrait-v11{max-width:320px!important}
  .hero-portrait-v11 figcaption{font-size:11px!important;line-height:1.4!important}
  .flagship .paper-media,.secondary-paper .paper-media,.impact-card .paper-media{height:190px!important}
  .paper-media.research-figure img{padding:8px!important}
  .pi-image{max-width:300px!important}
  .collab-hero-visual{min-height:380px!important;padding:18px!important}
  .collaborator-portrait{height:228px!important;min-height:228px!important}
  .home-collab-person{flex:0 0 70%!important;min-height:210px!important}
}

@media (max-width:520px){
  .hero-copy-v11 h1{font-size:clamp(2.55rem,12.5vw,3.55rem)!important}
  .hero-summary{font-size:15px!important;line-height:1.58!important}
  .hero-portrait-v11{max-width:290px!important}
  .metric-strip strong{font-size:22px!important}
  .metric-strip span,.metric-note{font-size:10.5px!important;line-height:1.38!important}
  .pi-image{max-width:280px!important}
  .pi-image-label strong{font-size:16px!important}
  .collaborator-portrait{height:210px!important;min-height:210px!important}
  .home-collab-person{flex-basis:78%!important;min-height:200px!important}
  .paper-media span{font-size:8px!important}
}

@media (max-width:390px){
  .hero-portrait-v11{max-width:270px!important}
  .pi-image{max-width:250px!important}
  .collaborator-portrait{height:195px!important;min-height:195px!important}
  .home-collab-person{flex-basis:82%!important;min-height:190px!important}
}

/* V13.3 — smaller mobile portrait and uncropped publication visuals. */
@media (max-width:900px){
  .hero-portrait-v11{max-width:min(100%,300px)!important}
  .hero-portrait-v11 img{aspect-ratio:4/5.25!important;object-position:center 18%!important}
  .pi-image{width:min(100%,300px)!important;max-width:300px!important}
  .pi-image>img{aspect-ratio:4/5.35!important;object-position:center 15%!important}
}

@media (max-width:768px){
  .hero-portrait-v11{max-width:252px!important}
  .hero-portrait-v11 figcaption{padding:10px 12px 12px!important}
  .pi-image{max-width:260px!important}
}

@media (max-width:520px){
  .hero-portrait-v11{max-width:228px!important}
  .hero-portrait-v11 img{aspect-ratio:4/5.4!important}
  .pi-image{max-width:236px!important}
}

@media (max-width:390px){
  .hero-portrait-v11{max-width:208px!important}
  .pi-image{max-width:218px!important}
}