:root{--navy:#14243a;--ivory:#f6f2e9;--paper:#fffdf8;--burgundy:#7c2634;--gold:#a98955;--ink:#20242a;--muted:#666b70;--line:#d6cec0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:var(--paper);border-top:4px solid var(--navy);border-bottom:1px solid var(--line);position:relative;z-index:3}.logo{font-family:"Playfair Display",Georgia,serif;font-size:27px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.logo span{color:var(--burgundy)}.nav nav{display:flex;gap:36px;font-size:12px;letter-spacing:.05em}.nav nav a:hover{color:var(--burgundy)}.nav-cta{font-size:12px;letter-spacing:.04em;border:1px solid var(--navy);padding:12px 17px}.hero{min-height:690px;display:grid;grid-template-columns:60% 40%;border-bottom:1px solid var(--line)}.hero-copy{padding:100px 7vw 80px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-no{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--burgundy)}.hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(64px,7vw,106px);line-height:.94;letter-spacing:-.035em;font-weight:500;margin:80px 0 38px;color:var(--navy)}.hero h1 em,.contact h2 em{color:var(--burgundy);font-style:normal}.lede{max-width:650px;font-family:"Playfair Display",Georgia,serif;font-size:19px;line-height:1.7;color:#3f4449}.hero-actions{margin-top:auto;display:flex;align-items:center;gap:28px}.button{padding:16px 22px;display:inline-flex;gap:34px;align-items:center;font-size:12px;letter-spacing:.04em;font-weight:600}.button-dark{background:var(--navy);color:white}.button-dark:hover{background:var(--burgundy)}.text-link{font-size:12px;border-bottom:1px solid var(--navy);padding:8px 0}.hero-art{position:relative;overflow:hidden;background:#e5ded1;min-height:620px;border-left:1px solid var(--line)}.hero-art:before{content:"REGISTRE\A D’ÉTAT CIVIL";white-space:pre;position:absolute;width:55%;height:67%;left:22%;top:14%;background:var(--navy);color:#d6bb84;border:1px solid #987c4f;box-shadow:14px 16px 28px rgba(30,35,40,.18);font-family:"Playfair Display",Georgia,serif;text-align:center;padding-top:30%;font-size:clamp(20px,2.3vw,35px);line-height:1.35;letter-spacing:.08em}.hero-art:after{content:"";position:absolute;width:48%;height:1px;background:#a98955;left:25.5%;top:50%;box-shadow:0 9px 0 #a98955}.sun,.arch,.shine{display:none}.vertical{position:absolute;left:20px;bottom:24px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.18em;color:var(--muted)}.note{position:absolute;right:5%;bottom:6%;background:var(--paper);padding:16px 20px;border:1px solid var(--line);font-family:"Playfair Display",Georgia,serif;font-size:16px;line-height:1.3}.note span{font-family:"DM Sans";font-size:9px;color:var(--burgundy);display:block;margin-bottom:8px}.marquee{border-bottom:1px solid var(--line);padding:17px 0;overflow:hidden;background:var(--navy);color:white;font-size:9px;letter-spacing:.22em;white-space:nowrap}.marquee div{width:max-content;animation:move 35s linear infinite}.marquee span{color:#d6bb84;padding:0 22px}@keyframes move{to{transform:translateX(-50%)}}.intro{padding:110px 7vw 85px;display:grid;grid-template-columns:30% 70%;background:var(--paper)}.kicker{font-family:"Playfair Display",Georgia,serif;font-size:31px;line-height:1.25;margin:0;color:var(--burgundy)}.intro-copy{font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4.2vw,62px);line-height:1.1;letter-spacing:-.025em;max-width:900px;margin:0;color:var(--navy)}.services{display:grid;grid-template-columns:repeat(3,1fr);margin:0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{min-height:420px;padding:48px 4vw;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--paper)!important;color:var(--ink)!important}.service:last-child{border-right:0}.service-no{font-size:10px;color:var(--burgundy)}.service-symbol{display:none}.service h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:42px;color:var(--navy);margin:85px 0 18px}.service p{font-family:"Playfair Display",Georgia,serif;font-size:16px;line-height:1.7;max-width:310px}.service a{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--burgundy)}.process{display:grid;grid-template-columns:42% 58%;min-height:720px;background:var(--navy);color:var(--ivory)}.process-visual{position:relative;overflow:hidden;background:#d9d1c3}.process-visual:before{content:"ARCHIVES\A COMMUNALES";white-space:pre;position:absolute;width:65%;height:72%;left:17%;top:14%;border:2px solid var(--navy);color:var(--navy);font-family:"Playfair Display",Georgia,serif;font-size:33px;line-height:1.45;text-align:center;padding-top:39%;letter-spacing:.08em}.process-visual:after{content:"RÉPUBLIQUE FRANÇAISE";position:absolute;top:23%;left:28%;right:28%;border-bottom:1px solid var(--burgundy);padding-bottom:18px;text-align:center;color:var(--burgundy);font-size:9px;letter-spacing:.16em}.orb{display:none}.grid-label{position:absolute;bottom:30px;left:30px;font-size:9px;letter-spacing:.18em;color:var(--navy)}.process-copy{padding:85px 7vw}.process-copy .section-no{color:#d6bb84}.process-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(48px,5vw,75px);line-height:1;font-weight:500;margin:85px 0 60px}.process ol{list-style:none;padding:0;margin:0}.process li{border-top:1px solid rgba(255,255,255,.22);padding:22px 0;display:grid;grid-template-columns:60px 1fr}.process li span{font-size:10px;color:#d6bb84}.process b{font-family:"Playfair Display",Georgia,serif;font-size:20px;font-weight:500}.process li p{font-size:16px;opacity:.72;margin:7px 0;line-height:1.5}.atelier{min-height:590px;padding:110px 7vw;display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:8vw;background:var(--paper)}.atelier blockquote{font-family:"Playfair Display",Georgia,serif;font-size:clamp(48px,5.5vw,82px);line-height:1;margin:70px 0 35px;color:var(--navy)}.atelier blockquote em{color:var(--burgundy);font-style:normal}.atelier-copy>p{max-width:640px;line-height:1.8;color:var(--muted)}.atelier-card{height:330px;background:var(--navy);color:#d6bb84;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px;border:7px double #a98955;font-size:9px;letter-spacing:.18em}.atelier-card div{font-family:"Playfair Display",Georgia,serif;font-size:140px;line-height:1}.contact{background:var(--ivory);min-height:580px;text-align:center;padding:90px 5vw 45px;display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--line)}.contact h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(70px,9vw,130px);line-height:.9;letter-spacing:-.04em;font-weight:500;color:var(--navy);margin:70px 0}.button-light{background:var(--burgundy);color:white}.contact-meta{margin-top:auto;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;padding-top:25px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}footer{min-height:130px;background:var(--navy);color:var(--ivory);display:flex;justify-content:space-between;align-items:center;padding:0 6vw;font-size:10px}footer div{display:flex;gap:24px}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:650px;padding:70px 7vw}.hero-art{min-height:530px;border-left:0;border-top:1px solid var(--line)}.intro{grid-template-columns:1fr;gap:45px}.services{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--line);min-height:360px}.service h2{margin-top:60px}.process{grid-template-columns:1fr}.process-visual{min-height:560px}.atelier{grid-template-columns:1fr}.atelier-card{max-width:360px;margin:35px auto}.contact-meta{gap:20px;flex-wrap:wrap}footer{gap:24px;flex-wrap:wrap;padding-top:30px;padding-bottom:30px}}@media(max-width:520px){.nav{height:75px}.nav-cta{font-size:10px}.hero-copy{min-height:610px}.hero h1{font-size:54px;margin-top:60px}.lede{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.intro{padding-top:75px}.process-copy{padding:70px 7vw}.contact h2{font-size:65px}.contact-meta{justify-content:center}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}