@media(max-width:700px){
  .mobile-directed .story-film{margin-top:35px}.mobile-directed .film-stage{display:flex;align-items:start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;isolation:isolate}.mobile-directed .film-stage::-webkit-scrollbar{display:none}.mobile-directed .film-panel{flex:0 0 100%;width:100%;min-width:0;margin:0!important;padding-bottom:30px;scroll-snap-align:start;scroll-snap-stop:always}.mobile-directed .film-content{padding-top:25px!important}.mobile-directed .film-content h3{font-size:clamp(35px,9vw,48px)}.mobile-directed .film-panel .film-image{aspect-ratio:16/11;transform:scale(1.025)!important;transform-origin:center;clip-path:inset(0)}.mobile-directed .film-panel.phone-scene-active .film-image{animation:phone-scene-image 1s cubic-bezier(.2,.8,.2,1) both}.mobile-directed .film-panel.phone-scene-active .film-content h3{animation:phone-copy-in .8s cubic-bezier(.2,.8,.2,1) both}.mobile-directed .film-panel.phone-scene-active .film-caption{animation:phone-copy-in .8s .1s cubic-bezier(.2,.8,.2,1) both}.mobile-directed .story-film>.film-nav{display:flex;position:relative;inset:auto;left:auto;right:auto;bottom:auto;gap:12px;margin:0;padding:17px 6% 22px;background:#101b13;z-index:1}.mobile-directed .film-nav button{flex:1;border:0;border-top:1px solid #63775555;padding:14px 0 7px;min-height:44px;font-size:8px;letter-spacing:.5px;text-align:left;background:transparent;color:#aab79e}.mobile-directed .film-nav button>span{display:block;margin:0 0 8px;color:#789065;font-size:9px}.mobile-directed .film-nav button[aria-pressed=true]{color:var(--green);border-color:var(--green)}.mobile-directed .film-nav button[aria-pressed=true]>span{color:var(--green)}.mobile-directed .film-nav i{display:none}.phone-film-note{display:block;margin:0;padding:0 6% 22px;font-size:8px;letter-spacing:1.3px;color:#849677;background:#101b13}.mobile-directed .story-afterword{margin-top:45px}.mobile-directed .story-afterword blockquote{font-size:37px;line-height:1.08}.mobile-directed .story-afterword>p{max-width:280px;font-size:13px}.mobile-directed .story-opening{padding-bottom:25px}.mobile-directed .story-opening-copy>p{font-size:27px}.mobile-directed .memories{padding-top:60px;padding-bottom:65px}.mobile-directed .memory-image{min-height:0;aspect-ratio:4/3}.mobile-directed .memory-image>img:not(.memory-outgoing){translate:0 var(--phone-shift,0px);scale:1.06}.mobile-directed .interlude>img{translate:0 var(--phone-shift,0px)}.mobile-directed .city-card figure img{translate:0 var(--phone-shift,0px);scale:1.06}.mobile-directed .archive-photos{display:flex!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#637755 transparent;padding:5px 0 20px!important;margin-right:-6.8%;padding-right:6%!important}.mobile-directed .archive-photos figure{position:relative!important;inset:auto!important;flex:0 0 87%;width:87%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;scroll-snap-align:start;align-self:start}.mobile-directed .archive-photo{display:block;width:100%;height:350px;background:#0b130d}.mobile-directed .archive-photo img{width:100%;height:100%;object-fit:contain!important;filter:none!important;scale:1!important}.mobile-directed .archive-photos figcaption{padding-top:14px;gap:8px;font-size:7px;line-height:1.6;flex-wrap:wrap}.phone-gallery-note{font-size:8px;letter-spacing:1.3px;color:var(--amber);margin:0 0 16px}.mobile-directed .archive-foot{font-size:22px;max-width:100%;line-height:1.25;margin-top:24px}.mobile-directed .completion-path{gap:12px;margin-top:38px;flex-wrap:wrap}.mobile-directed .completion-path span{font-size:7px}.mobile-directed .completion-path i{min-width:15px}.mobile-directed .console-main{position:relative}.mobile-directed .radio-console .radio-dial{display:block;position:absolute;right:4px;top:32px;width:66px;max-width:66px;box-shadow:0 0 0 1px #63775570,0 0 0 5px #10190d,0 0 0 6px #63775540;pointer-events:none}.mobile-directed .radio-screen>#radio-station{max-width:calc(100% - 85px);min-height:68px;font-size:34px}.mobile-directed .radio-screen>#radio-session{max-width:calc(100% - 75px);font-size:7px;line-height:1.8}.mobile-directed .radio-dial .dial-center span{font-size:16px}.mobile-directed .radio-dial .dial-center small{font-size:4px;letter-spacing:0}.mobile-directed #menu[open]{animation:phone-menu-in .65s cubic-bezier(.2,.8,.2,1) both}.mobile-directed .phone-image-enter{animation:phone-photo-in 1s cubic-bezier(.2,.8,.2,1) both}.mobile-directed .phone-title-enter{animation:phone-copy-in .85s cubic-bezier(.2,.8,.2,1) both}.mobile-directed #radio-track-list button[aria-pressed=true]{animation:phone-selection .6s ease both}
  @keyframes phone-scene-image{from{clip-path:inset(2% 1% 2% 1% round 6px);transform:scale(1.07)}to{clip-path:inset(0);transform:scale(1.025)}}@keyframes phone-copy-in{from{opacity:1;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes phone-photo-in{from{clip-path:inset(3% 1% 3% 1% round 6px);opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes phone-menu-in{from{clip-path:circle(10% at 94% 4%);opacity:.5}to{clip-path:circle(150% at 94% 4%);opacity:1}}@keyframes phone-selection{from{background:#c5ef7738}to{background:#c5ef770c}}
  .motion-off .phone-image-enter,.motion-off .phone-title-enter,.motion-off .phone-scene-active .film-image,.motion-off .phone-scene-active h3,.motion-off .phone-scene-active .film-caption{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}.motion-off .memory-image>img,.motion-off .interlude>img,.motion-off .city-card figure img{translate:0 0!important;scale:1!important}
}
@media(prefers-reduced-motion:reduce){.mobile-directed .phone-image-enter,.mobile-directed .phone-title-enter,.mobile-directed .phone-scene-active .film-image,.mobile-directed .phone-scene-active h3,.mobile-directed .phone-scene-active .film-caption{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}.mobile-directed .memory-image>img,.mobile-directed .interlude>img,.mobile-directed .city-card figure img{translate:0 0!important;scale:1!important}}
@media(max-width:700px){.mobile-directed .radio-console,.mobile-directed .map-canvas,.mobile-directed .city-card,.mobile-directed .archive-photos figure{transform:none!important;translate:0!important}.mobile-directed .archive-photos figure{opacity:1!important}}
/* Stable navigation and generous touch targets keep the motion in the artwork. */
html{scrollbar-gutter:stable}
@media(max-width:700px){
  .mobile-directed .film-nav button{font-size:10px;letter-spacing:.3px}
  .mobile-directed .film-nav button>span{font-size:11px}
  .mobile-directed .film-read summary{min-height:44px}
  .mobile-directed .family-tools button{width:44px;height:44px}
  .mobile-directed .family-tools .family-reset{width:auto;min-height:44px}
  .mobile-directed .film-stage{overflow-anchor:none}
  .mobile-directed .phone-film-note,.mobile-directed .phone-gallery-note{font-size:9px;letter-spacing:1px}
  .mobile-directed #menu{padding-bottom:max(25px,env(safe-area-inset-bottom));height:100dvh;overflow-y:auto}
  .mobile-directed .memory-image>img.memory-outgoing{animation:none!important}
  .motion-off.mobile-directed #menu[open],.motion-off.mobile-directed #radio-track-list button[aria-pressed=true]{animation:none!important}
}
@media(prefers-reduced-motion:reduce){.mobile-directed #menu[open],.mobile-directed #radio-track-list button[aria-pressed=true]{animation:none!important}}