/* The mobile hero is a dedicated 4:5 edit, with no further cropping. */
.mobile-film-bar{display:none}
#concept-film-dialog{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffff28;border-radius:8px;background:#081c27;color:#fff;overflow:auto}
#concept-film-dialog::backdrop{background:#031119de;backdrop-filter:blur(6px)}
.concept-film-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px}
#concept-film-title{font-size:1rem;line-height:1.6;color:#fff;margin:0;font-weight:600}
[data-close-film]{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:#ffffff12;border:1px solid #ffffff40;border-radius:50%;color:#fff}
[data-close-film]:hover{background:#ffffff28}
[data-close-film]>svg{width:20px;height:20px}
.concept-film-player{width:100%;height:auto;max-height:calc(100dvh - 140px);aspect-ratio:16/9;object-fit:contain;display:block;background:#000}
.concept-film-status{font-size:.875rem;color:#e4f1f4;padding:0 18px;line-height:1.7}
.concept-film-status:not(:empty){padding-block:12px}
.concept-film-fallback{display:flex;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font-size:.875rem;color:#a8f0e4}
.concept-film-fallback svg{width:18px;height:18px}
#concept-film-dialog [hidden]{display:none!important}
#concept-film-dialog :focus-visible{outline-color:#9af0e0}
@media(max-width:800px){
 .inquiry-site .hero-film{display:block;width:100%;height:auto;aspect-ratio:4/5;min-height:0;max-height:none;margin:0;background:#102f3d}
 .inquiry-site .hero-film-visual{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%}
 .inquiry-site .hero-film-video,.inquiry-site .hero-film-poster img{object-fit:contain;object-position:center;width:100%;height:100%}
 .inquiry-site .hero-film-shade{background:linear-gradient(0deg,rgba(5,24,35,.68),rgba(5,24,35,.28) 20%,transparent 42%)}
 .inquiry-site .hero-film-content{position:absolute;left:22px;right:22px;bottom:22px;width:auto;padding:0;pointer-events:none}
 .inquiry-site .hero--film h1{font-size:clamp(30px,8.5vw,46px);line-height:1.2;letter-spacing:-.035em;text-shadow:0 2px 15px #071c2850}
 .inquiry-site .hero-film-eyebrow,.inquiry-site .hero-actions,.inquiry-site .hero-film-topline{display:none}
 .inquiry-site .hero-film-footer{position:absolute;top:12px;right:12px;bottom:auto;left:auto;padding:0;gap:0}
 .inquiry-site .hero-film-control{width:44px;height:44px;min-height:44px;padding:0;border-color:#ffffff80;background:#08253440;backdrop-filter:blur(6px)}
 .inquiry-site .hero-film-control [data-play-label],.inquiry-site [data-hero-sound]{display:none!important}
 .inquiry-site .hero-film-progress{height:2px;background:#ffffff18}
 .mobile-film-bar{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-bottom:1px solid #dae5eb;background:#fff;min-height:64px}
 .mobile-film-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#12627e;font-size:1rem;font-weight:600}
 .mobile-film-link>svg{width:25px;height:25px;stroke-width:1.4}
 .mobile-film-link .film-duration{font-size:.75rem;color:#647984;font-weight:400;margin-left:4px}
 .mobile-film-link:hover{color:#009a9d}
 .inquiry-site .overview-section{padding-top:44px}
 .concept-film-header{padding:10px 12px;gap:12px}
 #concept-film-title{font-size:.875rem}
}