.project-media{position:relative}.project-media:after{content:"PLAY ↗";position:absolute;right:16px;bottom:16px;background:#f2f0eb;color:#070707;border-radius:100px;padding:8px 13px;font-size:.68rem;font-weight:700;letter-spacing:.12em}.project:hover .project-media:after{background:var(--accent)}.project.featured{grid-column:span 2}.project.featured .project-media{aspect-ratio:21/9}.project-index{color:var(--accent)!important;font-size:.72rem!important;letter-spacing:.16em!important;margin-right:10px}.work-note{margin-top:54px;color:var(--muted);font-size:.85rem}@media(max-width:760px){.project.featured{grid-column:span 1}.project.featured .project-media{aspect-ratio:16/10}}
.film-is-open{overflow:hidden}.film-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,56px);background:rgba(0,0,0,.92);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.film-modal.is-open{opacity:1;visibility:visible}.film-modal__frame{position:relative;width:min(1200px,100%)}.film-modal__video{width:100%;aspect-ratio:16/9;background:#000;box-shadow:0 28px 90px rgba(0,0,0,.5)}.film-modal__video iframe{display:block;width:100%;height:100%;border:0}.film-modal__close{position:absolute;right:0;bottom:calc(100% + 14px);border:0;background:transparent;color:#fff;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:8px 0}.film-modal__close span{color:var(--accent);font-size:1.3rem;vertical-align:-.08em;margin-left:5px}.film-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:600px){.film-modal{padding:58px 12px 16px}.film-modal__close{bottom:calc(100% + 10px)}}