/* Shared navigation and touch refinements. Keep the established page compositions. */
.footer-directory{display:flex;flex-wrap:wrap;gap:8px 28px;border-block:1px solid var(--line);padding:18px 0;margin:30px 0}
.footer-directory a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#bfcbbb}
.footer-directory a:hover,.footer-directory a:focus-visible{color:var(--gold)}
.film-status{font-size:12px;color:#d2a66e;line-height:1.7;margin:12px 0}
.film-status a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
#form-error ul{list-style:none;padding:0;margin:10px 0 0}
#form-error li a{display:inline-flex;align-items:center;min-height:40px;color:#ffd4b6;text-decoration:underline;text-underline-offset:4px}
.inquiry-card [aria-invalid=true]{outline:1px solid #eeb299;outline-offset:2px}
@media(max-width:760px){
 :root{--mobile-header:70px;scroll-padding-top:calc(var(--mobile-header) + 16px)}
 .header{position:sticky;top:0;height:var(--mobile-header);width:100%;padding-inline:20px;background:#080e0bf5;backdrop-filter:blur(14px);z-index:30}
 .header .brand{font-size:23px}
 .header .brand-aperture{width:42px;height:42px;flex-basis:42px}
 .header nav{top:100%;left:0;right:0;max-height:calc(100dvh - var(--mobile-header));overflow-y:auto;overscroll-behavior:contain}
 .header nav a[aria-current=page]{border-left:2px solid var(--gold);padding-left:15px;background:#d2a66e0a}
 .header .menu-toggle{min-width:96px;justify-content:space-between}
 .text-link,.local-motion,#motion-toggle,.footer a:not(.brand){min-height:44px;display:inline-flex;align-items:center}
 .cinema-bottom{gap:8px}
 .cinema-bottom .text-link{font-size:11px}
 .local-motion{font-size:11px;padding:10px 12px}
 .edit-controls input[type=range],.transport input[type=range]{height:44px;min-height:44px}
 .ratio-options button,.transport button{min-height:44px;min-width:44px}
 .range-labels{margin-top:0}
 .preview-monitor{top:var(--mobile-header);height:auto;min-height:0;padding:14px;box-shadow:0 10px 20px #0004}
 .preview-monitor .monitor-frame{width:100%;height:auto;max-height:none;aspect-ratio:16/9}
 .preview-monitor .monitor-frame[data-ratio=portrait]{width:min(100%,calc(32svh * .5625));aspect-ratio:9/16}
 .preview-monitor .monitor-frame[data-ratio=square]{width:min(100%,32svh);aspect-ratio:1}
 .edit-controls{scroll-margin-top:calc(var(--mobile-header) + 32svh + 40px)}
 .process-chapters{top:var(--mobile-header)}
 .process-step{scroll-margin-top:155px}
 .footer-directory{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-block:24px}
 .footer-bottom>div{flex-wrap:wrap;gap:8px 22px}
 .film-top{position:sticky;top:-16px;background:#080e0b;z-index:1;padding-block:8px}
 .film-context{font-size:11px;line-height:1.7}
 .inquiry-card input,.inquiry-card textarea,.inquiry-card select{scroll-margin-top:95px}
 #form-error{scroll-margin-top:95px}
}
@media(max-width:760px) and (max-height:520px){.preview-monitor{position:relative;top:auto}.process-chapters{position:relative;top:auto}.header{position:relative}.preview-monitor .monitor-frame{max-width:420px}.preview-monitor .monitor-frame[data-ratio=portrait]{width:135px}.preview-monitor .monitor-frame[data-ratio=square]{width:240px}}