:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#081225;color:#fff;-webkit-font-smoothing:antialiased}.film-hero{position:relative;width:100%;height:100svh;min-height:480px;isolation:isolate;overflow:hidden}.film-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(3,13,25,.67),rgba(3,13,25,.20) 32%,rgba(3,13,25,.04) 65%),linear-gradient(90deg,rgba(3,13,25,.16),transparent 72%)}

.film-hero .cd-motion-logo{position:absolute;z-index:2;left:7%;top:8%;display:block;width:clamp(90px,8vw,122px);height:auto;max-width:none;margin:0;padding:0;filter:brightness(0) invert(1);opacity:.88;animation:cd-brand-arrive .75s ease-out .12s both;pointer-events:none}
.film-hero h1.cd-motion-copy{position:absolute;z-index:2;left:7%;right:7%;top:auto;bottom:12%;transform:none;margin:0;padding:0;max-width:none;color:#fff;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;font-size:clamp(18px,1.8vw,27px);font-weight:500;line-height:1.85;letter-spacing:.10em;text-align:left;text-shadow:0 2px 14px #030d1770;pointer-events:none}
.film-hero h1.cd-motion-copy .cd-copy-line{display:block;position:static;font:inherit;color:inherit;white-space:normal}
.film-hero h1.cd-motion-copy .cd-copy-line:last-child{font-size:clamp(22px,2.25vw,34px);letter-spacing:.09em}
.film-hero h1.cd-motion-copy .cd-copy-char{display:inline-block;position:relative;font:inherit;color:inherit;padding:0;margin:0;animation:cd-letter-arrive .32s cubic-bezier(.16,1,.3,1) var(--cd-delay) both}
@keyframes cd-letter-arrive{from{opacity:0;transform:translate3d(0,.32em,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes cd-brand-arrive{from{opacity:0}to{opacity:.88}}
@media(max-width:680px){.film-hero .cd-motion-logo{left:8%;top:7%;width:90px}.film-hero h1.cd-motion-copy{left:8%;right:7%;bottom:15%;top:auto;transform:none;font-size:clamp(17px,4.5vw,23px);line-height:1.9;letter-spacing:.08em}.film-hero h1.cd-motion-copy .cd-copy-line:last-child{font-size:clamp(21px,5.65vw,28px);letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.film-hero .cd-motion-logo,.film-hero h1.cd-motion-copy .cd-copy-char{animation:none;transform:none}}

/* v10: subdued footage and larger editorial type, based on the reference hero. */
.film-hero video{filter:saturate(.76) contrast(.96)}
.film-hero .film-shade{background:linear-gradient(rgba(5,10,17,.48),rgba(5,10,17,.48)),linear-gradient(0deg,rgba(3,10,19,.17),transparent 65%)}
.film-hero h1.cd-motion-copy{font-size:clamp(28px,3.55vw,50px);font-weight:500;line-height:1.65;letter-spacing:.055em;bottom:13%;text-shadow:0 2px 18px #00000029}
.film-hero h1.cd-motion-copy .cd-copy-line:last-child{font-size:clamp(34px,4.45vw,64px);letter-spacing:.055em}
@media(max-width:680px){.film-hero h1.cd-motion-copy{font-size:clamp(21px,5.6vw,32px);line-height:1.8;letter-spacing:.035em;bottom:15%}.film-hero h1.cd-motion-copy .cd-copy-line:last-child{font-size:clamp(25px,6.8vw,38px);letter-spacing:.025em}}