*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p{margin:0}img,picture{display:block;max-width:100%}@font-face{font-family:Playfair Display;src:url(../polices/playfair-display-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;src:url(../polices/playfair-display-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--couleur-fond: #0A0908;--couleur-texte: #EDE6DA;--couleur-texte-secondaire: rgb(237 230 218 / 55%);--couleur-accent: #7B5FA8;--police-titre: "Playfair Display", georgia, serif;--taille-titre: clamp(4rem, 14vw, 16rem);--taille-sous-titre: calc(var(--taille-titre) * .13);--interlettrage-titre: -.02em;--interligne-titre: .9;--interlettrage-capitales: .2em;--taille-nav: clamp(.75rem, .5vw + .65rem, .9rem);--taille-seuil: clamp(.8rem, .6vw + .7rem, 1rem);--taille-pied: clamp(.75rem, .3vw + .7rem, .8125rem);--espace-xs: clamp(.5rem, .4vw + .4rem, .75rem);--espace-sm: clamp(.75rem, .8vw + .6rem, 1.25rem);--espace-md: clamp(1.5rem, 2vw + 1rem, 2.5rem);--espace-lg: clamp(2.5rem, 4vw + 1.5rem, 5rem);--marge-laterale: clamp(1.25rem, 5vw, 6rem);--duree-courte: .4s;--duree-longue: 2.2s;--easing-douce: cubic-bezier(.16, 1, .3, 1)}@media(prefers-reduced-motion:reduce){:root{--duree-courte: 1ms;--duree-longue: 1ms}}html,body{height:100%;margin:0;overflow:hidden;background:var(--couleur-fond)}main{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}picture,picture img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.cartel{display:flex;flex-direction:column;align-items:center;transform:translateY(-6vh);position:relative;z-index:2}.cartel:before{content:"";position:absolute;z-index:-1;top:-12%;right:-20%;bottom:-12%;left:-20%;background:radial-gradient(ellipse at 50% 44%,color-mix(in srgb,var(--couleur-fond) 66%,transparent) 0%,color-mix(in srgb,var(--couleur-fond) 34%,transparent) 46%,transparent 72%);pointer-events:none}.cartel h1,.cartel .soustitre{align-self:flex-start}h1{font-family:var(--police-titre);font-size:var(--taille-titre);line-height:var(--interligne-titre);font-weight:400;text-align:center;white-space:nowrap;margin:0;color:var(--couleur-texte)}.soustitre{font-family:var(--police-titre);font-style:italic;font-size:var(--taille-sous-titre);margin:0;color:var(--couleur-texte)}.filet{width:3rem;height:1px;background:var(--couleur-texte);display:block}.seuil{font-family:var(--police-titre);font-size:var(--taille-seuil);letter-spacing:var(--interlettrage-capitales);color:var(--couleur-texte);text-decoration:none;display:inline-block;padding:.4em .2em}nav,footer{position:absolute;left:0;right:0;z-index:2;padding:var(--espace-sm) var(--marge-laterale);display:flex;justify-content:space-between}nav{top:0}footer{bottom:0}html:not(.ouverture) .voile{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--couleur-fond);z-index:1;pointer-events:none;opacity:1}html:not(.ouverture) picture img{filter:brightness(.35) saturate(.7)}html:not(.ouverture) h1{opacity:0;letter-spacing:.12em}html:not(.ouverture) .soustitre{opacity:0}html:not(.ouverture) .filet{width:0}html:not(.ouverture) .seuil{opacity:0}html:not(.ouverture) nav,html:not(.ouverture) footer{opacity:0}.voile{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--couleur-fond);z-index:1;pointer-events:none}.voile{transition:opacity var(--duree-longue) var(--easing-douce)}picture img{transition:filter var(--duree-longue) var(--easing-douce)}h1{transition:opacity .8s ease .6s,letter-spacing .8s ease .6s}.soustitre{transition:opacity .6s ease 1.4s}.filet{transition:width .5s var(--easing-douce) 2s}.seuil{transition:opacity .3s ease 2.3s}nav,footer{transition:opacity .4s linear 2.6s}html.ouverture .voile{opacity:0}html.ouverture picture img{filter:brightness(1) saturate(1)}html.ouverture h1{opacity:1;letter-spacing:var(--interlettrage-titre)}html.ouverture .soustitre{opacity:1}html.ouverture .filet{width:3rem}html.ouverture .seuil{opacity:1}.groupe-seuil:hover .filet,.groupe-seuil:focus-within .filet{width:5rem;transition:width .4s ease}.seuil:hover,.seuil:focus-visible{color:var(--couleur-accent)}.seuil:focus-visible{outline:2px solid var(--couleur-accent);outline-offset:4px}html.ouverture.sortie .voile{opacity:1;transition:opacity .7s var(--easing-douce)}html.ouverture nav,html.ouverture footer{opacity:.5}footer p{font-size:var(--taille-pied)}html.ouverture footer:hover{opacity:.85;transition:opacity .3s ease}.mentions{font-size:11px;opacity:.4;color:var(--couleur-texte);text-decoration:none}.mentions:hover,.mentions:focus-visible{opacity:.7}nav button[data-lang]{opacity:.4}nav button[data-lang][aria-current=true]{opacity:1}@media(prefers-reduced-motion:reduce){h1{transition:opacity .2s ease 0ms;letter-spacing:var(--interlettrage-titre)!important}picture img{transition:opacity .2s ease 0ms;filter:brightness(1) saturate(1)!important}.voile,.soustitre,.seuil{transition-duration:.2s;transition-delay:0ms}nav,footer{transition-duration:.2s;transition-delay:0ms}.filet{transition:width .2s ease 0ms}html.ouverture.sortie .voile{transition-duration:.1s}}nav button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(max-height:550px){:root{--taille-titre: clamp(2rem, 12vh, 4rem)}.cartel{transform:translateY(-2vh)}nav,footer{padding:.5rem var(--marge-laterale)}}.degrade-lisibilite{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--couleur-fond) 30%,transparent) 0%,transparent 50%)}nav button:focus-visible,footer a:focus-visible,.mentions:focus-visible{outline:2px solid var(--couleur-accent);outline-offset:3px}
