/* Éclat — une direction photographique, trois palettes sans bleu. */
.eclat,.gallery{--accent:#cc3c2a;--ink:#242424;--muted:#686868;--line:#dedddd;--soft:#f9eeeb;--paper:#fff}
.eclat[data-palette="prune"]{--accent:#7e3b67;--soft:#f5eef3}
.eclat[data-palette="graphite"]{--accent:#353535;--soft:#f1f1f1}
.eclat .nav-cta{background:var(--accent);color:white;border-color:var(--accent)}
.eclat .nav-cta:hover{color:white;filter:brightness(.9)}
.palette-preview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.palette-preview>div:first-child{display:flex;gap:22px;align-items:center}.palette-kicker{font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--accent)}.palette-hint{font-size:10px;color:var(--muted)}
.palette-options{display:flex;align-items:center;gap:7px}.palette-options button{background:white;color:var(--ink);border:1px solid var(--line);font-size:10px;padding:7px 12px;display:flex;gap:7px;align-items:center;border-radius:30px}.palette-options button[aria-pressed="true"]{border-color:var(--accent);background:var(--soft);font-weight:800}.palette-options i{display:block;width:11px;height:11px;border-radius:50%}.chip-corail{background:#cc3c2a}.chip-prune{background:#7e3b67}.chip-graphite{background:#353535}
.eclat .eclat-hero{padding-top:22px;min-height:565px}.eclat .hero-copy{padding-top:28px;padding-bottom:0}.eclat .hero-copy h1{margin-top:30px;margin-bottom:22px}.eclat .hero-copy .button{margin-top:24px}.eclat .blue-visual{min-height:540px;background:#f0f0f0;border-bottom:8px solid var(--accent)}.eclat .blue-visual>img{object-fit:contain;mix-blend-mode:multiply;animation:appear .8s both;object-position:center 54%}.eclat .image-top{color:var(--ink);top:23px;font-size:8px;font-weight:700}.eclat .blue-visual figcaption{color:#555;bottom:20px;font-size:7px}.eclat .blue-label{color:var(--ink);box-shadow:0 7px 25px #00000010;border-left:2px solid var(--accent);background:#ffffffed}.eclat .label-one{top:25%;left:20px}.eclat .label-two{bottom:22%;right:15px}.eclat .orbit{background:var(--accent);color:white;width:48px;height:48px;bottom:17px}.hero-proof{display:flex;gap:16px;align-items:center;padding-top:27px;margin-top:auto;width:90%;font-size:10px;line-height:1.65}.hero-proof strong{font-weight:600}.proof-photos{display:flex;gap:5px}.proof-photos img{width:65px;height:55px;object-fit:cover}.proof-arrow{font-size:25px;color:var(--accent);margin-left:auto}
.eclat .section{padding-top:75px;padding-bottom:75px}.eclat-services .section-head{margin-bottom:30px}.eclat-services h2{font-size:48px}.eclat-services .section-head>p{line-height:1.8}.photo-services{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.photo-services>a{min-width:0}.service-photo{height:285px;position:relative;overflow:hidden;background:#eee}.service-photo img{height:100%;transition:transform .55s}.photo-services a:hover img{transform:scale(1.035)}.service-number{position:absolute;top:15px;left:15px;display:grid;place-items:center;width:30px;height:30px;background:white;font-size:9px;color:var(--accent);font-weight:800}.service-photo figcaption{position:absolute;bottom:12px;left:13px;font-size:7px;letter-spacing:.08em;background:#242424c9;color:white;padding:3px 7px}.service-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.service-title h3{font-size:24px;letter-spacing:-.04em}.service-title>span{font-size:26px;color:var(--accent)}.photo-services>a>p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:9px;max-width:290px}.eclat .eclat-compare{background:var(--soft)}.eclat .compare{background:#e3e3e3}.eclat .compare-photo{background-image:url('assets/avant-apres-eclat-v3.webp')}.eclat .compare-label{color:var(--ink)}.eclat .compare-help{color:var(--ink)}
.process-collage{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.process-collage figure{position:relative;overflow:hidden;height:385px;background:#eee}.process-collage img{height:100%;object-fit:cover}.process-site img{object-position:52% center}.process-detail img{object-position:58% center}.process-collage figcaption{position:absolute;bottom:0;left:0;right:0;padding:70px 25px 23px;background:linear-gradient(transparent,#000a);color:white;font-size:23px;line-height:1.1;letter-spacing:-.03em}.process-collage small{display:block;font-size:7px;letter-spacing:.1em;margin-top:13px}.photo-mark{position:absolute;top:18px;right:18px;background:var(--accent);color:white;display:grid;place-items:center;border-radius:50%;height:50px;width:50px;font-size:28px}.eclat .steps{margin-top:33px}.eclat-projects{display:grid;grid-template-columns:1.2fr 1fr;gap:40px 26px}.eclat-projects figure{min-width:0}.eclat-projects figure:nth-child(2){padding-top:55px}.eclat-projects figure:nth-child(3){margin-right:13%;margin-top:-35px}.eclat-projects figure:nth-child(4){margin-left:-8%}.eclat-projects img{height:290px;object-fit:cover}.eclat-projects figure:first-child img{height:340px}.eclat-projects figure:nth-child(4) img{height:310px}.eclat-projects figcaption{font-size:14px;margin-top:14px;line-height:1.4;font-weight:600}.eclat-projects figcaption span{display:block;font-weight:400;font-size:7px;letter-spacing:.06em;color:var(--muted);margin-top:8px}.all-projects{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:white;padding:30px 35px;margin-top:40px}.all-projects>span{font-size:28px;letter-spacing:-.04em;line-height:1.1}.all-projects>strong{font-size:11px;display:flex;align-items:center;gap:30px}.all-projects b{font-size:42px;font-weight:400}.eclat .concept-bar{color:#242424;border-color:#ddd;background:#ffffffed}.eclat .concept-bar>span,.eclat .motion-toggle{color:#666}.eclat .concept-bar>div>a{border-color:#ddd}.eclat .concept-bar a[aria-current]{border-color:var(--accent)}
.gallery .card-coral .gallery-art{background:var(--accent)}.gallery .card-coral .gallery-art>img{height:210px;object-fit:contain;background:#f1f1f1;object-position:center}.gallery .card-coral>p{color:var(--accent)}.gallery .card-coral .card-swatches i:nth-child(2){background:var(--accent)}.gallery .card-coral .card-swatches i:nth-child(3){background:#242424}
@media(min-width:1500px){.eclat .eclat-hero{min-height:640px}.eclat .blue-visual{min-height:615px}.eclat .hero-copy{padding-top:38px}.service-photo{height:330px}}
@media(max-width:1100px){.eclat .hero-copy h1{font-size:54px}.eclat .blue-visual{min-height:520px}.eclat .eclat-hero{min-height:545px}.service-photo{height:250px}.service-title h3{font-size:21px}.photo-services{gap:21px}.eclat-services h2{font-size:43px}.proof-photos img{width:56px;height:51px}.process-collage figure{height:330px}.eclat-projects img{height:255px}.eclat-projects figure:first-child img{height:300px}.eclat-projects figure:nth-child(4) img{height:275px}.gallery .card-coral .gallery-art>img{height:195px}}
@media(max-width:800px){.palette-preview>div:first-child{display:block}.palette-hint{display:block;font-size:9px;margin-top:3px}.palette-options button{padding:7px 10px;font-size:9px}.eclat .hero-copy h1{font-size:44px}.eclat .blue-visual{min-height:505px}.eclat .eclat-hero{min-height:530px}.eclat .image-top{font-size:6px;left:13px}.eclat .label-one{left:12px;top:25%}.eclat .label-two{right:10px;bottom:27%}.hero-proof{gap:10px;font-size:9px;width:95%}.proof-photos{gap:4px}.proof-photos img{width:44px;height:46px}.service-photo{height:210px}.service-title{margin-top:14px;align-items:flex-start;gap:5px}.service-title h3{font-size:19px;line-height:1.15}.service-title>span{font-size:21px;line-height:1}.photo-services>a>p{font-size:10px}.eclat .section{padding-top:55px;padding-bottom:55px}.eclat-services h2{font-size:40px}.process-collage{gap:18px;grid-template-columns:1.3fr 1fr}.process-collage figure{height:300px}.process-collage figcaption{padding:60px 20px 20px;font-size:21px}.eclat-projects img{height:220px}.eclat-projects figure:first-child img{height:260px}.eclat-projects figure:nth-child(4) img{height:235px}.eclat-projects{gap:32px 20px}.gallery .card-coral .gallery-art>img{height:150px}}
@media(max-width:560px){.palette-preview{display:block;padding:10px 0 13px}.palette-preview>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.palette-kicker{font-size:7px}.palette-hint{font-size:8px;margin:0}.palette-options{margin-top:9px;gap:7px}.palette-options button{flex:1;justify-content:center;font-size:10px;padding:7px 9px}.eclat .eclat-hero{min-height:0;padding-top:0}.eclat .hero-copy{padding:25px 0 25px}.eclat .hero-copy h1{font-size:clamp(43px,12.8vw,66px);margin:23px 0 20px}.eclat .hero-copy .button{margin-top:20px}.hero-proof{margin-top:0;padding-top:23px;width:100%;font-size:10px}.proof-photos img{width:62px;height:47px}.proof-arrow{margin-right:12px}.eclat .blue-visual{min-height:320px;border-bottom-width:6px}.eclat .image-top{top:17px;left:15px;font-size:6px}.eclat .blue-visual>img{object-position:center 55%}.eclat .blue-label{font-size:7px;gap:8px;padding:6px 9px}.eclat .label-one{left:10px;top:24%}.eclat .label-two{right:9px;bottom:24%}.eclat .blue-visual figcaption{bottom:15px;font-size:5px;left:15px}.eclat .orbit{width:32px;height:32px;right:14px;bottom:12px;font-size:20px}.eclat .section{padding-top:45px;padding-bottom:45px}.eclat-services h2{font-size:39px}.photo-services{grid-template-columns:1fr;gap:30px}.service-photo{height:270px}.service-title h3{font-size:25px}.service-title>span{font-size:27px}.photo-services>a>p{font-size:12px;max-width:none;margin-top:8px}.service-photo figcaption{font-size:6px}.eclat .compare-layout h2{font-size:47px}.process-collage{grid-template-columns:1fr;gap:17px}.process-collage figure{height:280px}.process-collage .process-detail{height:210px}.process-collage figcaption{font-size:23px}.eclat .steps{gap:25px 20px;margin-top:25px}.eclat-projects{grid-template-columns:1fr;gap:28px}.eclat-projects figure:nth-child(n){padding:0;margin:0}.eclat-projects figure:nth-child(n) img{height:240px}.eclat-projects figcaption{font-size:15px}.all-projects{margin-top:30px;padding:24px;display:block}.all-projects>span{font-size:28px}.all-projects>strong{justify-content:space-between;margin-top:20px}.gallery .card-coral .gallery-art>img{height:225px}}
@media(max-width:350px){.eclat .hero-copy h1{font-size:41px}.palette-hint{font-size:7px}.hero-proof{font-size:9px}.proof-photos img{width:53px}.service-photo{height:230px}.service-title h3{font-size:24px}.eclat .blue-visual{min-height:290px}}