/* Shared phone layout, loaded after page-specific styles. */
main,section,article,figure{min-width:0}
img{max-width:100%}
@media(max-width:760px){
 html,body{width:100%;margin:0}
 .nav{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);padding-inline:20px}
 .nav .brand{grid-column:2;justify-self:center}
 .id-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .identity-copy{min-width:0;max-width:100%}
 .diagram{width:100%;min-width:0}
 .diagram svg{width:min(260px,100%);height:auto}
 .work-header{grid-template-columns:minmax(0,1fr);gap:12px;justify-items:center}
 .work-header .tiny:first-child,.work-header .tiny:last-child{text-align:center}
 .work-header h2{font-size:clamp(24px,7vw,34px)}
 .about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-auto-gallery{width:100%;max-width:100%;margin-inline:auto}
 .about-auto-gallery a{width:100%;aspect-ratio:4/3}
 .about-auto-gallery .banner-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .chapter{text-align:center}
 .chapter h3:after{margin-inline:auto}
 .about-intro{text-align:center;padding-inline:0}
 .contact>div,.contact-minimal,.contact-minimal .field{min-width:0}
 .contact-minimal input,.contact-minimal textarea{min-width:0;max-width:100%}
 footer{justify-content:center;text-align:center;gap:18px}
}
@media(max-width:600px){
 .gallery{grid-template-columns:minmax(0,1fr);gap:30px}
 .gallery .project,.gallery .project.large,.gallery .project.wide{grid-column:1/-1}
 .project>span{font-size:9px;line-height:1.6}
 .project small{font-size:8px}
 .project .project-action{font-size:8px}
 .intro,.identity,.work,.about,.contact,.coming,.project-page,.music-page{padding-inline:20px;width:100%;max-width:100%;margin-inline:auto}
 .intro h1{font-size:clamp(19px,5.5vw,26px);line-height:1.3;max-width:340px}
 .intro p{font-size:12px;line-height:1.65}
 .motto,.eyebrow{line-height:1.7;overflow-wrap:anywhere}
 .music-intro,.project-intro{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
 .music-intro>div,.project-intro>div{min-width:0;width:100%}
 .music-overview,.project-overview{margin-inline:auto}
 .music-intro h1,.project-intro h1{font-size:clamp(36px,10vw,54px);overflow-wrap:anywhere}
 .releases,.oceans-releases,.poster-grid,.memories-grid{grid-template-columns:minmax(0,1fr);width:100%}
 .release,.poster-grid figure{min-width:0;max-width:100%}
 .category-heading{align-items:center;text-align:center}
 .project-categories{justify-content:center}
 .player{width:100%;max-width:100%;padding-inline:16px}
 .now-playing,.now-playing>div,.transport,.timeline{min-width:0}
 .now-playing strong,.now-playing #now-mix{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
 .ambient-bar{gap:5px;padding-inline:10px}
 .ambient-title{width:auto;flex:0 1 125px;min-width:0}
 .ambient-seek{width:0;min-width:20px}
 .ambient-status{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}