/* Small stills, short motion, a quiet left side for featured titles. */
.project-grab{inset:0 0 0 auto;width:84%;object-fit:cover;object-position:right center;transform-origin:right center;transition:opacity .95s ease;animation:grab-drift-subtle 5s ease-out both}
@keyframes grab-drift-subtle{from{transform:scale(1)}to{transform:scale(1.015)}}
.home-film-image{left:auto;right:0;width:86%;object-position:var(--film-focal,right center);transform-origin:right center}
.home-film-shade{background:linear-gradient(90deg,#061326 0%,#061326c9 20%,#06132665 43%,#06132612 72%),linear-gradient(0deg,#04101bc0,transparent 62%)}
.home-film-bottom h2{max-width:70%;font-size:clamp(38px,6.3vw,105px);line-height:1.02}
@media(max-width:700px){.home-film-image{width:100%}.home-film-bottom h2{max-width:95%;font-size:clamp(34px,8.7vw,62px)}.home-film-shade{background:linear-gradient(90deg,#061326bb,#06132622 90%),linear-gradient(0deg,#04101bd9,transparent 75%)}}
@media(prefers-reduced-motion:reduce){.project-grab{animation:none;transition:none}}
/* Neutral black surrounds preserve the colour grade of every film. */
body{background:#080808;background-image:radial-gradient(ellipse at 85% 0%,#202020,transparent 65%)}
body.portfolio-view{background:#080808;background-image:linear-gradient(125deg,#080808,#171717);background-attachment:fixed}
footer{background:#0b0b0b}
.portfolio-view .top-frost,.top-frost{background:linear-gradient(180deg,#000d,#0008 45%,transparent)}
.home-film-sequence,.home-film-panel,.project-showcase,.showcase-images{background:#050505}
.home-film-end{background:#080808}
.home-film-shade{background:linear-gradient(90deg,#050505,#050505cc 18%,#05050555 43%,transparent 76%),linear-gradient(0deg,#000b,transparent 65%)}
.project-showcase .showcase-stage:after{background:linear-gradient(90deg,#050505,#050505dc 18%,#05050560 40%,transparent 72%),linear-gradient(0deg,#0006,transparent 45%)}
.home-film-image{width:100%;object-fit:cover;transform:translate3d(0,var(--image-y,0px),0) scale(1.025)}
.home-film-bottom h2{max-width:100%;font-size:clamp(70px,12.6vw,210px);line-height:.94;letter-spacing:-.055em}
.portfolio-view .catalog.showcase-catalog .role-tabs{background:linear-gradient(135deg,#fff1,#fff05);border-color:#ffffff26}
.portfolio-view .catalog.showcase-catalog .role-tabs a{color:#bcbcbc!important}
.portfolio-view .catalog.showcase-catalog .role-tabs a[aria-current=page]{background:#ffffff1c!important;border-color:#ffffff4d}
@media(max-width:700px){.project-grab{width:88%}.home-film-image{width:100%;transform:translate3d(0,var(--image-y,0px),0) scale(1.025)}.home-film-bottom h2{max-width:100%;font-size:clamp(45px,16vw,110px);overflow-wrap:normal}.home-film-shade{background:linear-gradient(90deg,#000b,transparent 95%),linear-gradient(0deg,#000d,transparent 80%)}}
@media(max-width:700px){.home-film-bottom h2{font-size:clamp(42px,14vw,98px)}}
@media(max-height:600px) and (min-width:701px){.home-film-bottom h2{font-size:clamp(60px,10vw,130px)}}
@media(prefers-reduced-motion:reduce){.home-film-image{transform:none}}
