.hero-film-link { display:inline-flex; align-items:center; gap:8px; margin-top:20px; color:#e3cc9c; font-size:.9rem; text-decoration:underline; text-underline-offset:5px; }
.hero-film-link svg { width:19px; height:19px; fill:currentColor; }
.hero-film-link:hover { color:#fff0d0; }
.brand-film { padding:84px 0; position:relative; overflow:hidden; background:radial-gradient(ellipse at 80% 50%,#11243a66,transparent 60%),linear-gradient(120deg,#080e17,#03070d 65%); border-block:1px solid #b68a6033; }
.brand-film-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:clamp(40px,6vw,100px); }
.film-copy { max-width:565px; }
.film-copy .eyebrow { color:#d7bd88; margin-bottom:24px; }
.film-copy h2 { font-size:clamp(2.3rem,4vw,3.45rem); font-weight:700; line-height:1.12; letter-spacing:-.035em; margin:0; }
.film-title-accent { color:#d7bd88; }
.film-intro { margin:26px 0 0; color:#c5cfdd; line-height:1.8; font-size:1.0625rem; }
.film-topics { margin:25px 0 0; color:#f0e5d2; font-size:.875rem; letter-spacing:.025em; line-height:1.8; }
.film-sound { display:flex; align-items:flex-start; gap:10px; margin:24px 0 30px; color:#b7c7d9; font-size:.875rem; line-height:1.6; }
.film-sound svg { flex:0 0 21px; width:21px; height:21px; stroke:#d7bd88; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.film-copy .button { white-space:normal; text-align:center; }
.film-figure { width:100%; max-width:434px; margin:0; justify-self:center; }
.film-frame { position:relative; aspect-ratio:4/5; border-radius:18px; overflow:hidden; background:#03070d; border:1px solid #a88c5e69; box-shadow:0 28px 70px #0008,0 0 50px #b68a600a; direction:ltr; }
.film-frame video { display:block; width:100%; height:100%; aspect-ratio:4/5; object-fit:contain; background:#03070d; }
.film-start { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:30px; background:linear-gradient(180deg,#03070d00 25%,#03070d44 68%,#03070d88); border:0; border-radius:inherit; color:#fff8ed; cursor:pointer; }
.film-start-content { display:flex; flex-direction:column; align-items:center; gap:16px; padding:24px; border-radius:22px; background:#030a12cc; border:1px solid #d7bd8866; backdrop-filter:blur(8px); max-width:100%; font-size:.9375rem; font-weight:600; line-height:1.6; text-align:center; box-shadow:0 12px 35px #0007; }
.film-play-icon { display:grid; place-items:center; width:68px; height:68px; border:1px solid #e2cda2; border-radius:50%; background:#d7bd8815; }
.film-play-icon svg { width:32px; height:32px; fill:#f3dfb6; }
.film-start:hover .film-play-icon { background:#d7bd8830; }
.film-start:disabled { cursor:progress; }
.film-figure figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin-top:16px; color:#9eacbd; font-size:.75rem; line-height:1.6; }
.film-figure figcaption a { color:#ccbc9c; text-decoration:underline; text-underline-offset:3px; }
.film-status { margin:12px 0 0; font-size:.875rem; color:#efd6ab; }
.film-status:empty { display:none; }
@media(max-width:950px) { .brand-film-grid { gap:36px; } .film-copy h2 { font-size:2.65rem; } .film-intro { font-size:1rem; } }
@media(max-width:720px) { .brand-film { padding:58px 0 65px; } .brand-film-grid { grid-template-columns:minmax(0,1fr); gap:34px; } .film-copy { max-width:none; } .film-copy h2 { font-size:clamp(2.05rem,7.4vw,2.9rem); } .film-copy .eyebrow { margin-bottom:18px; } .film-intro { margin-top:21px; } .film-sound { margin:18px 0 25px; } .film-topics { margin-top:19px; } .film-figure { max-width:420px; } .film-frame { border-radius:14px; } .film-start { padding:20px; } .film-start-content { padding:22px 20px; } }