/* Phone composition: one ocean, readable films and full-width photographs. */
@media(max-width:767px){
 .header,body:not(.motion-off) .header{height:76px;padding:0 12px;gap:4px}
 .header .wordmark,body:not(.motion-off) .wordmark{width:60px;height:58px;flex-shrink:0}
 .header .wordmark img{width:103px;height:58px;left:-21px;top:0}
 .header .header-actions,body:not(.motion-off) .header-actions{gap:4px}
 .header .menu-button{width:44px;height:44px;align-items:center}
 .header .listen-button{height:44px;padding:0 10px;font-size:11px;gap:4px}
 .header #motion-toggle{min-width:56px;min-height:44px;gap:5px;font-size:9px;justify-content:center}
 body[data-scene=anticipation] .header{background:#061019f5}
 .motion-off[data-scene=anticipation] .social-dock{display:none}
 body[data-scene=anticipation] #opening-sound{position:static;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;background:transparent}
 body[data-scene=anticipation] #opening-sound:after{left:9px;top:21px}
 body[data-scene=anticipation] #opening-sound{position:relative;inset:auto}
 .chapter-menu{left:12px;right:12px;top:76px;width:auto;max-height:calc(100svh - 94px)}
 .ep-nav{display:flex;top:76px;left:0;right:0;bottom:auto;gap:16px;padding:0 20px;min-height:44px;justify-content:flex-start;align-items:center;background:#061019f5;overflow-x:auto;visibility:hidden;scrollbar-width:none}
 .ep-nav a{min-height:44px;display:flex;font-size:10px!important;letter-spacing:0;text-transform:none;flex-shrink:0}
 .ep-nav a:before{display:none}
 body[data-scene=anticipation] .ep-nav{visibility:visible}
 .ep-nav a[aria-current=true]{color:#25b9aa!important}
 #project-showcase{--mobile-gutter:24px}
 #project-showcase [id^=ep-]{scroll-margin-top:56px}
 #project-showcase #ep-about{scroll-margin-top:72px}
 #project-showcase .ep-track[id],#project-showcase #ep-at-sea{scroll-margin-top:136px}
 #project-showcase p{font-size:16px;line-height:1.7}
 #project-showcase button{min-height:44px}
 .ep-hero{height:140svh}
 .ep-hero-sticky{height:100svh}
 .ep-hero-title{bottom:18svh;left:20px;right:20px}
 .ep-hero-title h2{font-size:11.5vw!important}
 .ep-hero-title a{min-height:44px;padding:14px 0;margin-top:12px}
 #compass-drag{inset:23svh 8vw 34svh}
 .ep-compass-controls{bottom:7svh;left:24px;max-width:calc(100% - 48px)}
 .ep-compass-controls summary{min-height:44px;display:flex;align-items:center}
 .ep-about{min-height:0;padding:64px var(--mobile-gutter) 48px;display:flex;flex-direction:column}
 .ep-about .ep-static-cover{display:block;order:-1;width:100%;max-width:360px;margin:0 auto 40px}
 .ep-about h3{font-size:clamp(29px,8.5vw,40px)!important;line-height:1.15!important}
 .ep-about p{font-size:16px!important;margin:24px 0!important}
 .ep-words{height:42svh;min-height:260px;gap:24px}
 .ep-words div{font-size:6.5vw;line-height:1.3;letter-spacing:-.02em}
 .ep-tracks{padding:80px var(--mobile-gutter) 40px}
 .ep-tracks-sticky{grid-template-columns:1fr;gap:36px}
 .ep-tracks-heading{font-size:clamp(30px,9vw,42px)!important;line-height:1.15!important}
 .ep-track-progress{gap:14px;flex-wrap:wrap}
 .ep-track-progress button{flex:1;min-width:40px;max-width:54px}
 .ep-track{min-width:0;padding-bottom:20px}
 .ep-static-film{width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;background:transparent}
 .ep-track:last-of-type .ep-static-film{aspect-ratio:16/9}
 .ep-track-copy{padding:24px 0 0}
 .ep-track h3{font-size:clamp(28px,8vw,36px)!important}
 .ep-track p{font-size:16px!important;line-height:1.7!important}
 .ep-track .ep-feature{font-size:13px!important;margin:12px 0!important}
 .ep-track .ep-feature:empty{display:none}
 .ep-track button{font-size:14px!important;padding:12px 0!important}
 .ep-archive{min-height:0;padding:80px var(--mobile-gutter) 64px;overflow:visible}
 .ep-archive h3{font-size:clamp(32px,9vw,44px)!important;line-height:1.15!important;margin-bottom:32px!important}
 .ep-photo-wall{grid-template-columns:minmax(0,1fr);gap:40px;perspective:none}
 .ep-photo-wall a,.ep-photo-wall a:nth-child(2),.ep-photo-wall a:nth-child(3){grid-column:auto;width:100%;margin:0;transform:none!important;will-change:auto}
 .ep-photo-wall img{width:100%;height:auto;max-height:none;object-fit:contain}
 .ep-photo-wall span{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:6px 0 0!important;font-size:13px;letter-spacing:0}
 .ep-credits,.ep-listen{padding:80px var(--mobile-gutter) 56px;min-height:0}
 .ep-credits h3,.ep-listen h3{font-size:clamp(29px,8.5vw,40px)!important;line-height:1.18!important}
 .ep-credits dl{grid-template-columns:1fr;gap:12px;margin-top:32px}
 .ep-credits dl>div{padding:24px 0}
 .ep-credits dt{font-size:13px}
 .ep-credits dd{font-size:clamp(27px,8vw,36px)}
 .ep-credits dd span{font-size:16px}
 .ep-listen h3{margin-bottom:32px!important}
 .ep-player{grid-template-columns:minmax(0,1fr);gap:28px}
 .ep-player img{width:100%;max-width:360px;margin:auto}
 .ep-player label{font-size:13px}
 .ep-player input{min-height:44px;margin:0}
 .ep-time{font-size:12px;margin:4px 0 24px}
 .ep-player a{min-height:44px;padding:12px 0}
 .ep-next{margin-top:64px;padding:32px 0;font-size:19vw!important}
 .motion-off .ep-about{padding:40px var(--mobile-gutter)}
 .motion-off #project-showcase #ep-about{scroll-margin-top:52px}
 .motion-off .ep-track{padding:0}
 .motion-off .ep-static-film{max-height:none}
}
@media(max-width:359px){.ep-nav{gap:12px;padding-inline:12px}}
@media(max-width:767px){
 #player,#cinema-player{padding:20px;background:#071016;border-color:#77939d;max-height:calc(100svh - 32px)}
 .player-heading{gap:12px;align-items:flex-start}
 .player-heading h2,#cinema-player h2{font-size:clamp(20px,5.5vw,28px);line-height:1.25;min-width:0;overflow-wrap:anywhere}
 .player-heading button{flex:0 0 44px;width:44px;height:44px}
 #film-holder{margin-top:16px}
 #film-holder video{aspect-ratio:auto;max-height:60svh;object-fit:contain}
}