/*
Theme Name: KDC Studio
Version: 0.1.0
Description: Thème KDC, pages éditables et réalisations administrables.
Text Domain: kdc
*/
:root{--red:#e31b23;--ink:#050505;--panel:#141414;--text:#f2f2f2;--muted:#b8b8bc;--line:#303034}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3{line-height:1.04;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(2.7rem,6vw,5.5rem);margin:20px 0}h2{font-size:clamp(2rem,4vw,3.8rem);margin:14px 0 28px}h3{font-size:1.55rem}p{max-width:65ch;color:var(--muted)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:#050505f5;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:30px;min-height:86px}.wordmark{line-height:1;display:block;min-width:170px}.wordmark strong{font-size:38px;font-style:italic;letter-spacing:-5px;color:var(--red)}.wordmark small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.nav{display:flex;gap:23px;align-items:center;margin-left:auto;font-size:13px}.nav a:hover,.nav a[aria-current=page]{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 23px;background:var(--red);color:#fff;border:1px solid var(--red);font-size:12px;font-weight:750;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.button:hover{background:#bb151b}.button.outline{background:transparent;border-color:#888}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #666;padding:10px}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505ed 0%,#050505a8 46%,#05050522 100%),linear-gradient(0deg,#050505,transparent 35%)}.hero-content{position:relative;z-index:1;padding:70px 0;max-width:760px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:750;text-transform:uppercase;color:#ddd}.eyebrow:before{content:'';display:inline-block;width:24px;height:2px;background:var(--red);vertical-align:middle;margin-right:12px}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--red)}.hero p{font-size:17px;color:#ddd}.location{font-size:12px;letter-spacing:2px}.section{padding:100px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>img{width:100%;height:460px;object-fit:cover}.signature{font-size:12px;letter-spacing:2px;color:#eee;margin-top:30px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{display:flex;flex-direction:column;min-height:300px;background:var(--panel);border:1px solid var(--line);padding:34px;position:relative;transition:border-color .2s}.service-card:hover{border-color:var(--red)}.service-card .number{color:var(--red);font-size:11px;letter-spacing:2px}.service-card p{font-size:14px}.service-card .link{margin-top:auto;color:#eee;font-size:12px}.service-card h3{margin-bottom:8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery figure{margin:0}.gallery img{width:100%;height:290px;object-fit:cover}.gallery figcaption{font-size:12px;padding:13px 0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:2px solid var(--red);padding-top:15px}.step p{font-size:14px}.contact-band{background:radial-gradient(ellipse at right,#361013,transparent 60%);padding:95px 0}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.site-footer{padding:55px 0 24px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-links{display:flex;gap:25px;font-size:12px;flex-wrap:wrap}.footer-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}.page-heading{padding:80px 0 60px;background:radial-gradient(ellipse at right,#301114,transparent 60%);border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(2.8rem,6vw,5rem)}.page-content{padding:65px 0 95px}.page-content h2{font-size:2.4rem;margin-top:48px}.page-content h3{margin-top:30px}.page-content li{color:var(--muted);margin:8px 0}.page-content a:not(.button){text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}.page-content .intro{font-size:1.3rem}.prose{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px}.field.full,.form-grid .full{grid-column:1/-1}input,select,textarea{border:1px solid #525258;background:#151519;color:#fff;padding:13px;width:100%;border-radius:0}textarea{min-height:150px;resize:vertical}.check{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--muted)}.check input{width:auto;margin-top:6px}.form-notice{padding:16px 20px;border:1px solid #777;margin-bottom:25px}.trap{position:absolute;left:-10000px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.filter{background:#141414;color:#fff;border:1px solid #555;padding:10px 18px;cursor:pointer}.filter[aria-pressed=true]{background:var(--red);border-color:var(--red)}[hidden]{display:none!important}.comparison{position:relative;aspect-ratio:16/10;overflow:hidden;--position:50%}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison .after{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.comparison input{position:absolute;bottom:20px;left:5%;width:90%;z-index:2}.mobile-call{display:none}.preview-note{position:fixed;right:12px;bottom:12px;padding:5px 10px;background:#252525;border:1px solid #777;color:#ccc;font-size:10px;z-index:30}.copyright{margin:0}.page-content figure{margin:30px 0}.page-content figure img{max-height:600px;object-fit:cover}.contact-details{padding:25px;border:1px solid var(--line);margin:0 0 35px}.contact-details p{margin:8px 0}
@media(max-width:1050px){.nav{gap:14px}.nav .button{padding:10px;font-size:10px}.header-inner{gap:15px}.wordmark{min-width:145px}.split{gap:35px}.hero{min-height:640px}.gallery img{height:240px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:75px;justify-content:space-between}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#101010;padding:25px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:660px}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(90deg,#050505d9,#05050570),linear-gradient(0deg,#050505,transparent 60%)}.hero-content{padding:55px 0}.hero h1{font-size:clamp(2.8rem,9vw,4.5rem)}.section{padding:65px 0}.split{grid-template-columns:1fr;gap:30px}.split>img{height:350px}.service-grid,.steps{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:230px}.contact-band .wrap,.footer-top{display:block}.contact-band .button{margin-top:20px}.footer-links{margin-top:25px}.form-grid{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;bottom:15px;left:18px;background:var(--red);padding:10px 18px;font-size:12px;z-index:25}.site-footer{padding-bottom:85px}.preview-note{bottom:16px;font-size:9px}.page-heading{padding:55px 0}.contact-band{padding:60px 0}}
@media(max-width:460px){.gallery{grid-template-columns:1fr}.gallery img{height:300px}.actions .button{width:100%}.hero h1{font-size:2.75rem}.hero p{font-size:15px}.footer-links{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.header-inner .wordmark{width:190px;min-width:190px}.header-inner .wordmark img{width:190px;height:100px;object-fit:contain}.footer-top .wordmark img{width:240px}.site-header .header-inner{min-height:100px}@media(max-width:800px){.site-header .header-inner{min-height:85px}.header-inner .wordmark,.header-inner .wordmark img{width:170px;min-width:170px;height:85px}.nav{top:85px}}
@media(max-width:460px){.hero h1{font-size:clamp(1.8rem,8.6vw,2.55rem)}}

/* Direction graphique de la maquette fournie par KDC. */
@font-face{font-family:KDC Orbitron;src:url('assets/orbitron.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{--red:#ed121c;--line:#343438}
body{font-size:14px;line-height:1.55;background:#050505}
h1,h2,h3,.eyebrow,.signature,.location,.service-card strong{font-family:KDC Orbitron,Bahnschrift,Arial,sans-serif;letter-spacing:.055em;font-weight:650}
h2{font-size:clamp(1.25rem,2.05vw,1.8rem);line-height:1.35;margin:10px 0 18px}
h3{font-size:1.15rem;line-height:1.3}
.wrap{width:min(1280px,calc(100% - 48px))}
.site-header .header-inner{min-height:70px}
.header-inner .wordmark,.header-inner .wordmark img{width:135px;min-width:135px;height:70px}
.nav{font-size:10px;gap:25px;text-transform:uppercase;letter-spacing:.055em}
.nav a[aria-current=page]{border-bottom:2px solid var(--red);padding-bottom:8px}
.button{min-height:36px;padding:9px 18px;font-size:10px;letter-spacing:.06em;background:linear-gradient(110deg,#f01b26,#96050c);border:1px solid #f4262d;border-radius:2px;box-shadow:inset 0 0 12px #ff4c4c20}
.button.outline,.nav .button{background:#080808;border-color:#eb111c;box-shadow:none}
.button:hover{background:#b50912}
.hero{min-height:540px;border-bottom:1px solid var(--line)}
.hero>img{object-position:72% center}
.hero:after{background:linear-gradient(90deg,#000f 0%,#000c 30%,#0005 52%,#0001 100%),linear-gradient(0deg,#0009,transparent 40%)}
.hero-content{max-width:620px;padding:32px 0 42px}
.hero-logo{width:540px;max-width:100%;height:auto;margin-left:-18px;mix-blend-mode:screen}
.hero h1{font-size:clamp(.7rem,1.05vw,1rem);line-height:1.7;letter-spacing:.14em;margin:0 0 12px;border-bottom:1px solid #595959;padding-bottom:10px;white-space:nowrap}
.hero h1 span{display:inline;color:#fff!important}
.hero h1 span+span:before{content:' · ';color:var(--red);margin:0 6px}
.hero p{font-family:KDC Orbitron,Arial,sans-serif;font-size:10px;letter-spacing:.09em;color:#eee;text-transform:uppercase;margin:0 0 16px}
.hero .location{font-size:9px;letter-spacing:.2em;color:#ddd}
.actions{margin-top:24px;gap:18px}
.section{padding:42px 0;background:linear-gradient(135deg,#11111355,transparent 70%)}
.split{gap:35px}.split>img{height:340px;border:1px solid var(--line)}
.hero+.section .split{display:block;text-align:center;max-width:1080px}
.hero+.section .split>img{display:none}
.hero+.section .eyebrow{display:none}
.hero+.section h2{font-size:20px;letter-spacing:.16em;margin:0 0 14px}
.hero+.section p{margin:8px auto;max-width:100ch;font-size:13px}
.signature{margin:18px 0 0;font-size:11px;letter-spacing:.22em;display:flex;align-items:center;justify-content:center;gap:25px}
.signature:before,.signature:after{content:'';height:1px;width:100px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.eyebrow{font-size:9px;letter-spacing:.16em;color:#c4c4c8}.eyebrow:before{width:25px;background:var(--red)}
.service-grid{gap:18px}
.service-card{padding:26px 25px;min-height:310px;overflow:hidden;background-color:#0d0d0f;background-size:cover;background-position:center;border:1px solid #525258;box-shadow:inset 0 0 50px #0008}
.service-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0007),linear-gradient(0deg,#000f,transparent 80%)}
.service-card>*{position:relative;z-index:1}
.service-total-covering{background-image:url('assets/mini.webp')}
.service-protection-ppf{background-image:url('assets/mercedes.webp')}
.service-personnalisation{background-image:url('assets/hero.webp')}
.service-card .number{font-family:KDC Orbitron,Arial,sans-serif;font-size:22px;font-style:italic;font-weight:700;line-height:1;color:var(--red)}
.service-card h3{margin:13px 0 24px;font-size:18px;letter-spacing:0}
.service-card strong{color:#ff2630;font-size:11px!important;letter-spacing:.035em!important;max-width:28ch}
.service-card p{font-size:12px;color:#ddd;max-width:30ch}
.service-card .link{align-self:flex-start;border:1px solid var(--red);padding:6px 10px;margin-top:auto;font-size:10px;text-transform:uppercase;background:#080808b3}
.gallery{gap:15px}.gallery img{height:225px;border:1px solid #4a4a50}.gallery figcaption{font-size:10px;text-transform:uppercase;color:#eee;letter-spacing:.03em;padding:10px 0}
.steps{gap:30px}.step{border-top-width:1px;padding-top:10px}.step h3{font-size:15px}.step p{font-size:12px}
.contact-band{padding:42px 0;background:linear-gradient(90deg,#050505f2,#050505b0),url('assets/hero.webp') right 55%/cover;border-top:1px solid var(--line)}
.contact-band h2{font-size:clamp(1.4rem,2.1vw,1.85rem)}
.site-footer{padding:30px 0 18px}.footer-top .wordmark img{width:170px}.footer-top p{font-size:12px}.footer-links{font-size:10px}.footer-bottom{margin-top:20px;padding-top:15px}
.page-heading{padding:50px 0}.page-heading h1{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.3}.page-content{padding:40px 0 65px}.page-content h2{font-size:1.7rem}.page-content .intro{font-size:16px}.field{font-size:13px}
@media(max-width:1050px){.nav{gap:16px;font-size:9px}.nav .button{font-size:9px;padding:9px 12px}.hero{min-height:500px}.hero-content{max-width:550px}.service-card{padding:22px 18px}.service-card h3{font-size:15px}.gallery img{height:200px}}
@media(max-width:800px){.wrap{width:calc(100% - 32px)}.site-header .header-inner{min-height:70px}.header-inner .wordmark,.header-inner .wordmark img{width:135px;min-width:135px;height:70px}.nav{top:70px;font-size:12px;gap:20px}.hero{min-height:530px}.hero-content{max-width:540px;padding:30px 0 40px}.hero-logo{width:420px;margin-left:-8px}.hero h1{font-size:10px;letter-spacing:.08em;white-space:normal}.hero h1 span+span:before{margin:0 3px}.hero p{font-size:9px}.hero .location{font-size:8px}.hero:after{background:linear-gradient(90deg,#000e,#0007),linear-gradient(0deg,#000b,transparent 70%)}.section{padding:32px 0}.split>img{height:300px}.hero+.section h2{font-size:16px;letter-spacing:.08em}.signature{font-size:8px;letter-spacing:.1em;gap:10px}.signature:before,.signature:after{width:30px}.service-grid{gap:16px}.service-card{min-height:280px;padding:26px}.service-card h3{font-size:19px}.gallery img{height:200px}.contact-band{padding:35px 0}.contact-band .wrap{display:block}.site-footer{padding-bottom:85px}.page-heading h1{font-size:1.9rem}}
@media(max-width:460px){.hero{min-height:500px}.hero-logo{width:100%;margin-left:0}.hero h1{font-size:9px;letter-spacing:.045em}.hero h1 span+span:before{margin:0 2px}.hero p{font-size:8px;line-height:1.8}.actions{gap:12px}.actions .button{width:auto;flex:1;padding:10px 8px;font-size:9px}.gallery img{height:250px}.service-card{min-height:290px}.hero+.section .signature{font-size:8px;letter-spacing:.07em}.page-content h2{font-size:1.3rem}}
.hero-content{z-index:auto}.hero-content>*{position:relative;z-index:1}

/* Véhicules détourés : fonds du site, couleurs des véhicules conservées. */
.hero{background:radial-gradient(ellipse at 77% 60%,#79101f66,transparent 63%),linear-gradient(135deg,#050505,#141417)}
.hero>img{left:42%;width:58%;height:100%;object-fit:contain;object-position:center;padding:20px 14px 20px 0}
.hero:after{background:linear-gradient(90deg,#050505d9,transparent 62%)}
.service-card{background-size:95% auto;background-repeat:no-repeat;background-position:right bottom;background-color:#0b0b0e}
.service-total-covering{background-image:url('assets/vehicules/mercedes-covering.png')}
.service-protection-ppf{background-image:url('assets/vehicules/porsche-ppf.png')}
.service-personnalisation{background-image:url('assets/vehicules/bateau-personnalisation.png')}
.service-card:before{background:linear-gradient(180deg,#050505f5 0%,#050505b8 37%,#0505051c 80%)}
.service-card{min-height:355px}.service-card .link{background:#050505e8}
.gallery figure{background:radial-gradient(ellipse at 50% 45%,#54101844,transparent 73%),#0b0b0e;border:1px solid #39393e;overflow:hidden}
.gallery img{object-fit:contain;padding:16px;border:0;height:240px}.gallery figcaption{padding:12px 16px;border-top:1px solid #303034}
.split>img[src*="vehicules"]{object-fit:contain;padding:20px;background:radial-gradient(ellipse,#65132455,transparent 70%),#09090c}
.contact-band{background:radial-gradient(ellipse at 90% 70%,#6a142a55,transparent 70%),#08080a}
.project-photo{background:radial-gradient(ellipse,#73132444,transparent 70%),#0a0a0d;border:1px solid #343438}.project-photo img{padding:25px;width:100%;object-fit:contain}
.single-kdc_project .prose{max-width:1100px}.single-kdc_project .prose>img{display:none}
.comparison{aspect-ratio:16/8;background:radial-gradient(ellipse,#59122255,transparent 70%),#0a0a0d;border:1px solid #4b4b52;isolation:isolate}
.comparison img{object-fit:contain;padding:20px 30px 50px}.comparison .after{clip-path:inset(0 0 0 var(--position))}
.comparison:after{content:'';position:absolute;top:0;bottom:54px;left:var(--position);width:2px;background:#e31b23;pointer-events:none;z-index:1}
.compare-label{position:absolute;top:15px;padding:5px 12px;background:#080808db;border:1px solid #555;font:10px KDC Orbitron,Arial,sans-serif;letter-spacing:.12em;z-index:2}
.label-before{left:15px}.label-after{right:15px;color:#ff2534}.comparison input{accent-color:#e31b23;padding:0;background:transparent;border:0;bottom:15px}
.before-after-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.before-after-pair figure{margin:0!important;border:1px solid #45454b;background:radial-gradient(ellipse,#58112144,transparent 70%),#0b0b0e}.before-after-pair img{width:100%;height:350px;object-fit:contain;padding:20px}.before-after-pair figcaption{border-top:1px solid #343438;padding:12px 18px;font:12px KDC Orbitron,Arial,sans-serif;text-transform:uppercase}.service-projects{margin-top:60px}
@media(max-width:800px){.hero{min-height:640px}.hero>img{left:10%;top:260px;width:85%;height:355px;padding:0;opacity:.82}.hero-content{padding:15px 0 250px}.hero-logo{max-width:380px}.hero:after{background:linear-gradient(180deg,#050505a0,transparent 60%)}.hero h1,.hero p,.hero .location,.hero .actions{position:relative;z-index:2}.service-card{min-height:355px;background-size:85% auto}.gallery img{height:230px}.comparison{aspect-ratio:16/10}.comparison img{padding:30px 5px 50px}.before-after-pair{grid-template-columns:1fr}.before-after-pair img{height:300px}}
@media(max-width:460px){.hero{min-height:620px}.hero-content{padding-top:10px;padding-bottom:260px}.hero>img{top:285px;height:325px;left:3%;width:94%}.hero-logo{max-width:330px}.hero .actions{margin-top:18px}.comparison{aspect-ratio:1.25}.gallery img{height:240px}}
.comparison .after{background:radial-gradient(ellipse,#59122255,transparent 70%),#0a0a0d}
@media(max-width:800px){.hero>img{opacity:1}}

/* Atelier fictif, photos entières et détails réels. */
.hero{background:linear-gradient(90deg,#000a,transparent),url('assets/atelier-fictif.png') center/cover}
.gallery figure,.project-photo,.before-after-pair figure{background:linear-gradient(#0002,#0003),url('assets/atelier-fictif.png') center/cover}
.gallery img,.page-content .prose .project-photo img,.before-after-pair img,.comparison img{object-fit:contain!important;object-position:center!important}
.page-content .prose .project-photo img{width:100%;height:clamp(280px,48vw,590px)!important;max-height:none;padding:30px 6%;aspect-ratio:auto!important}
.page-content .prose .project-photo{margin:25px 0;overflow:visible}
.comparison,.comparison .after{background:url('assets/atelier-fictif.png') center/cover}
.hero>img{padding:35px 4%;filter:drop-shadow(0 20px 12px #0009)}
.gallery img{padding:24px 20px 16px;filter:drop-shadow(0 12px 8px #0007)}
.detail-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 35px}
.detail-gallery figure{margin:0;border:1px solid #444;background:#101013}
.detail-gallery img{width:100%;height:210px;object-fit:contain;background:#08080a}
.detail-gallery figcaption{padding:12px;font-size:11px;color:#ddd}
.detail-gallery a:hover figure{border-color:var(--red)}
.supplier-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;align-items:center}
.supplier-logos figure{margin:0;background:#fff;padding:8px;border-radius:2px}
.supplier-logos img{width:100%;height:55px;object-fit:contain}
.supplier-logos figure:nth-child(5){background:#101010}
@media(max-width:800px){.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.page-content .prose .project-photo img{height:340px!important;padding:20px 4%}}
@media(max-width:460px){.detail-gallery img{height:160px}.supplier-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.supplier-logos figure{background:transparent;padding:0;border-radius:0}.supplier-logos img{filter:grayscale(1) invert(1);mix-blend-mode:screen;height:48px}.supplier-logos figure:nth-child(5){background:transparent}.supplier-logos figure:nth-child(5) img{filter:grayscale(1)}
.split>img[src*="vehicules"]{background:linear-gradient(#0002,#0003),url('assets/atelier-fictif.png') center/cover}
/* Retour aux fonds noirs et rouges, sans atelier fictif. */
.hero{background:radial-gradient(ellipse at 77% 60%,#79101f66,transparent 63%),linear-gradient(135deg,#050505,#141417)}
.gallery figure{background:radial-gradient(ellipse at 50% 45%,#54101844,transparent 73%),#0b0b0e}
.project-photo{background:radial-gradient(ellipse,#73132444,transparent 70%),#0a0a0d}
.before-after-pair figure{background:radial-gradient(ellipse,#58112144,transparent 70%),#0b0b0e}
.comparison,.comparison .after{background:radial-gradient(ellipse,#59122255,transparent 70%),#0a0a0d}
.split>img[src*="vehicules"]{background:radial-gradient(ellipse,#65132455,transparent 70%),#09090c}
.page-a-propos .prose{max-width:none}.atelier-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 45px}.atelier-photo{margin:0;border:1px solid #39393e;background:#101013}.atelier-wide{grid-column:1/-1}.atelier-gallery .atelier-photo img{display:block;width:100%;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}.atelier-photo figcaption{padding:14px 18px;font-size:13px;color:#eee}.atelier-values{display:grid;grid-template-columns:1fr 1fr;gap:35px}.atelier-values section{border-top:1px solid #ed121c}.atelier-values h2{font-size:1.3rem}.atelier-gallery a{display:block}@media(max-width:800px){.atelier-gallery,.atelier-values{grid-template-columns:1fr}.atelier-wide{grid-column:auto}}
.atelier-prose{max-width:none}
.supplier-logos{grid-template-columns:repeat(7,minmax(0,1fr))}.comparison-compact{max-width:880px;width:100%;height:min(390px,50svh);aspect-ratio:auto;margin:0 auto}.photo-viewer{width:min(1100px,94vw);max-width:94vw;max-height:94svh;padding:65px 20px 20px;background:#0b0b0e;color:white;border:1px solid #666}.photo-viewer::backdrop{background:#000d}.photo-viewer img{width:100%;height:calc(85svh - 100px);object-fit:contain}.photo-close{position:absolute;top:12px;right:16px;background:#d71923;color:white;border:1px solid #ff3540;padding:10px 20px;cursor:pointer}.photo-caption{text-align:center;margin:12px auto 0;font-size:12px}.photo-open{overflow:hidden}@media(max-width:800px){.supplier-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-compact{height:290px}}@media(max-width:460px){.supplier-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-compact{height:250px}}
.personalisation-photo{margin:25px 0;border:1px solid #3b3b40}.page-content .personalisation-photo img{width:100%;height:auto!important;object-fit:contain!important}.personalisation-photo a{display:block}
.footer-links{max-width:420px;align-content:flex-start}
.service-description{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.service-description .prose{min-width:0}.service-cutout{margin:20px 0;background:radial-gradient(ellipse,#59122233,transparent 73%);position:sticky;top:100px}.service-cutout img{width:100%;height:clamp(300px,36vw,460px);object-fit:contain;padding:18px}.service-cutout a{display:block}@media(max-width:800px){.service-description{grid-template-columns:1fr;gap:15px}.service-cutout{position:static;grid-row:2}.service-cutout img{height:320px}}
.nav{font-size:12px;gap:22px;font-weight:650;letter-spacing:.04em}.site-header .header-inner{min-height:82px}.header-inner .wordmark,.header-inner .wordmark img{height:82px;width:145px;min-width:145px}.social-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center}.social-icon svg{width:24px;height:24px}.social-icon:hover{color:#ed121c}@media(max-width:1100px) and (min-width:801px){.nav{font-size:11px;gap:13px}.header-inner{gap:15px}.nav .button{font-size:10px;padding:9px 12px}}@media(max-width:800px){.nav{top:82px;font-size:15px;gap:22px}}
.service-description .service-cutout img{object-fit:contain!important;object-position:center!important}.service-cutout{min-width:0}

@media(min-width:801px){.site-header .header-inner{width:calc(100% - 48px);max-width:none;gap:28px}.site-header .nav{flex:1;margin-left:0;justify-content:space-between;gap:12px}.site-header .nav>a{white-space:nowrap}}
.page-total-covering .service-description{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.page-total-covering .service-cutout img{height:clamp(400px,44vw,570px);padding:0;max-height:570px}.page-protection-ppf .service-cutout img{height:auto;max-height:none;object-fit:contain!important;padding:0}.page-protection-ppf .service-cutout{border:1px solid #38383e}.service-description .prose p,.service-description .prose li,.prose p,.prose li{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;letter-spacing:normal}.footer-signature{font-family:cursive;font-style:italic;font-size:24px;color:#f2f2f2;line-height:1.4;border-bottom:2px solid #e31b23;padding-bottom:15px}.site-footer .wordmark{max-width:300px}.personalisation-photo{background:radial-gradient(ellipse,#59122233,transparent 75%)}
@media(max-width:800px){.page-total-covering .service-description{grid-template-columns:1fr}.page-total-covering .service-cutout img{height:350px}}

.site-footer .wordmark .footer-signature-image{width:320px;height:auto;max-width:100%;margin-top:12px}.site-footer .footer-top{align-items:center}.site-footer .footer-top>div:nth-child(2) p{font-size:18px;color:#eee;line-height:1.8}.site-footer .footer-top>div:nth-child(2) a[href^="tel:"]{font-size:24px;font-weight:700}
.site-footer .wordmark{width:360px;max-width:100%}.site-footer .wordmark .footer-signature-image{width:360px}.site-footer .wordmark>img:first-child{width:160px}.page-content .gallery img{object-fit:contain!important}

.site-footer .wordmark img{mix-blend-mode:screen}.site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 60px}.site-footer .footer-links{grid-column:1/-1;max-width:none;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px}.site-footer .social-icon{width:48px;height:48px}.site-footer .social-icon svg{width:34px;height:34px}.site-footer .footer-links>a:not(.social-icon){font-size:12px}.site-footer .footer-top>div:nth-child(2){justify-self:center}@media(max-width:800px){.site-footer .footer-top{grid-template-columns:1fr;gap:24px}.site-footer .footer-top>div{justify-self:center;text-align:center}.site-footer .footer-links{grid-column:1;margin-top:0;gap:20px}}

/* Affinements de présentation KDC — octobre 2026 */
body,.prose p,.prose li,.service-description .prose p,.service-description .prose li,.step p,.detail-gallery figcaption,.gallery figcaption{font-family:Arial,Helvetica,sans-serif}
.prose p,.prose li,.step p{font-size:16px;line-height:1.75;color:#c9c9cc}
.hero-content .hero-logo{max-width:430px;width:85%}.hero-content{max-width:590px}.hero .actions{margin-top:28px}
.section{padding:78px 0}.page-heading{padding:64px 0 46px}.page-heading h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.2}
.page-content h2{font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.4}.service-description{gap:50px}
.project-brief{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:48px;margin-bottom:45px}.project-brief p{font-size:17px;line-height:1.8}.project-facts{margin:0;padding:24px 28px;border:1px solid #353539;background:#101012}.project-facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-top:17px}.project-facts dt:first-child{margin-top:0}.project-facts dd{margin:4px 0 0;font-size:16px;color:#eee}
.project-visuals .project-photo img{width:100%;height:auto!important;max-height:650px;object-fit:contain!important;padding:26px 3%}.project-visuals .personalisation-photo img{max-height:650px;object-fit:contain}.project-visuals .managed-project-gallery{display:grid;gap:24px}.project-story .project-comparison{margin:55px auto}.project-next{margin-top:50px;border-top:1px solid #333;padding-top:30px}.project-next .button{margin:12px 12px 0 0}.project-visuals>p:first-child:empty{display:none}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.review-card{margin:0;padding:28px;border:1px solid #333;background:#101012}.review-card p{color:#eee;font-size:17px;line-height:1.7}.review-card cite{font-style:normal;color:#bbb;font-size:13px}.review-stars{color:#ed121c;letter-spacing:.12em}.review-note{font-size:12px;color:#aaa}.location-link{font-size:14px!important}.atelier-prose .atelier-person{max-width:750px;border-top:1px solid #333;padding-top:30px;margin-top:36px}
@media(max-width:800px){.section{padding:55px 0}.hero-content .hero-logo{max-width:310px}.project-brief,.review-grid{grid-template-columns:1fr;gap:22px}.page-heading{padding:42px 0 32px}.project-visuals .project-photo img{max-height:65svh}.service-description{gap:24px}.page-heading h1{font-size:clamp(1.8rem,7vw,2.8rem)}.detail-gallery figcaption{font-size:13px}.project-facts{padding:20px}}

/* KDC : ajustements exclusivement mobiles */
@media(max-width:800px){
body{padding-bottom:62px} .wrap{width:calc(100% - 32px)} .wrap>*{min-width:0} .site-footer .wordmark{min-width:0;width:100%;max-width:360px} .site-footer .wordmark img,.footer-signature-image{max-width:100%;width:100%;height:auto} .site-footer .footer-top,.site-footer .footer-links{min-width:0;max-width:100%} .site-footer p,.project-facts dd{overflow-wrap:anywhere} .mobile-call{position:fixed;left:0;right:0;bottom:0;width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;padding:12px 18px;border-top:1px solid #fa5960;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:25} .hero .actions{display:grid;grid-template-columns:1fr;gap:12px} .hero .actions .button{width:100%} .hero-content{min-width:0;max-width:100%} .service-card,.review-card,.project-facts{padding:22px} input,select,textarea{max-width:100%;min-width:0} .contact-form{min-width:0} .atelier-story .service-description>*{min-width:0}
}