/* Keep the same content and asset proportions across screen sizes. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}
.tool-symbol>img{object-fit:contain;flex-shrink:0}
.app-card,.profile-summary,.profile-facts,.render-copy{min-width:0}
@media(max-width:1050px){
  .render-copy .render-subtitle{display:block}
  .render-tool{display:block}
  .render-tool .tool-icons{display:flex}
  .tool-overview>.tool-icons{flex-wrap:wrap}
}
@media(max-width:780px){
  .app-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none}
  .app-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}
  .app-card:last-child .tile-stage{height:auto;min-height:220px}
  .app-card .app-copy>p:not(.app-lead),.app-card .tile-copy>p:not(.tile-lead){font-size:12px}
  .app-card .app-lead,.app-card .tile-lead{font-size:13px}
  .render-copy p:not(.eyebrow){font-size:12px}
  .render-copy .eyebrow{font-size:9px}
  .render-image{height:auto;min-height:220px;aspect-ratio:auto}
  .render-image>img{width:100%;height:100%;object-fit:contain}
  .tool-overview .tool-name{font-size:10px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  .tool-overview .tool-badge{width:54px;min-width:54px}
  .tool-overview>.tool-icons{gap:12px 7px}
  .profile-credentials span,.profile-credentials small{font-size:10px}
  .section-heading>p{font-size:11px}
  .award-tag>span{font-size:11px}.award-tag>small{font-size:10px}
}
@media(max-width:540px){
  .header{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px}
  .header .identity{font-size:16px;letter-spacing:0}
  .header .identity span{font-size:9px;margin-left:6px;letter-spacing:1px}
  .header-email{font-size:11px;letter-spacing:0}
  .header nav{justify-content:space-between;width:100%;gap:12px;font-size:12px}
  .profile-summary>p:not(.eyebrow){font-size:13px}
  .profile-summary h2{font-size:15px}
  .profile-links{font-size:12px}
  .credential-details{font-size:11px}
  .profile-credentials small{font-size:10px}
  .app-cards{grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:0}
  .app-card,.app-card:last-child{grid-column:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
  .app-card .app-stage,.app-card .tile-stage,.app-card:last-child .tile-stage{height:auto;min-height:250px;padding:16px 10px 30px}
  .app-card .app-stage>img,.app-card .life-stage>img{height:200px;width:auto;max-width:100%;object-fit:contain}
  .app-card .duck-stage>img{width:100%;height:auto;max-height:210px;object-fit:contain}
  .app-card .app-copy,.app-card .tile-copy{padding:14px 12px}
  .app-card h3{font-size:20px;letter-spacing:-.4px;overflow-wrap:anywhere}
  .app-card .project-type{font-size:10px}
  .app-card .open-app{font-size:12px}
  .app-card .tool-icons.compact{flex-wrap:wrap;gap:6px}
  .visual-projects .render-project{grid-template-columns:minmax(0,1fr)}
  .render-image{min-height:0;height:auto;aspect-ratio:16/10}
  .render-copy{padding:16px}
  .render-copy h3{font-size:21px}
  .render-copy .render-subtitle{display:block}
  .render-tool{display:block}
  .section-heading>p{font-size:11px;line-height:1.7;max-width:48%}
  .profile-facts>.eyebrow{display:block;margin-bottom:8px}
  .gallery-bar p{font-size:11px;max-width:none;flex-basis:100%}
  .gallery-actions>button{min-height:38px;font-size:12px}
  .board>span{font-size:11px}.board small{font-size:10px}
  .archive-note>span{font-size:11px}
  dialog{max-height:90dvh}
}
@media(max-width:350px){
  .header-email{font-size:10px}.header .identity span{display:none}
  .app-card,.app-card:last-child{grid-template-columns:minmax(0,1fr)}
  .app-card .app-stage,.app-card .tile-stage{min-height:225px}
}