:root{--black:#0b0b0b;--gold:#b89552;--ivory:#f5f0e5;--paper:#fbf8f1;--ink:#211f1b;--muted:#6f6a60;--line:rgba(184,149,82,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}img{max-width:100%;display:block}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;height:76px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(11,11,11,.96);color:var(--ivory);border-bottom:1px solid rgba(184,149,82,.35)}.brand{text-decoration:none;font-size:19px;letter-spacing:.08em}.brand span{color:var(--gold)}nav{display:flex;gap:30px}nav a{text-decoration:none;font:14px Arial,sans-serif;color:#eee;transition:.2s}nav a:hover{color:var(--gold)}.menu-button{display:none;background:none;border:1px solid var(--gold);color:var(--ivory);padding:9px 13px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;background:var(--black);color:var(--ivory)}.hero-content{padding:clamp(70px,11vw,150px) clamp(35px,8vw,120px);align-self:center}.eyebrow{color:var(--gold);font:12px Arial,sans-serif;font-weight:700;letter-spacing:.22em;margin:0 0 18px}.hero h1{font-size:clamp(54px,7vw,104px);font-weight:400;line-height:.92;margin:0 0 35px;letter-spacing:-.045em}.hero h1 em{color:var(--gold);font-weight:400}.hero-content>p:not(.eyebrow){font-size:19px;line-height:1.7;color:#d7d2c8;max-width:560px}.button{display:inline-block;margin-top:24px;padding:15px 22px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font:13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;transition:.2s}.button:hover{background:var(--gold);color:var(--black)}.hero-art{position:relative;overflow:hidden;min-height:600px}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--black),transparent 35%)}.hero-art img{width:100%;height:100%;object-fit:cover}.section{padding:clamp(80px,10vw,145px) clamp(28px,8vw,120px)}.split{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:clamp(50px,9vw,140px)}h2{font-size:clamp(42px,5vw,72px);font-weight:400;letter-spacing:-.035em;margin:0}.prose{font-size:18px;line-height:1.8;max-width:720px}.prose p{margin:0 0 20px}.prose blockquote{font-size:28px;color:var(--gold);font-style:italic;margin:45px 0 0;border-left:1px solid var(--gold);padding-left:25px}.dark{background:var(--black);color:var(--ivory)}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.tech-grid article{padding:34px 28px 45px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tech-grid span{font:12px Arial,sans-serif;color:var(--gold)}.tech-grid h3{font-size:23px;font-weight:400;margin:35px 0 18px}.tech-grid p{font:16px/1.65 Arial,sans-serif;color:#bbb;margin:0}.gallery-section{background:var(--ivory)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:65px}.section-head>p{font:16px/1.65 Arial,sans-serif;color:var(--muted);max-width:460px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 28px}.card{cursor:pointer;background:transparent;border:0;padding:0;text-align:left;color:inherit}.card-image{aspect-ratio:4/5;background:#ded8cc;overflow:hidden;margin-bottom:20px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.card:hover img{transform:scale(1.025)}.card .number{font:11px Arial,sans-serif;color:var(--gold);letter-spacing:.12em}.card h3{font-size:23px;font-weight:400;margin:7px 0 9px}.card p{font:13px Arial,sans-serif;color:var(--muted);margin:0}.contact{text-align:center;background:var(--black);color:var(--ivory)}.contact h2{margin-bottom:24px}.contact>p:not(.eyebrow){max-width:600px;margin:0 auto;font:18px/1.7 Arial,sans-serif;color:#c9c5bd}.button.light{color:var(--ivory)}footer{padding:25px clamp(28px,8vw,120px);display:flex;justify-content:space-between;background:var(--black);color:#8f8a80;border-top:1px solid #292929;font:12px Arial,sans-serif}dialog{width:min(920px,92vw);border:1px solid var(--gold);padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.85)}.close{position:absolute;right:14px;top:10px;border:0;background:rgba(0,0,0,.7);color:white;width:38px;height:38px;font-size:25px;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:1.15fr .85fr}.dialog-grid img{width:100%;height:70vh;object-fit:contain;background:#111}.dialog-info{padding:55px 38px}.dialog-info h2{font-size:40px;margin:8px 0 30px}.dialog-info dl{font:15px/1.7 Arial,sans-serif}.dialog-info dt{color:var(--gold);font-weight:700;margin-top:15px}.dialog-info dd{margin:2px 0}.dialog-info .button{margin-top:30px}
@media(max-width:900px){.tech-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-art{min-height:500px;order:-1}.hero-art:after{background:linear-gradient(0deg,var(--black),transparent 45%)}.split{grid-template-columns:1fr}.dialog-grid{grid-template-columns:1fr}.dialog-grid img{height:50vh}}
@media(max-width:680px){.site-header{height:66px}.menu-button{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;padding:25px;flex-direction:column;background:var(--black)}nav.open{display:flex}.hero{min-height:auto}.hero-art{min-height:390px}.hero-content{padding:65px 28px 85px}.tech-grid,.gallery{grid-template-columns:1fr}.section-head,footer{align-items:start;flex-direction:column}.section-head{gap:25px}.gallery{gap:42px}.card-image{aspect-ratio:1/1}.dialog-info{padding:38px 25px}}

.hero h1.hero-signature{color:var(--gold);font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive;font-size:clamp(42px,4.6vw,74px);font-weight:400;font-style:italic;line-height:1.15;letter-spacing:0;white-space:nowrap}
@media(max-width:680px){.hero h1.hero-signature{font-size:clamp(24px,7.6vw,46px)}}

/* Afficher chaque œuvre en entier, sans couper son cadre. */
.card-image img{object-fit:contain}

.contact-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.contact-actions .whatsapp{background:var(--gold);color:var(--black)}.contact-actions .whatsapp:hover{background:transparent;color:var(--gold)}.contact>p.contact-number{margin:18px auto 0;font-size:15px;color:#aaa}
@media(max-width:680px){.contact-actions{flex-direction:column}.contact-actions .button{width:100%;max-width:340px;margin-top:12px}}