:root{--ink:#171717;--deep:#0e1012;--teal:#07343c;--petrol:#075563;--gold:#ad7425;--muted:#505a5c;--line:#d8e1e2;--light:#f3f7f7;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:2rem}*{box-sizing:border-box}body{margin:0;background:var(--white)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.18}h1,h2,h3,.footer-name{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(3.25rem,5.7vw,5.1rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.2vw,3.2rem);letter-spacing:-.03em}h3{font-size:1.55rem}em{font-weight:400}p{margin-top:1.15rem}a{color:inherit;text-underline-offset:.22em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a:hover{color:var(--petrol)}img{max-width:100%;height:auto;display:block}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:24px}.brand{display:flex;align-items:center;gap:10px;width:470px;flex-shrink:0;text-decoration:none}.emblem{width:140px}.wordmark{width:320px}nav{display:flex;align-items:center;gap:23px}nav a{text-decoration:none;font-size:.97rem;white-space:nowrap;padding-block:12px}.nav-contact{background:var(--teal);color:white;padding:14px 27px}.nav-contact:hover{background:var(--petrol);color:white}.menu-toggle{display:none;background:white;border:1px solid var(--line);padding:10px 14px;color:var(--teal)}.skip{position:fixed;z-index:30;left:20px;top:-100px;background:var(--teal);color:white;padding:12px 20px}.skip:focus{top:12px}.hero{position:relative;min-height:700px;padding-block:62px 70px;isolation:isolate}.hero-art{position:absolute;width:630px;right:-40px;top:12px;z-index:-1}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--teal);font-size:.9rem;margin-top:0;margin-bottom:30px}.hero h1{margin-bottom:31px}.lead{font-size:1.42rem;line-height:1.55;max-width:660px}.intro{font-size:1.17rem;max-width:590px;color:var(--muted);margin-top:30px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;text-decoration:none;padding:15px 23px;border:1px solid var(--teal);background:var(--teal);color:white;font-size:1rem;font-weight:700;cursor:pointer;line-height:1.4;text-align:center}.button:hover{color:white;background:var(--petrol);border-color:var(--petrol)}.button.outline{color:var(--teal);background:white}.button.outline:hover{background:#eaf2f3}.appointment{font-size:1rem;color:var(--muted);margin-top:19px}.univers{border-top:1px solid var(--line);padding-top:40px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:48px}.three p{color:var(--muted)}.number{display:block;color:#986019;font-size:.95rem;font-weight:700;margin-bottom:20px}.text-link{display:inline-block;margin-top:25px;text-decoration:none;border-bottom:1px solid var(--gold);font-weight:700;font-size:.95rem}.text-link span{margin-left:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about{background:var(--teal);color:white}.about .eyebrow{color:#d9f1f1}.about p{color:#e1eded}.about h3{margin-top:40px}.about .small{margin:12px 0}.large-copy{font-size:1.4rem;line-height:1.5;margin-top:0}.service-content{margin-top:55px;align-items:center}.service-content p{color:var(--muted)}.material-visual{background:var(--deep);overflow:hidden}.material-visual img{width:100%;aspect-ratio:1.15;object-fit:contain}.material-visual p{color:#d9f1f1!important;font-size:.88rem;padding:0 24px 22px;margin:0}.simple-list{list-style:none;padding:0;margin:27px 0}.simple-list li{padding:12px 0;border-bottom:1px solid var(--line)}.tinted{background:var(--light)}.tinted .button{margin-top:28px}.furniture-list article{padding:25px 0;border-bottom:1px solid var(--line)}.furniture-list article:first-child{padding-top:0}.furniture-list .number{margin-bottom:8px}.furniture-list p{color:var(--muted)}.material-cards article{border-top:2px solid var(--gold);padding-top:24px}.personal{background:var(--deep);color:white}.personal .eyebrow{color:#d9f1f1}.personal .three p{color:#d4dfe0}.steps{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:44px 36px;margin:55px 0 0}.steps li{border-top:1px solid var(--line);padding-top:23px}.steps li::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-weight:700;color:#986019;margin-bottom:18px}.steps h3{font-size:1.35rem}.steps p{color:var(--muted);font-size:1rem}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px}.inspiration-grid figure{background:white}.inspiration-grid img{width:100%;height:360px;object-fit:contain}.inspiration-grid figure:nth-child(2) img{background:var(--deep)}figcaption{padding:24px}figcaption strong{font-family:Georgia,serif;font-size:1.4rem;font-weight:400}figcaption span{display:block;color:var(--muted);font-size:.9rem;margin-top:7px}.gallery-note{font-size:.95rem;color:var(--muted);max-width:780px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{border-top:1px solid var(--line)}summary{font-weight:700;cursor:pointer;list-style:none;padding-right:35px;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:4px;top:-6px;font-size:1.5rem;font-weight:400;color:var(--teal)}details[open] summary::after{content:'−'}details p{color:var(--muted);padding-right:30px}.contact{background:var(--light)}.contact .split{gap:90px}.contact-details{margin-top:35px}.contact-details>a{display:block;font-size:1.15rem;margin-top:14px;overflow-wrap:anywhere}.contact-details h3+p{margin-top:5px}.contact-details p{color:var(--muted)}.contact-details .instagram{font-size:1rem;margin-top:30px}form{padding:32px;background:white;border-top:3px solid var(--gold)}form h3{font-size:1.7rem}.form-info,.privacy-hint{font-size:.9rem;color:var(--muted);margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-weight:700;font-size:.92rem;display:block;margin:18px 0 7px}label span{font-weight:400;font-size:.85rem}input,select,textarea{display:block;width:100%;background:white;color:var(--ink);border:1px solid #98a8aa;border-radius:0;padding:12px;min-height:49px}textarea{resize:vertical}select{padding-right:22px}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:#a42020}.privacy-hint{margin-top:20px}.email-result{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.email-result h4{font-size:1.2rem;margin:0}.email-result p{font-size:.95rem}.email-result textarea{font-size:.9rem}#form-status{color:var(--teal)}[hidden]{display:none!important}.footer{padding:55px 0;background:white;border-top:1px solid var(--line)}.footer>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-name{font-size:1.5rem;letter-spacing:.06em;text-decoration:none}.footer-name span{display:block;font-family:Arial,sans-serif;font-size:.73rem;color:#986019;letter-spacing:.2em}.footer p{font-family:Georgia,serif;font-style:italic;margin:0;color:#986019}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:.85rem}.legal{max-width:850px;padding-block:60px 100px}.legal h1{font-size:3rem;margin-top:30px}.legal h2{font-size:1.8rem;margin-top:42px}.legal .notice{padding:20px;background:var(--light);border-left:3px solid var(--gold)}.legal ul{padding-left:22px}
@media(min-width:1450px){.hero-art{right:-25px}.hero{padding-top:72px}}
@media(max-width:1250px){.header{gap:20px}.brand{width:390px}.emblem{width:118px}.wordmark{width:262px}nav{gap:17px}nav a{font-size:.87rem}.nav-contact{padding:13px 19px}.hero-art{width:530px;right:-20px;top:30px}.hero-copy{max-width:660px}.hero{min-height:650px}.lead{max-width:600px}.split{gap:60px}.contact .split{gap:45px}.footer>.wrap{flex-wrap:wrap}}
@media(max-width:1060px){.header{flex-wrap:wrap}.menu-toggle{display:flex;gap:15px;align-items:center}nav{display:none;width:100%;padding:20px 0;border-top:1px solid var(--line)}nav.open{display:flex;flex-wrap:wrap;justify-content:center}.hero-art{opacity:.72;width:450px;right:-25px;top:25px}.hero-copy{max-width:670px}.hero h1{font-size:4.3rem}.lead{max-width:570px}.intro{max-width:540px}.three{gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.faq{grid-template-columns:1fr;gap:35px}.contact .split{grid-template-columns:1fr}.contact-details{display:block}.contact form{max-width:760px}.inspiration-grid img{height:300px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.header{gap:16px;padding-block:18px}.brand{width:calc(100% - 78px);max-width:400px;gap:4px}.emblem{width:28%}.wordmark{width:70%}.menu-toggle{font-size:.83rem;padding:10px 8px;gap:6px}.menu-toggle span{font-size:.92rem}nav.open{display:grid;grid-template-columns:1fr 1fr;justify-content:start;gap:9px}nav a{font-size:1rem;padding:10px}.nav-contact{text-align:center}.hero{display:flex;flex-direction:column;min-height:0;padding:35px 0 25px}.hero-copy{max-width:none}.hero-art{position:static;order:2;align-self:flex-end;width:80%;max-width:360px;opacity:1;margin-top:30px;z-index:0}.hero h1{font-size:clamp(2.65rem,8.65vw,4.1rem);letter-spacing:-.047em;margin-bottom:25px}.eyebrow{font-size:.78rem;letter-spacing:.055em;margin-bottom:25px}.lead{font-size:1.18rem;line-height:1.55}.intro{font-size:1.07rem;margin-top:24px}.actions{margin-top:29px;gap:12px}.hero .actions{display:grid}.button{width:100%;padding:15px 14px;min-height:54px}.appointment{font-size:.9rem}.three,.split{grid-template-columns:1fr;gap:35px}.univers{padding-top:33px}.three{margin-top:32px}.number{margin-bottom:10px}.three article+article{padding-top:25px;border-top:1px solid var(--line)}.about .split{gap:28px}.large-copy{font-size:1.25rem}.service-content{margin-top:30px}.material-visual{max-width:480px}.material-visual img{aspect-ratio:1.4}.furniture-list article{padding-block:25px}.furniture-list article:first-child{padding-top:15px}.personal .three article+article{border-color:#35434a}.steps{gap:27px 24px;margin-top:36px}.steps h3{font-size:1.2rem}.steps p{font-size:.95rem}.inspiration-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.inspiration-grid img{height:auto;max-height:380px}.contact .split{gap:35px}form{padding:24px 18px}.form-row{grid-template-columns:1fr;gap:0}.footer>.wrap{display:block}.footer p{margin-top:18px}.footer-links{margin-top:30px;gap:17px}.legal h1{font-size:2.3rem}.legal h2{font-size:1.6rem}}
@media(max-width:760px){.header{gap:8px}.header .brand{width:calc(100% - 80px)}.menu-toggle{flex-shrink:0}}
@media(min-width:761px) and (max-width:900px){.hero{display:flex;flex-direction:column;min-height:0;padding-bottom:35px}.hero-art{position:static;order:2;align-self:flex-end;width:260px;opacity:1;margin-top:20px}.hero-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.wordmark{aspect-ratio:1060/261;object-fit:cover;object-position:center 48%}.material-visual.photo img{object-fit:cover;object-position:center 65%;aspect-ratio:1.15}.material-visual.photo p{padding-top:20px}.image-status{display:block;font-size:.85rem;margin-top:4px;font-weight:400}.inspiration-grid img.project-photo{object-fit:cover;object-position:center;height:390px;max-height:none}.inspiration-grid figure:nth-child(2) img.project-photo{object-position:center 65%}
@media(max-width:760px){.material-visual.photo img{aspect-ratio:1;object-position:center 65%}.inspiration-grid img.project-photo{height:auto;aspect-ratio:4/3;object-fit:cover}}
.personal{background:linear-gradient(90deg,rgba(7,12,14,.78),rgba(7,12,14,.56)),url('assets/espace-choix-inspiration.webp') center 64%/cover no-repeat;color:white}.personal .three p{color:#f0f3f3}.personal .image-credit{margin-top:40px;font-size:.78rem;color:#e3e8e8}.personal .three article+article{border-color:rgba(255,255,255,.3)}
@media(max-width:760px){.personal{background-position:center,55% center}}
@media print{nav,.menu-toggle,.hero-art,.actions,form{display:none}.wrap{width:100%}.section{padding-block:25px}.hero{min-height:0}.split{gap:25px}.brand{width:350px}.about,.personal{background:white;color:var(--ink)}.about p,.about .eyebrow,.personal .eyebrow,.personal .three p,.personal .image-credit{color:var(--ink)}details p{display:block}}
