/* Phone-only density pass: ~15% less spacing and display sizing.
   Keep body copy, form inputs, native zoom and desktop rules intact. */
@media (max-width:700px) {
 .site-header{top:15px;left:15px;right:15px;height:56px;padding-inline:15px;border-radius:12px}
 .brand{top:15px;width:56px;height:56px;margin-left:-28px}
 .brand img{width:54px;height:54px}
 .menu-toggle{min-width:44px;min-height:44px}
 .home .hero{height:85svh;min-height:510px}
 .hero-content{left:15px;right:15px}
 .hero-content .outline-button{width:235px;min-height:48px;margin-top:30px;padding:13px 12px}
 .scroll-cue{gap:20px}.scroll-cue i{height:16vh}
 dialog{padding:19px 24px 27px}.menu-top{min-height:56px}.menu-brand{width:60px;height:60px}
 .menu-links{min-height:280px;padding:24px 0}.menu-links a{font-size:17px;min-height:44px}
 .menu-socials{padding-top:20px;gap:17px}
 .bio-section{padding:60px 21px 38px}.bio-layout{gap:30px;margin-top:27px}
 .bio-copy h2,.spotify-copy h2{font-size:22px}
 .bio-copy>p,.spotify-copy>p{margin-top:20px;line-height:1.85}
 .bio-wrap,.spotify-wrap{padding-bottom:27px}
 .bio-slides{aspect-ratio:8/5}.bio-gallery-footer{margin-top:12px}
 .spotify-section{padding:30px 21px 43px}.spotify-layout{gap:26px;margin-top:27px}
 .spotify-profile-link{margin-top:19px}
 .music-area{padding:55px 17px}.music-hero .music-area{padding-top:106px}
 .track-main{grid-template-columns:36px 38px minmax(0,1fr);gap:10px;padding:15px 14px}
 .track-cover{width:38px;height:38px}.track-copy h2{line-height:1.55}
 .track-genre{padding:5px 8px}.track-actions{gap:6px;margin-top:2px}
 .track-action{min-width:116px;padding:8px 10px}
 .player-toolbar{row-gap:13px}.wave-panel{padding:0 14px 15px}.wave-seek{height:53px}
 .biography-story{padding:106px 21px 51px}
 .biography-story .story-title{font-size:25px;margin-bottom:30px}
 .story-row{gap:22px;padding:32px 0;scroll-margin-top:90px}
 .story-copy p{line-height:1.85}.story-copy p+p{margin-top:16px}.story-photo{aspect-ratio:8/5}
 .media-page{padding:106px 20px 47px}.media-page h1{font-size:25px;margin-bottom:27px}
 .media-grid{gap:24px 12px}.media-card figcaption{padding-top:8px;gap:4px}
 .projects-page{padding:106px 20px 30px}.projects-page>h1{font-size:25px;margin-bottom:21px}
 .project-row,.project-valseria{padding:21px 19px 26px;gap:19px;margin-bottom:17px}
 .project-logo-frame,.project-valseria .project-logo-frame{height:179px}
 .project-description h2{font-size:18px;margin-bottom:16px}.project-description p{line-height:1.85}
 .project-description .spotify-profile-link{margin-top:21px}
 .press-kit-page{padding-top:102px}.press-kit-wrap{padding:0 21px 55px}
 .press-kit-intro{gap:15px;margin-bottom:36px}.press-kit-intro h1{font-size:23px;margin-bottom:24px}
 .press-kit-intro p{line-height:1.75}.logo-section-top{margin-bottom:19px;padding-bottom:14px}
 .logo-track{gap:15px}.logo-card{flex-basis:74%}
 .press-photo-section,.rider-section{margin-top:47px}
 .contact-layout{padding:106px 20px 38px;gap:34px}
 .contact-copy h1{font-size:25px;margin-bottom:28px}.contact-copy h2{font-size:23px}
 html[lang="tr"] .contact-copy h2{font-size:22px}
 .contact-copy>p{margin-top:17px}.contact-direct{margin-top:24px;gap:9px}
 .contact-form-panel{padding:20px 17px}.contact-form-panel>h2{font-size:14px}
 .contact-form{gap:15px}.contact-field{gap:8px}.contact-field textarea{min-height:111px}
 .social-strip{padding:30px 20px;gap:20px 19px}
 .contact-footer{padding:32px 21px 21px}.contact-footer-frame{padding:19px 17px 0}
 .contact-footer-top{gap:10px;padding-bottom:19px}.contact-footer-email{padding:26px 0 29px}
 .contact-footer-bottom{padding:15px 0}.contact-copyright{padding:21px 6% 30px}
}