/* Phone headers keep the photograph behind the transparent menu. */
@media (max-width:700px) {
 body:not(.index) main section.hero.page-hero,
 body:not(.index) main section.hero.page-hero.fullscreen-hero-v38 {
  --mobile-photo-x:50%;--mobile-photo-y:30%;
  display:block!important;position:relative!important;
  height:calc(100svh - 20px)!important;min-height:0!important;max-height:none!important;
  padding:0!important;overflow:hidden!important;background:#1d1d1d!important;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
 }
 body:not(.index) main section.hero.page-hero>img,
 body:not(.index) main section.hero.page-hero.fullscreen-hero-v38>.hero-photo-v38>img {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  object-fit:cover!important;object-position:var(--mobile-photo-x) var(--mobile-photo-y)!important;
  transform:none!important;filter:none!important;opacity:1!important;
 }
 body:not(.index) main section.hero.page-hero.fullscreen-hero-v38>.hero-photo-v38 {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;min-height:0!important;
 }
 body.spectacles main section.hero.page-hero {--mobile-photo-x:69%}
 body.contact main section.hero.page-hero {--mobile-photo-x:70%}
 body.medias main section.hero.page-hero {--mobile-photo-x:36%}
 body.chevaux main section.hero.page-hero {--mobile-photo-x:61%;--mobile-photo-y:0%}
 body.discographie-page main section.hero.page-hero {--mobile-photo-x:52%;--mobile-photo-y:0%}
 body:not(.index) main section.hero.page-hero::after {
  content:''!important;position:absolute!important;inset:0!important;
  background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.34) 32%,transparent 62%)!important;
  pointer-events:none!important;z-index:1!important;
 }
 body:not(.index) main section.hero.page-hero>.hero-copy,
 body:not(.index) main section.hero.page-hero.fullscreen-hero-v38>.hero-copy {
  display:block!important;position:absolute!important;
  inset:auto 22px 106px!important;width:auto!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;transform:none!important;
  background:none!important;text-align:left!important;z-index:3!important;
  text-shadow:0 2px 12px #0008!important;
 }
 body:not(.index) main section.hero.page-hero>.hero-copy h1,
 body:not(.index) main section.hero.page-hero.fullscreen-hero-v38>.hero-copy h1 {
  font-size:clamp(30px,8.4vw,40px)!important;line-height:1.12!important;margin:0!important;
 }
 body:not(.index) main section.hero.page-hero>.hero-copy .eyebrow {
  margin:0 0 9px!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.17em!important;
 }
 body:not(.index) main section.hero.page-hero>.hero-copy .intro,
 body:not(.index) main section.hero.page-hero.fullscreen-hero-v38>.hero-copy .intro,
 body:not(.index) main section.hero.page-hero>.hero-copy .show-hero-signature {
  font-size:clamp(18px,5vw,22px)!important;line-height:1.4!important;
  margin:10px 0 0!important;max-width:32ch!important;text-align:left!important;
 }
 body:not(.index) main section.hero.page-hero>.credit,
 body:not(.index) main section.hero.page-hero>.hero-credit {
  position:absolute!important;inset:auto 8px 8px auto!important;z-index:4!important;
  width:auto!important;max-width:calc(100% - 16px)!important;margin:0!important;
  padding:4px 6px!important;background:#1119!important;color:#fff!important;
  font-size:8px!important;line-height:1.4!important;transform:none!important;
 }
 body:not(.index) main section.hero.page-hero>.cinematic-discover {
  position:absolute!important;inset:auto auto 30px 50%!important;transform:translateX(-50%)!important;
  margin:0!important;padding:0!important;font-size:9px!important;line-height:1.4!important;z-index:4!important;
 }
}