
:root{--bg:#0a0705;--bg2:#100a07;--panel:#130d09;--panel2:#17100c;--text:#f5eee7;--muted:#ae9f91;--soft:#88796d;--gold:#d8a15f;--gold2:#efc685;--line:rgba(230,185,126,.18);--max:1480px;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 77% 5%,rgba(139,83,43,.16),transparent 26%),linear-gradient(180deg,#0a0705 0%,#0c0806 55%,#080604 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(115deg,transparent 0 44%,rgba(197,132,78,.025) 45%,transparent 46%),radial-gradient(ellipse at 15% 40%,rgba(137,77,41,.09),transparent 33%);opacity:.9}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.gold{color:var(--gold2)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold2);font-size:.76rem;text-transform:uppercase;letter-spacing:.19em;font-weight:750}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid var(--line);font-weight:700;cursor:pointer;transition:.22s;background:transparent;color:var(--text)}.btn:hover{transform:translateY(-1px);border-color:rgba(235,193,133,.4)}.btn-gold{background:linear-gradient(135deg,#edbd76,#ca8e4e);color:#170e08;border-color:transparent;box-shadow:0 10px 35px rgba(197,131,66,.12)}.btn-ghost{background:rgba(255,255,255,.018)}.btn-arrow:after{content:"↗"}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--gold2);font-weight:720;font-size:.9rem}.text-link:hover{color:#ffe0ad}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--line);color:#caa77d;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.nav-shell{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),1510px);z-index:80}.nav{height:78px;border:1px solid var(--line);border-radius:25px;padding:0 18px 0 14px;display:flex;align-items:center;gap:24px;background:rgba(10,7,5,.79);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.2);position:relative;transition:.25s}.nav-shell.scrolled .nav{background:rgba(8,5,4,.94);height:70px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:46px;height:50px;object-fit:contain}.brand-copy{display:grid;line-height:1.05}.brand-copy b{text-transform:uppercase;letter-spacing:.12em;font-size:.92rem}.brand-copy span{color:#b3875b;text-transform:uppercase;letter-spacing:.3em;font-size:.55rem;margin-top:6px}.nav-links{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}.nav-links a{padding:11px 12px;border-radius:11px;color:#c8baae;font-size:.87rem}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.045)}.nav-cta{display:flex;align-items:center;margin-left:8px}.nav-phone{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);color:var(--gold2);font-size:1.04rem}.menu-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:transparent;color:#fff}.mobile-menu{display:none}.hero{min-height:780px;padding:155px 0 85px;display:flex;align-items:center}.hero-grid-clean{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,7.8vw,7.2rem);font-weight:500;line-height:.88;letter-spacing:-.05em;margin:22px 0 28px;max-width:970px}.hero-copy h1 em{font-style:normal;color:var(--gold2)}.hero-lead{max-width:780px;color:#c5b8ac;font-size:1.12rem;line-height:1.65}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}.hero-proof div{display:grid;gap:5px}.hero-proof b{font-size:.93rem}.hero-proof span{font-size:.76rem;color:#887b70;line-height:1.35}.hero-visual-clean{min-height:555px;border:1px solid rgba(231,187,128,.12);border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(195,126,67,.17),transparent 31%),linear-gradient(135deg,rgba(47,27,17,.42),rgba(10,7,5,.5))}.hero-visual-clean:before,.hero-visual-clean:after{content:"";position:absolute;border:1px solid rgba(230,180,115,.12);border-radius:50%;width:500px;height:500px}.hero-visual-clean:after{width:360px;height:360px}.hero-logo-orbit{position:relative;z-index:2}.j-hero{width:min(360px,65vw);filter:drop-shadow(0 30px 50px rgba(0,0,0,.3))}.hero-visual-clean p{position:relative;z-index:2;margin:24px 0 3px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.hero-visual-clean>span{position:relative;z-index:2;color:#b2875d;font-size:.64rem;letter-spacing:.32em}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:50px}.section-head.compact{max-width:1280px}.section-head.simple-title{grid-template-columns:1fr}.section-head h2,.tool-intro h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.65rem,5vw,5rem);line-height:.98;letter-spacing:-.035em;margin:15px 0 0}.section-head p,.tool-intro p{color:#ad9f92;max-width:650px;margin:0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{border:1px solid var(--line);border-radius:24px;padding:28px;min-height:235px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.value-card .num{color:#a77d54;font-size:.7rem;letter-spacing:.16em}.value-card h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:500;margin:62px 0 10px}.value-card p{color:#9e9084;margin:0}.tool-section-clean{background:linear-gradient(180deg,rgba(18,11,8,.42),rgba(9,6,5,.25));border-top:1px solid rgba(231,187,128,.06);border-bottom:1px solid rgba(231,187,128,.06)}.tool-intro{max-width:900px;margin-bottom:38px}.featured-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.014)}.feature .top{display:flex;justify-content:space-between;align-items:center}.feature .ico{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--gold2)}.feature h3{font-size:1.1rem;margin:34px 0 8px}.feature p{font-size:.88rem;color:#9f9185;margin:0}.center-action{text-align:center;margin-top:25px}.projects{display:grid;gap:24px}.project-card{display:grid;grid-template-columns:1.18fr .82fr;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(120deg,rgba(255,255,255,.017),rgba(255,255,255,.006));min-height:470px}.project-card.reverse{grid-template-columns:.82fr 1.18fr}.project-card.reverse .project-media{order:2}.project-card.reverse .project-info{order:1}.project-media{position:relative;overflow:hidden;background:#0d0907;min-height:420px}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s}.project-media:hover img{transform:scale(1.015)}.real-shot:after{content:"Site en ligne";position:absolute;right:15px;bottom:15px;padding:7px 10px;border-radius:999px;background:rgba(7,5,4,.74);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:#dfc29c}.project-info{padding:42px;display:flex;flex-direction:column;justify-content:center}.project-info h3,.client-copy h3{font-family:Georgia,serif;font-size:2.35rem;font-weight:500;margin:18px 0 14px}.project-info p,.client-copy p{color:#a99a8e}.project-features{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 27px}.project-features span{padding:7px 10px;border-radius:999px;background:rgba(218,158,92,.07);border:1px solid rgba(218,158,92,.13);font-size:.72rem;color:#bea17f}.client-section{padding-top:85px}.client-project{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.012)}.client-shot{position:relative;min-height:450px;background:#0d0907;overflow:hidden}.client-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.client-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.future-note{color:#756b63;font-size:.78rem;margin:20px 0 0}.quiet-cta{border:1px solid var(--line);border-radius:30px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:radial-gradient(circle at 90% 10%,rgba(211,153,86,.13),transparent 28%),rgba(255,255,255,.012)}.quiet-cta h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1;margin:13px 0}.quiet-cta p{color:#a49689;max-width:700px;margin:0}.page-hero{padding:180px 0 78px;border-bottom:1px solid rgba(231,187,128,.07)}.page-hero.slim{min-height:470px;display:flex;align-items:end}.page-hero h1{font-family:Georgia,serif;font-size:clamp(3.5rem,7vw,6.6rem);font-weight:500;line-height:.92;letter-spacing:-.045em;margin:20px 0 24px;max-width:1100px}.page-hero h1 em{font-style:normal;color:var(--gold2)}.page-hero p{max-width:770px;color:#b0a195;font-size:1.03rem}.studio-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.studio-panel{min-height:520px;border:1px solid var(--line);border-radius:34px;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,rgba(211,153,86,.14),transparent 34%),rgba(255,255,255,.012)}.studio-panel img{width:320px}.studio-copy h2{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,4.7rem);font-weight:500;line-height:.98;margin:14px 0 22px}.studio-copy>p{color:#ac9e91}.studio-points{display:grid;gap:10px;margin-top:26px}.studio-point{padding:16px 18px;border:1px solid rgba(231,191,131,.13);border-radius:15px;background:rgba(255,255,255,.014)}.studio-point b{display:block}.studio-point span{font-size:.82rem;color:#8e8177}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:24px;border:1px solid var(--line);border-radius:20px;min-height:215px;background:rgba(255,255,255,.012)}.process-card>b{color:var(--gold);font-size:.73rem;letter-spacing:.18em}.process-card h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:500;margin:60px 0 8px}.process-card p{color:#96897e;font-size:.86rem;margin:0}.service-stack{display:grid;gap:18px}.service-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:38px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.012)}.service-block h2{font-family:Georgia,serif;font-size:2.35rem;line-height:1.03;font-weight:500;margin:14px 0}.service-block p{color:#a39589}.service-block ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service-block li{padding:14px 14px 14px 40px;border:1px solid rgba(231,187,128,.12);border-radius:14px;position:relative;color:#c0b1a5;font-size:.87rem}.service-block li:before{content:"✓";position:absolute;left:14px;color:var(--gold2)}.catalog-note{border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:flex;gap:20px;align-items:center;margin-bottom:24px;background:rgba(255,255,255,.012)}.catalog-note b{white-space:nowrap}.catalog-note span{color:#9c8e82;font-size:.87rem}.catalog-grid{display:grid;gap:28px}.catalog-card{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.01)}.catalog-preview{position:relative;min-height:490px;background:var(--preview-bg);overflow:hidden}.catalog-preview img{width:100%;height:100%;object-fit:cover}.preview-tint{position:absolute;inset:0;background:linear-gradient(145deg,color-mix(in srgb,var(--preview-bg) 52%,transparent),transparent 55%,color-mix(in srgb,var(--preview-accent) 20%,transparent));mix-blend-mode:multiply;pointer-events:none;transition:.3s}.catalog-copy{padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.catalog-copy h2{font-family:Georgia,serif;font-weight:500;font-size:2.8rem;line-height:1;margin:13px 0}.catalog-copy p{color:#a19488;max-width:560px}.palette-row{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 25px}.palette-chip{border:1px solid rgba(231,187,128,.14);background:#0f0a07;color:#bcaea1;border-radius:999px;padding:8px 11px 8px 8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.76rem}.palette-chip i{display:block;width:25px;height:18px;border-radius:999px;background:linear-gradient(90deg,var(--c1) 0 50%,var(--c2) 50%);border:1px solid rgba(255,255,255,.15)}.palette-chip.active{border-color:rgba(235,193,133,.48);color:#fff;background:rgba(218,158,92,.07)}.chosen-state{font-size:.75rem;color:#8fcb8b;margin-top:10px;min-height:18px}.form-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px}.contact-side{position:sticky;top:115px;align-self:start}.contact-side h2{font-family:Georgia,serif;font-weight:500;font-size:2.8rem;line-height:1;margin:14px 0}.contact-side>p{color:#998c80}.contact-cards{display:grid;gap:9px;margin-top:24px}.contact-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:15px}.contact-card .ico{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--gold2)}.contact-card small{display:block;color:#7f736a}.contact-card b{font-size:.88rem}.quote-form{padding:30px;border:1px solid var(--line);border-radius:28px;background:rgba(14,9,7,.78)}.form-section{padding:25px 0;border-top:1px solid rgba(255,255,255,.065)}.form-section:first-child{padding-top:0;border-top:0}.form-section h3{font-family:Georgia,serif;font-weight:500;font-size:1.4rem;margin:0 0 5px}.form-section>p{font-size:.82rem;color:#8f8277;margin:0 0 17px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.76rem;color:#b4a699}.input,.textarea{width:100%;border:1px solid rgba(231,187,128,.14);border-radius:12px;background:#0e0a08;color:#fff;padding:12px 13px;outline:none}.input:focus,.textarea:focus{border-color:rgba(235,193,133,.45);box-shadow:0 0 0 4px rgba(215,158,92,.055)}.textarea{min-height:125px;resize:vertical}input[type="range"]{width:100%;accent-color:var(--gold)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(231,187,128,.12);border-radius:12px;cursor:pointer;color:#b5a79b;font-size:.82rem;background:rgba(255,255,255,.01)}.choice label:before{content:"";width:15px;height:15px;border-radius:4px;border:1px solid #715638}.choice input:checked+label{border-color:rgba(235,193,133,.42);background:rgba(218,158,92,.07);color:#fff}.choice input:checked+label:before{background:var(--gold);box-shadow:inset 0 0 0 3px #17100b}.scope-box{margin-top:12px;padding:14px;border:1px solid rgba(231,187,128,.13);border-radius:13px;display:flex;justify-content:space-between;gap:20px}.scope-box span{color:var(--gold2);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.design-selected-box,.design-missing-box{border:1px solid rgba(231,187,128,.14);border-radius:16px;padding:16px;background:rgba(218,158,92,.035)}.design-selected-box{display:flex;justify-content:space-between;align-items:center;gap:20px}.design-selected-box div{display:grid;gap:2px}.design-selected-box small{color:#887b70}.design-selected-box b{font-family:Georgia,serif;font-weight:500;font-size:1.25rem}.design-selected-box span{color:var(--gold2);font-size:.78rem}.design-missing-box p{margin:0 0 13px;color:#aa9c90}.design-choice-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.advice-choice{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:.86rem;color:#c2b4a7}.advice-choice input{accent-color:var(--gold)}.form-submit{width:100%;margin-top:10px}.legal-note{font-size:.7rem;color:#756b63;margin:10px 0 0}.legal-content{max-width:900px}.legal-content h2{font-family:Georgia,serif;font-weight:500;font-size:1.7rem;margin:35px 0 10px}.legal-content p{color:#aa9c90}.footer{padding:65px 0 24px;border-top:1px solid rgba(231,187,128,.08);background:rgba(5,3,2,.45)}.footer-grid{display:grid;grid-template-columns:1.35fr .65fr .9fr;gap:55px}.footer-brand{display:flex;gap:15px}.footer-brand img{width:58px;height:65px;object-fit:contain}.footer-brand h3{text-transform:uppercase;letter-spacing:.13em;font-size:.9rem;margin:8px 0 5px}.footer-brand p{color:#847970;max-width:390px;font-size:.82rem;margin:0}.footer-col h4{color:#9c7653;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;margin:0 0 13px}.footer-col a{display:block;color:#a89a8e;font-size:.83rem;padding:3px 0}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:17px;border-top:1px solid rgba(255,255,255,.055);color:#6f655d;font-size:.7rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.nav-links{display:none}.menu-toggle{display:block}.nav{justify-content:space-between}.nav-cta{margin-left:auto;gap:7px}.mobile-menu{display:none;position:absolute;top:87px;left:0;right:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(10,7,5,.97);backdrop-filter:blur(18px)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;border-radius:10px;color:#c5b8ac}.mobile-menu a:hover{background:rgba(255,255,255,.04)}.mobile-phone{color:var(--gold2)!important;border-top:1px solid rgba(255,255,255,.05);margin-top:5px}.hero-grid-clean,.studio-layout,.form-layout{grid-template-columns:1fr}.hero{padding-top:140px}.hero-visual-clean{min-height:470px}.section-head{grid-template-columns:1fr;gap:20px}.catalog-card{grid-template-columns:1fr}.catalog-preview{min-height:400px}.project-card,.project-card.reverse,.client-project{grid-template-columns:1fr}.project-card.reverse .project-media,.project-card.reverse .project-info{order:initial}.process{grid-template-columns:repeat(2,1fr)}.service-block{grid-template-columns:1fr}.contact-side{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:720px){.container{width:min(calc(100% - 26px),var(--max))}.nav-shell{top:8px;width:calc(100% - 16px)}.nav{height:64px;border-radius:18px;padding:0 10px}.nav-shell.scrolled .nav{height:61px}.brand-mark{width:35px;height:39px}.brand-copy b{font-size:.76rem}.brand-copy span{font-size:.45rem}.nav-phone{width:38px;height:38px}.hero{min-height:auto;padding:125px 0 65px}.hero-grid-clean{gap:24px}.hero-copy h1{font-size:clamp(3.4rem,17vw,5.2rem)}.hero-lead{font-size:.98rem}.hero-proof{grid-template-columns:1fr;margin-top:35px}.hero-visual-clean{min-height:380px;border-radius:28px}.j-hero{width:235px}.section{padding:76px 0}.section-head h2,.tool-intro h2{font-size:clamp(2.4rem,12vw,3.7rem)}.value-grid,.featured-three,.field-grid,.choice-grid{grid-template-columns:1fr}.value-card{min-height:190px}.value-card h3{margin-top:45px}.project-media,.client-shot{min-height:300px}.project-info,.client-copy{padding:25px}.project-info h3,.client-copy h3{font-size:1.8rem}.quiet-cta{padding:28px 22px;align-items:flex-start;flex-direction:column}.page-hero{padding:135px 0 60px}.page-hero.slim{min-height:390px}.page-hero h1{font-size:clamp(3rem,14vw,4.7rem)}.studio-panel{min-height:360px}.studio-panel img{width:220px}.process{grid-template-columns:1fr}.service-block{padding:23px}.service-block ul{grid-template-columns:1fr}.catalog-note{align-items:flex-start;flex-direction:column}.catalog-preview{min-height:280px}.catalog-copy{padding:26px}.catalog-copy h2{font-size:2.1rem}.quote-form{padding:21px 15px}.design-selected-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}}


/* ===== V3 — ajustements demandés ===== */
/* Retour au fond brun marbré de la V1, légèrement plus lumineux, sans toucher à la typographie. */
body{
  background-color:#0c0806;
  background-image:
    radial-gradient(circle at 78% 16%,rgba(214,154,87,.09),transparent 28%),
    radial-gradient(circle at 7% 62%,rgba(139,82,42,.10),transparent 29%),
    linear-gradient(180deg,rgba(14,9,7,.06),rgba(7,4,3,.30)),
    url('assets/marble-brown.svg');
  background-position:center,center,center,center;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;
  background-size:auto,auto,auto,cover;
  background-attachment:fixed,fixed,fixed,fixed;
}
body:before{display:none}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,215,160,.018),rgba(0,0,0,.08))}

