/* Phone-only refinements. Desktop styles remain in the original stylesheets. */
@media(max-width:760px){
 html{scroll-padding-top:16px}
 .header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 5.5% 0;padding:16px 16px 16px 84px;min-height:76px}
 .header .identity{min-width:0;flex:1}.header .identity h1{margin:0}
 .header .wordmark{font-size:clamp(16px,4.6vw,25px);letter-spacing:.23em}
 .header .header-pads{width:110px}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0;font-size:12px;margin-left:auto}
 .menu-toggle span{margin-left:0}
 .header nav{display:none;flex-basis:100%;width:100%;padding:12px 0 0;margin:0}
 .header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
 .header nav a,.header nav button{white-space:normal;min-height:44px;justify-content:flex-start;text-align:left;font-size:13px;padding:10px 0}
 .av-main{padding-left:5.5%;padding-right:5.5%}
 .av-intro{gap:20px;padding:28px 0 24px}.av-intro h1{font-size:clamp(30px,8vw,40px);line-height:1.15;letter-spacing:-1px}
 .cosmic-hero{margin-top:16px;height:380px;aspect-ratio:auto}
 .cosmic-hero.video-ready .cosmic-copy{left:7%;top:12%;max-width:85%}
 .cosmic-hero.video-ready .cosmic-copy h2{font-size:clamp(38px,11vw,56px);line-height:1.05;margin-top:18px}
 .cosmic-hero.video-ready .cosmic-copy .micro{font-size:9px;letter-spacing:.22em}
 .cosmic-hero .home-video,.cosmic-hero .orb-artwork{object-fit:cover;object-position:center}
 .home-sound-toggle{left:18px;bottom:32px;min-width:44px;min-height:44px}
 .discovery-item{gap:20px}.discovery-copy{min-width:0}.discovery-arrow{min-height:44px}
 .page-pagination{margin-top:24px;padding:20px 0 28px;gap:16px}.page-pagination a{display:flex;align-items:center;min-height:44px;font-size:13px}.page-pagination a:last-child{justify-content:flex-end}
 footer{gap:14px;padding:24px 0 30px;line-height:1.7}footer a{overflow-wrap:anywhere}
 .about-copy{padding-top:20px}.about-copy p{font-size:17px;line-height:1.8}.about-visual{aspect-ratio:4/3}
 .studio-location-heading{flex-wrap:wrap;gap:8px}.studio-location-heading p{font-size:12px}
 .upcoming-project-caption h2{font-size:26px}.upcoming-project-caption p{font-size:16px}
 .album-layout{gap:30px}.demo-main .album-layout{padding-top:28px}
 .album-music .track{min-height:44px}.transport button,.transport #play-album{min-height:44px;min-width:44px}
 .album-layout .album-description{padding:24px 20px}.player-credits{grid-template-columns:1fr}
 .wallart-layout{grid-template-columns:1fr;gap:28px;height:auto}.art-feature{grid-row:auto}.client-stack{grid-column:auto}.art-image-note{position:static}
 .wallart-heading-row{display:block}.wallart-heading-row .section-title{line-height:1.5}.wallart-heading-row .wordmark{display:block;font-size:26px;letter-spacing:.3em;margin-top:4px}
 .wallart-heading-row .gallery-hint{text-align:left;margin-top:12px;line-height:1.6}
 .wallart-title{font-size:1.1em}.art-intro h3,.client-feature h3{font-size:23px}
 .art-intro p:not(.micro),.client-feature p:not(.micro){font-size:15px;line-height:1.8}
 .purchase-order{grid-template-columns:1fr}.purchase-intro,.purchase-card{padding:26px 20px}.purchase-intro h2{font-size:32px}.purchase-intro:before{letter-spacing:1px;font-size:10px}
 .purchase-details>div{grid-template-columns:1fr;gap:5px}.purchase-card-heading{flex-wrap:wrap}.purchase-total{flex-direction:column;align-items:flex-start;gap:8px}
 .purchase-steps{font-size:14px}.purchase-accept{font-size:14px}.purchase-pay,.purchase-add,#basket-remove{min-height:44px}
 .commission{gap:24px;padding-bottom:36px}.commission h2{font-size:28px}.commission>div>p{max-width:100%}
 #commission-form,#contact-form{min-width:0}.contact-fields{grid-template-columns:1fr}
 #commission-form input,#commission-form textarea,#contact-form input,#contact-form textarea,#contact-form select{font-size:16px;min-height:44px}
 .store-button,#contact-form button{min-height:44px}.listen-links a{display:inline-flex;align-items:center;min-height:44px}
 .image-lightbox{padding:58px 14px 18px;max-height:92dvh}.image-lightbox>img{height:auto;max-height:70dvh;object-fit:contain}.lightbox-close,.studio-viewer-close{min-height:44px}
 .journey-closing-statement{max-width:100%}
}
@media(max-width:360px){
 .header{padding-left:68px;padding-right:10px}.header .header-pads{width:90px}.header .wordmark{font-size:15px;letter-spacing:.18em}
 .cosmic-hero{height:350px}.player-header{grid-template-columns:80px minmax(0,1fr);gap:10px}.player-cover{width:80px;height:80px}
 .player-heading>h2{font-size:20px}
}
@media(max-width:760px){
 .header .header-pads{left:10px;top:10px;width:64px;height:52px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}
 .header nav.open{margin-left:-68px;width:calc(100% + 68px);flex-basis:calc(100% + 68px)}
 .cosmic-hero.video-ready .cosmic-art:after{background:linear-gradient(90deg,#020508a6,transparent 90%)}
}
@media(max-width:360px){.header .header-pads{width:48px;height:44px}.header nav.open{margin-left:-52px;width:calc(100% + 52px);flex-basis:calc(100% + 52px)}}

/* Keep the monome animation free of visible controls. */
.home-page .grid-signature #motion{display:none}