.intro-block{--this-intro-block-available-height: calc(100svh - var(--comp-navigation-height));display:contents}.intro-block:has(.intro-block__animated-header){@media screen and (max-width: 767px){.intro-block__sticky-section{transform:scale(1)!important}}@media screen and (min-width: 768px){--this-intro-block-animated-max-width: min(52rem, 80vw);.intro-block__sticky-section{transform-origin:top}.intro-block__media{margin-inline:auto;transform:translateY(-20%)}.intro-block__title{opacity:0}}}.intro-block__animated-header{height:var(--this-intro-block-available-height);max-width:var(--this-intro-block-animated-max-width);margin-bottom:-10vh;position:sticky;top:var(--comp-navigation-height);z-index:0;:only-child{grid-column:1 / -1}}.intro-block__sticky-offset{position:absolute;inset:0;visibility:hidden;scroll-snap-align:start;scroll-snap-stop:always}.intro-block__sticky-section{display:flex;flex-direction:column;justify-content:space-between;height:calc(var(--this-intro-block-available-height) - var(--mobile-heading-offset-height, 0px));overflow:clip;inset-block-start:var(--comp-navigation-height);inset-inline:0;scroll-snap-align:start;scroll-snap-stop:always;@media screen and (min-width: 768px){height:var(--comp-page-available-height)}.family-page &{position:sticky}.video-hidden &{opacity:0;visibility:hidden}}.intro-block__media{position:absolute;inset:0}.intro-block__title{width:fit-content;margin-block-start:var(--sys-spacing-4);position:relative;z-index:1;transition:opacity var(--sys-motion-duration-medium-1);.has-scrolled &{opacity:0}}.intro-block__infos{--this-box-spacing-left: 0;--this-box-spacing-right: 0;position:relative;z-index:0;background-color:var(--sys-color-background);transform:translateZ(1px);scroll-snap-align:end;scroll-snap-stop:always;@media screen and (min-width: 768px){padding-bottom:var(--sys-spacing-30);margin-bottom:calc(var(--sys-spacing-30) * -1)}&:after{content:"";height:100vh;z-index:-1;position:absolute;inset-inline:0;top:0;background-color:var(--sys-color-background)}}.intro-block__infos-grid{padding-bottom:var(--sys-spacing-6);@media screen and (min-width: 768px){row-gap:0}}.intro-block__mobile-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;gap:var(--sys-spacing-4);padding-block:var(--sys-spacing-5);border-block-end:1px solid var(--sys-color-outline);@media screen and (min-width: 768px){padding-block-start:0}}.intro-block__skip-button{transition:opacity var(--sys-motion-duration-medium-1) var(--sys-motion-easing-standard),visibility var(--sys-motion-duration-medium-1);transition-delay:0,var(--sys-motion-duration-medium-1);@media screen and (min-width: 768px){position:absolute;inset-block-end:calc(100% + var(--sys-spacing-4));inset-inline-end:var(--sys-spacing-4);z-index:-1}.has-scrolled &{opacity:0;visibility:hidden}}.intro-block__infos-text-card{grid-column:1 / -1;position:initial;@media screen and (max-width: 767px){padding-block-start:var(--sys-spacing-4)}@media screen and (min-width: 768px){grid-column:1 / 4;margin-top:var(--sys-spacing-3)}.text-card__heading{@media screen and (max-width: 767px){padding-bottom:var(--sys-spacing-6)}}}.intro-block__infos-specs{grid-column:-5 / -1}.intro-block__infos-cta{margin-block-start:var(--sys-spacing-4)}
