.ouverture{position: sticky;top: 0;z-index: 0;overflow: hidden;padding-block: 0}main > .ouverture ~ .section{position: relative;z-index: 1}.ouverture__logo{--ouverture-logo-teinte: var(--nektar-charbon);position: absolute;z-index: -1;inset: 0;height: min(100%,100vw);aspect-ratio: 1;margin: auto;opacity: 0.1;pointer-events: none}.ouverture__grille{position: relative;display: grid;grid-template-areas: "surtitre" "titre" "." "bas";grid-template-rows: auto auto 1fr auto;row-gap: var(--espace-5);min-height: 100vh;min-height: 100svh;padding-block: 7.25rem 2.25rem}.ouverture__surtitre{grid-area: surtitre;color: #b3b1ad;font-family: var(--police-code);font-size: var(--taille-libelle);letter-spacing: var(--interlettre-libelle);line-height: 1.85;text-transform: uppercase}.ouverture__titre{grid-area: titre;max-width: 32.5rem;font-size: clamp(1.625rem,1.2rem + 1.6vw,2.5rem);font-weight: var(--graisse-forte);letter-spacing: -0.025em;line-height: 1.12}.ouverture__bas{display: grid;grid-area: bas;grid-template-columns: max-content;justify-content: center;row-gap: var(--espace-5);margin-inline: calc(50% - 50vw);padding-inline: var(--gouttiere)}.ouverture__marque{margin-inline: -0.076em -0.057em;color: var(--nektar-lavande);--ouverture-teintes: var(--nektar-lavande),var(--nektar-lime),#f2f1ef;font-family: var(--police-titre);font-size: 23vw;font-weight: var(--graisse-titre);letter-spacing: -0.03em;line-height: 0.8;text-align: center;text-transform: uppercase;white-space: nowrap}.ouverture__lettre--cachee{visibility: hidden}.ouverture__lettre--curseur{position: relative}.ouverture__lettre--curseur::after{content: "";position: absolute;bottom: 0.205em;left: 100%;width: 5px;height: 0.69em;margin-left: 0.04em;background: currentColor;animation: ouverture-curseur 1s steps(1) infinite}.ouverture__marque--frappe .ouverture__lettre--curseur::after{animation: none}@keyframes ouverture-curseur{50%{opacity: 0}}.ouverture__pied{contain: inline-size;display: flex;flex-wrap: wrap;gap: var(--espace-3) var(--espace-6);align-items: baseline;justify-content: space-between;color: #b3b1ad;font-family: var(--police-code);font-size: var(--taille-libelle);letter-spacing: var(--interlettre-libelle);text-transform: uppercase}.ouverture__suite{text-decoration: none}.ouverture__suite::after{content: " ↓" / ""}.ouverture__suite:hover{color: var(--couleur-texte-inverse)}@media (min-width: 900px){.ouverture__grille{grid-template-areas: "surtitre titre" ". ." "bas bas";grid-template-columns: 1fr minmax(0,32.5rem);grid-template-rows: auto 1fr auto;padding-top: 10.75rem}}