:root{--black:#0b0b0b;--paper:#f3f3ee;--line:#d7d7d1;--muted:#777;--accent:#9a7a4f;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--black);background:#fff}.topbar{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid #eee}.brand{text-decoration:none;color:var(--black);display:flex;gap:6px;align-items:baseline;letter-spacing:.06em}.brand strong{font-size:22px}.brand span{font-size:12px;letter-spacing:.24em}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a{color:#222;text-decoration:none;font-size:13px}.cta-small{background:var(--black);color:#fff!important;padding:12px 17px}.menu{display:none;background:none;border:0;font-weight:700}.hero{min-height:720px;background:var(--black);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;color:#fff;overflow:hidden}.hero-art{height:100%;display:grid;place-items:center;background:#ecece7}.hero-art svg{width:100%;height:100%;object-fit:cover}.hero-copy{padding:7vw}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 22px}.hero h1,.section h2{font-size:clamp(44px,6vw,84px);line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.hero h1 span,.section h2 span{color:#8b8b82;font-weight:500}.hero p{font-size:18px;line-height:1.6;max-width:620px;color:#ccc}.actions{display:flex;gap:24px;align-items:center;margin-top:34px}.btn{border:0;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;padding:16px 22px;font-size:13px;font-weight:800;cursor:pointer}.btn.light{background:#fff;color:#000}.btn.dark{background:#0b0b0b;color:#fff}.btn.ghost{background:#fff;border:1px solid #ccc;color:#777}.link{color:#fff;text-decoration:none;font-size:13px}.section{padding:100px 6vw}.intro{max-width:1200px}.lead{font-size:21px;line-height:1.7;max-width:1000px;color:#444}.cards{display:grid;gap:1px;background:#ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{background:#fff;padding:48px 6vw}.cards article>span{font-size:11px;color:#888}.cards h3{font-size:22px;margin:25px 0 14px}.cards p{line-height:1.65;color:#666}.motif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.motif-grid article{background:#f4f4ef;padding-bottom:20px}.motif-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}.motif-grid h3,.motif-grid p{margin-left:20px;margin-right:20px}.motif-grid p{color:#666}.config-section{background:#efefe9;padding-bottom:90px}.config-head{padding-bottom:45px}.config-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:22px;padding:0 4vw}.controls,.preview-panel{background:#fff;padding:34px}.step{display:flex;gap:16px;border-top:1px solid #ddd;padding-top:25px;margin-top:30px;margin-bottom:18px}.step:first-child{margin-top:0}.step>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:11px}.step h3{margin:0 0 4px;font-size:18px}.step p{margin:0;color:#777;font-size:13px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800}label>span{font-weight:400;color:#888}input,select,textarea{width:100%;border:1px solid #d1d1cb;background:#fff;padding:14px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#111}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice,.finish{border:1px solid #d7d7d1;background:#fff;text-align:left;padding:15px;cursor:pointer}.choice.active,.finish.active{border:2px solid #111;padding:14px}.choice b,.choice small{display:block}.choice small,.finish small{color:#777;margin-top:5px}.range-label{margin-top:16px}.range-label strong{margin-left:auto}.range-label input{padding:0}.finish-list{display:grid;gap:8px}.finish{display:flex;justify-content:space-between;align-items:center}.finish span b,.finish span small{display:block}.finish.premium{background:#f8f6f0}.ral{margin-top:12px}.hidden{display:none!important}.preview-panel{position:sticky;top:96px;align-self:start}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top span{display:block;font-size:10px;letter-spacing:.15em;color:#777}.preview-top strong{display:block;margin-top:4px}.preview-top button{border:0;background:none;text-decoration:underline;cursor:pointer}.drawing{margin-top:20px;background:#ecece7;min-height:430px;display:grid;place-items:center;overflow:hidden}.drawing svg{width:100%;height:430px}.drawing.full{position:fixed;inset:0;z-index:50;background:#ecece7;margin:0}.drawing.full svg{height:100vh}.dimensions{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ddd;font-size:12px;color:#666}.price-card{display:flex;justify-content:space-between;gap:24px;padding:28px 0}.price-card small{display:block;color:#777;font-size:10px;letter-spacing:.12em}.price-card strong{display:block;font-size:42px;margin-top:4px}.price-card span{font-size:12px;color:#777}.price-card p{max-width:210px;color:#777;font-size:12px;line-height:1.5}.tech{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;border-bottom:1px solid #ddd}.tech div{padding:14px 10px}.tech small,.tech b{display:block}.tech small{color:#777;font-size:10px}.tech b{margin-top:5px;font-size:12px}.file-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.finish-explain .compact article{padding-top:34px;padding-bottom:34px}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#0b0b0b;color:#fff}.quote h2{font-size:clamp(42px,5vw,72px)}.quote p{color:#bbb;line-height:1.6}.quote form{background:#fff;color:#111;padding:34px}.quote form label{margin-bottom:15px}.wide{width:100%}.form-note{font-size:11px!important;color:#777!important}footer{padding:36px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;font-size:12px}footer a{color:#111}@media(max-width:900px){.topbar nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.hero-art{height:410px}.hero-copy{padding:55px 6vw 70px}.cards.three,.motif-grid,.config-layout,.quote{grid-template-columns:1fr}.config-layout{padding:0 3vw}.preview-panel{position:static}.choice-grid{grid-template-columns:1fr}.section{padding:70px 6vw}.field-row{grid-template-columns:1fr 1fr}.file-actions{grid-template-columns:1fr}.dimensions{gap:10px;flex-wrap:wrap}.quote{padding:70px 6vw}.quote.section{padding:70px 6vw}.quote form{padding:24px}footer{gap:18px;flex-direction:column;align-items:flex-start}}@media(max-width:540px){.field-row{grid-template-columns:1fr}.hero-art{height:320px}.drawing,.drawing svg{height:330px}.tech{grid-template-columns:1fr}.hero h1,.section h2{font-size:42px}}
/* V2 — 20 motifs + fichiers atelier privés */
.motif-gallery{grid-template-columns:repeat(4,1fr)}.motif-gallery article{padding-bottom:18px;overflow:hidden}.motif-gallery svg{width:100%;aspect-ratio:4/3;background:#ecece7;display:block}.motif-gallery h3{font-size:17px;margin-top:14px}.motif-gallery p{font-size:12px}.pattern-scroll{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px;overflow:auto;padding-right:6px}.pattern-card{padding:0!important;overflow:hidden}.pattern-card.active{padding:0!important}.pattern-card svg{display:block;width:100%;height:110px;background:#ecece7}.pattern-card span{display:block;padding:12px}.pattern-card b,.pattern-card small{display:block}.production-note{margin-top:18px;border:1px solid #d6d6cf;background:#f7f7f2;padding:16px;display:grid;gap:6px}.production-note b{font-size:12px}.production-note span{font-size:11px;line-height:1.5;color:#666}@media(max-width:900px){.motif-gallery{grid-template-columns:repeat(2,1fr)}.pattern-scroll{grid-template-columns:repeat(2,1fr);max-height:none}}@media(max-width:540px){.motif-gallery,.pattern-scroll{grid-template-columns:1fr}}

/* V3 — collection 20 motifs retravaillés, design initial conservé */
.motif-gallery article{transition:transform .18s ease,box-shadow .18s ease}.motif-gallery article:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.pattern-card:hover{background:#fafaf7}.pattern-card svg,.motif-gallery svg{background:linear-gradient(145deg,#ecece7,#f8f8f4)}