.pose.chalet.en-film { height: 2400vh; }
.pose.chalet .scene picture { display: contents; }
.premier-img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;
pointer-events: none; transition: opacity 0s; }
.pose.chalet.premier-pose .premier-img { inset: auto; object-fit: fill; max-width: none; max-height: none; }
.pose.chalet.en-film:not(.au-repos) .premier-img { visibility: hidden; }
.pose.chalet.en-fixe .premier-img { visibility: hidden; }
.pose .lac-film { pointer-events: none; }
.pose.chalet .scene::before { content: ""; position: absolute; z-index: 2; inset: 0 0 auto; height: calc(var(--haut-fixe) + 72px + 110px);
pointer-events: none; background: linear-gradient(to bottom, rgba(14, 16, 18, .62) 0%, rgba(14, 16, 18, .5) calc(100% - 110px), rgba(14, 16, 18, 0) 100%);
opacity: 1; transition: opacity .35s; }
.pose.chalet.en-film:not(.au-repos) .scene::before { opacity: 0; }
.pose.chalet .scene::before { display: none !important; }
.pose.chalet .scene::after { display: none; }
.premier-texte { position: absolute; z-index: 3; left: var(--marge); top: calc(var(--haut-fixe) + 72px + 8vh); max-width: 680px;
transition: opacity .35s, visibility 0s; }
.pose.chalet.en-film:not(.au-repos) .premier-texte { opacity: 0; visibility: hidden; transition: opacity .35s, visibility 0s .35s; }
.pose.chalet.en-film:not(.au-repos) .premier-texte:not(.fin-texte) { visibility: visible; transition: opacity .35s; }
.premier-texte::before { content: ""; position: absolute; z-index: -1; inset: -200px -220px -200px -320px; pointer-events: none;
background: radial-gradient(closest-side, rgba(14, 16, 18, .72) 0%, rgba(14, 16, 18, .72) 70%, rgba(14, 16, 18, .56) 77.5%,
rgba(14, 16, 18, .3) 85.75%, rgba(14, 16, 18, .1) 93.25%, rgba(14, 16, 18, 0) 100%); }
.pose.chalet .premier-texte :is(h1, .fin-titre) { margin: 0 0 28px; font-size: clamp(42px, 5vw, 80px); color: #FFFFFF; max-width: none; }
.pose.chalet.au-repos .bas-pose { opacity: 0; visibility: hidden; }
.pose.chalet .bas-pose { transition: opacity .3s, visibility 0s; }
:root body:has(#pose.chalet) .entete:not(.plein), :root body:has(#pose.chalet):not(:has(.entete.plein)) .bande-info {
background: transparent; border-color: transparent; box-shadow: none; }
:root body:has(#pose.chalet):not(:has(.entete.plein)) .bande-info { border-bottom-color: rgba(255, 255, 255, .14); }
@media (max-width: 1023px) {
.pose.chalet.en-film { height: 1800vh; }
.pose.chalet .scene::after { content: ""; display: block; position: absolute; z-index: 2; inset: auto 0 0; height: 64%; pointer-events: none;
background: linear-gradient(to top, rgba(14, 16, 18, .84) 0%, rgba(14, 16, 18, .74) 50%, rgba(14, 16, 18, 0) 100%); transition: opacity .35s; }
.pose.chalet.en-film:not(.au-repos) .scene::after { opacity: 0; }
.pose.chalet.en-bande .scene::after { top: auto; height: 64%; background: linear-gradient(to top, rgba(14, 16, 18, .84) 0%, rgba(14, 16, 18, .74) 50%, rgba(14, 16, 18, 0) 100%); }
.pose.chalet .scene::before { height: calc(var(--haut-fixe) + var(--entete) + 80px);
background: linear-gradient(to bottom, rgba(14, 16, 18, .74) 0%, rgba(14, 16, 18, .66) calc(100% - 80px), rgba(14, 16, 18, 0) 100%); }
.premier-texte { top: auto; bottom: calc(var(--barre-bas, 0px) + 28px); right: var(--marge); max-width: none; }
.premier-texte::before { content: none; }
.pose.chalet .premier-texte :is(h1, .fin-titre) { font-size: clamp(36px, 10vw, 56px); margin-bottom: 26px; }
.premier-texte .bouton { min-height: 48px; }
}
@media (max-width: 699px) {
.pose.chalet.en-bande .scene::after { display: none; }
.pose.chalet.en-bande .premier-texte { top: calc(var(--bande-bas, 50vh) + 44px); bottom: auto; }
.pose.chalet.en-bande .bas-pose { top: calc(var(--bande-bas, 50vh) + 10px); }
.pose.chalet.en-bande .mention-runway { top: calc(var(--bande-bas, 50vh) + 10px); right: var(--marge); }
}
@media (max-width: 699px) and (max-height: 720px) {
.pose.chalet.en-bande .premier-texte :is(h1, .fin-titre) { font-size: 34px; margin-bottom: 18px; }
.pose.chalet.en-bande .premier-texte { top: auto; bottom: calc(var(--barre-bas, 0px) + 16px); }
.pose.chalet.en-bande.fin-visible .bas-pose { opacity: 0; visibility: hidden; }
}
.pose.chalet .fin-texte { opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility 0s .7s; }
.pose.chalet.en-film.fin-visible .fin-texte { opacity: 1; visibility: visible; transition: opacity .7s ease, visibility 0s; }
@media (max-width: 1023px) {
.pose.chalet.en-film.fin-visible .scene::after { opacity: 1; }
}
@media (max-width: 699px) {
.pose.chalet.en-debout .premier-texte { top: auto; bottom: calc(var(--barre-bas, 0px) + 28px); }
.pose.chalet.en-debout .bas-pose { top: calc(var(--haut-fixe) + var(--entete) + 10px); bottom: auto; }
.pose.chalet.en-debout .mention-runway { top: calc(var(--haut-fixe) + var(--entete) + 10px); bottom: auto; right: var(--marge); }
.pose.chalet.en-debout .scene::after { display: block; top: auto; height: 64%;
background: linear-gradient(to top, rgba(14, 16, 18, .84) 0%, rgba(14, 16, 18, .74) 50%, rgba(14, 16, 18, 0) 100%); }
}
@media (max-width: 1023px) and (max-height: 520px) {
.pose.chalet .premier-texte :is(h1, .fin-titre) { font-size: 26px; line-height: 1.05; margin-bottom: 12px; white-space: nowrap; max-width: none; }
.pose.chalet .premier-texte :is(h1, .fin-titre) br { display: none; }
.pose.chalet .premier-texte { right: auto; top: auto; bottom: calc(var(--barre-bas, 0px) + 16px); }
.pose.chalet .premier-texte .bouton { min-height: 44px; }
.pose.chalet .scene::after { top: auto; height: calc(var(--barre-bas, 0px) + 150px + 30%); -webkit-mask-image: none; mask-image: none;
background: linear-gradient(to top, rgba(14, 16, 18, .92) 0, rgba(14, 16, 18, .88) calc(var(--barre-bas, 0px) + 150px), rgba(14, 16, 18, 0) 100%); }
.pose.chalet.fin-visible .bas-pose { opacity: 0; visibility: hidden; }
}
@media (max-width: 699px) and (max-height: 520px) {
.pose.chalet .premier-texte :is(h1, .fin-titre) { font-size: 24px; }
}
@media (max-width: 1023px) and (max-height: 520px) {
.pose.chalet .bas-pose { left: auto; right: calc(var(--marge) + 104px); top: calc(var(--haut-fixe) + var(--entete) + 10px); bottom: auto; }
}
@media (min-width: 1024px) {
.pose.chalet .premier-texte::before { content: none; }
.pose.chalet .scene::after { content: ""; display: block; position: absolute; inset: 0; z-index: 2; height: auto; width: auto; pointer-events: none;
--plein: calc(var(--marge) + 6.4 * clamp(42px, 5vw, 80px) + 40px);
background: linear-gradient(to right, rgba(14, 16, 18, .72) 0, rgba(14, 16, 18, .72) var(--plein),
rgba(14, 16, 18, .56) calc(var(--plein) + 6.75vw), rgba(14, 16, 18, .3) calc(var(--plein) + 13.5vw),
rgba(14, 16, 18, .1) calc(var(--plein) + 20.25vw), rgba(14, 16, 18, 0) calc(var(--plein) + 27vw));
-webkit-mask-image: linear-gradient(to bottom, #000 0, #000 55%, rgba(0, 0, 0, .35) 100%);
mask-image: linear-gradient(to bottom, #000 0, #000 55%, rgba(0, 0, 0, .35) 100%);
opacity: 1; transition: opacity .7s ease; }
.pose.chalet.en-film:not(.au-repos) .scene::after { opacity: 0; }
.pose.chalet.en-film.fin-visible .scene::after { opacity: 1; }
.pose.chalet.en-fixe .scene::after { display: block; }
}
.pose.chalet.regard #chalet, .pose.chalet.regard .lac-film { transform-origin: 50% 50%; will-change: transform; backface-visibility: hidden; }
.pose.chalet.regard .premier-img { will-change: transform; backface-visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .pose.chalet #chalet, .pose.chalet .lac-film, .pose.chalet .premier-img { transform: none !important; } }
.pose.chalet .scene::after, .premier-texte::before { content: none !important; display: none !important; }
.pose.chalet .premier-texte :is(h1, .fin-titre) { text-shadow: none !important; }
@media (min-width: 1024px) {
.pose.chalet .premier-texte:not(.fin-texte) { right: auto; left: var(--marge); top: auto; bottom: 12vh; text-align: left; }
.pose.chalet .premier-texte:not(.fin-texte) .actions { justify-content: flex-start; }
.pose.chalet .premier-texte:not(.fin-texte) :is(h1, .fin-titre) { color: #FFFFFF; }
}
@media (min-width: 1024px) {
.pose.chalet .premier-texte.fin-texte { top: 30vh; }
}
@media (max-width: 699px) and (orientation: portrait) {
.pose.chalet.en-film.en-debout .scene::before, .pose.chalet.en-film.en-debout .scene::after, .pose.chalet.en-film.en-debout .histoire::before, .pose.chalet.en-film.en-debout .invitation::before { display: none; }
.pose.chalet.en-film.en-debout .premier-texte { top: calc(var(--haut-fixe) + var(--entete) + 50px); bottom: auto; left: var(--marge); right: var(--marge); }
.pose.chalet.en-film.en-debout .premier-texte :is(h1, .fin-titre, p) { color: #15181B; text-shadow: none; }
.pose.chalet.en-film.en-debout .histoire { top: calc(var(--haut-fixe) + var(--entete) + 50px); bottom: auto; }
.pose.chalet.en-film.en-debout .histoire-ligne { top: 0; bottom: auto; color: #15181B; text-shadow: none; }
:root body:has(#pose.chalet.en-film.en-debout:not(.sortie)) #entete .logo .logo-fonce { opacity: 1 !important; }
:root body:has(#pose.chalet.en-film.en-debout:not(.sortie)) #entete .logo .logo-clair { opacity: 0 !important; filter: none; }
}
.pose.chalet .bouton-premier { box-shadow: none; text-shadow: none; }
.pose.chalet.en-film:not(.au-repos) .premier-texte:not(.fin-texte) .bouton-premier { visibility: hidden; transition: visibility 0s .35s; }
.pose.chalet.en-film .bouton-premier { margin-top: 14px; }
.pose.chalet.en-film .bouton-premier, .pose.chalet.en-film .bouton-premier:hover { background: #15181B; border-color: #15181B; color: #FFFFFF; }
.pose.chalet.en-film .fin-texte .bouton, .pose.chalet.en-film .fin-texte .bouton:hover { background: #15181B; border-color: #15181B; color: #FFFFFF; box-shadow: none; }
.pose.chalet.en-film .fin-texte .bouton { outline: 1.5px solid #F7F4EF; outline-offset: 0; }
.pose.chalet.en-fixe .invitation::before { display: none; }