.district-film{margin-block:24px}.district-film-trigger{text-align:left;color:#fff6e7;cursor:pointer;background:#101728;border:1px solid #ffffff30;align-items:center;gap:18px;width:100%;min-height:270px;padding:28px;display:flex;position:relative;overflow:hidden}.district-film-trigger>img{object-fit:cover;opacity:.37;width:100%;height:100%;position:absolute;inset:0}.district-film-trigger:after{content:"";pointer-events:none;background:linear-gradient(#0000,#101728dd);position:absolute;inset:0}.district-film-play,.district-film-copy,.district-film-arrow{z-index:1;position:relative}.district-film-play{color:#40e2e4;border:1px solid #40e2e4;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.district-film-copy{gap:10px;max-width:450px;display:grid}.district-film-copy small{font:600 9px/1.5 var(--mono);letter-spacing:.08em;color:#65e3e5}.district-film-copy strong{font:800 32px/1 var(--display)}.district-film-copy>span{font:400 12px/1.7 var(--ui);color:#e8e4d9}.district-film-arrow{margin-left:auto;font-size:24px}.district-film-trigger:hover .district-film-play{color:#101728;background:#40e2e4}.district-film-trigger:focus-visible{outline-offset:3px;outline:3px solid #b52a65}.district-film-compact{margin:18px 0}.district-film-compact .district-film-trigger{gap:12px;min-height:0;padding:15px}.district-film-compact .district-film-play{width:34px;height:34px;font-size:20px}.district-film-compact .district-film-copy strong{font:700 13px var(--ui)}.district-film-compact .district-film-copy{gap:5px}.district-film-compact .district-film-copy small{font-size:8px}.district-film-dialog{color:#fff6e7;background:#101728;border:1px solid #ffffff30;width:min(900px,100% - 32px);max-height:90dvh;padding:0;overflow:auto}.district-film-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050b19cc}.district-film-dialog header{font:600 10px var(--mono);justify-content:space-between;align-items:center;gap:15px;padding:15px 22px;display:flex}.district-film-dialog header button{color:#fff6e7;cursor:pointer;background:0 0;border:1px solid #ffffff40;width:36px;height:36px;font-size:24px}.district-film-dialog video{width:100%;display:block}.district-film-placeholder{aspect-ratio:2;place-items:center;min-height:300px;display:grid;position:relative}.district-film-placeholder img{object-fit:cover;opacity:.25;width:100%;height:100%;position:absolute;inset:0}.district-film-placeholder>div{text-align:center;padding:25px;position:relative}.district-film-placeholder .district-film-play{margin:auto}.district-film-placeholder p{font:600 10px var(--mono);margin:20px 0 12px}.district-film-placeholder h2{font:800 clamp(28px,5vw,55px)/1 var(--display);margin:0 0 16px}.district-film-placeholder>div>span:last-child{font:400 13px var(--ui)}.district-film-dialog footer{justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.district-film-dialog footer p{font:400 12px/1.7 var(--ui);max-width:450px;margin:0}.district-film-dialog footer a{color:#40e2e4;font:700 12px/1.7 var(--ui);flex-shrink:0}@media (max-width:600px){.district-film-trigger{gap:12px;padding:20px}.district-film-copy strong{font-size:27px}.district-film-dialog footer{display:block}.district-film-dialog footer a{margin-top:15px;display:inline-block}.district-film-copy>span{font-size:11px}}