/* The film is composed with white space at left and the hand at right. */
.film-hero.product-hero { display:block; padding-top:0; background:#fff; }
.hero-stage { position:relative; isolation:isolate; min-height:clamp(570px,46vw,760px); display:flex; align-items:center; }
.film-hero .hero-copy { width:43%; padding:48px 0 64px; pointer-events:none; }
.film-hero .hero-copy a { pointer-events:auto; }
.film-hero .hero-copy h1 { font-size:clamp(64px,6.1vw,94px); }
.film-hero .hero-description { max-width:35ch; }
.hero-film { position:absolute; inset:0; margin:0; z-index:-1; background:#fff; border:0; box-shadow:none; }
.hero-film video { display:block; width:100%; height:100%; margin-left:0; object-fit:contain; object-position:right top; background:#fff; border:0; outline:0; box-shadow:none; -webkit-mask-image:linear-gradient(to left,transparent,#000 14px); mask-image:linear-gradient(to left,transparent,#000 14px); }
.hero-film-caption { position:absolute; right:0; bottom:20px; display:flex; align-items:center; gap:24px; width:47%; }
.hero-film figcaption { display:flex; flex-direction:column; gap:6px; font-size:10px; color:#737373; line-height:1.4; }
.hero-film figcaption b { font-weight:500; font-size:13px; color:#111; }
.film-hero .hero-directory { margin-top:0; }
html[lang=en] .film-hero .hero-copy h1 { font-size:clamp(57px,5.1vw,78px); }
@media(min-width:1700px){ .film-hero .hero-copy { padding-bottom:82px; } }
@media(max-width:1199px){ .hero-stage { min-height:535px; }.film-hero .hero-copy { width:44%; }.film-hero .hero-copy h1 { font-size:clamp(55px,6.3vw,75px); }.film-hero .hero-description { font-size:13px; }.hero-film-caption { bottom:21px; width:47%; } }
@media(max-width:959px){ .hero-stage { min-height:470px; }.film-hero .hero-copy h1 { font-size:55px; }.film-hero .hero-copy .overline { font-size:8px; }.film-hero .hero-description { font-size:12px; }.hero-film-caption { gap:12px; }.hero-film figcaption { font-size:8px; }.hero-film figcaption b { font-size:11px; }html[lang=en] .film-hero .hero-copy h1 { font-size:49px; } }
@media(max-width:699px){
  .film-hero.product-hero { padding-top:29px; }
  .hero-stage { min-height:0; display:flex; flex-direction:column; align-items:stretch; }
  .film-hero .hero-copy { order:0; width:100%; padding:0; }
  .film-hero .hero-copy h1 { font-size:clamp(61px,15.4vw,82px); }
  .film-hero .hero-copy .overline { font-size:9px; margin-bottom:18px; }
  .film-hero .hero-description { font-size:14px; max-width:42ch; margin:21px 0 22px; }
  .hero-film { order:1; position:relative; inset:auto; z-index:0; height:auto; margin-top:27px; overflow:hidden; }
  .hero-film video { width:100%; height:auto; margin-left:0; aspect-ratio:1.04; object-fit:cover; object-position:100% center; -webkit-mask-image:linear-gradient(to left,transparent,#000 8px),linear-gradient(to bottom,transparent,#000 18px); -webkit-mask-composite:source-in; mask-image:linear-gradient(to left,transparent,#000 8px),linear-gradient(to bottom,transparent,#000 18px); mask-composite:intersect; }
  .hero-film-caption { position:static; width:100%; padding:15px 0 21px; gap:20px; }
  .hero-film figcaption { font-size:9px; }.hero-film figcaption b { font-size:12px; }
  html[lang=en] .film-hero .hero-copy h1 { font-size:clamp(51px,12.3vw,68px); }
}
@media(max-width:379px){ .film-hero .hero-copy h1 { font-size:55px; }.film-hero .hero-description { font-size:13px; }html[lang=en] .film-hero .hero-copy h1 { font-size:47px; } }