/* Shared phone and tablet improvements. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
img,video{max-width:100%}
main,.wrap,.feature>*{min-width:0}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1599px){
 header nav{gap:0;padding:12px 20px 24px;overscroll-behavior:contain}
 header nav a{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 8px;white-space:normal}
 .menu{min-width:64px;min-height:44px;cursor:pointer}
}
@media(max-width:760px){
 .wrap{padding-left:20px;padding-right:20px}
 .nav{gap:12px}.logo{font-size:24px}
 .hero{min-height:70svh}.hero-inner{padding-top:60px;padding-bottom:48px}
 h1,.pagehead h1,.career-page h1{font-size:clamp(36px,10vw,64px);line-height:1;overflow-wrap:anywhere}
 h2{font-size:clamp(30px,8vw,48px);line-height:1.08}
 .pagehead,.career-page .pagehead{padding:44px 0 30px}
 section{padding:48px 0}.feature{gap:28px}
 .grid,.feature,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .card,.contact{padding:22px}
 .prose,.policy,.notice{overflow-wrap:anywhere}
 .buttons{gap:10px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
 .actions a,.music-buy{min-height:44px;display:inline-flex;align-items:center}
 .socials a{min-height:48px}
 .music-filters button,.video-filters button{min-height:44px}
 .music-heading{gap:20px}.music-page{padding:44px 0 56px}
 .music-overlay{position:static;opacity:1;background:#111;align-items:flex-start;text-align:left;padding:14px;gap:8px}
 .music-cover{aspect-ratio:auto;overflow:visible}.music-cover img{height:auto;aspect-ratio:1}
 .music-title,.music-listen{margin-top:0}.music-title{font-size:16px}
 .music-cover:hover img{transform:none}
 .shop-toolbar{align-items:flex-start;flex-wrap:wrap}.shop-controls label{min-width:0}
 .shop-card select,.shop-controls input,.shop-controls select,.cart-line input{font-size:16px}
 #cart-dialog{max-height:85dvh;overflow-y:auto}.cart-line>div{min-width:0}.cart-line h3{overflow-wrap:anywhere}
 .enquiry-fields{grid-template-columns:minmax(0,1fr)}
 .enquiry-form input,.enquiry-form select,.enquiry-form textarea{min-width:0;font-size:16px}
 .record-toc a{min-height:44px;display:inline-flex;align-items:center}
 .table-scroll{max-width:100%;overscroll-behavior-x:contain}
 .tiktok-gallery-frame{width:100%}.tiktok-gallery-frame .tiktok-embed{min-width:0!important;max-width:100%!important}
 .tiktok-actions{gap:16px}.tiktok-profile{min-height:44px}
 .footergrid{gap:14px}footer{padding:32px 0}
}
@media(max-width:380px){
 .wrap{padding-left:16px;padding-right:16px}.logo{font-size:22px}
 .social-page .socials{grid-template-columns:minmax(0,1fr)}
 .buttons .btn{width:100%}.video-count{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* One title scale across all interior pages; the home hero retains its display type. */
body .pagehead h1,body .music-heading h1,body .career-page h1{font-size:clamp(48px,5.6vw,80px);line-height:1.04;letter-spacing:-.055em}
@media(max-width:760px){body .pagehead h1,body .music-heading h1,body .career-page h1{font-size:clamp(38px,8vw,52px);line-height:1.08}}