.brand-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-items:center;gap:clamp(24px,5vw,72px);padding-block:32px;margin-block:28px;border-top:1px solid var(--line,#d7d2c8);border-bottom:1px solid var(--line,#d7d2c8)}
.brand-film-copy{max-width:36rem}.brand-film-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.18;margin:8px 0 18px}.brand-film-copy p{max-width:32rem}
.brand-film-stage{min-width:0}.brand-film-visual{aspect-ratio:1/1;background:#fdfcf8;border:1px solid var(--line,#d7d2c8);overflow:hidden;border-radius:4px}
.brand-film-visual img,.brand-film-visual video{display:block;width:100%;height:100%;object-fit:contain}.brand-film [hidden]{display:none!important}
.brand-film-controls{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}.brand-film-controls button{font:inherit;font-size:14px;min-height:44px;padding:10px 15px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:2px;cursor:pointer}
.brand-film-controls button:focus-visible{outline:3px solid var(--accent,#6f5840);outline-offset:4px}.brand-film video:focus-visible{outline:3px solid var(--accent,#6f5840);outline-offset:-5px}.brand-film-status{font-size:13px;line-height:1.5;margin:12px 0 0;min-height:1.5em}
@media(max-width:640px){.brand-film{grid-template-columns:1fr;gap:20px;padding-block:25px}.brand-film-stage{width:100%;max-width:340px;margin-inline:auto}.brand-film-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.brand-film *{scroll-behavior:auto;transition:none!important;animation:none!important}}