/* Editorial balance V54 */
.inner-hero{padding:56px 7% 48px}.inner-hero h1{font-size:clamp(42px,5.1vw,76px);line-height:1.09;letter-spacing:-.065em;margin:14px 0}.inner-hero p{font-size:clamp(15px,1.25vw,18px);max-width:680px}.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding:58px 7%}.inner-page .projects{padding:48px 7% 62px}.page-end{padding:54px 7%}.page-end p{font-size:clamp(24px,2.6vw,37px)}.section-header h2,.about h2,.pricing h2,.contact h2{font-size:clamp(31px,3.3vw,51px);line-height:1.12;letter-spacing:-.055em}.hero-copy h1{font-size:clamp(42px,4.6vw,70px);line-height:1.04}.hero-left{padding-top:124px}.projects-intro h2{font-size:clamp(28px,2.5vw,41px)}.editorial{padding:58px 7%;border-top:1px solid #e1ddd6}.editorial:nth-of-type(even){background:#f5f1eb}.editorial-head{max-width:780px;margin-bottom:26px}.editorial-head h2{font:800 clamp(29px,3.2vw,46px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:12px 0}.editorial-head p{font-size:16px;line-height:1.65;color:#555;max-width:700px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editorial-card{padding:25px;background:#fffdfa;border:1px solid #e6e0d8;border-radius:12px}.editorial-card .number{display:block;color:#d5222c;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:15px}.editorial-card h3{font:800 clamp(18px,1.6vw,23px)/1.22 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 11px}.editorial-card p{font-size:14px;line-height:1.7;color:#57534f;margin:0}.editorial-list{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;max-width:1100px}.editorial-list>div{padding:19px 0;border-bottom:1px solid #ded9d1}.editorial-list strong{display:block;font-size:16px;margin-bottom:7px}.editorial-list p{font-size:14px;line-height:1.65;color:#555;margin:0}.editorial-note{margin-top:23px;font-size:13px;line-height:1.6;color:#716a62}.editorial-cta{display:inline-block;margin-top:24px;border-bottom:1px solid #111;padding-bottom:5px;font-size:14px;font-weight:700}.inner-page .projects-intro{margin-bottom:22px}.inner-page .projects-intro h2{font-size:clamp(28px,2.7vw,42px)}.inner-page .about>p{max-width:780px}.inner-page .contact>p{max-width:740px}@media(max-width:760px){.inner-hero{padding:36px 6% 33px}.inner-hero h1{font-size:clamp(38px,9vw,58px);line-height:1.1;overflow-wrap:break-word}.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding:40px 6%}.inner-page .projects{padding:35px 0 44px}.page-end{padding:42px 6%}.hero-copy h1{font-size:clamp(38px,9.4vw,53px)}.editorial{padding:42px 6%}.editorial-grid,.editorial-list{grid-template-columns:1fr}.editorial-card{padding:22px}.editorial-head{margin-bottom:20px}.editorial-head h2{font-size:clamp(28px,7.6vw,38px)}.editorial-head p{font-size:15px}.editorial-list>div{padding:16px 0}}
.service-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f8e9e5;color:#c52a2e;margin:0 0 13px}.service-icon svg{width:21px;height:21px}.editorial-list .service-icon{float:left;margin:0 13px 10px 0;width:34px;height:34px}.editorial-list>div:after{content:"";display:block;clear:both}.service-list .service-icon{vertical-align:middle;margin:0 12px 0 0}.service-list .service-icon+h3{display:inline;vertical-align:middle}
.trade-emoji{font-size:1.12em;vertical-align:-.06em;margin-right:6px}.service-list article{grid-template-columns:55px 42px minmax(160px,.75fr) minmax(210px,1fr) 20px;gap:12px;align-items:center}.service-list article>span:first-child{color:#ed2837;font-weight:800}.service-list article .service-icon{margin:0}.service-list article h3{display:block;font-size:clamp(18px,2vw,25px)}.service-list article p{grid-column:4}.service-list article .arrow{grid-column:5}.inner-page .details{background:#101010;color:#fff}.inner-page .details .section-header em{color:#f4f4f4}.inner-page .details .service-list article{border-top-color:#414141}.inner-page .details .service-list p{color:#d2d2d2}.inner-page .details .service-icon{background:#292020;color:#ff5a63}.editorial-card .number{color:#dc2030;font-size:13px}.editorial,.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding-top:42px;padding-bottom:42px}.editorial-head{margin-bottom:18px}.editorial-head h2{margin:9px 0}.editorial-head p{line-height:1.5;margin:0}.editorial-card{padding:19px}.editorial-card .number{margin-bottom:9px}.editorial-card h3{margin-bottom:7px}.editorial-card p{line-height:1.55}.editorial-list>div{padding:13px 0}.editorial-list p{line-height:1.5}.inner-hero{padding-top:42px;padding-bottom:36px}.inner-hero h1{margin:10px 0}.inner-page .projects{padding-top:38px;padding-bottom:45px}.page-end{padding-top:39px;padding-bottom:39px}.service-list article{padding-top:19px;padding-bottom:19px}@media(max-width:760px){.service-list article{display:grid;grid-template-columns:32px 38px minmax(0,1fr);gap:8px;padding:16px 0}.service-list article>span:first-child{grid-column:1;grid-row:1}.service-list article .service-icon{grid-column:2;grid-row:1}.service-list article h3{grid-column:3;grid-row:1;display:block;font-size:19px}.service-list article p{grid-column:3;grid-row:2;font-size:13px}.service-list article .arrow{display:none}.editorial,.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding-top:34px;padding-bottom:34px}.inner-hero{padding-top:31px;padding-bottom:28px}.editorial-card{padding:17px}.editorial-head{margin-bottom:16px}}
/* V58 — pictogrammes plus lisibles et cohérents */.service-icon{width:44px;height:44px;border-radius:12px;background:#f9e4e4;color:#b91d2b;flex-shrink:0}.service-icon svg{width:26px;height:26px;stroke-width:2}.editorial-list .service-icon{width:40px;height:40px;margin-right:14px}.editorial-list .service-icon svg{width:23px;height:23px}.service-list .service-icon{width:42px;height:42px;background:#372529;color:#ff626d}.service-list .service-icon svg{width:25px;height:25px}.editorial-card .service-icon{margin-bottom:10px}.editorial-card .number{font-weight:800;color:#c71d2a}@media(max-width:760px){.service-icon{width:40px;height:40px}.service-icon svg{width:23px;height:23px}.service-list .service-icon{width:38px;height:38px}}
/* V59 — retour aux pictogrammes fins, sans effet illustration */.service-icon{width:38px;height:38px;border-radius:10px;background:#f8e9e5;color:#c52a2e}.service-icon svg{width:21px;height:21px;stroke-width:1.7}.editorial-list .service-icon{width:34px;height:34px;margin-right:13px}.editorial-list .service-icon svg{width:20px;height:20px}.service-list .service-icon{width:38px;height:38px;background:#302124;color:#e64a53}.service-list .service-icon svg{width:21px;height:21px}.editorial-card .service-icon{margin-bottom:13px}@media(max-width:760px){.service-icon{width:36px;height:36px}.service-icon svg{width:20px;height:20px}.service-list .service-icon{width:36px;height:36px}}
/* Carousel of concept homepages within laptop */.laptop-carousel{position:relative}.laptop-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;overflow:hidden}.laptop-slide.is-active{opacity:1;visibility:visible}.laptop-slide .sample-top{height:15%}.laptop-slide .sample-main{height:85%}.laptop-slide>.preview-header{height:15%;background:#111;color:#fff}.laptop-slide .laptop-preview-body{height:85%;position:relative}.laptop-slide .laptop-preview-body.plumber{background:#eeeae4;color:#111}.laptop-slide .plumber-main{height:100%}.laptop-slide .preview-content{bottom:9%;left:7%}.laptop-slide .preview-content h3{font-size:clamp(15px,2vw,31px)}.laptop-slide .plumber-main h3{font-size:clamp(13px,1.7vw,28px)}.laptop-slide .plumber-main>div:first-child{padding:8% 5% 3% 9%}.laptop-carousel-controls{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:9px;background:#111d;color:#fff;border:1px solid #ffffff55;border-radius:24px;padding:3px 7px;backdrop-filter:blur(8px)}.laptop-carousel-controls button{color:#fff;background:transparent;border:0;width:23px;height:23px;font-size:20px;line-height:1}.laptop-progress{font-size:9px;font-weight:800;letter-spacing:.09em;min-width:40px;text-align:center}.laptop-slide .preview-content .mini-button{padding:6px 9px;font-size:8px}.laptop-slide .plumber-main p{font-size:clamp(7px,.7vw,10px)}@media(max-width:760px){.laptop-slide .preview-content h3{font-size:clamp(15px,4vw,27px)}.laptop-slide .plumber-main h3{font-size:clamp(13px,3.6vw,24px)}.laptop-carousel-controls{bottom:4px}.laptop-carousel-controls button{width:19px;height:19px}}
.adrian-slide{background:#f6f7f2;color:#243e35}.adrian-mini-nav{height:18%;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:white;border-bottom:1px solid #e2e6df;gap:6px}.adrian-mini-brand{font-size:clamp(6px,.68vw,10px);font-weight:800;line-height:1.2;white-space:nowrap}.adrian-mini-brand small{display:block;font-size:.7em;font-weight:500;letter-spacing:.04em}.adrian-mini-links{font-size:clamp(5px,.5vw,8px);white-space:nowrap}.adrian-mini-main{height:82%;display:grid;grid-template-columns:54% 46%}.adrian-mini-copy{padding:13% 6% 5% 9%}.adrian-mini-kicker{font-size:clamp(5px,.55vw,9px);color:#6d8c78;font-weight:800;letter-spacing:.06em}.adrian-mini-copy h3{font:800 clamp(13px,1.7vw,28px)/1.12 Manrope,sans-serif;letter-spacing:-.06em;margin:9% 0 6%}.adrian-mini-copy h3 em{font-style:normal;color:#71947d}.adrian-mini-copy p{font-size:clamp(6px,.62vw,10px);line-height:1.5;color:#59685e;margin:0}.adrian-mini-button{display:inline-block;background:#254d3c;color:white;padding:6px 9px;border-radius:4px;font-size:clamp(5px,.58vw,9px);margin-top:9%}.adrian-mini-photo{background:url("https://adrian-rodriguez.hatchable.site/images/adrian-portrait-ecoute-hq.avif") center/cover}@media(max-width:760px){.adrian-mini-copy h3{font-size:clamp(13px,3.6vw,23px)}.adrian-mini-brand{font-size:6px}.adrian-mini-links{font-size:5px}}
/* Capture authentique du site Adrian, non reconstituée */.adrian-slide{background:#f9f5e9}.adrian-real-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
/* V68 — Rythme typographique resserré sur toutes les pages */
.inner-hero{padding-top:34px;padding-bottom:25px}.inner-hero h1{margin:6px 0 7px;line-height:1.06}.inner-hero p{margin:0;line-height:1.45}.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding-top:30px;padding-bottom:32px}.inner-page .projects{padding-top:28px;padding-bottom:37px}.editorial{padding-top:29px;padding-bottom:32px}.editorial-head{margin-bottom:12px}.editorial-head h2{margin:5px 0 7px;line-height:1.1}.editorial-head p{line-height:1.43}.editorial-card h3{margin-bottom:5px}.editorial-card p{line-height:1.48}.editorial-card{padding:16px}.editorial-grid{gap:12px}.editorial-list>div{padding:12px 0}.editorial-list strong{margin-bottom:3px}.editorial-list p{line-height:1.45}.section-header h2,.about h2,.pricing h2,.contact h2{margin:7px 0 10px;line-height:1.1}.about p,.pricing p,.contact>p{margin:0 0 10px;line-height:1.45}.section-header{margin-bottom:13px}.projects-intro h2{margin-top:7px;margin-bottom:8px}.inner-page .projects-intro{margin-bottom:13px}.service-list article{padding-top:12px;padding-bottom:12px}.service-list article p{line-height:1.4}.page-end{padding-top:32px;padding-bottom:32px}.page-end p{margin:0;line-height:1.17}.contact form{margin-top:13px}.identity-prices-intro,.identity-prices-section,.identity-configurator{padding-top:28px;padding-bottom:28px}.identity-prices-intro{padding-bottom:10px}.identity-prices-intro h2,.identity-prices-heading h2,.identity-config-intro h2{margin:4px 0 5px;line-height:1.08}.identity-prices-intro>p,.identity-prices-heading>p,.identity-config-intro>p{margin:4px 0;line-height:1.4}.identity-prices-heading{margin-bottom:12px}.identity-plan h3{margin:9px 0 4px}.identity-plan-desc{line-height:1.38;min-height:0}.identity-plan-price{margin:12px 0 10px;padding-bottom:12px}.identity-plan li{padding-bottom:6px;line-height:1.38}.identity-plan{padding:19px 18px}.identity-extras-grid>div{padding:16px}.identity-extras-grid h3{margin-bottom:6px}.identity-extras-grid p{margin-top:6px;line-height:1.42}.identity-faq details{padding:14px}.identity-config-layout{margin-top:13px}
@media(max-width:760px){.inner-hero{padding:26px 6% 22px}.inner-hero h1{margin:5px 0 7px}.inner-page .details,.inner-page .about,.inner-page .pricing,.inner-page .contact{padding:28px 6%}.inner-page .projects{padding-top:25px;padding-bottom:33px}.editorial{padding:27px 6%}.section-header h2,.about h2,.pricing h2,.contact h2{margin:7px 0 10px}.editorial-head{margin-bottom:11px}.editorial-head h2{margin:5px 0 7px}.page-end{padding:28px 6%}.page-end p{margin-bottom:12px}.identity-prices-intro,.identity-prices-section,.identity-configurator{padding-top:25px;padding-bottom:25px}}