@charset "UTF-8";
:root{--ink:#172e39;--muted:#5a6b73;--blue:#176b91;--cyan:#9bd2d9;--paper:#f7f8f5;--line:#d8e0df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0078b3;outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(2.7rem,4.4vw,4.8rem);margin-bottom:26px}h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:24px}h3{font-size:1.65rem}em{font-style:normal;color:var(--blue)}p{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 104px));margin-inline:auto}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.site-header{background:rgba(247,248,245,.98);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav-bar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;line-height:1.1}.brand img{width:49px;height:57px;object-fit:contain;mix-blend-mode:multiply}.brand>span{font-size:24px;letter-spacing:.025em}.brand b{font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:.17em;margin-top:7px}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav>a{padding-block:12px}nav>a:hover,nav>a[aria-current]{color:var(--blue)}nav .nav-contact{background:var(--ink);color:white;padding:13px 19px}.nav-contact span{margin-left:16px}.menu-toggle{display:none}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--blue);margin-bottom:26px}.dot{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;margin-right:9px;vertical-align:2px}.hero{padding:38px 0 44px}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:38px;align-items:stretch}.hero-copy{padding:48px 0 0}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:570px}.hero h1{font-size:clamp(3rem,4.1vw,4.7rem);line-height:1.06;letter-spacing:-.052em}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:51px;padding:14px 22px;background:var(--blue);color:white;border:1px solid var(--blue);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,transform .18s}.button:hover{background:#11516f;border-color:#11516f;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:#b3c4c8}.button.secondary:hover{background:#e5edec}.hero .button{padding-inline:17px;gap:18px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:58px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.location:before{content:'↗';margin-right:7px}.hero-photo{position:relative;min-height:540px;overflow:hidden;background:#2f4349}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:47% center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#071d2ace)}.hero-photo figcaption{position:absolute;bottom:30px;left:30px;z-index:2;color:white}.hero-photo figcaption span{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.hero-photo figcaption strong{display:block;font-size:23px;font-weight:400;line-height:1.3;margin-top:10px;letter-spacing:-.025em}.photo-tag{position:absolute;right:20px;top:22px;color:white;font-size:8px;letter-spacing:.13em;writing-mode:vertical-rl;z-index:2}.expertise-band{background:var(--ink);color:#dce8e8}.expertise-band>.wrap{display:flex;justify-content:space-between;gap:15px;padding-block:21px;font-size:10px;letter-spacing:.17em}.expertise-band span+span:before{content:'+';color:#6f9aa6;margin-right:50px}.section{padding-block:98px}.section.compact{padding-top:22px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:43px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;font-size:14px;margin-bottom:0}.section-heading>.button{flex-shrink:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.solution-card{padding:29px 29px 24px;border:1px solid var(--line);background:#fff9;display:flex;flex-direction:column;min-height:285px;transition:border-color .2s,background .2s}.solution-card:hover{background:white;border-color:var(--blue)}.card-index{font-size:11px;color:var(--blue);letter-spacing:.13em;display:block;margin-bottom:38px}.solution-card h3{margin-bottom:18px;max-width:290px}.solution-card p{font-size:14px;line-height:1.75;margin-bottom:26px}.text-link{font-size:13px;font-weight:600;color:var(--blue)}.solution-card .text-link{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.feature{background:#e9eeec;padding-block:65px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center}.feature-image img{aspect-ratio:1.12;object-fit:cover}.feature-copy{padding-right:40px}.feature-copy h2{font-size:3.2rem}.feature-copy p:not(.eyebrow){font-size:14px;max-width:430px}.feature-copy .button{margin-top:17px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #a5b9be;padding-top:20px}.steps article>span{font-size:11px;color:var(--blue)}.steps h3{margin-top:29px;font-size:22px}.steps p{font-size:14px}.company-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:55px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.company-strip h2{font-size:2.5rem;margin-bottom:0}.company-strip>div+div{padding-top:20px}.company-strip p:not(.eyebrow){font-size:15px}.cta{background:#dcebed;padding:46px 48px;display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:85px;margin-bottom:85px}.cta h2{font-size:2.25rem;margin-bottom:0}.cta .eyebrow{margin-bottom:17px}.cta .button{flex-shrink:0}footer{background:var(--ink);color:#d8e5e8;padding-top:62px;font-size:13px}footer p{color:#adc1c8;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px}.footer-brand{font-size:23px;letter-spacing:.06em;color:white}.footer-grid>div>p{margin-top:18px}.footer-grid>div>span{font-size:10px;letter-spacing:.06em}.footer-grid h2{font-size:12px;letter-spacing:0;color:white;margin-bottom:23px;font-weight:600}.footer-grid>div>a:not(.footer-brand){display:block;margin-bottom:11px}.footer-grid a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid #40565f;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;padding-block:22px;margin-top:49px;color:#b6cbd0}.breadcrumb{display:flex;gap:13px;font-size:11px;color:var(--muted);padding-top:26px;flex-wrap:wrap}.page-intro{padding-top:65px;padding-bottom:48px}.page-intro h1{max-width:1000px}.lead{font-size:18px;max-width:710px}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding-top:10px;padding-bottom:35px}.detail-grid figure img{max-height:580px;aspect-ratio:1.22;object-fit:cover}.detail-grid>div{padding-right:30px}.detail-grid h2{font-size:2.4rem}.check-list{list-style:none;padding:0;margin-bottom:30px}.check-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.check-list li:before{content:'↗';color:var(--blue);margin-right:14px}.narrow{max-width:820px}.narrow p{font-size:16px}.narrow h2{font-size:2rem}.link-list{margin-top:35px}.link-list>a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;font-size:19px}.link-list span{font-size:13px;color:var(--blue)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.service-grid article{border-top:1px solid var(--line);padding-top:25px}.service-grid h2{font-size:1.7rem}.service-grid p{font-size:15px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.gallery figure:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center}.gallery img{aspect-ratio:1.45;object-fit:cover}.gallery figcaption{padding-top:22px}.gallery figcaption>span{font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.gallery h2{font-size:2rem;margin-top:12px}.story{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:30px;padding-bottom:65px}.year{font-size:clamp(5rem,13vw,12rem);font-weight:700;letter-spacing:-.08em;line-height:1;color:#bfd3d7}.story h2{font-size:2.5rem;margin-top:15px}.story p+h2{margin-top:55px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{font-size:20px;line-height:1.5;cursor:pointer}details p{margin-top:20px;max-width:690px}.project-list{padding-left:25px}.project-list li{padding-left:20px;margin-bottom:35px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-bottom:95px}.contact-info{border-top:1px solid var(--line);padding-top:30px}.phone{display:block;font-size:35px;letter-spacing:-.03em;margin-bottom:14px}.email{display:block;color:var(--blue);font-size:18px;margin-bottom:35px;overflow-wrap:anywhere}address{font-style:normal;color:var(--muted);font-size:15px;margin-bottom:30px}.contact-info>p:last-child{max-width:330px;font-size:14px}form{padding:35px;background:white;border:1px solid var(--line)}form h2{font-size:25px}.form-note{font-size:12px;line-height:1.7}label{display:block;font-size:13px;margin:20px 0 7px}input,select,textarea{display:block;width:100%;border:1px solid #b6c6cb;background:var(--paper);border-radius:0;color:var(--ink);padding:11px 12px;min-width:0}textarea{resize:vertical}form .button{margin-top:25px}#form-status{font-size:12px;margin:14px 0 0}#form-status:empty{display:none}
@media(min-width:1600px){.hero h1{font-size:4.7rem}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}nav{gap:15px;font-size:12px}.brand>span{font-size:20px}.brand img{width:40px}.hero-grid{gap:28px}.hero h1{font-size:3.5rem}.hero-copy{padding-top:25px}.hero-bottom{margin-top:35px}.feature-grid{gap:45px}.feature-copy{padding:0}.feature-copy h2{font-size:2.8rem}.expertise-band span+span:before{margin-right:20px}.cta{padding:36px}.hero-photo{min-height:515px}}
@media(max-width:950px){.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:6px 13px;font-size:24px;color:var(--ink)}.nav-bar{height:80px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:22px 32px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;font-size:16px;gap:4px}nav.open{display:flex}.hero h1{font-size:3.1rem}.hero-grid{grid-template-columns:1fr 1fr}.hero-photo{min-height:510px}.hero-bottom{flex-direction:column;gap:5px}.hero-copy>p:not(.eyebrow){font-size:15px}.cards{gap:15px}.solution-card{padding:24px 20px}.solution-card h3{font-size:23px}.feature-grid{gap:30px}.feature-copy h2{font-size:2.4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.detail-grid{gap:35px}.contact-grid{gap:40px}.phone{font-size:29px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.hero{padding-top:15px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding-top:27px}.hero h1{font-size:clamp(2.9rem,9.5vw,4rem)}.hero .eyebrow{font-size:9px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-bottom{flex-direction:row;gap:10px;font-size:9px;margin-top:28px}.hero-photo{min-height:360px}.hero-photo figcaption{left:24px;bottom:24px}.hero-photo figcaption strong{font-size:22px}.expertise-band>.wrap{display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:14px;padding-block:20px}.expertise-band span+span:before{display:none}.section{padding-block:64px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;max-width:100%}.section-heading>.button{margin-top:22px}.cards{grid-template-columns:1fr}.solution-card{min-height:245px;padding:26px}.card-index{margin-bottom:25px}.solution-card h3{font-size:28px}.solution-card p{max-width:470px}.feature{padding-block:35px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-copy{padding-bottom:12px}.feature-copy h2{font-size:2.7rem}.feature-copy p:not(.eyebrow){max-width:100%}.steps{grid-template-columns:1fr 1fr;gap:28px 20px}.steps h3{font-size:21px;margin-top:20px}.steps p{font-size:13px}.company-strip{grid-template-columns:1fr;gap:0;padding-block:38px}.company-strip h2{font-size:2.1rem}.cta{margin-block:50px;display:block;padding:28px}.cta h2{font-size:1.9rem}.cta .button{margin-top:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-wrap:wrap}.page-intro{padding-top:43px;padding-bottom:30px}.page-intro h1{font-size:2.8rem}.lead{font-size:16px}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-grid>div{padding:0}.detail-grid h2{font-size:2.2rem}.service-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;gap:38px}.gallery figure:first-child{display:block;grid-column:auto}.gallery h2{font-size:1.8rem}.story{grid-template-columns:1fr;gap:30px;padding-top:0}.year{font-size:6rem}.story h2{font-size:2.2rem}.link-list>a{flex-direction:column;font-size:18px;gap:6px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-info{padding-top:22px}form{padding:23px}.section.compact{padding-bottom:45px}.breadcrumb{font-size:10px}.project-list{padding-left:20px}.project-list li{padding-left:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.image-caption{font-size:11px;color:var(--muted);margin-top:12px}.partner-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:85px;padding-block:15px 70px;align-items:start}.partner-logo{background:white;border:1px solid var(--line);padding:40px;position:sticky;top:130px}.partner-logo img{height:140px;object-fit:contain}.partner-layout h2{font-size:1.9rem;margin-top:34px}.partner-layout h2:first-child{margin-top:0}.partner-layout .button{margin-top:20px}.notice{padding:30px;border-left:3px solid var(--blue);background:#e9eeec}.notice h2{font-size:1.7rem}.notice p:last-child{font-size:13px;margin-top:20px;margin-bottom:0}.tutorial article{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start;padding-block:45px;border-top:1px solid var(--line)}.tutorial h2{font-size:2rem}.tutorial img{max-height:440px;object-fit:contain;object-position:top left;background:#edf0ef;border:1px solid var(--line)}.tutorial .eyebrow{display:block}.site-map{display:grid;grid-template-columns:1fr 1fr;gap:40px 65px}.site-map h2{font-size:1.8rem}.site-map ul{padding-left:0;list-style:none}.site-map li{border-bottom:1px solid var(--line);padding-block:12px}.site-map a:hover{color:var(--blue)}.document-note{margin-top:30px}.legal-data{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);margin-bottom:30px}.legal-data dt,.legal-data dd{margin:0;padding:15px 0;border-bottom:1px solid var(--line)}.legal-data dt{font-weight:600;font-size:14px}.legal-data dd{color:var(--muted);padding-left:20px}.service-grid .button{font-size:12px;padding-inline:14px;gap:12px}.footer-bottom{flex-wrap:wrap;gap:14px}
.detail-grid img[src="/assets/ezcf8000.jpg"],.detail-grid img[src="/assets/ezcip250.jpg"]{object-fit:contain;background:#fff}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.news-card{background:white;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;min-height:340px}.news-card[hidden]{display:none}.news-topline{display:flex;justify-content:space-between;gap:15px;margin-bottom:30px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}.news-topline span+span{color:var(--muted);font-size:9px}.news-card h2{font-size:1.85rem;margin-bottom:18px}.news-card h2 a:hover{color:var(--blue)}.news-card p{font-size:14px}.news-credit{margin-top:auto;padding-top:10px;font-size:11px;color:var(--muted)}.news-card>.text-link{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;display:flex;justify-content:space-between}.news-home{grid-template-columns:repeat(3,1fr)}.news-home .news-card{padding:25px}.news-home h2{font-size:1.65rem}.news-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.news-filters[hidden]{display:none}.news-filters button{background:transparent;border:1px solid var(--line);color:var(--ink);padding:10px 17px;font-size:12px;cursor:pointer}.news-filters button[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}.news-status:empty{display:none}.news-status,.news-source-note{font-size:12px;color:var(--muted)}.news-source-note{margin-top:30px;max-width:800px}.news-byline{display:flex;gap:20px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:20px;margin-bottom:35px;font-size:12px;color:var(--blue)}.news-article>p{font-size:18px;line-height:1.85}.source-panel{background:#e5edef;padding:30px;margin-block:40px}.source-panel h2{font-size:1.6rem}.source-panel p{font-size:14px}.article-links{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
@media(max-width:1080px){.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:6px 13px;font-size:24px;color:var(--ink)}.nav-bar{height:80px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:22px 32px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;font-size:16px;gap:4px}nav.open{display:flex}}
@media(max-width:700px){.news-grid,.news-home{grid-template-columns:1fr}.news-card{min-height:0;padding:25px}.news-card h2{font-size:1.7rem}.news-filters{gap:7px}.news-filters button{padding:9px 12px}.news-topline{font-size:9px}.news-article>p{font-size:16px}.source-panel{padding:22px}}
.machine-presentation,.machine-teaser{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding-block:15px 60px}.machine-view video{display:block;width:100%;height:auto;aspect-ratio:4/3;background:white;border:1px solid var(--line)}.machine-view figcaption{font-size:11px;color:var(--muted);margin-top:12px}.machine-explanation h2,.machine-teaser h2{font-size:2.4rem}.machine-explanation p:not(.eyebrow){font-size:15px}.video-start[hidden]{display:none}.video-message{font-size:12px;margin-top:15px}.video-message:empty{display:none}.machine-teaser{background:#e9eeec;padding:35px;margin-top:25px}.machine-teaser-image img{aspect-ratio:4/3;object-fit:contain;background:white}.gallery figure a img[src="/assets/video/ezf-couverture.jpg"]{object-fit:contain;background:white}
@media(max-width:700px){.machine-presentation,.machine-teaser{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.machine-teaser{padding:22px}.machine-explanation h2,.machine-teaser h2{font-size:2rem}}
@media(max-width:700px){.partner-layout{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.partner-logo{position:static;padding:30px}.partner-logo img{height:85px}.tutorial article{grid-template-columns:1fr;gap:15px;padding-block:30px}.site-map{grid-template-columns:1fr;gap:20px}.legal-data{grid-template-columns:1fr}.legal-data dt{border-bottom:0;padding-bottom:0}.legal-data dd{padding-left:0;padding-top:5px}.notice{padding:22px}}
/* Montage des réalisations : l’image reste visible sans JavaScript. */
.hero-photo>.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.hero-photo>.hero-video.is-playing{opacity:1}.hero-video-toggle{position:absolute;left:24px;top:22px;z-index:3;background:#132a35e8;color:white;border:1px solid #ffffff80;padding:10px 14px;font-size:12px;cursor:pointer}.hero-video-toggle[hidden]{display:none}.hero-photo:after{pointer-events:none}
/* Six domaines, liens accessibles, sans défilement horizontal. */
.expertise-band>.wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:center;font-size:9px;letter-spacing:.1em;text-transform:uppercase;text-align:center}.expertise-band a{padding:8px 3px;line-height:1.7}.expertise-band a:hover{text-decoration:underline;text-underline-offset:5px}.expertise-band a:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:1100px){.expertise-band>.wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.expertise-band>.wrap{grid-template-columns:repeat(2,minmax(0,1fr));font-size:8px;gap:10px 16px}}
/* Collection visuelle : un format commun pour les applications et les machines. */
.solution-card.has-visual{padding:0;overflow:hidden}.card-media{position:relative;overflow:hidden;background:#e9efed}.card-media img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .45s}.card-media img[src*="/video/"]{object-fit:contain;background:#fff}.solution-card:hover .card-media img{transform:scale(1.025)}.media-kind{position:absolute;bottom:14px;left:16px;background:#ffffffed;color:var(--ink);font-size:9px;letter-spacing:.07em;padding:6px 9px}.card-content{padding:25px 28px 24px;display:flex;flex:1;flex-direction:column}.has-visual .card-index{margin-bottom:20px}.has-visual h3{max-width:none;font-size:26px}.has-visual p{font-size:14px}.has-visual .text-link{margin-top:auto}.editorial-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.editorial-pair figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.editorial-pair h2{font-size:clamp(2rem,3.5vw,3.2rem)}.editorial-pair p:not(.eyebrow){font-size:15px;max-width:490px}.editorial-pair figcaption,.photo-trio figcaption,.article-visual figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}.photo-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photo-trio img{aspect-ratio:3/2;object-fit:cover;width:100%}.article-visual{padding-bottom:35px;max-width:900px}.article-visual img{width:100%;max-height:480px;object-fit:cover;aspect-ratio:3/2}.process-strip img{width:100%;height:auto}.visual-credit,.family-note{font-size:12px;color:var(--muted);margin-top:20px}.process-figure{background:#e9f0ef}.machine-view .video-start{margin-top:20px}.machine-view .video-message{font-size:12px}.machine-presentation em{font-style:normal;color:var(--blue)}
@media(max-width:1100px){.card-content{padding:23px 20px}.has-visual h3{font-size:23px}.editorial-pair{gap:38px}.machine-presentation{gap:35px}}
@media(max-width:700px){.card-content{padding:25px}.has-visual h3{font-size:28px}.editorial-pair{grid-template-columns:1fr;gap:28px}.photo-trio{grid-template-columns:1fr;gap:30px}.machine-presentation{grid-template-columns:1fr;gap:28px}.article-visual{padding-bottom:25px}.process-strip{overflow:hidden}.process-strip img{min-height:180px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.solution-card:hover .card-media img{transform:none}}
.news-image{position:relative;display:block;margin:-31px -31px 25px;overflow:hidden}.news-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.news-image>span{position:absolute;bottom:12px;left:15px;font-size:9px;background:#ffffffed;padding:5px 8px;color:var(--ink)}@media(max-width:700px){.news-image{margin:-25px -25px 24px}}
.news-card{--news-padding:32px;overflow:hidden}.news-home .news-card{--news-padding:25px}.news-image{margin:calc(-1 * var(--news-padding)) calc(-1 * var(--news-padding)) 25px}.process-mobile{display:none}@media(max-width:700px){.news-card{--news-padding:25px}.process-strip>img{display:none}.process-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:22px 10px;margin:0;background:#e9f0ef;gap:5px;font-size:11px;text-align:center}.process-mobile span{display:block;font-size:18px;color:var(--blue);margin-bottom:10px}}
.cards.cards-two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.cards.cards-two{grid-template-columns:1fr}}
.service-portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px;margin-top:38px}.service-portfolio img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#f5f7f4}.service-portfolio figcaption{font-size:10px;color:var(--muted);margin-top:10px}.service-portfolio h3{margin-top:20px;margin-bottom:12px}.service-portfolio p{font-size:14px;max-width:450px}.card-media img[src*="automatismes"],.card-media img[src*="depannage"]{object-fit:contain;background:#f5f7f4}@media(max-width:700px){.service-portfolio{grid-template-columns:1fr;gap:32px}}
.product-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-highlights span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.product-highlights strong{display:block;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;color:var(--blue);margin-top:12px;letter-spacing:-.04em}.product-highlights p{font-size:13px;margin:10px 0 0}.spec-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-top:40px}.product-specs{display:grid;grid-template-columns:1fr 1.3fr;margin:0}.product-specs dt,.product-specs dd{padding:16px 12px;border-bottom:1px solid var(--line);margin:0;font-size:14px;line-height:1.6}.product-specs dt{color:var(--muted);padding-left:0}.spec-note{padding:30px;background:#e5edef;align-self:start}.spec-note h3{font-size:27px}.spec-note p{font-size:14px}.document-panel{padding:36px;background:#e6eeee;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:60px}.document-panel h2{font-size:2rem}.document-panel p{font-size:14px;max-width:600px}.document-panel .button{flex-shrink:0}.product-discovery{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:44px;background:#e9efed}.native-process{display:grid;gap:12px}.native-process span{display:block;background:#fff;padding:20px;border-left:3px solid var(--blue);font-size:14px}.missing-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #9aafb5;background:#eef2f0;min-height:230px;text-align:center;padding:25px;color:var(--muted);font-size:13px}.news-card>.missing-media{margin:calc(-1 * var(--news-padding)) calc(-1 * var(--news-padding)) 25px}.missing-icon{font-size:36px;color:#758e98}.missing-media small{font-size:11px;color:var(--blue)}.news-summary-link{font-size:12px;color:var(--blue);margin-top:13px}.article-placeholder{margin-bottom:35px}.exact-machine img{object-fit:contain!important;background:white}.configuration-note{background:#e5edef;padding:22px 26px;font-size:14px;line-height:1.8;margin-bottom:45px}.configuration-note strong{display:block;font-weight:600;color:var(--ink)}.configure-media{aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e1ecee;color:var(--blue);gap:25px;font-size:12px;letter-spacing:.1em}.configure-vessels{display:flex;gap:18px;align-items:end}.configure-vessels i{display:block;width:45px;height:95px;border:2px solid #32778a;border-radius:50%/12%;background:linear-gradient(90deg,#d2e3e6,#f7faf9,#c4dadd);position:relative}.configure-vessels i:first-child{height:72px}.configure-vessels i:last-child{height:115px}.card-media img[src*="ezcip225-3d"]{object-fit:contain;background:white}.unique-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 35px}.unique-gallery img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#e9efed}.unique-gallery h2{font-size:1.8rem;margin:22px 0 10px}.unique-gallery p{font-size:14px}
@media(max-width:700px){.product-highlights{grid-template-columns:1fr;gap:24px}.product-highlights article+article{padding-top:22px;border-top:1px solid var(--line)}.product-highlights strong{font-size:2.8rem}.spec-layout,.product-discovery{grid-template-columns:1fr;gap:28px}.product-discovery{padding:25px}.product-specs{grid-template-columns:1fr 1.1fr}.product-specs dt,.product-specs dd{font-size:12px;padding-block:13px}.spec-note{padding:25px}.document-panel{display:block;padding:25px}.document-panel .button{margin-top:15px}.unique-gallery{grid-template-columns:1fr;gap:35px}.configuration-note{padding:20px}}
.news-card>.missing-media{aspect-ratio:3/2;min-height:0}.news-card>.missing-media .missing-icon{line-height:1}.news-image img[src*="linkedin-"]{object-fit:contain;background:#fff}

/* Vue verticale complète du levage : aucune coupe en haut des cloches. */
.unique-gallery img[src*="galerie-ensemble-"]{aspect-ratio:auto;height:auto;object-fit:contain}

.service-illustrated>article{min-width:0;overflow:hidden}.service-photo{margin-bottom:24px;background:#e9efed}.service-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.service-illustrated h2{font-size:1.6rem}

.service-photo img[src*="service-maintenance-client"],.card-media img[src*="service-maintenance-client"]{object-fit:contain;background:#e9efed}

.partner-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.partner-card{min-width:0;border:1px solid var(--line);background:white;overflow:hidden}.partner-card-logo{display:flex;align-items:center;justify-content:center;height:150px;padding:30px;background:white}.partner-card-logo img{width:100%;max-width:260px;height:90px;object-fit:contain}.partner-card-content{padding:10px 30px 30px}.partner-card-content h2{font-size:1.9rem}.partner-card-content p{font-size:14px}.partner-site-preview{display:block;border-top:1px solid var(--line);background:#e9efed}.partner-site-preview img{display:block;width:100%;height:auto;aspect-ratio:1280/850;object-fit:cover;object-position:top}.partner-site-preview span{display:block;padding:17px 25px;font-size:13px;color:var(--blue)}.partner-site-preview:hover span{text-decoration:underline}@media(max-width:700px){.partner-cards{grid-template-columns:1fr}.partner-card-content{padding:10px 22px 25px}}

.partner-detail-site{max-width:680px;margin-top:30px;border:1px solid var(--line)}

/* Independent scene planes respond to pointer and scroll. */
.hero-depth{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 83% 40%,#dce9e780,transparent 60%)}
.depth-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;perspective:1000px}
.depth-grid{position:absolute;width:150%;height:75%;left:-20%;bottom:-38%;background-image:linear-gradient(#467b8b18 1px,transparent 1px),linear-gradient(90deg,#467b8b18 1px,transparent 1px);background-size:65px 65px;transform:rotateX(66deg);mask-image:radial-gradient(ellipse,#000 10%,transparent 68%)}
.depth-orbit{position:absolute;display:block;border:1px solid #48879a26;border-radius:50%;width:650px;height:650px;right:-130px;top:-90px;transform:rotateY(-30deg) rotateX(20deg)}
.depth-orbit-front{width:410px;height:410px;right:12%;top:220px;border-color:#48879a1c}
.depth-light{position:absolute;width:550px;height:550px;right:10%;top:0;background:radial-gradient(circle,#a6d2d538,transparent 65%)}
.hero-depth .hero-grid{position:relative;perspective:1400px}
.hero-depth .hero-photo{box-shadow:0 24px 50px -28px #123e5255;transform-origin:center;}
.hero-depth.depth-active .hero-photo{transform:translate3d(calc(var(--scene-x,0) * 9px),calc(var(--scene-y,0) * 6px),0) rotateX(calc(var(--scene-y,0) * -2deg)) rotateY(calc(var(--scene-x,0) * 3deg));will-change:transform}
.hero-depth.depth-active .depth-orbit-back{transform:translate3d(calc(var(--scene-x,0) * -18px),calc(var(--scene-y,0) * -12px),0) rotateY(-30deg) rotateX(20deg)}
.hero-depth.depth-active .depth-orbit-front{transform:translate3d(calc(var(--scene-x,0) * 26px),calc(var(--scene-y,0) * 16px),0) rotateY(-25deg) rotateX(15deg)}
.hero-depth.depth-active .depth-light{transform:translate3d(calc(var(--scene-x,0) * 36px),calc(var(--scene-y,0) * 20px),0)}
@media(max-width:700px),(prefers-reduced-motion:reduce){.depth-scene{display:none}.hero-depth .hero-photo{transform:none!important;will-change:auto!important}}

/* Foreground typography, equipment plane, and distant architectural lines. */
.hero-depth .hero-grid{perspective:1100px}
.hero-depth .hero-copy{transform-style:preserve-3d}
.hero-depth.depth-active .hero-copy{transform:rotateX(calc(var(--scene-y,0) * -1.5deg)) rotateY(calc(var(--scene-x,0) * 2deg))}
.hero-depth.depth-active .hero-copy h1{transform:translate3d(calc(var(--scene-x,0) * 19px),calc(var(--scene-y,0) * 12px - var(--scene-scroll,0) * 26px),45px);text-shadow:calc(var(--scene-x,0) * -2px) 6px 18px #173e4914}
.hero-depth.depth-active .hero-copy>.eyebrow{transform:translate3d(calc(var(--scene-x,0) * 10px),calc(var(--scene-y,0) * 7px - var(--scene-scroll,0) * 12px),18px)}
.hero-depth.depth-active .hero-copy>p:not(.eyebrow){transform:translate3d(calc(var(--scene-x,0) * 13px),calc(var(--scene-y,0) * 9px - var(--scene-scroll,0) * 17px),25px)}
.hero-depth.depth-active .hero-copy>.actions{transform:translate3d(calc(var(--scene-x,0) * 8px),calc(var(--scene-y,0) * 6px),14px)}
.hero-depth.depth-active .hero-bottom{transform:translate3d(calc(var(--scene-x,0) * 5px),calc(var(--scene-y,0) * 4px),8px)}
.hero-depth.depth-active .hero-photo{transform:translate3d(calc(var(--scene-x,0) * -17px),calc(var(--scene-y,0) * -11px + var(--scene-scroll,0) * 34px),0) rotateX(calc(var(--scene-y,0) * -4deg)) rotateY(calc(var(--scene-x,0) * 6deg));box-shadow:calc(var(--scene-x,0) * -12px) 32px 65px -22px #123e5260}
.hero-depth.depth-active .hero-photo figcaption{transform:translate3d(calc(var(--scene-x,0) * 12px),calc(var(--scene-y,0) * 9px),0)}
.hero-depth.depth-active .depth-grid{transform:translate3d(calc(var(--scene-x,0) * -24px),calc(var(--scene-y,0) * -14px + var(--scene-scroll,0) * 65px),0) rotateX(66deg) rotateZ(calc(var(--scene-x,0) * 1.2deg));background-size:58px 58px}
.hero-depth.depth-active .depth-orbit-back{transform:translate3d(calc(var(--scene-x,0) * -38px),calc(var(--scene-y,0) * -24px),0) rotateY(calc(-30deg + var(--scene-x,0) * 8deg)) rotateX(20deg);border-color:#48879a40}
.hero-depth.depth-active .depth-orbit-front{transform:translate3d(calc(var(--scene-x,0) * 55px),calc(var(--scene-y,0) * 32px),0) rotateY(-25deg) rotateX(15deg);border-color:#48879a30}
.hero-depth .hero-copy:focus-within,.hero-depth .hero-copy:focus-within>*{transform:none!important}
@media(max-width:700px),(prefers-reduced-motion:reduce){.hero-depth .hero-copy,.hero-depth .hero-copy>*,.hero-depth .hero-photo figcaption{transform:none!important;text-shadow:none!important}}

/* Architectural showroom: a shared camera, floor, fluted wall and distant opening. */
.hero-depth{min-height:min(850px,calc(100svh - 96px));padding-top:65px;padding-bottom:85px;background:#e7eeeb}
.hero-depth .depth-scene{perspective:1200px;background:linear-gradient(125deg,#ecf0e9,#dce6e3 60%,#b9ced0)}
.showroom-camera{position:absolute;inset:-6%;transform-style:preserve-3d;transform-origin:55% 48%}
.showroom-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 30%,#fffff580,transparent 60%),linear-gradient(100deg,#e1e9e2,#e9eee8 60%,#c3d3d2)}
.showroom-ribs{position:absolute;inset:0 auto 0 0;width:31%;display:flex;gap:3.2%;transform:perspective(900px) rotateY(24deg);transform-origin:left;mask-image:linear-gradient(90deg,#000 65%,transparent)}
.showroom-ribs i{display:block;flex:1;background:linear-gradient(90deg,#a1b7b54d,#f7f8eeaa 38%,#d8e1d8 65%,#819b9b42);box-shadow:14px 8px 22px #3c666522}
.showroom-floor{position:absolute;left:-20%;width:140%;height:64%;bottom:-35%;background:repeating-linear-gradient(90deg,transparent 0 159px,#819d9b27 160px 161px),repeating-linear-gradient(0deg,transparent 0 109px,#819d9b27 110px 111px),linear-gradient(#cedbd6,#e9eee4);transform:perspective(700px) rotateX(62deg);transform-origin:center top;box-shadow:0 -1px 0 #f7faf0}
.showroom-portal{position:absolute;right:-2%;top:18%;height:63%;width:20%;border-radius:48% 48% 0 0;border:20px solid #d1dfd9;background:linear-gradient(135deg,#345965,#a8bec0 55%,#dbe5da);box-shadow:inset 25px 10px 40px #173b4950, -15px 18px 35px #42666520;overflow:hidden}
.showroom-portal span{position:absolute;bottom:-5%;left:15%;width:140%;height:32%;transform:skewY(-12deg);background:repeating-linear-gradient(0deg,#c6d6ce 0 17px,#edf0e6 18px 23px);box-shadow:0 -4px 18px #eff8eb70}
.showroom-plinth{position:absolute;right:8%;top:74%;width:45%;height:11%;background:linear-gradient(120deg,#f6f8ee,#d2dfd7);transform:perspective(800px) rotateX(57deg) rotateZ(-7deg);box-shadow:0 24px 0 #c2d0c9,0 45px 40px #264c4c35}
.showroom-beam{position:absolute;left:24%;top:-20%;width:22%;height:150%;background:linear-gradient(90deg,transparent,#fffce83b,transparent);transform:rotate(25deg);filter:blur(12px)}
.hero-depth .depth-grid,.hero-depth .depth-orbit,.hero-depth .depth-light{display:none}
.hero-depth .hero-grid{align-items:center;min-height:610px;gap:70px}
.hero-depth .hero-copy{padding-top:10px;z-index:2}
.hero-depth .hero-copy>p:not(.eyebrow){color:#405960}
.hero-depth .hero-photo{min-height:490px;border:8px solid #f8faf170;box-shadow:0 35px 45px -20px #234e5155;border-radius:3px;align-self:center}
.hero-depth .hero-photo figcaption{bottom:24px}
.hero-depth.depth-active .showroom-camera{transform:translate3d(calc(var(--scene-x,0) * -20px),calc(var(--scene-y,0) * -12px + var(--scene-scroll,0) * 24px),0) rotateX(calc(var(--scene-y,0) * 2.5deg)) rotateY(calc(var(--scene-x,0) * -4deg)) scale(1.03)}
.hero-depth.depth-active .hero-photo{transform:translate3d(calc(var(--scene-x,0) * -24px),calc(var(--scene-y,0) * -15px + var(--scene-scroll,0) * 34px),0) rotateX(calc(var(--scene-y,0) * -3deg)) rotateY(calc(-5deg + var(--scene-x,0) * 5deg));box-shadow:calc(var(--scene-x,0) * -15px) 35px 60px -16px #234e5159}
@media(min-width:701px) and (max-width:1100px){.hero-depth .hero-grid{gap:32px}.hero-depth .hero-photo{min-height:470px}.hero-depth .hero-copy h1{font-size:3.2rem}}
@media(max-width:700px){.hero-depth{min-height:0;padding-top:20px;padding-bottom:38px;background:linear-gradient(135deg,#eef2eb,#dce7e2)}.hero-depth .hero-grid{min-height:0;gap:28px}.hero-depth .hero-photo{min-height:360px}.hero-depth .hero-copy{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.hero-depth .depth-scene{display:block}.showroom-camera{transform:none!important}}

/* Office projection: image and projected film share one camera transform. */
.hero-depth{height:max(730px,56.28vw);min-height:0;max-height:1100px;padding:0;background:#e5e7df;perspective:1400px}
.office-world{position:absolute;inset:-2%;transform-style:preserve-3d;transform-origin:55% 48%}
.office-environment{position:absolute;inset:0;background:url('/assets/illustrations/bureau-ingenierie.webp') center/100% 100% no-repeat}
.hero-depth .hero-grid{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;display:block;perspective:none}
.hero-depth .hero-copy{position:absolute;left:5%;top:15%;width:39%;padding:28px 28px 22px;background:linear-gradient(115deg,#f6f8f0ed,#f6f8f0d6);border:1px solid #ffffff70;box-shadow:0 12px 50px #173e4910;backdrop-filter:blur(7px);border-radius:2px;transform:none!important}
.hero-depth .hero-copy h1{font-size:clamp(2.5rem,3.55vw,4.7rem);line-height:1.08}
.hero-depth .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}
.hero-depth .hero-copy .eyebrow{font-size:9px;margin-bottom:20px}
.hero-depth .hero-copy>.actions{gap:10px;margin-top:24px}
.hero-depth .hero-copy .button{font-size:11px;padding:13px 15px}
.hero-depth .hero-bottom{margin-top:26px;font-size:9px;gap:8px}
.hero-depth .hero-photo,.hero-depth.depth-active .hero-photo{position:absolute;left:50.9%;top:24%;width:45.2%;height:47.1%;min-height:0;align-self:auto;border:0;border-radius:0;box-shadow:none;transform:none!important;overflow:hidden;background:#e9e8dc;mix-blend-mode:multiply;isolation:isolate}
.hero-depth .hero-photo>img,.hero-depth .hero-photo>.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.14) saturate(.68) contrast(.86);opacity:.94}
.hero-depth .hero-photo>.hero-video{opacity:0}
.hero-depth .hero-photo>.hero-video.is-playing{opacity:.94}
.hero-depth .hero-photo:after{background:linear-gradient(120deg,#fffae52a,transparent 50%,#efe9dc20);box-shadow:inset 0 0 18px 6px #e9e8dc38}
.hero-depth .hero-photo figcaption,.hero-depth .hero-photo .photo-tag{display:none}
.hero-depth .hero-video-toggle{left:12px;top:12px;font-size:10px;padding:7px 10px;background:#183e49d9}
.hero-depth.depth-active .office-world{transform:translate3d(calc(var(--scene-x,0) * -12px),calc(var(--scene-y,0) * -8px + var(--scene-scroll,0) * 12px),0) rotateX(calc(var(--scene-y,0) * 1.5deg)) rotateY(calc(var(--scene-x,0) * -2deg)) scale(1.025)}
.hero-depth.depth-active .hero-copy>*,.hero-depth.depth-active .hero-copy h1,.hero-depth.depth-active .hero-copy>.eyebrow,.hero-depth.depth-active .hero-copy>p:not(.eyebrow),.hero-depth.depth-active .hero-copy>.actions,.hero-depth.depth-active .hero-bottom{transform:none;text-shadow:none}
@media(min-width:701px) and (max-width:1100px){.hero-depth .hero-copy{left:4%;width:41%;padding:22px}.hero-depth .hero-copy h1{font-size:2.65rem}.hero-depth .hero-copy>p:not(.eyebrow){font-size:13px}.hero-depth .hero-bottom{flex-direction:column;margin-top:20px}}
@media(max-width:700px){.hero-depth{height:auto;max-height:none;padding:30px 20px 35px;background:#e6ebe3}.office-world{position:relative;inset:auto;transform:none!important}.office-environment{inset:-30px -20px -35px;background-size:auto 100%;background-position:22% center;opacity:.58}.hero-depth .hero-grid{position:relative;inset:auto;height:auto;display:flex;flex-direction:column;gap:25px}.hero-depth .hero-copy{position:relative;inset:auto;width:100%;padding:24px 20px}.hero-depth .hero-copy h1{font-size:2.75rem}.hero-depth .hero-copy>p:not(.eyebrow){font-size:15px}.hero-depth .hero-photo,.hero-depth.depth-active .hero-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;min-height:0;mix-blend-mode:normal}.hero-depth .hero-bottom{font-size:8px}.hero-depth .hero-video-toggle{left:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.office-world{transform:none!important}}

/* Surface-aware pointer and rolling pill buttons. */
.surface-cursor{position:fixed;left:0;top:0;width:36px;height:36px;border:1.5px solid #1e434c;border-radius:50%;pointer-events:none;z-index:60;opacity:0;transition:opacity .18s;will-change:transform;box-shadow:0 0 1px #ffffffb0}
.surface-cursor.is-visible{opacity:.85}
.surface-cursor-ready{cursor:none}.surface-cursor-ready a,.surface-cursor-ready button{cursor:pointer}
.motion-button{position:relative;isolation:isolate;overflow:hidden;border-radius:999px!important;transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .3s cubic-bezier(.2,.8,.2,1),color .35s,border-color .35s;gap:18px}
.motion-button:before{content:'';position:absolute;inset:-1px;background:var(--blue);border-radius:50%;transform:translateY(105%) scale(.8);transition:transform .55s cubic-bezier(.22,1,.36,1);z-index:-1;pointer-events:none}
.motion-button:hover:before,.motion-button:focus-visible:before{transform:translateY(0) scale(1.5)}
.motion-button:hover,.motion-button:focus-visible{color:white!important;border-color:var(--blue)!important}
.motion-button .motion-label{position:relative;display:block;overflow:hidden;height:1.35em;line-height:1.35;margin:0;letter-spacing:inherit}
.motion-button .motion-label-track{display:block;position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1);margin:0}
.motion-button .motion-label-track>span{display:block;white-space:nowrap;margin:0}
.motion-button .motion-label-track>span+span{position:absolute;top:100%;left:0}
.motion-button:hover .motion-label-track,.motion-button:focus-visible .motion-label-track{transform:translateY(-100%)}
.motion-button>span[aria-hidden]{position:relative;display:inline-block;transition:transform .4s cubic-bezier(.22,1,.36,1);margin:0}
.motion-button:hover>span[aria-hidden],.motion-button:focus-visible>span[aria-hidden]{transform:translate(3px,-3px)}
.motion-button:active{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px)) scale(.97)}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.surface-cursor{display:none}.surface-cursor-ready{cursor:auto}.motion-button{transform:none!important}.motion-button .motion-label-track{transform:none!important}.motion-button:before{transition:none}.motion-button>span[aria-hidden]{transform:none!important}}
.nav-contact.motion-button{display:inline-flex;align-items:center;justify-content:space-between;white-space:nowrap;gap:14px}

/* One visual identity across the showroom, catalog, services and resources. */
body{isolation:isolate}.site-environment{display:none}
.interior-page{background:#e5e9e1}
.interior-page .site-environment{display:block;position:fixed;inset:-35px;z-index:-1;pointer-events:none;background:linear-gradient(#eef2e65c,#dce5dc70),url('/assets/illustrations/bureau-ingenierie.webp') center/cover no-repeat;transform:translate3d(calc(var(--page-x,0) * -12px),calc(var(--page-y,0) * -8px),0) scale(1.035);}
.interior-page .site-header{background:#f7f8f0ed;backdrop-filter:blur(14px)}
.interior-page .breadcrumb{padding-top:25px;padding-bottom:15px;color:#263f47;text-shadow:0 1px 8px #fff}
.interior-page .page-intro{margin-top:16px;margin-bottom:30px;padding:42px;background:#f8faf1ed;border:1px solid #ffffffb3;border-radius:8px;box-shadow:0 18px 55px #183f4912;backdrop-filter:blur(9px);transform:perspective(1800px) rotateX(calc(var(--page-y,0) * -.35deg)) rotateY(calc(var(--page-x,0) * .5deg))}
.interior-page .page-intro h1{font-size:clamp(2.6rem,4vw,4.4rem)}
.interior-page main>.wrap:not(.breadcrumb):not(.page-intro){background:#f8faf3f5;border:1px solid #ffffffa0;border-radius:8px;padding:36px;margin-bottom:28px;box-shadow:0 16px 45px #183f4910}
.interior-page main>.wrap.narrow{padding:35px}
.interior-page .solution-card,.interior-page .news-card,.interior-page .partner-card{background:#ffffffed;border-color:#cbd8d2;border-radius:7px;box-shadow:0 12px 24px -20px #1b465947}
.interior-page .solution-card{transition:box-shadow .35s,transform .35s,border-color .35s}
.interior-page .solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px -20px #1b46595c;border-color:#719a9f}
.interior-page .source-panel,.interior-page .spec-note,.interior-page .configuration-note{border-radius:6px;background:#e5ede7}
.interior-page .partner-logo,.interior-page form{border-radius:7px;background:#fff}
.interior-page .cta{background:#dbe7e0f5!important}
.interior-page footer{margin-top:50px;background:#172e39f7;position:relative}
.home-page .solution-card,.home-page .news-card{border-radius:7px}
@media(max-width:700px){.interior-page .site-environment{transform:none;background-position:30% center}.interior-page .page-intro{padding:28px 22px;transform:none;margin-bottom:20px}.interior-page main>.wrap:not(.breadcrumb):not(.page-intro),.interior-page main>.wrap.narrow{padding:24px 20px;margin-bottom:20px}.interior-page .page-intro h1{font-size:2.65rem}.interior-page .solution-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.interior-page .site-environment,.interior-page .page-intro,.interior-page .solution-card:hover{transform:none!important}}

/* Scroll rhythm: visible words brighten as they enter the reading zone. */
.scroll-word{display:inline-block}
.scroll-effects .scroll-copy .scroll-word{opacity:var(--word-light,1);transition:opacity .12s linear}
.scroll-effects .scroll-entrance{opacity:0;translate:0 28px;transition:opacity .75s cubic-bezier(.2,.7,.2,1),translate .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--entrance-delay,0ms)}
.scroll-effects .scroll-entrance.is-revealed,.scroll-effects .scroll-entrance:focus-within{opacity:1;translate:0 0}
.scroll-effects .feature-image,.scroll-effects .news-image{overflow:hidden}
.scroll-effects .scroll-image{translate:0 var(--image-drift,0px);scale:1.06}
@media(max-width:700px){.scroll-effects .scroll-entrance{translate:0 16px;transition-duration:.55s;transition-delay:0ms}.scroll-effects .scroll-entrance.is-revealed{translate:0 0}.scroll-effects .scroll-image{translate:none;scale:1}}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1!important}.scroll-entrance{opacity:1!important;translate:none!important}.scroll-image{translate:none!important;scale:1!important}}
@media print{.scroll-word,.scroll-entrance{opacity:1!important;translate:none!important}.site-environment{display:none!important}}

.home-solution-chapters{padding-top:80px}.solutions-intro{margin-bottom:55px}.solution-chapter{padding:65px 0;background:#e8efeb}.solution-chapter:nth-of-type(even){background:#f7f8f3}.solution-chapter .feature-grid{align-items:center;gap:70px}.solution-chapter:nth-of-type(even) .feature-image{order:2}.solution-chapter .feature-image{min-width:0;overflow:hidden;border-radius:4px}.solution-chapter .feature-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.solution-chapter .feature-copy{padding:0}.solution-chapter .feature-copy h2{font-size:clamp(2.3rem,3.5vw,3.7rem)}.solution-chapter .feature-copy p:not(.eyebrow){font-size:16px;line-height:1.8}.solution-chapter .button{margin-top:12px}
@media(max-width:950px){.solution-chapter .feature-grid{gap:35px}.solution-chapter .feature-copy h2{font-size:2.55rem}.solution-chapter .feature-copy p:not(.eyebrow){font-size:14px}}
@media(max-width:700px){.home-solution-chapters{padding-top:50px}.solutions-intro{margin-bottom:35px}.solution-chapter{padding:38px 0}.solution-chapter .feature-grid{grid-template-columns:1fr;gap:28px}.solution-chapter:nth-of-type(even) .feature-image{order:0}.solution-chapter .feature-image img{aspect-ratio:5/4}.solution-chapter .feature-copy h2{font-size:2.6rem}.solution-chapter .feature-copy p:not(.eyebrow){font-size:15px}}

/* Character reveals preserve word wrapping, inline emphasis and explicit line breaks. */
.type-word{display:inline-block;white-space:nowrap;vertical-align:bottom}
.type-char{display:inline-block}
.type-title .type-word{overflow:hidden;padding-block:.14em;margin-block:-.14em}
.type-motion .type-title .type-char{transform:translateY(118%);opacity:0;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .4s ease;transition-delay:var(--type-delay,0s)}
.type-motion .type-title.type-visible .type-char{transform:translateY(0);opacity:1}
.type-motion .type-prose .type-char{opacity:0;transition:opacity .5s ease;transition-delay:var(--type-delay,0s)}
.type-motion .type-prose.type-visible .type-char{opacity:1}
.type-title a:focus-visible .type-char,.type-prose a:focus-visible .type-char{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.type-char{opacity:1!important;transform:none!important;transition:none!important}}
@media print{.type-char{opacity:1!important;transform:none!important;transition:none!important}}

.card-media img[src*="ezcip250-reel"]{object-position:30% center}

/* Match the adjacent full-height lifting photograph. */
.unique-gallery img[src*="galerie-process-"]{aspect-ratio:4590/8160;height:auto;object-fit:contain;object-position:center;background:#e9efed}

/* Projected light: translucent media reveals the actual wall underneath. */
@media(min-width:701px){
 .hero-depth .hero-photo,.hero-depth.depth-active .hero-photo{background:transparent;isolation:auto}
 .hero-depth .hero-photo>img,.hero-depth .hero-photo>.hero-video{filter:brightness(1.2) saturate(.62) contrast(.78);mask-image:linear-gradient(to right,transparent,#000 1.2%,#000 98.8%,transparent);opacity:.72}
 .hero-depth .hero-photo>.hero-video{opacity:0}
 .hero-depth .hero-photo>.hero-video.is-playing{opacity:.72}
 .hero-depth .hero-photo:after{background:radial-gradient(ellipse at 38% 28%,#fffbe52b,transparent 75%);box-shadow:inset 0 0 20px 9px #eee5cc38}
 .hero-depth .hero-video-toggle{z-index:5;opacity:1}
}

/* Only one media layer: never show the cover through a translucent video frame. */
.hero-depth .hero-photo.projection-ready>img{visibility:hidden;opacity:0;transition:none}
.hero-depth .hero-photo>.hero-video{transition:none}

/* Content is readable before scrolling; animation is an optional enhancement. */
.type-motion .type-title .type-char,.type-motion .type-prose .type-char{opacity:1;transform:none;transition:none}
.type-motion .type-title.type-visible .type-char{animation:seo-title-rise .85s cubic-bezier(.22,1,.36,1) var(--type-delay,0s) both}
.type-motion .type-prose.type-visible .type-char{animation:seo-prose-fade .5s ease var(--type-delay,0s) both}
.scroll-effects .scroll-entrance{opacity:1;translate:none;transition:none}
.scroll-effects .scroll-entrance.is-revealed{animation:seo-block-rise .75s cubic-bezier(.2,.7,.2,1) var(--entrance-delay,0ms) both}
@keyframes seo-title-rise{from{opacity:0;transform:translateY(118%)}to{opacity:1;transform:none}}
@keyframes seo-prose-fade{from{opacity:0}to{opacity:1}}
@keyframes seo-block-rise{from{opacity:0;translate:0 24px}to{opacity:1;translate:none}}
@media(prefers-reduced-motion:reduce){.type-char,.scroll-entrance{animation:none!important}}
@media print{.type-char,.scroll-entrance{animation:none!important}}

.comparison-scroll{overflow-x:auto}.nep-comparison{border-collapse:collapse;width:100%;margin-block:24px;font-size:14px}.nep-comparison caption{text-align:left;color:var(--muted);margin-bottom:14px}.nep-comparison th,.nep-comparison td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line)}.nep-comparison thead{background:#e5ede7}.nep-comparison tbody a{color:var(--blue)}@media(max-width:700px){.nep-comparison{font-size:12px}.nep-comparison th,.nep-comparison td{padding:12px 8px}}

@media(max-width:700px){.office-environment{background-image:url("/assets/illustrations/bureau-ingenierie-mobile.webp")}.interior-page .site-environment{background-image:linear-gradient(#eef2e65c,#dce5dc70),url("/assets/illustrations/bureau-ingenierie-mobile.webp")}}

.language-switch{font-size:11px;border:1px solid #8ba8ad;border-radius:999px;padding:8px 12px;white-space:nowrap;line-height:1.4}.language-switch:hover{background:#e4eeea}.nav-bar nav{gap:16px}@media(min-width:951px) and (max-width:1200px){.nav-bar{gap:18px}.nav-bar nav{gap:12px;font-size:11px}.nav-bar .nav-contact{padding:12px 14px}.language-switch{font-size:10px;padding:7px 9px}}
@media(max-width:950px){.language-switch{align-self:flex-start;margin-top:10px;padding:9px 15px}}
html[lang="en"] .hero-depth .hero-copy h1{font-size:clamp(2.5rem,3.5vw,4.6rem)}

.language-menu{position:relative;border:0;padding:0;flex-shrink:0}.language-menu>summary{list-style:none;cursor:pointer;border:1px solid #8ba8ad;border-radius:999px;padding:8px 12px;font-size:11px;line-height:1.4;white-space:nowrap}.language-menu>summary::-webkit-details-marker{display:none}.language-menu>summary:after{content:'⌄';padding-left:8px}.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:170px;padding:8px;background:#f9faf5;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 35px #173e4925;z-index:40;display:grid;gap:3px}.language-options .language-switch{display:block;margin:0;border:0;border-radius:6px;padding:10px 12px;font-size:12px}.language-switch[aria-current=page]{background:#e1ece6;color:var(--blue)}
html[lang=de] .hero-depth .hero-copy h1{font-size:clamp(2.3rem,3.4vw,4.5rem)}
@media(max-width:950px){.language-menu{align-self:flex-start;margin-top:10px}.language-options{left:0;right:auto}.language-menu>summary{font-size:13px;padding:10px 15px}}
@media(max-width:700px){html[lang=de] .page-intro h1{font-size:2.3rem}html[lang=de] .hero-depth .hero-copy h1{font-size:2.45rem}.language-options{min-width:190px}}

/* Contact becomes interactive only after its submit handler is installed. */
#contact-form[hidden]{display:none!important}#contact-form fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:14px}

/* Reflow instead of clipping content on small screens and at large text sizes. */
main :where(.detail-grid,.feature-grid,.contact-grid,.product-discovery,.machine-presentation,.spec-layout,.service-grid)>*{min-width:0}
.type-word{max-width:100%;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.type-char{max-width:100%;white-space:normal;overflow-wrap:anywhere}
main :where(h1,h2,h3,p,.eyebrow,dt,dd){overflow-wrap:anywhere}
main .button{max-width:100%;min-width:0;gap:18px}
main .motion-button .motion-label{min-width:0;height:auto;line-height:1.35}
main .motion-button .motion-label-track>span{white-space:normal;overflow-wrap:anywhere}
@media(max-width:380px){.contact-info .phone{font-size:clamp(21px,7.5vw,29px)}.product-discovery{padding:20px}.button{padding-inline:17px}}
/* User control is available without changing the OS preference. */
.motion-preference{position:fixed;right:14px;bottom:14px;z-index:45;max-width:calc(100% - 28px);padding:9px 13px;border:1px solid #9bb0b5;border-radius:999px;background:#f8faf3f5;color:var(--ink);box-shadow:0 3px 16px #173e491a;font-size:11px;line-height:1.4;cursor:pointer}
.motion-preference[aria-pressed=true]{background:#e4ece6}.motion-preference:disabled{cursor:default}
@media(max-width:1080px){#navigation .motion-preference{position:static;align-self:flex-start;max-width:100%;margin-top:14px;box-shadow:none;font-size:13px;padding:11px 15px}#navigation.open{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}}
html[data-motion=paused]{scroll-behavior:auto}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=paused] .motion-label-track{transform:none!important}
@media print{.motion-preference{display:none}}

/* Browser calculators: forms, methods and results remain readable on mobile. */
.calc-nav{display:flex;gap:10px;flex-wrap:wrap}
.calc-nav a{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:13px 17px;font-size:14px;line-height:1.5}
.calc-nav a:hover,.calc-nav a:focus-visible{background:#e0ece8}
.calc-nav a span{color:var(--blue);font-size:11px;white-space:nowrap}
.calc-privacy{font-size:13px;color:var(--blue);max-width:800px;margin-top:24px;line-height:1.8}
.calculator{scroll-margin-top:110px}
.calc-heading{max-width:800px;margin-bottom:30px}
.calc-heading h2,.calc-references h2,.calc-next h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.2;letter-spacing:-.03em}
.calc-heading>p:not(.eyebrow){color:var(--muted);max-width:700px;line-height:1.8}
.calc-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}
.calculator-form{min-width:0;border-radius:8px;padding:26px;background:#fff;margin:0}
.calculator-form fieldset{border:0;padding:0;margin:0;min-width:0}
.calculator-form fieldset>.form-note{margin:0 0 8px}
.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
.calc-fields>div{min-width:0}.calc-fields label{font-size:13px;line-height:1.5;min-height:40px}
.calc-fields input,.calc-fields select{border-radius:4px;background:#f8faf6;font-size:17px;padding:12px}
.calc-fields [aria-invalid=true]{border:2px solid #a43d2c}
.calc-result{margin-top:26px;padding:22px;background:#e7f0eb;border:1px solid #b3cec5;border-radius:6px}
.calc-result>p{font-size:12px;letter-spacing:.05em;margin:0 0 16px;color:#325d60}
.calc-result>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:10px;border-top:1px solid #bed0c9;padding-top:12px}
.calc-result>div>span{font-size:13px;line-height:1.5}.calc-result strong{font-size:25px;line-height:1.4;font-weight:500;text-align:right;overflow-wrap:anywhere}.calc-result small{font-size:14px;white-space:nowrap}
.calc-error{margin-top:20px;padding:15px;background:#fff1e8;border-left:3px solid #a43d2c;color:#773326;font-size:14px;line-height:1.7}
.calc-method{padding:24px;border:1px solid var(--line);border-radius:8px;background:#f5f7f1;min-width:0}
.calc-method h3{font-size:20px;line-height:1.3;margin:0 0 20px}.calc-method p{font-size:14px;line-height:1.8;color:var(--muted)}
.calc-method .calc-formula{font-family:Consolas,monospace;color:var(--ink);font-size:14px;line-height:1.9;overflow-wrap:anywhere;padding-bottom:18px;border-bottom:1px solid var(--line)}
.calc-method .form-note{font-size:12px}.calc-references>p,.calc-next>p{max-width:800px;color:var(--muted);line-height:1.8}.calc-references ul{display:flex;flex-wrap:wrap;gap:16px 30px;list-style:none;padding:0;margin:25px 0}.calc-references a{color:var(--blue);font-size:14px}
.calc-guidance{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.calc-guidance h3{color:var(--blue);font-size:19px}
.calc-result p,.calc-result span,.calc-error{opacity:1!important;transform:none!important;filter:none!important}
@media(max-width:700px){.calc-layout{grid-template-columns:1fr;gap:18px}.calc-fields{grid-template-columns:1fr}.calc-fields label{min-height:0}.calculator-form,.calc-method{padding:20px}.calc-result{padding:16px}.calc-result strong{font-size:23px}.calc-result>div{flex-wrap:wrap}.calc-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calc-nav a{font-size:12px;padding:12px;gap:8px}.calculator{scroll-margin-top:90px}}
/* Project preparation guide: readable cards and native disclosure panels. */
.guide-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.guide-nav a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:6px;font-size:14px;line-height:1.4;transition:background .2s}
.guide-nav a:hover,.guide-nav a:focus-visible{background:#dfece8}
.guide-nav a span,.guide-number{font-size:11px;letter-spacing:.12em;color:var(--blue)}
.guide-number{flex:none;white-space:nowrap;min-width:2ch}
.project-guide{scroll-margin-top:115px}
.guide-heading{max-width:760px;margin-bottom:32px}
.guide-heading h2{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.15;letter-spacing:-.035em;margin:18px 0}
.guide-heading>p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:16px;line-height:1.75}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-card{padding:28px;background:#f8faf6;border:1px solid var(--line);border-radius:6px;min-width:0}
.guide-card h3{font-size:22px;line-height:1.25;margin:18px 0 14px;letter-spacing:-.025em}
.guide-card p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.guide-family{border:1px solid var(--line);border-radius:6px;margin:12px 0;padding:0;background:#f8faf6}
.guide-family summary{display:flex;align-items:center;gap:18px;padding:22px 26px;list-style:none;font-size:20px;line-height:1.4}
.guide-family summary::-webkit-details-marker{display:none}
.guide-family summary:after{content:'+';margin-left:auto;font-size:25px;color:var(--blue);flex:none}
.guide-family[open] summary:after{content:'−'}
.guide-family summary:focus-visible,.guide-family-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.guide-family-content{padding:0 26px 26px 65px}
.guide-family-content p{max-width:760px;margin:0 0 20px;font-size:16px;color:var(--muted);line-height:1.75}
.guide-family-content ul,.guide-documents{padding-left:20px;max-width:850px;line-height:1.8;color:var(--muted);font-size:15px}
.guide-family-content li,.guide-documents li{padding-left:5px;margin-bottom:12px}
.guide-family-link{display:inline-block;margin-top:10px;color:var(--blue);font-weight:600;font-size:14px}
.guide-family-link span{margin-left:12px}
.guide-actions{display:flex;flex-wrap:wrap;gap:16px;margin:30px 0 24px}
.guide-actions .button{white-space:normal;text-align:center}
.guide-exchange .form-note{max-width:760px}
@media(max-width:700px){.guide-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-nav a{font-size:12px;padding:12px;gap:8px}.project-guide{scroll-margin-top:90px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:22px}.guide-card h3{font-size:21px}.guide-heading{margin-bottom:25px}.guide-family summary{font-size:18px;padding:18px 16px;gap:12px}.guide-family-content{padding:0 18px 22px}.guide-family-content p{font-size:15px}.guide-actions{flex-direction:column;align-items:stretch}.guide-actions .button{justify-content:center;width:100%}}
/* Long translated FAQ questions must wrap at narrow widths. */
main summary{overflow-wrap:anywhere;hyphens:auto}
.language-options{max-height:min(55vh,360px);overflow-y:auto;max-width:calc(100vw - 40px)}

@media(max-width:950px){.language-options{top:auto;bottom:calc(100% + 10px);max-height:min(55vh,360px)}}

@media(max-width:950px){.nav-bar nav.open{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}}

.product-commitment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:30px}.product-commitment-grid article{min-width:0;border-top:2px solid var(--blue);padding-top:22px}.product-commitment-grid h2{font-size:1.5rem}.product-commitment-grid p{font-size:15px}
/* Optional project worksheet on contact pages. */
.project-brief ul{padding-left:1.25rem;max-width:75ch}.project-brief li{margin-bottom:1rem;line-height:1.7}.project-brief .button{white-space:normal}.project-brief{overflow-wrap:anywhere}

/* Connected beverage line: labels stay native links, independent of image pixels. */
.process-scene{margin:0 auto 80px;padding:0;max-width:1440px;border:1px solid #cfdbda;border-radius:14px;overflow:hidden;background:#f6f7f2;isolation:isolate}
.process-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding:28px 32px 24px}.process-heading h3{margin:0;font-size:clamp(20px,2.1vw,29px);font-weight:500;letter-spacing:-.035em}.process-heading p{font-size:13px;margin:0;color:#536a74;max-width:33ch}
.process-stage{position:relative}.process-stage picture,.process-stage img{display:block;width:100%;height:auto;margin:0;transform:none!important}.process-hotspots{position:absolute;inset:0}
.process-image-wrapper{position:relative}.process-circuits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.process-pins{display:none}
.process-hotspot{--x:9%;--y:47%;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;max-width:220px;padding:7px 11px 7px 7px;border:1px solid #c9dadd;background:rgba(248,250,245,.95);box-shadow:0 6px 22px #152e3820;border-radius:28px;color:#193540;text-decoration:none;line-height:1.25;font-size:12px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;z-index:2}
.process-hotspot:hover,.process-hotspot:focus-visible{background:#183540;color:#fff;box-shadow:0 7px 28px #152e3840;z-index:4}.process-hotspot:focus-visible{outline:3px solid #1889ba;outline-offset:4px}.process-dot{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;background:#176d89;color:white;border-radius:50%;font-size:10px;letter-spacing:.04em}.process-hotspot-2 .process-dot{background:#aa612a}
.process-hotspot-1{--x:10%;--y:37%}.process-hotspot-2{--x:35%;--y:11%}.process-hotspot-3{--x:31%;--y:79%}.process-hotspot-4{--x:55%;--y:79%}.process-hotspot-5{--x:72%;--y:35%}.process-hotspot-6{--x:87%;--y:75%}
.process-hotspot-7{--x:88%;--y:9%}
.process-scene figcaption{padding:23px 32px 26px}.process-legend{display:flex;flex-wrap:wrap;gap:15px 30px;font-size:12px;font-weight:600}.process-legend>span{display:flex;align-items:center;gap:9px}.process-legend i{width:27px;display:inline-block;border-top:3px solid #176d89}.process-legend .cip-key{border-color:#aa612a;border-top-style:dashed}.process-scene figcaption p{font-size:12px;color:#536a74;max-width:110ch;line-height:1.7;margin:12px 0 0}
@media(max-width:1050px) and (min-width:701px){.process-hotspot{font-size:10px;max-width:165px;padding:5px;gap:4px}.process-dot{flex-basis:24px;width:24px;height:24px}}
@media(max-width:700px){.process-scene{margin-bottom:45px;border-radius:8px}.process-heading{display:block;padding:22px 18px}.process-heading p{margin-top:10px;max-width:none}.process-stage{padding-bottom:0}.process-hotspots{position:static;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px;background:#edf2ee}.process-hotspot{position:static;transform:none;max-width:none;min-width:0;min-height:56px;border-radius:8px;font-size:11px;padding:8px;gap:7px;box-shadow:none}.process-label{overflow-wrap:anywhere}.process-hotspot:before{content:attr(data-marker)}.process-scene figcaption{padding:20px 18px}.process-legend{gap:12px 20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.process-hotspot{transition:none}}
@media(max-width:700px){.process-pins{display:block;position:absolute;inset:0;pointer-events:none}.process-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;background:#176d89;color:#fff;border:2px solid white;border-radius:50%;width:24px;height:24px;font-size:9px;box-shadow:0 2px 8px #172e3933}.process-pin-1{--x:9%;--y:55%}.process-pin-2{--x:34%;--y:22%;background:#aa612a}.process-pin-3{--x:32%;--y:55%}.process-pin-4{--x:55%;--y:55%}.process-pin-5{--x:72%;--y:53%}.process-pin-6{--x:88%;--y:55%}}
@media(max-width:700px){.process-pin-7{--x:91%;--y:29%}.process-hotspot-7{grid-column:1/-1}}