/* Des contours plus nets sur les grandes cartes / blocs. */
.value-card,
.feature,
.service-block,
.project-card,
.client-project,
.quiet-cta,
.catalog-card,
.catalog-note,
.quote-form,
.contact-card,
.scope-box,
.design-selected-box,
.design-missing-box{
  border-radius:7px;
}
.project-media,.client-shot{border-radius:0}
.pill{border-radius:5px}
.project-features span{border-radius:5px}
.choice label,.input,.textarea{border-radius:6px}

/* Les icônes décoratives des cartes fonctionnalités ont été retirées en HTML. */
.feature .top{justify-content:flex-start}

/* Trois choix de rédaction : une ligne lisible sur grand écran. */
.content-status-grid{grid-template-columns:repeat(3,1fr)}

@media(max-width:900px){.content-status-grid{grid-template-columns:1fr}}


/* ===== V3 catalogue — maquettes réelles sélectionnées ===== */
.catalog-preview{min-height:0;aspect-ratio:16/9;background:#0b0806}
.catalog-preview img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .18s ease,transform .28s ease}
.catalog-preview img.switching{opacity:.28;transform:scale(.994)}
.catalog-card{align-items:stretch}
.palette-chip{transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.palette-chip:hover{transform:translateY(-1px)}
@media(max-width:1100px){.catalog-preview{min-height:0;aspect-ratio:16/9}}
@media(max-width:720px){.catalog-preview{min-height:0;aspect-ratio:16/9}}

/* V4 — hiérarchie commerciale + formulaire progressif, sans refonte visuelle */
.hero-proof-four{grid-template-columns:repeat(4,1fr);gap:16px}.service-detail-list li{display:grid;gap:4px}.service-detail-list li b{color:#eee3d9;font-size:.86rem}.service-detail-list li span{color:#93867b;font-size:.76rem;line-height:1.45}.multi-step-form{overflow:hidden}.form-progress{display:flex;align-items:center;gap:10px;margin:0 0 24px}.form-progress span{width:30px;height:30px;border:1px solid rgba(231,187,128,.18);border-radius:50%;display:grid;place-items:center;color:#806f61;font-size:.72rem;font-weight:800;transition:.25s}.form-progress span.active{color:#17100b;background:var(--gold2);border-color:var(--gold2)}.form-progress span.done{color:var(--gold2);border-color:rgba(235,193,133,.48);background:rgba(218,158,92,.07)}.form-progress i{height:1px;flex:1;background:rgba(231,187,128,.12)}.form-step[hidden]{display:none}.form-step.active{animation:formStepIn .28s ease}@keyframes formStepIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.step-actions{display:flex;justify-content:space-between;gap:12px;padding-top:16px}.step-actions .btn{min-width:135px}.final-actions .form-submit{width:auto;margin-top:0}.conditional-field{margin-top:12px}.compact-form-section{padding-bottom:8px}.textarea-short{min-height:90px}.featured-choice{grid-column:span 1}.featured-choice label{min-height:62px}.featured-choice label span{display:grid;gap:2px}.featured-choice label b{font-size:.82rem;color:#e8ddd3}.featured-choice label small{font-size:.7rem;color:#8c7f74}.choice label>small{margin-left:auto;color:#806f61}.recap-layout{max-width:1050px}.recap-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:rgba(14,9,7,.78)}.recap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.recap-item{padding:15px;border:1px solid rgba(231,187,128,.12);border-radius:14px;background:rgba(255,255,255,.012);display:grid;gap:5px}.recap-item small{color:#897b70;font-size:.7rem}.recap-item b{font-weight:550;color:#eee4db;font-size:.87rem;white-space:pre-wrap}.recap-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.recap-empty{color:#998c80;grid-column:1/-1}
@media(max-width:1100px){.hero-proof-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hero-proof-four,.recap-grid{grid-template-columns:1fr}.step-actions{align-items:stretch}.step-actions .btn{flex:1;min-width:0}.final-actions{flex-direction:column-reverse}.final-actions .form-submit{width:100%}.featured-choice{grid-column:auto}}
.conditional-tool{margin-top:12px;padding:14px;border:1px solid rgba(231,187,128,.13);border-radius:13px;background:rgba(218,158,92,.025);display:grid;gap:9px}.conditional-tool[hidden]{display:none}.conditional-tool>label,.conditional-tool>span{font-size:.78rem;color:#c8b9ac;font-weight:650}.conditional-tool>small{font-size:.69rem;color:#7f736a}.conditional-tool .choice-grid{margin-top:2px}
/* Formulaire Cloudflare : état d’envoi + champ anti-spam invisible */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-status{min-height:1.35em;margin:12px 0 0;font-size:.92rem}
.form-status.error{color:#ffb4a8}
.form-status.success{color:#c9efc9}
.form-submit:disabled{opacity:.65;cursor:wait}
