/* SUCO V7 — continuous semantic world */
#film-canvas,.original-stage{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.media-notice{display:none!important}
.v7-stage{position:absolute;inset:0;z-index:0;overflow:hidden;background:#000;perspective:1450px;transform-style:preserve-3d}
.v7-media-layer{position:absolute;inset:-2%;transform-style:preserve-3d;will-change:transform,opacity,filter;backface-visibility:hidden}
.v7-poster,.v7-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:transform,opacity,filter,object-position;backface-visibility:hidden}
.v7-video{background:#000}
.v7-fx{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.v7-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 45%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.62) 100%)}
.cinema-shade{z-index:6!important;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 26%,transparent 58%,rgba(0,0,0,.48) 100%)!important}
.film-topline,.film-caption,.film-bottom,.chapters,.film-progress,.scroll-hint{z-index:8!important}
.film-caption{max-width:760px!important;left:clamp(24px,7vw,108px)!important;bottom:clamp(124px,17vh,184px)!important}
.film-caption h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(52px,7.4vw,116px)!important;line-height:.83!important;letter-spacing:-.075em!important;font-weight:900!important;text-transform:uppercase!important;margin:13px 0 13px!important;text-wrap:balance}
.film-caption .eyebrow{font:10px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.21em!important}
.film-instruction{font-size:clamp(14px,1.25vw,20px)!important;line-height:1.25!important;max-width:540px!important;opacity:.78!important}
.film-caption.v7-enter .eyebrow{animation:v7Ey .55s cubic-bezier(.2,.72,.2,1) both}
.film-caption.v7-enter h1{animation:v7Title .82s cubic-bezier(.16,.78,.17,1) .04s both}
.film-caption.v7-enter .original-link,.film-caption.v7-enter .film-instruction{animation:v7Meta .58s cubic-bezier(.2,.72,.2,1) .18s both}
@keyframes v7Ey{from{opacity:0;transform:translateY(14px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes v7Title{from{opacity:.01;transform:translate3d(0,46px,0) rotateX(-7deg);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes v7Meta{from{opacity:0;transform:translateY(18px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(max-width:700px){
  .film-caption{left:22px!important;right:22px!important;bottom:150px!important;max-width:none!important}
  .film-caption h1{font-size:clamp(40px,12vw,67px)!important}
  .film-instruction{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.v7-stage{display:none}.film-caption.v7-enter *{animation:none!important}}

/* 2026-09-29 — GSAP/ScrollTrigger spatial polish */
.v7-stage,
.film-topline,
.film-bottom,
.chapters,
.collection-shortcut{
  will-change:transform,opacity;
}
.archive-title-row{
  perspective:1200px;
}
.archive-title-row .reveal-line{
  display:block;
  transform-origin:50% 100%;
}
.work-card{
  transform-style:preserve-3d;
  backface-visibility:hidden;
}