#portfolio-landing .portfolio-hero{position:relative;isolation:isolate}
#portfolio-landing .portfolio-hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#0b0c0e}
#portfolio-landing .portfolio-hero-media img,#portfolio-landing .portfolio-hero-media video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}
#portfolio-landing .portfolio-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0c0e 0%,#0b0c0e9e 24%,#0b0c0e70 80%),linear-gradient(90deg,#0b0c0e99,transparent);pointer-events:none}
#portfolio-landing .hero-film-toggle{position:absolute;right:0;top:28px;padding:10px 14px;border:1px solid #ffffff50;background:#090a0c50;color:#eee;font:10px/1.5 Inter,Arial,sans-serif;letter-spacing:1px;min-height:44px;cursor:pointer;z-index:1}
#portfolio-landing .hero-film-toggle:hover{border-color:#ffb340;color:#ffb340}
#portfolio-landing .hero-film-toggle:focus-visible{outline:2px solid #ffb340;outline-offset:4px}
@media(max-width:700px){#portfolio-landing .hero-film-toggle{top:12px;font-size:9px;padding:8px 10px}#portfolio-landing .portfolio-hero-media:after{background:linear-gradient(0deg,#0b0c0e 0%,#0b0c0e8c 45%,#0b0c0eb5 100%)}#portfolio-landing .portfolio-hero-media video{object-position:60% center}}
@media(prefers-reduced-motion:reduce){#portfolio-landing .portfolio-hero-media video{display:none}}

#portfolio-landing .hero-film-toggle{font:10px/1.5 Inter,Arial,sans-serif!important}
@media(max-width:700px){#portfolio-landing .hero-film-toggle{top:auto;bottom:12px;right:0;font-size:9px!important}}