.ouverture{isolation:isolate;visibility:hidden;grid-template:"logo""image"1fr"legende"/100%;row-gap:clamp(14px,2.4svh,28px);height:100svh;min-height:560px;padding:104px clamp(20px,5vw,72px) clamp(20px,3svh,36px);display:grid;position:relative;overflow:clip;container-type:inline-size}.ouverture.pret{visibility:visible}.ouverture .bouton{min-height:54px}.ouverture .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ouverture-logo{color:var(--nuit);grid-area:logo;justify-self:center;margin:0;line-height:0}.ouverture-logo .logo{width:auto;max-width:80vw;height:clamp(72px,9.5svh,128px);display:block;overflow:visible}.ouverture-image{z-index:1;border:1px solid var(--nuit);outline:1px solid var(--nuit);outline-offset:6px;grid-area:image;margin:10px 0 0;position:relative}.ouverture-photo{background:var(--nuit);position:absolute;inset:0;overflow:hidden;container-type:size}.ouverture-photo img{--haut:max(-.38 * 100cqw / 1.5, 100cqh - 100cqw / 1.5);object-fit:cover;object-position:50% calc(var(--haut) + min(var(--descente,0px), -1 * var(--haut)));width:100%;height:100%;display:block}.ouverture-legende{z-index:1;border-bottom:1px solid #20417838;grid-area:legende;grid-template-columns:1fr auto 1fr;grid-template-areas:"actions date.";align-items:center;column-gap:32px;padding-block:14px;display:grid;position:relative}.ouverture-date{text-align:center;flex-wrap:wrap;grid-area:date;justify-content:center;align-items:center;gap:8px 28px;margin:0;display:flex}.ouverture-jours{align-items:center;gap:12px;display:inline-flex}.ouverture-jours .chiffre{font-size:clamp(1.75rem,2.4vw,2.75rem)}.ouverture-actions{flex-wrap:nowrap;grid-area:actions;justify-content:start;gap:10px;display:flex}.ouverture-actions .bouton{padding:0 22px}@media (width>=900px) and (width<=1439px){.ouverture-legende{column-gap:clamp(20px,2.4vw,32px)}.ouverture-date{flex-direction:column;gap:4px}.ouverture-actions{flex-wrap:nowrap;gap:10px}.ouverture-actions .bouton{min-height:46px;padding:0 clamp(16px,1.6vw,24px);font-size:12px}}@media (width>=768px) and (width<=899px){.ouverture{grid-template:"logo""image""legende"/100%;align-content:center;row-gap:40px;height:auto;min-height:100svh;padding:116px 40px 40px}.ouverture-logo .logo{width:min(76vw,620px);height:auto}.ouverture-image{aspect-ratio:3/2;margin-top:4px}.ouverture-legende{grid-template:"date""actions"/100%;row-gap:22px;padding-block:18px}.ouverture-date{flex-direction:column;gap:6px}.ouverture-jours .chiffre{font-size:3rem}.ouverture-actions{flex-wrap:nowrap;justify-content:center;gap:12px}}@media (width<=767px){.ouverture{grid-template:"logo""image""legende"/100%;gap:24px;height:auto;min-height:100svh;padding-bottom:32px}.ouverture-logo .logo{width:min(86vw,420px);height:auto}.ouverture-image{aspect-ratio:3/2}.ouverture-legende{grid-template:"date""actions"/100%;justify-items:center;row-gap:14px}.ouverture-actions{justify-content:center}}
