.hackathon-film{--film-radius:16px;--film-accent:var(--accent,#6be7df);--film-button-size:clamp(60px, 9vw, 108px);margin:0;position:relative}.hackathon-film-play,.hackathon-film-video{aspect-ratio:16/9;border-radius:var(--film-radius);background:#02090d;width:100%;display:block}.hackathon-film-play{isolation:isolate;color:#fff;font:inherit;cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.hackathon-film-play img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.15,1),filter .3s;position:absolute;inset:0}.hackathon-film-play:after{content:"";pointer-events:none;background:radial-gradient(circle,#02090d47,#02090d00 22%),linear-gradient(#02090d00 66%,#02090d80);position:absolute;inset:0}.hackathon-film-button{z-index:1;width:var(--film-button-size);height:var(--film-button-size);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02090d61;border:1.5px solid #ffffffc7;border-radius:50%;place-items:center;transition:transform .2s,background-color .2s,border-color .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0006}.hackathon-film-button svg{fill:currentColor;width:34%;height:34%;margin-left:7%}.hackathon-film-duration{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#02090d8c;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:650;line-height:1.4;position:absolute;bottom:clamp(10px,1.8vw,20px);left:clamp(12px,2vw,22px)}.hackathon-film-play:hover img{filter:brightness(1.06);transform:scale(1.015)}.hackathon-film-play:hover .hackathon-film-button,.hackathon-film-play:focus-visible .hackathon-film-button{color:#061319;background:var(--film-accent);border-color:var(--film-accent);transform:translate(-50%,-50%)scale(1.06)}.hackathon-film-play:focus-visible{outline:2px solid var(--film-accent);outline-offset:4px}.hackathon-film-stage{border-radius:var(--film-radius);background:#000;padding-top:56.25%;padding-bottom:72px;position:relative;overflow:hidden}.hackathon-film-video{aspect-ratio:auto;object-fit:contain;object-position:center top;background:#000;height:100%;position:absolute;inset:0}.hackathon-film-video:fullscreen{box-sizing:border-box;object-position:center;padding-bottom:72px}.hackathon-film>img{aspect-ratio:16/9;border-radius:var(--film-radius);width:100%;height:auto;display:block}.demo-media{--demo-ratio:16 / 9;--demo-radius:12px;aspect-ratio:var(--demo-ratio);border-radius:var(--demo-radius);background:#02090d;position:relative;overflow:hidden}.demo-media video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hackathon-film-play img,.hackathon-film-button{transition:none}.hackathon-film-play:hover img{transform:none}.hackathon-film-play:hover .hackathon-film-button,.hackathon-film-play:focus-visible .hackathon-film-button{transform:translate(-50%,-50%)}}