/* Preserve every source frame. Layout makes space; images never fill by cropping. */
.project-grab{inset:3% 0 3% auto;width:78%;height:94%;object-fit:contain;object-position:right center;transform-origin:right center}
.home-film-image{inset:4% 0 4% auto;width:78%;height:92%;object-fit:contain;object-position:right center;transform:translate3d(0,var(--image-y,0px),0);transform-origin:right center}
.home-film-panel:nth-of-type(3) .home-film-image{width:72%}
.home-film-bottom h2{font-size:clamp(49px,8.82vw,147px);line-height:1;max-width:92%}
.home-film-shade{background:linear-gradient(90deg,#050505,#050505e0 15%,#05050580 32%,transparent 62%),linear-gradient(0deg,#0008,transparent 55%)}
.home-film-sequence:after{display:none}
.home-film-sequence>.portfolio-section{position:relative;z-index:4;min-height:100svh;background:#090b0d;isolation:isolate;box-shadow:0 -30px 80px rgba(0,0,0,var(--shadow-opacity,0));border-top:1px solid #ffffff13}
.showcase-extension{position:absolute;inset:0 auto 0 0;width:36%;height:100%;background-size:auto 100%;background-position:left center;background-repeat:no-repeat;filter:brightness(.7);mask-image:linear-gradient(90deg,#000 65%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 65%,transparent);pointer-events:none;z-index:1}
.showcase-extension[hidden]{display:none}
.showcase-images{background:transparent}
@media(max-width:700px){.showcase-extension{display:none}.project-grab{width:97%;right:1.5%}}
@media(max-width:700px){.project-grab{width:100%;inset:0 0 auto;height:57%;object-position:right top}.project-showcase .showcase-projects{top:55%;bottom:0;width:88%;padding:18px 0;justify-content:center}.project-showcase .showcase-stage:after{background:linear-gradient(0deg,#050505 0%,#050505 38%,#05050500 68%)}.home-film-image,.home-film-panel:nth-of-type(3) .home-film-image{inset:10% 0 auto;width:94%;height:56%;transform:none}.home-film-bottom h2{font-size:clamp(30px,9.8vw,69px);max-width:100%}.home-film-bottom{bottom:5svh}.home-film-shade{background:linear-gradient(0deg,#050505 0%,#050505aa 20%,transparent 70%)}.home-film-sequence>.portfolio-section{min-height:100svh}}
@media(max-height:600px) and (min-width:701px){.home-film-bottom h2{font-size:clamp(42px,7vw,91px)}}
