.reel{align-content:start;gap:12px;display:grid}.reel-frame{aspect-ratio:16/9;background:var(--screen);border:1px solid var(--line);position:relative;overflow:hidden}.reel-play{cursor:pointer;width:100%;padding:0;display:block;position:absolute;inset:0}.reel-player{border:0;width:100%;height:100%;position:absolute;inset:0}.reel-img{object-fit:cover;filter:saturate(.9)brightness(.82);width:100%;height:100%;transition:transform .9s var(--ease-out), filter .6s var(--ease-out);transform:scale(1.02)}.reel-play:hover .reel-img,.reel-play:focus-visible .reel-img{filter:saturate(1.05)brightness(.95);transform:scale(1.06)}.reel-play-mark{border:2px solid var(--white);background:color-mix(in srgb, var(--abyss) 45%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:64px;height:64px;transition:background .4s var(--ease-out), border-color .4s var(--ease-out), scale .4s var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.reel-play-mark:after{content:"";border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--white);transition:border-left-color .4s var(--ease-out);position:absolute;top:50%;left:54%;translate:-50% -50%}.reel-play:hover .reel-play-mark,.reel-play:focus-visible .reel-play-mark{background:var(--yellow);border-color:var(--yellow);scale:1.08}.reel-play:hover .reel-play-mark:after,.reel-play:focus-visible .reel-play-mark:after{border-left-color:var(--abyss)}.reel-title{font-size:clamp(20px,2vw,28px)}.reel-blurb{color:var(--mist);font-size:15px}.post{--hero-max:1000px}.post .page-title{font-size:clamp(38px,5.4vw,84px)}.post-hero{max-width:var(--hero-max);margin-bottom:clamp(40px,6vw,72px)}.post-hero img{background:var(--screen);border:1px solid var(--line);width:100%;height:auto}.post-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(64px,9vw,120px);padding-top:32px;display:grid}@media (width<=640px){.post-nav{grid-template-columns:1fr}}.post-nav-link{align-content:start;gap:10px;display:grid}.post-nav-link--end{text-align:right}@media (width<=640px){.post-nav-link--end{text-align:left}}.post-nav-title{transition:color .35s var(--ease-out);font-size:clamp(20px,2vw,28px)}.post-nav-link:hover .post-nav-title,.post-nav-link:focus-visible .post-nav-title{color:var(--yellow)}.project .page-title{font-size:clamp(38px,5.6vw,88px)}.project-frame{aspect-ratio:16/9;background:var(--screen);border:1px solid var(--line);max-width:1000px;margin-bottom:clamp(40px,6vw,72px);position:relative;overflow:hidden}.project-play{cursor:pointer;width:100%;padding:0;position:absolute;inset:0}.project-player{border:0;width:100%;height:100%;position:absolute;inset:0}.project-img{object-fit:cover;filter:saturate(.92)brightness(.86);width:100%;height:100%;transition:transform .9s var(--ease-out), filter .6s var(--ease-out)}.project-play:hover .project-img,.project-play:focus-visible .project-img{filter:saturate(1.02)brightness();transform:scale(1.04)}.project-credits{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;max-width:900px;margin-top:clamp(48px,6vw,80px);display:grid}.project-credit{border-bottom:1px solid var(--line);gap:6px;padding:20px 0;display:grid}.project-credit dd{color:var(--white);margin:0}.project-gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:clamp(48px,6vw,80px);display:grid}@media (width<=640px){.project-gallery{grid-template-columns:repeat(2,1fr);gap:10px}}.project-shot{background:var(--screen);border:1px solid var(--line);aspect-ratio:4/3;display:block;overflow:hidden}.project-shot img{object-fit:cover;filter:saturate(.92);width:100%;height:100%;transition:transform .8s var(--ease-out), filter .5s var(--ease-out)}.project-shot:hover img,.project-shot:focus-visible img{filter:saturate(1.05);transform:scale(1.06)}