@font-face{font-family:Poppins;src:url('Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#292f72;--paper:#fff;--accent:#f99a1b}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1440px;min-height:100vh;min-height:100svh;margin:auto;padding:38px 7vw 26px;display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:36px;letter-spacing:-2px;font-weight:600;text-decoration:none;color:var(--ink)}.brand span{color:#647c35}.domain{font-size:13px;letter-spacing:.1em}.logo{max-width:180px;height:auto;object-fit:contain}
main{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:65px 0 80px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:10px;margin:0 0 26px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#648240;flex-shrink:0}
h1{font-size:clamp(48px,5.7vw,82px);font-weight:600;line-height:1.12;letter-spacing:-.06em;margin:0 0 28px}h1 em{font-style:normal;color:#617836}.intro{max-width:410px;font-size:18px;line-height:1.7;margin:0 0 14px}.details{font-size:14px;line-height:1.9;color:#51635e;margin:0 0 30px}.contact{display:inline-flex;align-items:center;gap:36px;min-height:54px;padding:15px 24px;background:var(--ink);border-radius:7px;color:white;font-size:14px;text-decoration:none}.contact span{font-size:22px;line-height:1}.contact:hover{background:#285a52}.email{display:block;width:fit-content;color:var(--ink);font-size:12px;margin-top:17px;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #8b5e21;outline-offset:6px}
.art{height:470px;position:relative;background:#e9eddf;border-radius:48% 48% 8px 8px;overflow:hidden;isolation:isolate}.sun{position:absolute;width:115px;height:115px;border-radius:50%;background:var(--accent);top:55px;right:55px}.arch{position:absolute;border-radius:160px 160px 0 0}.arch-back{width:190px;height:300px;background:#9aaf8c;left:17%;bottom:62px;transform:rotate(-13deg)}.arch-front{width:210px;height:300px;border:54px solid #305b50;border-bottom:0;left:37%;bottom:62px;transform:rotate(9deg);box-shadow:18px 10px 0 #183f3a}.step{position:absolute;height:36px;background:#c8d1b9;bottom:45px;left:11%;right:11%}.step-two{bottom:16px;left:5%;right:5%;background:#d4dcc7}.orbit{position:absolute;border:1px solid #b9c4ab;border-radius:50%;width:600px;height:290px;left:-70px;top:85px;transform:rotate(-40deg);z-index:-1}.orbit-two{transform:rotate(36deg);top:145px}.spark{position:absolute;top:90px;left:55px;font-size:62px;line-height:1;color:#476343}.art-label{position:absolute;bottom:40px;background:var(--paper);padding:12px 16px;left:22px;border-radius:4px;font-size:9px;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.art-label span{height:5px;width:5px;border-radius:50%;background:#617836}
footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d9ded1;padding-top:22px;font-size:11px;color:#51635e}footer strong{font-weight:600;color:var(--ink)}
@media(min-width:1500px){.page{padding-left:100px;padding-right:100px}}
@media(max-width:800px){.page{padding:24px 7vw}main{grid-template-columns:1fr;padding:50px 0 35px;gap:40px}.message{max-width:530px}h1{font-size:64px}.art{height:300px;max-width:530px;width:100%;border-radius:150px 150px 8px 8px}.arch-back{height:210px;left:24%;bottom:40px}.arch-front{height:230px;left:44%;bottom:40px;width:170px;border-width:43px}.sun{width:85px;height:85px;top:25px;right:45px}.spark{top:45px;left:55px;font-size:45px}.step-one{bottom:24px}.step-two{bottom:0}.art-label{bottom:22px}footer{flex-wrap:wrap}.eyebrow{font-size:10px}}
@media(max-width:380px){h1{font-size:52px}.intro{font-size:16px}.eyebrow{letter-spacing:.07em}.art{height:260px}.arch-front{left:40%}.arch-back{left:14%}.desktop{display:none}}
/* Couleurs inspirées du logo fourni ; image officielle conservée intacte. */
.brand{display:block;line-height:0;flex-shrink:1;min-width:0}.logo{display:block;width:320px;max-width:100%;height:auto}
h1 em{color:#30368c}.eyebrow span,.art-label span{background:#28a9db}.art{background:#edf6fb}.arch-back{background:#b1cf43}.arch-front{border-color:#30368c;box-shadow:18px 10px 0 #23285f}.orbit{border-color:#c1dce8}.spark{color:#28a9db}.step{background:#d2e5ef}.step-two{background:#e0edf5}.contact:hover{background:#3b449a}footer{border-color:#dee5ee}.art-label{color:#292f72}
@media(max-width:800px){.logo{width:260px}.domain{font-size:11px}}
@media(max-width:380px){.logo{width:225px}.domain{display:none}}