.portfolio-page-grid article[hidden]{display:none}
.portfolio-page-grid video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;border:0;background:#050608}
.portfolio-film-info{padding:24px}
.portfolio-film-info h2{font:500 clamp(22px,3vw,30px)/1.2 Manrope,sans-serif;letter-spacing:-.5px;margin:12px 0 20px;color:#f3f5fa}
.portfolio-page-grid .portfolio-film-info a{display:inline-block;min-height:0;padding:0;border:0;border-radius:0;background:none;transform:none;font-size:13px;color:#b4c6ee}
.film-play{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;aspect-ratio:16/10;background:#101c30;color:#dce5ff;border:0;font-size:28px;cursor:pointer}.film-play span{font-size:16px}.portfolio-page-grid video[hidden],.film-play[hidden]{display:none}
.film-play{position:relative;overflow:hidden;padding:0;isolation:isolate}
.film-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;z-index:-2}
.film-play:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#020711aa);z-index:-1}
.film-play:hover img{transform:scale(1.035)}
.film-play .play-label{align-self:flex-end;margin:0 0 24px;padding:12px 20px;border:1px solid #ffffff70;border-radius:30px;background:#090e1cbb;color:white;backdrop-filter:blur(10px)}
.film-play:focus-visible{outline:3px solid #a9baff;outline-offset:-4px}
.portfolio-film-info>p{font-size:16px;line-height:1.75;color:#b8c5d9;margin:0 0 22px}
.film-direction{border-top:1px solid #ffffff20;padding:18px 0;margin-bottom:14px}
.film-direction summary{cursor:pointer;font-size:14px;color:#e4eaff;list-style:none;display:flex;justify-content:space-between}
.film-direction summary:after{content:"+"}.film-direction[open] summary:after{content:"−"}
.film-direction p{font-size:14px;line-height:1.8;color:#b8c5d9;margin:16px 0 0}
.film-direction b{display:block;color:#e4eaff;font-weight:500}
@media(prefers-reduced-motion:reduce){.film-play img{transition:none}}
.portfolio-page-grid .film-play{aspect-ratio:4/5;max-height:560px;background:#070b13}.film-play img{object-fit:contain}.portfolio-page-grid video{aspect-ratio:4/5;max-height:560px}.portfolio-page-grid{align-items:start}.portfolio-film-info{padding:28px}.portfolio-page-grid article{border-radius:18px}.portfolio-film-info h2{margin-bottom:14px}
.portfolio-page-grid article{overflow:hidden;border:1px solid #ffffff25;border-radius:20px;background:#101622}