@font-face{font-family:'Literata';font-style:normal;font-weight:400 600;font-display:swap;src:url(literata.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(ibm-plex-mono.woff2) format('woff2')}
:root{--prune-900:#2a1526;--prune-300:#c99bb4;--papier:#fdfaf9;--or-300:#f2a118;--or-200:#f5d27a}
*{box-sizing:border-box}html,body{margin:0;background:var(--prune-900)}
.hero{min-height:100vh;min-height:100svh;background:var(--prune-900);color:var(--papier);padding:clamp(24px,4vw,48px) clamp(24px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between;gap:64px}
.logo{display:block;align-self:flex-start;height:clamp(36px,4.2vw,56px);width:auto}
.logo img{display:block;height:100%;width:auto}
.main{display:flex;flex-direction:column;gap:clamp(32px,4vw,48px);max-width:1100px}
h1{margin:0;font-family:'Literata',Georgia,serif;font-weight:600;font-size:clamp(44px,7.5vw,112px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
.mail{align-self:flex-start;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:clamp(18px,1.8vw,24px);color:var(--or-300);text-decoration:none}
.mail:hover,.mail:focus-visible{color:var(--or-200)}
.mail:focus-visible,.foot a:focus-visible,.logo:focus-visible{outline:2px solid var(--or-300);outline-offset:4px;border-radius:2px}
.foot{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:var(--prune-300)}
.foot>*{flex:none;white-space:nowrap}
.foot a{color:var(--prune-300);text-decoration:underline;text-underline-offset:3px}.foot a:hover{color:var(--papier)}

/* Mentions légales : même fond, même typographie, texte courant Literata 18 px sur 70 caractères au plus. */
.legal{max-width:70ch;font-family:'Literata',Georgia,serif;font-size:18px;line-height:1.5}
.legal h1{font-size:clamp(36px,4.5vw,56px);margin-bottom:clamp(32px,4vw,48px)}
.legal dl{margin:0;display:grid;gap:20px}
.legal dt{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;color:var(--prune-300)}
.legal dd{margin:2px 0 0}
.legal p{margin:clamp(32px,4vw,48px) 0 0}