/* The company film is user-initiated, separate from decorative scene videos. */
.brand-film-section{background:#edf3f4;padding:clamp(40px,5vw,76px) 0;color:#15354b;scroll-margin-top:90px}
.brand-film-shell{width:min(1200px,calc(100% - 80px));margin-inline:auto;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(32px,5vw,72px)}
.brand-film-copy h2{color:#15354b;font-size:clamp(26px,2.7vw,36px);font-weight:650;line-height:1.42;letter-spacing:-.025em}
.brand-film-copy p{color:#55717c;font-size:16px;line-height:1.9;max-width:23em;margin-top:17px}
.brand-film-card{position:relative;display:block;isolation:isolate;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0c1d30;border:1px solid #bdd0d7;box-shadow:0 16px 42px #13374612;text-decoration:none}
.brand-film-card>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}
.brand-film-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071a2bea,transparent 45%);pointer-events:none}
.brand-film-play{position:absolute;z-index:1;left:50%;top:48%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #ffffffa3;border-radius:50%;background:#eef9f5e8;color:#17384a;display:grid;place-items:center;box-shadow:0 3px 24px #0c1d3030;transition:background .2s,scale .2s}
.brand-film-play svg{width:21px;height:21px;fill:currentColor;margin-left:4px}
.brand-film-caption{position:absolute;z-index:1;inset:auto 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f1f8fa;font-size:15px;font-weight:550}
.brand-film-caption time{font-size:13px;font-weight:400;letter-spacing:.03em;color:#d4e2e9}
.brand-film-card:hover>img{transform:scale(1.025)}
.brand-film-card:hover .brand-film-play{background:#fff;scale:1.04}
.brand-film-card:focus-visible,.brand-film-trigger:focus-visible{outline:3px solid #709ba8;outline-offset:5px}
.lumi-hero .brand-film-trigger{gap:10px}
.brand-film-trigger svg{width:16px;height:16px;fill:currentColor;flex:none}
.brand-film-dialog{position:fixed;inset:0;width:min(1100px,calc(100vw - 48px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #8eaab83d;border-radius:16px;background:#0b1c2c;color:#f1f6f9;box-shadow:0 28px 100px #0009;overflow:auto}
.brand-film-dialog:not([open]){display:none}
.brand-film-dialog::backdrop{background:#061421d9;backdrop-filter:blur(12px)}
.brand-film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px 13px 24px}
.brand-film-dialog .brand-film-dialog-title{font-size:16px;font-weight:550;line-height:1.5;letter-spacing:.02em;color:#f1f6f9}
.brand-film-close{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:50%;background:#ffffff0c;color:#e9f1f5;cursor:pointer}
.brand-film-close:hover{background:#ffffff1c}
.brand-film-close:focus-visible{outline:2px solid #bddce8;outline-offset:3px}
.brand-film-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.brand-film-video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);object-fit:contain;background:#000}
.brand-film-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;font-size:13px;color:#b9cbd4}
.brand-film-dialog-foot a{color:#e7f3f7;text-underline-offset:4px;text-decoration:underline}
.brand-film-notice{margin:0;padding:14px 24px;color:#d4e6ec;font-size:14px}
.brand-film-notice[hidden]{display:none}
@media(max-width:760px){
 .brand-film-shell{width:calc(100% - 40px);grid-template-columns:1fr;gap:24px}
 .brand-film-copy h2{font-size:28px;line-height:1.35}
 .brand-film-copy h2 br{display:none}
 .brand-film-copy p{font-size:15px;max-width:28em;margin-top:11px}
 .brand-film-card{border-radius:12px}
 .brand-film-play{width:52px;height:52px}
 .brand-film-caption{inset:auto 17px 13px;font-size:14px}
 .brand-film-dialog{width:calc(100vw - 20px);border-radius:12px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
 .brand-film-dialog-head{padding:9px 8px 9px 16px}
 .brand-film-dialog .brand-film-dialog-title{font-size:14px}
 .brand-film-dialog-foot{padding:13px 16px;gap:12px;font-size:12px}
}
@media(max-height:500px) and (orientation:landscape){
 .brand-film-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
 .brand-film-dialog-head{padding-block:4px}
 .brand-film-dialog-foot{padding-block:7px}
 .brand-film-video{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px)}
}
@media(prefers-reduced-motion:reduce){.brand-film-card>img,.brand-film-play{transition:none}.brand-film-card:hover>img{transform:none}.brand-film-card:hover .brand-film-play{scale:1}}