/* Système visuel Sunflower, extrait de l'accueil 11 (Crépuscule) : la profondeur de champ. */
:root{--nuit:#1a1206;--cuivre:#6b4a12;--or:#f0c75e;--pale:#f7e6b8;--voile:rgba(240,199,94,.2);--doux:rgba(247,230,184,.72);--mono:"Red Hat Mono",ui-monospace,monospace;--serif:"Cormorant Infant",Georgia,serif;--marge:clamp(18px,4.4vw,64px)}
*{box-sizing:border-box;margin:0}
html,body{overflow-x:clip}
html{background:var(--nuit)}
body{color:var(--pale);font:300 21px/1.42 var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit}
ol,ul{list-style:none;padding:0}
:focus-visible{outline:1px solid var(--or);outline-offset:4px}
.m{font:300 12px/1.55 var(--mono);color:var(--doux)}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:400;letter-spacing:.01em;text-decoration:none}
.logo svg{display:block}
.lien{font:300 12px var(--mono);border-bottom:1px solid var(--voile);padding-bottom:3px;text-decoration:none;transition:border-color .3s}
.lien:hover{border-color:var(--or)}
.cta{display:inline-block;background:var(--or);color:var(--nuit);padding:14px 30px 15px;font:400 14px/1 var(--mono);text-decoration:none;border:0;border-radius:2px;cursor:pointer;transition:background .3s,box-shadow .45s}
.cta:hover{background:var(--pale);box-shadow:0 0 54px 6px rgba(240,199,94,.45)}
.cta:focus-visible{outline-color:var(--pale)}
h1,h2{font-weight:300;text-wrap:balance}
h2{font-size:clamp(44px,6.3vw,104px);line-height:.96;letter-spacing:-.016em}
.nv{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:20px var(--marge);z-index:3}
footer{padding:clamp(40px,6vw,70px) var(--marge) 32px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.nd{display:inline-flex;gap:22px}.pied{display:flex;gap:22px}
footer p{font:300 12px/1.7 var(--mono);max-width:62ch;color:var(--pale)}
/* Vignette floue, recette blur-vignette de ui-layouts */
.vg{position:absolute;inset:0;pointer-events:none;--r:24vmin;--t:24vmin;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);--fill:black,transparent var(--t),transparent calc(100% - var(--t)),black;--corner:transparent 0,black var(--r);--narrow:calc(100% - var(--r)*2);-webkit-mask:linear-gradient(to right,var(--fill)) 0 var(--r)/100% var(--narrow) no-repeat,linear-gradient(to bottom,var(--fill)) var(--r) 0/var(--narrow) 100% no-repeat,radial-gradient(at bottom right,var(--corner)) 0 0/var(--r) var(--r) no-repeat,radial-gradient(at bottom left,var(--corner)) 100% 0/var(--r) var(--r) no-repeat,radial-gradient(at top left,var(--corner)) 100% 100%/var(--r) var(--r) no-repeat,radial-gradient(at top right,var(--corner)) 0 100%/var(--r) var(--r) no-repeat;mask:linear-gradient(to right,var(--fill)) 0 var(--r)/100% var(--narrow) no-repeat,linear-gradient(to bottom,var(--fill)) var(--r) 0/var(--narrow) 100% no-repeat,radial-gradient(at bottom right,var(--corner)) 0 0/var(--r) var(--r) no-repeat,radial-gradient(at bottom left,var(--corner)) 100% 0/var(--r) var(--r) no-repeat,radial-gradient(at top left,var(--corner)) 100% 100%/var(--r) var(--r) no-repeat,radial-gradient(at top right,var(--corner)) 0 100%/var(--r) var(--r) no-repeat}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}