/* Keep navigation, long labels and media inside narrow viewports. */
main>*{min-width:0}main img,main video,main iframe{max-width:100%}main .prose>*,main .metadata>*,main .index-row>*,.project-label>*{min-width:0}.project-label span{white-space:normal}main .text-link,footer a{overflow-wrap:anywhere}
@media(max-width:1000px){body header,body.home header{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}body header nav{display:flex;flex-wrap:wrap;gap:8px 20px;min-width:0}body header .name{flex-shrink:0}}
@media(max-width:640px){body header nav{width:100%;font-size:12px;gap:4px 16px}body header nav a{padding:8px 0;min-height:40px}main .page-heading h1{overflow-wrap:anywhere}main .metadata{grid-template-columns:1fr;gap:18px}main .index-row{grid-template-columns:26px minmax(0,1fr) 20px;gap:10px}main .index-row h3{font-size:24px;overflow-wrap:anywhere}.project-label{flex-wrap:wrap;gap:8px}.experience-page .career-overview .clean-list{grid-template-columns:1fr}.instagram-preview{min-width:0;width:100%}.instagram-preview iframe{width:100%;min-width:0}.image-viewer{max-width:calc(100vw - 24px)}footer .footer-links{flex-wrap:wrap;gap:16px}}