/* SilverMoose homepage film section (26 Oct 2026). Sits between the hero and #work on index.html and en.html. */
.sm-reel{border-top:1px solid var(--line)}
.sm-reel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:8%;align-items:center}
.sm-reel-copy .eyebrow{margin-bottom:20px}
.sm-reel-copy h2 em{color:var(--accent)}
.sm-reel-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin:26px 0 30px;max-width:460px}
.sm-reel-frame{margin:0;position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#0b0e0a;border:1px solid var(--line);box-shadow:0 30px 80px #0006,0 0 60px #c5f47712}
.sm-reel-frame video{display:block;width:100%;height:100%;object-fit:cover}
.sm-reel-toggle{position:absolute;right:14px;bottom:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ffffff40;background:#0b0e0acc;color:#f3f4eb;font-size:13px;line-height:1;backdrop-filter:blur(6px);transition:background .2s}
.sm-reel-toggle:hover{background:#1b2019}
.light .sm-reel-frame{box-shadow:0 25px 60px #2b332224}
@media (max-width:900px){.sm-reel-grid{grid-template-columns:1fr;gap:40px}.sm-reel-frame{width:100%;max-width:440px;margin:0 auto}}