.um-home-films{background:#eee4d6;padding:64px 0 32px;overflow:hidden;scroll-margin-top:100px}
.um-film-heading{margin-bottom:30px}
.um-film-heading .um-eyebrow{margin-bottom:12px}
.um-film-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:0}
.um-film-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;padding:0 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.um-film-rail::-webkit-scrollbar{display:none}
.um-film-rail:focus-visible{outline:2px solid var(--um-ink);outline-offset:-2px}
.um-film-card{flex:0 0 min(79vw,340px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.um-film-frame{position:relative;aspect-ratio:9/16;background:#c4ad94;overflow:hidden;border-radius:2px}
.um-film-frame video{display:block;width:100%;height:100%;object-fit:contain}
.um-film-toggle{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:44px;min-width:88px;justify-content:center;padding:10px 14px;border:1px solid #ffffff66;border-radius:30px;background:#2d100ee6;color:#fff8ef;font:inherit;font-size:12px;cursor:pointer}
.um-film-toggle svg{width:18px;height:18px;fill:currentColor}
.um-film-pause,.um-film-card[data-playing] .um-film-play{display:none}
.um-film-card[data-playing] .um-film-pause{display:block}
.um-film-toggle:focus-visible,.um-film-navigation button:focus-visible,.um-film-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.um-film-toggle[hidden],.um-film-error[hidden],.um-film-navigation[hidden]{display:none}
.um-film-caption{padding-top:16px}
.um-film-caption h3{font-family:var(--unmute-font-ui);font-weight:400;font-size:20px;line-height:1.35;letter-spacing:0;margin:0 0 8px}
.um-film-links{display:flex;gap:24px}
.um-film-links a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:13px;color:inherit;text-decoration:none;border-bottom:1px solid #2d100e55}
.um-film-links a:hover{border-color:currentColor}
.um-film-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px}
.um-film-note{font-size:10px;line-height:1.5;opacity:.72;margin:0}
.um-film-navigation{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}
.um-film-navigation button{min-width:44px;min-height:44px;color:inherit;background:transparent;border:1px solid #2d100e44;cursor:pointer;font-size:20px}
.um-film-navigation button:disabled{opacity:.3;cursor:default}
.um-film-error{position:absolute;inset:auto 10px 66px;padding:12px;background:#f8f1e7;color:#2d100e;font-size:12px;line-height:1.4;margin:0}
@media(min-width:750px){.um-home-films{padding:70px 0 38px}.um-film-rail{width:min(1320px,calc(100% - 96px));margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;padding:0}.um-film-card{min-width:0}.um-film-navigation{display:none}.um-film-caption h3{font-size:22px}.um-film-footer{padding-top:24px}}
@media(max-width:749px){.um-film-heading,.um-film-footer{width:calc(100% - 48px)}.um-home-films{padding-top:44px}.um-film-heading{margin-bottom:24px}.um-film-footer{gap:8px}.um-film-note{max-width:150px}}
@media(prefers-reduced-motion:reduce){.um-film-rail{scroll-behavior:auto}}