/* =====================================================================
   PETROBIG v3 - Homepage (native Elementor build)
   Ported from the Next.js prototype (website/app/globals.css).
   Every block is a real Elementor container/widget carrying a pb- class;
   selectors are scoped to body.pb-motion so they beat Elementor defaults.
   ===================================================================== */
body.pb-motion{
  --ocean:#0e2340;--navy:#243772;--azure:#1470ae;--cyan:#28aae1;--sky:#9ad9f2;
  --foam:#e9f4fa;--mist:#f4f9fc;--ink:#33414f;--haze:#6b7c8c;--rule:#dbe6ee;
  --masthead:0px;--accent:var(--azure);
  --type-hero:clamp(2.9rem,4.6vw,5rem);--type-label:clamp(2.1rem,3.2vw,3.4rem);
  --type-headline:clamp(1.4rem,1.9vw,2rem);--type-body:1.0625rem;
  overflow-x:clip;
}
html:has(body.pb-motion){scroll-behavior:smooth;scroll-padding-top:calc(var(--masthead,0px) + 24px)}

/* ---------- neutralise Elementor's container / widget defaults ---------- */
body.pb-motion .e-con:where(.pb-s,.pb-s .e-con){display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;padding:0;margin:0;gap:0;width:100%;max-width:none;min-width:0;min-height:0;position:relative;flex:0 0 auto;text-align:left;border:0;background-clip:border-box}
body.pb-motion .elementor-widget:where(.pb-s .elementor-widget){margin:0;width:100%;max-width:100%;min-width:0;position:relative;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-align:left}
body.pb-motion .pb-s .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;margin:0;padding:0}
body.pb-motion .pb-s .elementor-widget-text-editor p{margin:0 0 1em}
body.pb-motion .pb-s .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.pb-motion .pb-s a{text-decoration:none}

/* base type */
body.pb-motion .pb-s{font-family:"Nunito","Segoe UI",Arial,sans-serif;font-size:var(--type-body);line-height:1.72;color:var(--ink);-webkit-font-smoothing:antialiased}
body.pb-motion .pb-s ::selection{color:#fff;background:var(--accent)}
body.pb-motion .e-con.pb-shell{width:min(1440px,80vw);margin-inline:auto}

/* photos: the image widget fills its frame (beats `.elementor img{height:auto}`) */
body.pb-motion .pb-s .pb-img img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border:0;border-radius:0;box-shadow:none}
body.pb-motion .pb-s .pb-img.pb-fill{position:absolute;inset:0;height:100%}

/* ---------- outline buttons ---------- */
body.pb-motion .pb-s .pb-btn{width:auto}
body.pb-motion .pb-s .pb-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:12px 26px;border:2px solid currentColor;border-radius:6px;background:transparent;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;text-align:center;box-shadow:none;transition:background-color .28s ease,color .28s ease,border-color .28s ease}
body.pb-motion .pb-s .pb-btn .elementor-button-text{font:inherit}
body.pb-motion .pb-s .pb-btn--accent .elementor-button{color:var(--accent);fill:var(--accent);border-color:var(--accent)}
body.pb-motion .pb-s .pb-btn--accent .elementor-button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
body.pb-motion .pb-s .pb-btn--white .elementor-button{color:#fff;border-color:#fff}
body.pb-motion .pb-s .pb-btn--white .elementor-button:hover{background:#fff;color:var(--navy);border-color:#fff}
body.pb-motion .e-con.pb-btn-group{flex-direction:column;align-items:flex-start;gap:14px;margin-top:44px}

/* ---------- reveal ---------- */
body.pb-motion .pb-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}
body.pb-motion .pb-reveal.is-visible{opacity:1;transform:none}
body.pb-motion .pb-reveal.pb-d1.is-visible{transition-delay:120ms}
html:not(.pb-js) body.pb-motion .pb-reveal,body.elementor-editor-active .pb-reveal{opacity:1;transform:none}

@keyframes pbShardIn{from{opacity:0;transform:scale(1.14)}60%{opacity:1}to{opacity:1;transform:scale(1)}}
@keyframes pbSlide{0%{opacity:0;transform:scale(1.14)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.02) translate3d(-1.5%,-1%,0)}100%{opacity:0;transform:scale(1.02)}}

/* =====================================================================
   HERO - pinned opening sequence (images only)
   ===================================================================== */
body.pb-motion .e-con.pb-hero{--hero-exit:0;--hero-headline:0;--hero-deep:0;--hero-copy:0;--hero-cue:1;--shard-step:.13;display:block;height:300vh;background:var(--ocean)}
body.pb-motion .e-con.pb-hero__pin{display:block;position:sticky;top:var(--masthead);height:calc(100vh - var(--masthead) - var(--hdr-vis,0px));min-height:560px;overflow:hidden;background:var(--ocean)}
body.pb-motion .e-con.pb-hero__film{display:block;position:absolute;inset:0;z-index:0;overflow:hidden}
body.pb-motion .pb-s .pb-img.pb-hero__slide{position:absolute;inset:0;height:100%;opacity:0;animation:pbSlide 28s linear infinite;will-change:opacity,transform}
body.pb-motion .pb-s .pb-hero__slide:nth-child(1){animation-delay:-1s}
body.pb-motion .pb-s .pb-hero__slide:nth-child(2){animation-delay:6s}
body.pb-motion .pb-s .pb-hero__slide:nth-child(3){animation-delay:13s}
body.pb-motion .pb-s .pb-hero__slide:nth-child(4){animation-delay:20s}

body.pb-motion .e-con.pb-mosaic{display:block;position:absolute;inset:0;z-index:1}
body.pb-motion .e-con.pb-mosaic__half{display:block;position:absolute;top:0;width:50%;height:100%}
body.pb-motion .e-con.pb-mosaic__half--left{left:0}
body.pb-motion .e-con.pb-mosaic__half--right{left:auto;right:0}
body.pb-motion .e-con.pb-mosaic__shard{--shard-exit:clamp(0,calc((var(--hero-exit) - var(--shard-i) * var(--shard-step)) / .35),1);display:block;position:absolute;inset:0;opacity:calc(1 - var(--shard-exit));will-change:opacity}
/* geometry from features/home/hero-mosaic.tsx */
body.pb-motion .e-con.pb-shard-0{--shard-i:0;clip-path:polygon(0 0,34% 0,0 60%)}
body.pb-motion .e-con.pb-shard-2{--shard-i:2;clip-path:polygon(34% 0,100% 0,100% 42%,40% 100%,0 100%,0 60%)}
body.pb-motion .e-con.pb-shard-4{--shard-i:4;clip-path:polygon(100% 42%,100% 100%,40% 100%)}
body.pb-motion .e-con.pb-shard-1{--shard-i:1;clip-path:polygon(66% 0,100% 0,100% 60%)}
body.pb-motion .e-con.pb-shard-3{--shard-i:3;clip-path:polygon(0 0,66% 0,100% 60%,100% 100%,60% 100%,0 42%)}
body.pb-motion .e-con.pb-shard-5{--shard-i:5;clip-path:polygon(0 42%,0 100%,60% 100%)}
body.pb-motion .e-con.pb-mosaic__inner{display:block;position:absolute;inset:0;animation:pbShardIn 1.5s cubic-bezier(.16,.84,.24,1) both;animation-delay:calc(var(--shard-i) * 190ms);transform-origin:center}
body.pb-motion .pb-mosaic__inner .pb-img img{transform:scale(calc(1 + var(--shard-exit) * .07))}
body.pb-motion .e-con.pb-mosaic__wedge{display:block;position:absolute;bottom:0;left:50%;z-index:2;width:12vw;height:10%;background:var(--cyan);transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:calc(1 - clamp(0,calc((var(--hero-exit) - .55) / .3),1))}

body.pb-motion .e-con.pb-hero__veil{display:block;position:absolute;inset:0;z-index:3;will-change:opacity;background:linear-gradient(100deg,rgba(14,35,64,.9) 0%,rgba(14,35,64,.72) 45%,rgba(14,35,64,.5) 100%);opacity:calc(.35 + var(--hero-deep) * .65)}
body.pb-motion .e-con.pb-facet{display:block;position:absolute;background:rgba(255,255,255,.06)}
body.pb-motion .e-con.pb-facet--one{top:0;left:0;width:50%;height:100%;clip-path:polygon(0 0,68% 0,0 78%)}
body.pb-motion .e-con.pb-facet--two{top:0;left:auto;right:0;width:50%;height:100%;clip-path:polygon(100% 0,100% 78%,32% 0)}
body.pb-motion .e-con.pb-facet--three{bottom:0;left:26%;width:48%;height:62%;background:rgba(0,0,0,.05);clip-path:polygon(50% 0,100% 100%,0 100%)}

body.pb-motion .e-con.pb-hero__content{position:relative;z-index:4;justify-content:center;height:100%;padding-block:6vh;color:#fff}
body.pb-motion .pb-s .pb-hero__headline{color:#fff;font-size:var(--type-hero);line-height:.95;letter-spacing:-.01em;font-weight:500;text-transform:none;opacity:var(--hero-headline);transform:translate3d(0,calc((1 - var(--hero-headline)) * 48px),0);will-change:transform,opacity}
body.pb-motion .pb-s .pb-hero__accent{color:var(--cyan)}
@supports (color:color-mix(in srgb,white 50%,black)){body.pb-motion .pb-s .pb-hero__accent{color:color-mix(in srgb,var(--cyan) calc(var(--hero-deep) * 100%),#ffffff)}}
body.pb-motion .e-con.pb-hero__copy{max-width:700px;margin-top:46px;padding-left:clamp(0px,8vw,128px);opacity:var(--hero-copy);transform:translate3d(0,calc((1 - var(--hero-copy)) * 40px),0);will-change:transform,opacity}
body.pb-motion .pb-s .pb-hero__text{color:#fff;font-size:1.1rem;line-height:1.62}
body.pb-motion .pb-s .pb-hero__text p,body.pb-motion .pb-s .pb-hero__text p:last-child{margin:0 0 22px}
body.pb-motion .pb-s .pb-hero__text strong{font-weight:700}
body.pb-motion .pb-s .pb-hero__cue{position:absolute;right:clamp(16px,3vw,46px);bottom:34px;z-index:5;width:auto;color:rgba(255,255,255,.85);font-size:.72rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;opacity:var(--hero-cue)}
body.pb-motion .pb-s .pb-hero__cue .elementor-heading-title::after{content:"";display:block;width:1px;height:46px;margin:14px auto 0;background:currentColor}

/* =====================================================================
   INTRO
   ===================================================================== */
body.pb-motion .e-con.pb-intro{padding:clamp(80px,9vw,150px) 0;background:#fff}
body.pb-motion .e-con.pb-intro__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,8%,120px);align-items:start}
body.pb-motion .pb-s .pb-intro__lead{max-width:620px;color:var(--navy);font-size:var(--type-label);line-height:1.12;font-weight:500}
body.pb-motion .pb-s .pb-intro__text p,body.pb-motion .pb-s .pb-intro__text p:last-child{margin:0 0 22px;max-width:570px}

/* =====================================================================
   EDITORIAL PANELS - old-homepage build: 50/50 row, copy left, photo
   right with the site's .clip / .clip3 diagonals.
   ===================================================================== */
body.pb-motion .e-con.pb-panel{flex-direction:row;align-items:stretch;min-height:100vh;overflow:hidden;background:#fff}
body.pb-motion .e-con.pb-panel--mist{background:#F2F6FA}
body.pb-motion .e-con.pb-panel__text{flex:1 1 50%;width:50%;justify-content:center;min-height:600px;padding:45px}
body.pb-motion .e-con.pb-editorial{max-width:620px}
body.pb-motion .e-con.pb-panel__media{flex:1 1 50%;width:50%;min-height:510px;overflow:hidden}
body.pb-motion .pb-panel__media .pb-img img{transform:scale(1.08);transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
body.pb-motion .pb-panel.is-inview .pb-panel__media .pb-img img{transform:scale(1)}
body.pb-motion .e-con.pb-clip{clip-path:polygon(65% 100%,3% 100%,54% 0,100% 0,100% 40%)}
body.pb-motion .e-con.pb-clip3{clip-path:polygon(65% 0%,3% 0%,54% 100%,100% 100%,100% 59.25%)}
body.pb-motion .pb-s .pb-editorial__label{color:var(--accent);font-size:var(--type-label);line-height:1.1;font-weight:500;text-transform:none}
body.pb-motion .pb-s .pb-editorial__headline{margin:22px 0 20px;max-width:620px;color:var(--ink);font-size:var(--type-headline);line-height:1.24;font-weight:500}
body.pb-motion .pb-s .pb-editorial__body{max-width:570px;color:var(--ink)}

/* =====================================================================
   NETWORK - map beside station finder
   ===================================================================== */
body.pb-motion .e-con.pb-network{padding:clamp(72px,8vw,130px) 0;background:var(--foam)}
body.pb-motion .e-con.pb-network__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4%,60px);align-items:end;margin-bottom:clamp(28px,3vw,46px)}
body.pb-motion .pb-s .pb-network__label{color:var(--accent);font-size:var(--type-label);line-height:1.1;font-weight:500;text-transform:none}
body.pb-motion .pb-s .pb-network__headline{margin:18px 0 16px;font-size:var(--type-headline);line-height:1.24;font-weight:500;color:var(--ink)}
body.pb-motion .pb-s .pb-network__body{max-width:640px;color:var(--haze);padding-bottom:6px}
.pb-finder--with-map{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,3vw,52px);align-items:start}
.pb-finder__panel{padding:clamp(22px,2.4vw,34px);background:#fff;border-top:3px solid var(--accent)}
.pb-finder__controls{display:grid;gap:22px}
.pb-finder__selects{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pb-field{display:grid;gap:10px;margin:0}
body.pb-motion .pb-s .pb-field>span{color:var(--navy);font-size:.85rem;font-weight:600}
body.pb-motion .pb-s .pb-field input,body.pb-motion .pb-s .pb-field select{width:100%;padding:12px 0;border:0;border-bottom:1px solid #cbd5e1;border-radius:0;background:transparent;color:var(--ink);font:inherit;outline:none;transition:border-color .2s ease;box-shadow:none}
body.pb-motion .pb-s .pb-field input::placeholder{color:#9aa3ab}
body.pb-motion .pb-s .pb-field input:focus,body.pb-motion .pb-s .pb-field select:focus{border-color:var(--accent)}
body.pb-motion .pb-s .pb-finder__count{margin:24px 0 0;color:var(--haze);font-size:.9rem}
body.pb-motion .pb-s .pb-finder__results{display:grid;gap:12px;margin:16px 0 0;padding:0;max-height:460px;overflow-y:auto;list-style:none}
body.pb-motion .pb-s .pb-station{display:grid;gap:6px;width:100%;padding:16px 18px;border:1px solid var(--rule);border-left:3px solid transparent;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .22s ease,background-color .22s ease}
body.pb-motion .pb-s .pb-station:hover,body.pb-motion .pb-s .pb-station.is-active{border-left-color:var(--accent);background:var(--mist)}
.pb-station__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.pb-station__name{color:var(--navy);font-size:1.05rem;font-weight:700;line-height:1.25}
.pb-station__pill{flex:0 0 auto;padding:3px 10px;background:var(--foam);color:var(--accent);font-size:.75rem;font-weight:600}
.pb-station__address{color:var(--haze);font-size:.92rem;line-height:1.5}
.pb-station__region{color:var(--accent);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.pb-station__services{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pb-station__services span{padding:3px 9px;background:var(--mist);color:var(--ink);font-size:.72rem}
body.pb-motion .pb-s .pb-station__link{justify-self:start;margin-top:4px;color:var(--accent);font-size:.85rem;font-weight:600}
body.pb-motion .pb-s .pb-station__link::after{content:" \2192";display:inline-block;transition:transform .25s ease}
body.pb-motion .pb-s .pb-station__link:hover::after{transform:translateX(4px)}
.pb-map{position:relative;margin:0;padding:clamp(16px,2vw,28px);background:#fff;border-top:3px solid var(--cyan)}
.pb-map__svg{display:block;height:min(56vh,540px);width:auto;max-width:100%;margin-inline:auto}
.pb-map__land{stroke:var(--cyan);stroke-width:1.2;stroke-linejoin:round}
.pb-map__corridor{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.pb-map__port{fill:#fff;stroke:var(--navy);stroke-width:1.6}
.pb-map__pin{cursor:pointer;outline:none}
.pb-map__halo{fill:var(--cyan);opacity:0;transition:opacity .25s ease;transform:translateY(-11px)}
.pb-map__marker{fill:var(--azure);transition:fill .25s ease}
.pb-map__dot{fill:#fff}
.pb-map__pin--flagship .pb-map__marker{fill:var(--navy)}
.pb-map__pin:hover .pb-map__halo,.pb-map__pin:focus-visible .pb-map__halo,.pb-map__pin.is-active .pb-map__halo{opacity:.28}
.pb-map__pin:hover .pb-map__marker,.pb-map__pin.is-active .pb-map__marker{fill:var(--navy)}
.pb-map__legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px;color:var(--haze);font-size:.8rem}
.pb-map__key{display:inline-flex;align-items:center;gap:8px}
.pb-map__key::before{content:"";width:12px;height:12px;border-radius:50%}
.pb-map__key--station::before{background:var(--azure)}
.pb-map__key--port::before{background:#fff;border:2px solid var(--navy)}
.pb-map__key--corridor::before{width:18px;height:2px;border-radius:0;background:var(--cyan)}

/* =====================================================================
   FLAGSHIP - Sidi Bibi
   ===================================================================== */
body.pb-motion .e-con.pb-flagship{display:block;min-height:calc(100vh - var(--masthead));overflow:hidden}
body.pb-motion .pb-s .pb-img.pb-flagship__bg{position:absolute;inset:0;height:100%}
body.pb-motion .pb-flagship__bg img{transform:scale(1.1);transition:transform 2.2s cubic-bezier(.2,.8,.2,1)}
body.pb-motion .pb-flagship.is-inview .pb-flagship__bg img{transform:scale(1)}
body.pb-motion .e-con.pb-flagship__scrim{display:block;position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,35,64,.9) 0%,rgba(14,35,64,.66) 46%,rgba(14,35,64,.2) 88%),rgba(14,35,64,.12)}
body.pb-motion .e-con.pb-flagship__body{z-index:1;flex-direction:row;align-items:center;min-height:calc(100vh - var(--masthead));padding-block:10vh}
body.pb-motion .e-con.pb-flagship__copy{max-width:640px;color:#fff}
body.pb-motion .pb-s .pb-flagship__label{color:var(--sky);font-size:var(--type-label);line-height:1.1;font-weight:500;text-transform:none}
body.pb-motion .pb-s .pb-flagship__headline{margin:20px 0 18px;color:#fff;font-size:var(--type-headline);line-height:1.24;font-weight:500}
body.pb-motion .pb-s .pb-flagship__text{color:rgba(255,255,255,.86)}
body.pb-motion .pb-s .pb-flagship__text p,body.pb-motion .pb-s .pb-flagship__text p:last-child{margin:0 0 16px}
body.pb-motion .e-con.pb-flagship__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.28)}
body.pb-motion .pb-s .pb-fact__dt{color:var(--sky);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
body.pb-motion .pb-s .pb-fact__dd{margin-top:6px;color:#fff;font-size:.95rem;line-height:1.5}
body.pb-motion .e-con.pb-flagship__gallery{flex-direction:row;flex-wrap:wrap;gap:12px;margin:28px 0 34px}
body.pb-motion .pb-s .pb-img.pb-gal{width:150px;height:100px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}
body.pb-motion .pb-flagship .e-con.pb-btn-group{margin-top:0}

/* =====================================================================
   COMMUNITY - pinned horizontal collage
   ===================================================================== */
body.pb-motion .e-con.pb-community{--community-progress:0;display:block;height:220vh;background:var(--azure);color:#fff}
body.pb-motion .e-con.pb-community__pin{position:sticky;top:var(--masthead);justify-content:center;gap:clamp(28px,4vh,54px);height:calc(100vh - var(--masthead));min-height:560px;overflow:hidden}
body.pb-motion .pb-s .pb-community__label{color:#fff;font-size:clamp(2.6rem,4.4vw,4.8rem);line-height:.98;font-weight:500;text-transform:none}
body.pb-motion .pb-s .pb-community__label span{font-weight:700}
body.pb-motion .e-con.pb-community__viewport{--community-travel:0px;display:block;overflow:hidden;padding-left:max(calc((100vw - min(1440px,80vw)) / 2),5vw)}
body.pb-motion .e-con.pb-community__track{flex-direction:row;align-items:center;gap:26px;width:max-content;transform:translate3d(calc(var(--community-travel) * var(--community-progress,0) * -1),0,0);will-change:transform}
body.pb-motion .pb-s .pb-img.pb-community__tile{flex:0 0 auto;width:clamp(240px,26vw,420px);overflow:hidden}
body.pb-motion .pb-s .pb-community__tile--tall{height:clamp(240px,42vh,400px)}
body.pb-motion .pb-s .pb-community__tile--short{height:clamp(170px,30vh,290px)}
body.pb-motion .pb-s .pb-community__statement{flex:0 0 auto;width:auto;padding-right:8vw;color:#fff;font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.15;font-weight:500;text-transform:none;white-space:nowrap}

/* =====================================================================
   NEWS
   ===================================================================== */
body.pb-motion .e-con.pb-news{padding:clamp(80px,9vw,150px) 0;background:#fff}
body.pb-motion .pb-s .pb-news__label{color:var(--accent);font-size:var(--type-label);line-height:1.1;font-weight:500;text-transform:none}
body.pb-motion .pb-s .pb-news__headline{margin-top:18px;max-width:640px;color:var(--ink);font-size:var(--type-headline);line-height:1.24;font-weight:500}
body.pb-motion .pb-s .pb-news__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4%,56px);margin:clamp(48px,6vw,84px) 0 0;padding:0;list-style:none}
.pb-news__grid li{margin:0}
.pb-news__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--foam)}
body.pb-motion .pb-s .pb-news__media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pb-news__card:hover .pb-news__media img{transform:scale(1.05)}
body.pb-motion .pb-s .pb-news__meta{display:flex;gap:16px;margin:20px 0 0;color:var(--accent);font-size:.85rem}
.pb-news__meta time{color:var(--haze)}
body.pb-motion .pb-s .pb-news__title{margin:10px 0 12px;color:var(--ink);font-size:1.4rem;line-height:1.24;font-weight:500}
body.pb-motion .pb-s .pb-news__title a{color:inherit}
body.pb-motion .pb-s .pb-news__title a:hover{color:var(--accent)}
body.pb-motion .pb-s .pb-news__excerpt{margin:0;color:var(--haze);font-size:1rem}
body.pb-motion .e-con.pb-news__foot{margin-top:clamp(44px,5vw,72px)}

/* =====================================================================
   RESPONSIVE (prototype breakpoints)
   ===================================================================== */
@media (max-width:1024px){
  body.pb-motion .e-con.pb-shell{width:90vw}
  body.pb-motion .e-con.pb-intro__grid{grid-template-columns:1fr;gap:44px}
  body.pb-motion .e-con.pb-panel{flex-direction:column;min-height:0}
  body.pb-motion .e-con.pb-panel__text{width:100%;min-height:0;padding:56px 5vw 40px}
  body.pb-motion .e-con.pb-panel__media{width:100%;flex:0 0 auto;height:300px;min-height:300px;clip-path:none}
  body.pb-motion .e-con.pb-flagship,body.pb-motion .e-con.pb-flagship__body{min-height:0}
  body.pb-motion .e-con.pb-flagship__body{padding-block:clamp(72px,14vw,140px)}
  body.pb-motion .e-con.pb-network__head{grid-template-columns:1fr;gap:20px;align-items:start}
  .pb-finder--with-map{grid-template-columns:1fr}
  .pb-finder--with-map .pb-map{order:-1;max-width:560px;width:100%;margin-inline:auto}
  body.pb-motion .pb-s .pb-finder__results{max-height:none;overflow:visible}
  body.pb-motion .pb-s .pb-news__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1023px),(prefers-reduced-motion:reduce){
  body.pb-motion .e-con.pb-hero{height:auto}
  body.pb-motion .e-con.pb-hero__pin{--hero-exit:1;--hero-headline:1;--hero-deep:1;--hero-copy:1;--hero-cue:0;position:relative;top:0;height:auto;min-height:0}
  body.pb-motion .e-con.pb-hero__content{height:auto;padding-block:clamp(64px,12vw,130px)}
  body.pb-motion .pb-s .pb-hero__cue{display:none}
  body.pb-motion .e-con.pb-mosaic{display:none}
  body.pb-motion .e-con.pb-community{height:auto}
  body.pb-motion .e-con.pb-community__pin{position:relative;top:0;height:auto;min-height:0;padding-block:clamp(64px,12vw,130px)}
  body.pb-motion .e-con.pb-community__viewport{--community-travel:0px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  body.pb-motion .pb-s .pb-community__tile{scroll-snap-align:start}
}
@media (max-width:700px){
  body.pb-motion{--type-hero:clamp(2.5rem,12vw,3.6rem);--type-label:clamp(1.9rem,8.5vw,2.6rem);--type-headline:1.35rem;--type-body:1rem}
  body.pb-motion .e-con.pb-shell{width:calc(100% - 36px)}
  body.pb-motion .e-con.pb-hero__copy{padding-left:0}
  body.pb-motion .pb-s .pb-btn{width:100%}
  body.pb-motion .pb-s .pb-btn .elementor-button{min-width:0;width:100%}
  body.pb-motion .e-con.pb-btn-group{align-items:stretch}
  body.pb-motion .pb-s .pb-news__grid,.pb-finder__selects,body.pb-motion .e-con.pb-flagship__facts{grid-template-columns:1fr}
  body.pb-motion .pb-s .pb-img.pb-gal{width:calc(50% - 6px);height:84px}
  .pb-finder__panel{padding:20px 18px}
  .pb-map{padding:12px}
  body.pb-motion .pb-s .pb-community__statement{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  body.pb-motion .pb-s *,body.pb-motion .pb-s *::before,body.pb-motion .pb-s *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  body.pb-motion .pb-s .pb-hero__slide:nth-child(1){opacity:1}
}

/* Static, fully visible layout when the scroll script is not running
   (Elementor editor, no JS): easier to click and edit every element. */
html:not(.pb-js) body.pb-motion .e-con.pb-hero__pin,body.elementor-editor-active .e-con.pb-hero__pin{--hero-exit:1;--hero-headline:1;--hero-deep:1;--hero-copy:1;--hero-cue:0}
body.elementor-editor-active .e-con.pb-hero{height:auto}
body.elementor-editor-active .e-con.pb-hero__pin{position:relative;top:0;height:100vh}
body.elementor-editor-active .e-con.pb-mosaic{opacity:.35}
body.elementor-editor-active .e-con.pb-community{height:auto}
body.elementor-editor-active .e-con.pb-community__pin{position:relative;top:0;height:auto;padding-block:80px}
body.elementor-editor-active .e-con.pb-community__viewport{overflow-x:auto}

/* =====================================================================
   INNER PAGES - prototype design system (page-hero, section heads,
   feature cards, stats band, photo cards, rows, checklists, gallery,
   contact cards, CTA band). Native Elementor containers/widgets.
   ===================================================================== */
@keyframes pbHeroZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
body.pb-motion .e-con.pb-section{padding:clamp(72px,8vw,130px) 0;background:#fff}
body.pb-motion .e-con.pb-section--mist{background:var(--mist)}
body.pb-motion .e-con.pb-section--foam{background:var(--foam)}
body.pb-motion .e-con.pb-section--navy{background:var(--navy);color:#fff}
body.pb-motion .e-con.pb-section--tight{padding-bottom:clamp(36px,4vw,64px)}

/* page hero */
body.pb-motion .e-con.pb-pagehero{display:block;min-height:min(78vh,720px);overflow:hidden;background:var(--ocean)}
body.pb-motion .pb-s .pb-img.pb-pagehero__bg{position:absolute;inset:0;height:100%}
body.pb-motion .pb-pagehero__bg img{animation:pbHeroZoom 2.4s cubic-bezier(.2,.8,.2,1) both}
body.pb-motion .e-con.pb-pagehero__scrim{display:block;position:absolute;inset:0;background:linear-gradient(to top,rgba(14,19,26,.82) 0%,rgba(14,19,26,.45) 46%,rgba(14,19,26,.1) 100%),linear-gradient(100deg,rgba(14,19,26,.7) 0%,rgba(14,19,26,.34) 52%,rgba(14,19,26,.06) 92%)}
body.pb-motion .e-con.pb-pagehero__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding-block:clamp(56px,8vw,110px);gap:16px;color:#fff}
body.pb-motion .pb-pagehero__body>*{max-width:760px}
body.pb-motion .pb-s .pb-pagehero__eyebrow{color:var(--sky);font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.1;font-weight:500}
body.pb-motion .pb-s .pb-pagehero__title{color:#fff;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.08;font-weight:500}
body.pb-motion .pb-s .pb-pagehero__text{color:rgba(255,255,255,.86);font-size:1.1rem;line-height:1.6}
body.pb-motion .pb-pagehero .e-con.pb-btn-group{margin-top:18px;flex-direction:row;flex-wrap:wrap}

/* section heads */
body.pb-motion .e-con.pb-head{gap:0;margin-bottom:clamp(40px,5vw,72px);max-width:900px}
body.pb-motion .e-con.pb-head--center{margin-inline:auto;text-align:center;align-items:center}
body.pb-motion .pb-head--center .elementor-widget{text-align:center}
body.pb-motion .pb-s .pb-eyebrow{color:var(--accent);font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.1;font-weight:500}
body.pb-motion .pb-section--navy .pb-eyebrow{color:var(--sky)}
body.pb-motion .pb-s .pb-title{margin-top:14px;color:var(--navy);font-size:clamp(1.8rem,2.8vw,2.9rem);line-height:1.12;font-weight:500}
body.pb-motion .pb-section--navy .pb-title{color:#fff}
body.pb-motion .pb-s .pb-lead{margin-top:20px;color:var(--haze);font-size:1.06rem;max-width:760px}
body.pb-motion .pb-section--navy .pb-lead{color:rgba(255,255,255,.8)}

/* inner editorial panels: keep the original capitalisation, calmer size */
body.pb-motion .pb-panel--inner .pb-editorial__label{text-transform:none;font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:1.12}
body.pb-motion .pb-panel--inner .pb-editorial__headline{font-size:clamp(1.15rem,1.5vw,1.45rem);color:var(--navy)}
body.pb-motion .pb-s .pb-editorial__eyebrow{margin-bottom:14px;color:var(--cyan);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* feature cards (accent rule on top) */
body.pb-motion .e-con.pb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4%,62px)}
body.pb-motion .e-con.pb-cards--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3%,40px)}
body.pb-motion .e-con.pb-card{padding-top:24px;border-top:2px solid var(--accent);gap:0}
body.pb-motion .pb-section--navy .e-con.pb-card{border-top-color:var(--sky)}
body.pb-motion .pb-s .pb-card__icon{width:auto;margin-bottom:18px}
body.pb-motion .pb-s .pb-card__icon .elementor-icon{font-size:30px;color:var(--accent);fill:var(--accent)}
body.pb-motion .pb-s .pb-card__icon svg{width:30px;height:30px;fill:var(--accent)}
body.pb-motion .pb-s .pb-card__index{color:var(--accent);font-size:.85rem;letter-spacing:.02em}
body.pb-motion .pb-s .pb-card__title{margin:4px 0 12px;color:var(--navy);font-size:1.4rem;line-height:1.22;font-weight:500}
body.pb-motion .pb-section--navy .pb-card__title{color:#fff}
body.pb-motion .pb-s .pb-card__text{color:var(--haze);font-size:1rem}
body.pb-motion .pb-section--navy .pb-card__text{color:rgba(255,255,255,.82)}

/* stats band */
body.pb-motion .e-con.pb-stats{padding:clamp(56px,6vw,96px) 0;background:var(--navy);color:#fff}
body.pb-motion .e-con.pb-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
body.pb-motion .e-con.pb-stat{gap:0;padding-left:22px;border-left:1px solid rgba(255,255,255,.22)}
body.pb-motion .pb-s .pb-stat__value{color:#fff;font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:1;font-weight:700}
body.pb-motion .pb-s .pb-stat__label{margin-top:12px;color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.45}
body.pb-motion .pb-s .pb-stat__eyebrow{color:var(--sky);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
body.pb-motion .pb-s .pb-stat__value--text{margin-top:8px;font-size:clamp(1.2rem,1.6vw,1.5rem);font-weight:500;line-height:1.3}

/* photo cards */
body.pb-motion .e-con.pb-pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3%,40px)}
body.pb-motion .e-con.pb-pcard{background:#fff;overflow:hidden;box-shadow:0 1px 0 var(--rule);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
body.pb-motion .e-con.pb-pcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,35,64,.1)}
body.pb-motion .pb-s .pb-img.pb-pcard__media{aspect-ratio:4/3;overflow:hidden}
body.pb-motion .pb-pcard__media img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
body.pb-motion .pb-pcard:hover .pb-pcard__media img{transform:scale(1.05)}
body.pb-motion .e-con.pb-pcard__body{padding:28px 30px 32px;gap:0}
body.pb-motion .pb-section--mist .e-con.pb-pcard{background:#fff}

/* alternating photo / text rows (timeline) */
body.pb-motion .e-con.pb-rows{gap:0}
body.pb-motion .e-con.pb-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6%,88px);align-items:center;padding:clamp(44px,5vw,80px) 0;border-top:1px solid var(--rule)}
body.pb-motion .e-con.pb-row:first-child{border-top:0;padding-top:0}
body.pb-motion .pb-s .pb-img.pb-row__media{aspect-ratio:4/3;overflow:hidden;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
body.pb-motion .e-con.pb-row--rev .pb-row__media{order:2;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
body.pb-motion .pb-s .pb-row__index{color:var(--cyan);font-size:clamp(2.4rem,4vw,4rem);line-height:1;font-weight:700;letter-spacing:-.02em}

/* checklist */
body.pb-motion .e-con.pb-checks{gap:12px;margin-top:26px}
body.pb-motion .pb-s .pb-check{position:relative;padding-left:34px;color:var(--ink);font-size:1rem;line-height:1.55}
body.pb-motion .pb-s .pb-check::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--foam) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%231470ae' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}

/* gallery */
body.pb-motion .e-con.pb-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.pb-motion .pb-s .pb-img.pb-gallery__item{aspect-ratio:4/3;overflow:hidden}
body.pb-motion .pb-gallery__item img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
body.pb-motion .pb-gallery__item:hover img{transform:scale(1.06)}

/* contact cards */
body.pb-motion .e-con.pb-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3%,40px)}
body.pb-motion .e-con.pb-person{padding:30px 30px 34px;background:#fff;border-top:3px solid var(--accent);gap:0}
body.pb-motion .pb-s .pb-person__name{color:var(--navy);font-size:1.3rem;line-height:1.3;font-weight:600}
body.pb-motion .pb-s .pb-person__text{margin-top:10px;color:var(--haze);font-size:.98rem}
body.pb-motion .pb-person .pb-btn{margin-top:22px}

/* CTA band */
body.pb-motion .e-con.pb-cta{padding:clamp(64px,7vw,110px) 0;background:var(--navy);color:#fff}
body.pb-motion .e-con.pb-cta__inner{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:34px}
body.pb-motion .e-con.pb-cta__copy{flex:1 1 520px;max-width:780px;gap:14px}
body.pb-motion .pb-s .pb-cta__title{color:#fff;font-size:var(--type-label);line-height:1.1;font-weight:500}
body.pb-motion .pb-s .pb-cta__text{color:rgba(255,255,255,.8);font-size:1.05rem}
body.pb-motion .pb-cta .e-con.pb-btn-group{margin-top:0;flex-direction:row;flex-wrap:wrap}

/* third-party / functional widgets kept as they were (map, loop grid, carousel) */
body.pb-motion .e-con.pb-embed{width:min(1440px,80vw);margin-inline:auto}

@media (max-width:1024px){
  body.pb-motion .e-con.pb-cards,body.pb-motion .e-con.pb-cards--4,body.pb-motion .e-con.pb-pcards,body.pb-motion .e-con.pb-people{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pb-motion .e-con.pb-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pb-motion .e-con.pb-row{grid-template-columns:1fr;gap:28px}
  body.pb-motion .e-con.pb-row--rev .pb-row__media{order:0}
  body.pb-motion .e-con.pb-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pb-motion .e-con.pb-embed{width:90vw}
}
@media (max-width:700px){
  body.pb-motion .e-con.pb-cards,body.pb-motion .e-con.pb-cards--4,body.pb-motion .e-con.pb-pcards,body.pb-motion .e-con.pb-people,body.pb-motion .e-con.pb-stats__grid{grid-template-columns:1fr}
  body.pb-motion .e-con.pb-pagehero{min-height:72vh}
  body.pb-motion .e-con.pb-embed{width:calc(100% - 36px)}
}

/* =====================================================================
   MASTHEAD (prototype header): links | centred lockup | links
   ===================================================================== */
body.pb-motion .elementor-location-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60;background:#fff;transition:box-shadow .3s ease}
body.pb-motion.pb-scrolled .elementor-location-header{box-shadow:0 10px 30px rgba(14,35,64,.08)}
body.pb-motion .e-con.pb-masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(20px,3vw,56px);width:min(1520px,94vw);height:80px;margin-inline:auto;padding:0;background:transparent}
body.pb-motion .pb-masthead .pb-mnav{width:auto}
body.pb-motion .pb-masthead .pb-mnav--right{justify-self:end}
body.pb-motion .pb-masthead .pb-mnav--all{display:none;justify-self:end}
body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-nav-menu{display:flex;align-items:center;gap:clamp(16px,2.4vw,46px);flex-wrap:nowrap}
body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-item{padding:0;height:80px;display:flex;align-items:center;color:var(--ink);font-family:"Nunito","Segoe UI",Arial,sans-serif;font-size:1rem;font-weight:500;text-transform:none;white-space:nowrap;transition:color .25s ease}
body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-item:hover,body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-item.highlighted,body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-item-active{color:var(--accent)}
body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-item::before,body.pb-motion .pb-masthead .elementor-nav-menu--main .elementor-item::after{display:none}
body.pb-motion .pb-masthead .sub-arrow{display:none}
body.pb-motion .pb-masthead .elementor-nav-menu--main .sub-menu{min-width:210px!important;padding:0 18px;background:#fff;border:0;box-shadow:0 18px 34px rgba(0,0,0,.14);margin-left:-18px!important}
body.pb-motion .pb-masthead .elementor-nav-menu--main .sub-menu::before{content:"";position:absolute;top:-9px;left:44px;border-inline:10px solid transparent;border-bottom:9px solid var(--accent)}
body.pb-motion .pb-masthead .elementor-nav-menu--main .sub-menu .elementor-sub-item{padding:20px 0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);font-family:"Nunito","Segoe UI",Arial,sans-serif;font-size:.95rem;font-weight:500;text-transform:none;white-space:nowrap}
body.pb-motion .pb-masthead .elementor-nav-menu--main .sub-menu li:last-child .elementor-sub-item{border-bottom:0}
body.pb-motion .pb-masthead .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover{color:var(--accent);background:transparent}
body.pb-motion .e-con.pb-brand{flex-direction:row;align-items:center;gap:12px;width:auto;justify-self:center}
body.pb-motion .pb-s .pb-img.pb-brand__badge{width:38px;height:38px}
body.pb-motion .pb-brand__badge img{object-fit:contain}
body.pb-motion .pb-s .pb-brand__name{width:auto;color:#1f2430;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}
body.pb-motion .pb-s .pb-brand__name a{color:inherit}
body.pb-motion .pb-masthead .elementor-menu-toggle{background:transparent;color:var(--accent);font-size:28px}
body.pb-motion .pb-masthead .elementor-nav-menu--dropdown{background:#fff;box-shadow:0 18px 34px rgba(0,0,0,.14)}
body.pb-motion .pb-masthead .elementor-nav-menu--dropdown a{color:var(--ink);font-family:"Nunito","Segoe UI",Arial,sans-serif;text-transform:none}
@media (max-width:1024px){
  body.pb-motion .e-con.pb-masthead{grid-template-columns:auto 1fr}
  body.pb-motion .pb-masthead .pb-mnav--left,body.pb-motion .pb-masthead .pb-mnav--right{display:none}
  body.pb-motion .pb-masthead .pb-mnav--all{display:block}
  body.pb-motion .e-con.pb-brand{justify-self:start}
}

body.pb-motion .pb-masthead .elementor-nav-menu,body.pb-motion .pb-masthead .elementor-nav-menu ul{list-style:none;margin:0;padding:0}
body.pb-motion .pb-masthead .elementor-nav-menu li{list-style:none;margin:0}

/* dropdown: CSS fallback so it opens on hover even before Elementor's menu script runs */
body.pb-motion .pb-masthead .elementor-nav-menu--main li{position:relative}
body.pb-motion .pb-masthead .elementor-nav-menu--main li:hover>.sub-menu,body.pb-motion .pb-masthead .elementor-nav-menu--main li:focus-within>.sub-menu{display:block!important;position:absolute;top:80px;left:0;z-index:70}

/* =====================================================================
   INNER PAGES - batch 2 components: split layout, forms, contact list,
   counters, quote, mini features, icon lists, maps, posts grids.
   ===================================================================== */
body.pb-motion .e-con.pb-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6%,90px);align-items:start}
body.pb-motion .pb-split .e-con.pb-head{margin-bottom:0}

/* Elementor Pro form, restyled like the prototype fields */
body.pb-motion .e-con.pb-formcard{padding:clamp(24px,3vw,44px);background:#fff;border-top:3px solid var(--accent);box-shadow:0 1px 0 var(--rule)}
body.pb-motion .pb-section--mist .e-con.pb-formcard{box-shadow:none}
body.pb-motion .pb-s .pb-form .elementor-field-label{color:var(--navy);font-family:inherit;font-size:.85rem;font-weight:600;margin-bottom:6px}
body.pb-motion .pb-s .pb-form .elementor-field-textual,body.pb-motion .pb-s .pb-form .elementor-field-textual:focus{padding:12px 0;border:0;border-bottom:1px solid #cbd5e1;border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:1rem;box-shadow:none;outline:none}
body.pb-motion .pb-s .pb-form .elementor-field-textual:focus{border-bottom-color:var(--accent)}
body.pb-motion .pb-s .pb-form .elementor-field-textual::placeholder{color:#9aa3ab}
body.pb-motion .pb-s .pb-form .elementor-select-wrapper .select-caret-down-wrapper{right:0}
body.pb-motion .pb-s .pb-form .elementor-button[type=submit]{min-width:190px;padding:12px 26px;border:2px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);font-family:inherit;font-size:1rem;font-weight:500;transition:background-color .28s ease,color .28s ease}
body.pb-motion .pb-s .pb-form .elementor-button[type=submit]:hover{background:var(--accent);color:#fff}
body.pb-motion .pb-s .pb-form .elementor-field-type-acceptance label,body.pb-motion .pb-s .pb-form .elementor-field-option label{color:var(--haze);font-size:.9rem}

/* contact details (label over value) */
body.pb-motion .e-con.pb-contactlist{gap:22px;margin-top:34px}
body.pb-motion .e-con.pb-ci{gap:4px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
body.pb-motion .e-con.pb-ci:last-child{border-bottom:0}
body.pb-motion .pb-s .pb-ci__label{color:var(--haze);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
body.pb-motion .pb-s .pb-ci__value{color:var(--ink);font-size:1.2rem;font-weight:500;line-height:1.45}
body.pb-motion .pb-s .pb-ci__value p{margin:0}

/* counters inside the navy stats band */
body.pb-motion .e-con.pb-stats__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.pb-motion .pb-stats .e-con.pb-head{margin-bottom:clamp(36px,4vw,56px)}
body.pb-motion .pb-s .pb-counter .elementor-counter{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px}
body.pb-motion .pb-s .pb-counter .elementor-counter-number-wrapper{justify-content:flex-start;color:#fff;font-family:inherit;font-size:clamp(2.6rem,4vw,4rem);font-weight:700;line-height:1}
body.pb-motion .pb-s .pb-counter .elementor-counter-number-prefix,body.pb-motion .pb-s .pb-counter .elementor-counter-number-suffix{color:var(--sky);flex-grow:0;text-align:left}
body.pb-motion .pb-s .pb-counter .elementor-counter-title{justify-content:flex-start;color:rgba(255,255,255,.78);font-family:inherit;font-size:.95rem;font-weight:400;line-height:1.45;text-align:left}

/* President's quote */
body.pb-motion .e-con.pb-quote{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6%,90px);align-items:start}
body.pb-motion .pb-s .pb-img.pb-quote__media{aspect-ratio:3/4;overflow:hidden;background:var(--foam);clip-path:polygon(0 0,100% 0,100% 88%,82% 100%,0 100%)}
body.pb-motion .pb-quote__media img{object-position:top center}
body.pb-motion .pb-s .pb-quote__text{color:var(--navy);font-size:clamp(1.45rem,2.1vw,2.1rem);line-height:1.28;font-weight:500}
body.pb-motion .pb-s .pb-quote__text::before{content:"\201C";display:block;height:.55em;margin-bottom:.15em;color:var(--cyan);font-size:4.5em;line-height:1;font-weight:700}
body.pb-motion .e-con.pb-quote__body{margin-top:30px;gap:0}
body.pb-motion .pb-s .pb-quote__body .elementor-widget-text-editor{color:var(--ink)}
body.pb-motion .pb-s .pb-quote__body .elementor-widget-text-editor+.elementor-widget-text-editor{margin-top:1em}
body.pb-motion .pb-s .pb-quote__sign{margin-top:28px!important;padding-top:20px;border-top:2px solid var(--accent);color:var(--accent);font-weight:600;max-width:260px}

/* small feature list inside a panel */
body.pb-motion .e-con.pb-mini{gap:18px;margin-top:26px}
body.pb-motion .e-con.pb-mini__item{gap:4px;padding-left:16px;border-left:2px solid var(--accent)}
body.pb-motion .pb-s .pb-mini__title{color:var(--navy);font-size:1.08rem;font-weight:600;line-height:1.35}
body.pb-motion .pb-s .pb-mini__text{color:var(--haze);font-size:.95rem;line-height:1.6}

/* full-bleed feature with scrim (reuses the flagship look) */
body.pb-motion .pb-feature .pb-flagship__copy{max-width:720px}

/* icon list, maps, posts grids */
body.pb-motion .pb-s .pb-iconlist{margin-top:18px}
body.pb-motion .pb-s .pb-iconlist .elementor-icon-list-text{color:var(--ink);font-family:inherit;font-size:1rem}
body.pb-motion .pb-s .pb-iconlist .elementor-icon-list-icon i{color:var(--accent)}
body.pb-motion .pb-s .pb-iconlist .elementor-icon-list-icon svg{fill:var(--accent)}
body.pb-motion .pb-s .pb-iconlist .elementor-icon-list-item{padding-bottom:8px}
body.pb-motion .pb-s .pb-gmap iframe{display:block;height:min(60vh,520px);filter:saturate(.85)}
body.pb-motion .pb-s .pb-postsw .elementor-post{border-radius:0;overflow:hidden;background:#fff;box-shadow:0 1px 0 var(--rule);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
body.pb-motion .pb-s .pb-postsw .elementor-post:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,35,64,.1)}
body.pb-motion .pb-s .pb-postsw .elementor-post__title,body.pb-motion .pb-s .pb-postsw .elementor-post__title a{color:var(--ink);font-family:inherit;font-weight:500}
body.pb-motion .pb-s .pb-postsw .elementor-post__meta-data,body.pb-motion .pb-s .pb-postsw .elementor-post__excerpt p{color:var(--haze);font-family:inherit}
body.pb-motion .pb-s .pb-postsw .elementor-post__read-more{color:var(--accent);font-family:inherit;font-weight:600}
body.pb-motion .pb-s .pb-site-card{background:#fff;padding:30px 30px 34px;border-top:3px solid var(--accent)}

@media (max-width:1024px){
  body.pb-motion .e-con.pb-split,body.pb-motion .e-con.pb-quote{grid-template-columns:1fr}
  body.pb-motion .e-con.pb-stats__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  body.pb-motion .e-con.pb-stats__grid--3{grid-template-columns:1fr}
}

/* =====================================================================
   LUBRICANTS - product cards (loop item) + single product page
   ===================================================================== */
body.pb-motion .pb-s .pb-prodloop .elementor-loop-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3%,40px)}
body.pb-motion .e-con.pb-prodcard{height:100%;background:#fff;box-shadow:0 1px 0 var(--rule);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;text-align:center}
body.pb-motion .e-con.pb-prodcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,35,64,.1)}
body.pb-motion .pb-prodcard .pb-img.pb-prodcard__media{aspect-ratio:4/3;overflow:hidden;background:#fff;border-bottom:1px solid var(--rule)}
body.pb-motion .pb-prodcard .pb-prodcard__media img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
body.pb-motion .pb-prodcard:hover .pb-prodcard__media img{transform:scale(1.05)}
body.pb-motion .e-con.pb-prodcard__body{flex:1 1 auto;align-items:center;gap:8px;padding:24px 24px 28px}
body.pb-motion .pb-s .pb-prodcard__name{color:var(--ink);font-size:1.15rem;font-weight:600;line-height:1.3;text-align:center}
body.pb-motion .pb-s .pb-prodcard__name a{color:inherit}
body.pb-motion .pb-s .pb-prodcard__spec,body.pb-motion .pb-s .pb-prodcard__spec p{margin:0;color:var(--accent);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;text-align:center}
body.pb-motion .pb-s .pb-prodcard__pack{color:var(--haze);font-size:.82rem;text-align:center}
body.pb-motion .pb-s .pb-prodcard__desc,body.pb-motion .pb-s .pb-prodcard__desc p{margin:6px 0 0;color:var(--haze);font-size:.92rem;line-height:1.6;text-align:center;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body.pb-motion .pb-s .pb-prodcard__link{width:auto;margin-top:auto;padding-top:14px}
body.pb-motion .pb-s .pb-prodcard__link .elementor-button{padding:0;border:0;background:transparent;color:var(--accent);font-family:inherit;font-size:.92rem;font-weight:600}
body.pb-motion .pb-s .pb-prodcard__link .elementor-button-text::after{content:" \2192";display:inline-block;transition:transform .25s ease}
body.pb-motion .pb-s .pb-prodcard__link .elementor-button:hover .elementor-button-text::after{transform:translateX(4px)}
body.pb-motion .e-con.pb-family{padding:clamp(64px,7vw,110px) 0}
body.pb-motion .pb-family .e-con.pb-head{margin-bottom:clamp(30px,3.5vw,52px)}

/* single product page */
body.pb-motion .e-con.pb-prod{padding:clamp(48px,6vw,96px) 0 clamp(64px,7vw,110px);background:var(--mist)}
body.pb-motion .e-con.pb-prod__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6%,96px);align-items:center}
body.pb-motion .pb-s .pb-img.pb-prod__img{aspect-ratio:1/1;background:#fff;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%)}
body.pb-motion .pb-prod__img img{object-fit:contain;padding:clamp(18px,3vw,44px)}
body.pb-motion .pb-s .pb-prod__back{color:var(--accent);font-size:clamp(1.3rem,1.9vw,1.8rem);font-weight:500;line-height:1.1}
body.pb-motion .pb-s .pb-prod__back a{color:inherit}
body.pb-motion .pb-s .pb-prod__title{margin-top:12px;color:var(--navy);font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.06;font-weight:600}
body.pb-motion .pb-s .pb-prod__pack{margin-top:14px;color:var(--haze);font-size:.95rem}
body.pb-motion .pb-s .pb-prod__desc{margin-top:22px;color:var(--ink);font-size:1.05rem;max-width:620px}
body.pb-motion .pb-prod .e-con.pb-btn-group{margin-top:34px;flex-direction:row;flex-wrap:wrap}
body.pb-motion .e-con.pb-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4%,62px)}
body.pb-motion .pb-s .pb-sheet .pb-card__text{color:var(--ink)}
body.pb-motion .pb-s .pb-sheet .pb-card__text table{width:100%;border-collapse:collapse;font-size:.95rem}
body.pb-motion .pb-s .pb-sheet .pb-card__text td,body.pb-motion .pb-s .pb-sheet .pb-card__text th{padding:10px 8px;border-bottom:1px solid var(--rule);text-align:left}
@media (max-width:1024px){
  body.pb-motion .pb-s .pb-prodloop .elementor-loop-container{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pb-motion .e-con.pb-prod__grid,body.pb-motion .e-con.pb-sheet{grid-template-columns:1fr}
}
@media (max-width:700px){
  body.pb-motion .pb-s .pb-prodloop .elementor-loop-container{grid-template-columns:1fr}
}

/* B2B page hero - photo slider (3 slides, 18s loop) */
body.pb-motion .pb-pagehero--slider .pb-img.pb-heroslide{opacity:0;animation:pbHeroSlide 18s linear infinite}
body.pb-motion .pb-pagehero--slider .pb-img.pb-heroslide.pb-heroslide--1{animation-delay:-.9s}
body.pb-motion .pb-pagehero--slider .pb-img.pb-heroslide.pb-heroslide--2{animation-delay:5.1s}
body.pb-motion .pb-pagehero--slider .pb-img.pb-heroslide.pb-heroslide--3{animation-delay:11.1s}
body.pb-motion .pb-pagehero--slider .pb-heroslide img{animation:pbHeroSlideZoom 18s linear infinite}body.pb-motion .pb-pagehero--slider .pb-heroslide--1 img{animation-delay:-.9s}body.pb-motion .pb-pagehero--slider .pb-heroslide--2 img{animation-delay:5.1s}body.pb-motion .pb-pagehero--slider .pb-heroslide--3 img{animation-delay:11.1s}
@keyframes pbHeroSlide{0%{opacity:0}5%{opacity:1}33.3%{opacity:1}39%{opacity:0}100%{opacity:0}}
@keyframes pbHeroSlideZoom{0%{transform:scale(1.1)}39%{transform:scale(1)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){body.pb-motion .pb-pagehero--slider .pb-img.pb-heroslide,body.pb-motion .pb-pagehero--slider .pb-heroslide img{animation:none}body.pb-motion .pb-pagehero--slider .pb-img.pb-heroslide.pb-heroslide--1{opacity:1}}

/* HOMEPAGE HERO - 3-frame layout (left panel, centre triangle, right panel). Overrides the 6-shard mosaic above. */
body.pb-motion .e-con.pb-mosaic__half,body.pb-motion .e-con.pb-mosaic__half--left,body.pb-motion .e-con.pb-mosaic__half--right{left:0;right:auto;width:100%}
body.pb-motion .e-con.pb-shard-0,body.pb-motion .e-con.pb-shard-1,body.pb-motion .e-con.pb-shard-5{display:none}
body.pb-motion .e-con.pb-shard-2{clip-path:polygon(0 0,50% 0,22% 100%,0 100%)}
body.pb-motion .e-con.pb-shard-4{clip-path:polygon(50% 0,78% 100%,22% 100%)}
body.pb-motion .e-con.pb-shard-3{clip-path:polygon(50% 0,100% 0,100% 100%,78% 100%)}

/* MARITIME - Demande de cotation card (page Service Maritime) */
body.pb-motion .e-con.pb-formcard.pbq-card{padding:0;border-top:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -30px rgba(20,32,74,.45)}
body.pb-motion .e-con.pbq-head{position:relative;padding:28px clamp(22px,3vw,36px) 26px;background:linear-gradient(120deg,#1b2a6b 0%,#2B3990 45%,#1f6fd1 100%)!important;gap:6px}
body.pb-motion .e-con.pbq-head::after{content:'';position:absolute;right:26px;top:22px;width:52px;height:52px;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.5'/%3E%3Cpath d='M12 7.5V21M5 12H2a10 10 0 0 0 20 0h-3M8 10h8'/%3E%3C/svg%3E") center/contain no-repeat}
body.pb-motion .pb-s .pbq-head__title .elementor-heading-title{color:#fff;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:800;line-height:1.1;margin:0}
body.pb-motion .pb-s .pbq-head__sub p{margin:0;color:rgba(255,255,255,.85);font-size:.95rem}
body.pb-motion .e-con.pbq-body{padding:22px clamp(22px,3vw,36px) 26px}
body.pb-motion .pbq-step{display:flex;align-items:center;gap:10px;margin:14px 0 2px;color:#14204a;font-weight:700;font-size:1.05rem}
body.pb-motion .pbq-step::after{content:'';flex:1;height:1px;background:#d6deea;margin-left:6px}
body.pb-motion .pbq-step__n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1f5fc4;color:#fff;font-size:.9rem;font-weight:700}
body.pb-motion .pbq-help{margin:-6px 0 0;color:#6b7690;font-size:.8rem}
body.pb-motion .pb-s .pbq-form .elementor-field-label{color:#14204a;font-size:.85rem;font-weight:600;margin-bottom:6px}
body.pb-motion .pb-s .pbq-form .elementor-field-textual,body.pb-motion .pb-s .pbq-form .elementor-field-textual:focus{padding:11px 12px;border:1px solid #d6deea;border-radius:7px;background:#fff;font-size:.95rem;color:#14204a}
body.pb-motion .pb-s .pbq-form .elementor-field-textual:focus{border-color:#1f6fd1;box-shadow:0 0 0 3px rgba(31,111,209,.15)}
body.pb-motion .pb-s .pbq-form .elementor-select-wrapper .select-caret-down-wrapper{right:12px}
body.pb-motion .pb-s .pbq-form .elementor-field-type-html{margin-bottom:0}
body.pb-motion .pb-s .pbq-form .elementor-mark-required .elementor-field-label:after{color:#e0394a}
body.pb-motion .pb-s .pbq-form .elementor-button[type=submit]{width:100%;min-height:50px;border:0;border-radius:8px;background:linear-gradient(90deg,#2B3990,#1f6fd1)!important;color:#fff!important;font-size:1.05rem;font-weight:700;margin-top:6px}
body.pb-motion .pb-s .pbq-form .elementor-button[type=submit]:hover{background:linear-gradient(90deg,#22307c,#1a5fb5)!important;color:#fff!important}
body.pb-motion .pb-s .pbq-note p{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;color:#5b6788;font-size:.82rem;text-align:center}
body.pb-motion .pb-s .pbq-note p::before{content:'';flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B3990' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:767px){body.pb-motion .e-con.pbq-head::after{display:none}}

/* Capitalise the first letter of every heading/label (content was typed in lowercase) */
body.pb-motion .pb-s .elementor-heading-title::first-letter,body.pb-motion .pb-s .pb-community__statement::first-letter,body.pb-motion .pb-s .elementor-heading-title > span:first-child::first-letter{text-transform:uppercase}


/* HOMEPAGE HERO - photo 9 behind the centre triangle: revealed while the centre photo fades on scroll, then fades out itself */
body.pb-motion .e-con.pb-mid-under{display:block;position:absolute;inset:0;padding:0;clip-path:polygon(50% 0,78% 100%,22% 100%);opacity:calc(1 - clamp(0,calc((var(--hero-exit) - .86) / .14),1));will-change:opacity}
body.pb-motion .e-con.pb-mid-under__inner{display:block;position:absolute;inset:0;padding:0}
body.pb-motion .e-con.pb-mid-under .pb-img img{object-fit:cover}

/* MARITIME quote card v2 - matches the client mock (icons in inputs, ship in header, joined unit select) */
body.pb-motion .e-con.pbq-head::before{content:'';position:absolute;right:clamp(90px,14%,150px);bottom:10px;width:70px;height:54px;opacity:.28;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2048%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%2226%22%20y%3D%224%22%20width%3D%2212%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2211%22%20width%3D%2224%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2219%22%20width%3D%2236%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M4%2028h56l-7%2012H11z%22%2F%3E%3Cpath%20d%3D%22M2%2044c4%202%208%202%2012%200s8-2%2012%200%208%202%2012%200%208-2%2012%200%208%202%2012%200%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none}
body.pb-motion .e-con.pbq-head::after{opacity:.45}
body.pb-motion .pb-s .pbq-form .elementor-field-group-tel .elementor-field-textual{padding-right:42px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2314204a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1.9.4%201.8.7%202.7a2%202%200%200%201-.5%202.1L8%209.8a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.8.6%202.7.7a2%202%200%200%201%201.7%202z%22%2F%3E%3C%2Fsvg%3E") right 13px center/18px no-repeat}
body.pb-motion .pb-s .pbq-form .elementor-field-group-navire .elementor-field-textual{padding-right:42px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2314204a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020c1.5%201%203%201%204.5%200s3-1%204.5%200%203%201%204.5%200%203-1%204.5%200%22%2F%3E%3Cpath%20d%3D%22M4%2017l-1-5h18l-1%205%22%2F%3E%3Cpath%20d%3D%22M6%2012V8h12v4%22%2F%3E%3Cpath%20d%3D%22M10%208V5h4v3%22%2F%3E%3C%2Fsvg%3E") right 13px center/18px no-repeat}
body.pb-motion .pb-s .pbq-form .elementor-field-group-imo .elementor-field-textual{padding-right:42px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2314204a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%225%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M12%207.5V21M5%2012H2a10%2010%200%200%200%2020%200h-3M8%2010h8%22%2F%3E%3C%2Fsvg%3E") right 13px center/18px no-repeat}
body.pb-motion .pb-s .pbq-form .elementor-field-group-port .elementor-field-textual{padding-right:42px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2314204a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s7-7.5%207-12a7%207%200%201%200-14%200c0%204.5%207%2012%207%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E") right 13px center/18px no-repeat}
body.pb-motion .pb-s .pbq-form .elementor-field-group-quantite{padding-right:0!important}
body.pb-motion .pb-s .pbq-form .elementor-field-group-unite{padding-left:0!important}
body.pb-motion .pb-s .pbq-form .elementor-field-group-unite .elementor-field-label{visibility:hidden}
body.pb-motion .pb-s .pbq-form .elementor-field-group-quantite .elementor-field-textual{border-radius:7px 0 0 7px}
body.pb-motion .pb-s .pbq-form .elementor-field-group-unite .elementor-field-textual{border-radius:0 7px 7px 0;border-left:0;background:#fff}
@media (max-width:767px){body.pb-motion .e-con.pbq-head::before{display:none}}
body.pb-motion .pb-s .pbq-form .elementor-field-group-quantite .elementor-field-textual,body.pb-motion .pb-s .pbq-form .elementor-field-group-unite .elementor-field-textual{height:46px;box-sizing:border-box}

/* anchor targets clear the fixed header */
html{scroll-behavior:smooth}
#contact-b2b,#postuler{scroll-margin-top:90px}
#contact-maritime,#contact-lubrifiants,#contacts-terrain{scroll-margin-top:90px}

/* MARITIME quote card v3 (simple) - 6 fields, matches the client mock of 12/10/2026 */
body.pb-motion .e-con.pb-formcard.pbq-card--simple{border-radius:14px;box-shadow:0 18px 50px -24px rgba(20,32,74,.35);border:1px solid #e6ebf2}
body.pb-motion .pbq-card--simple .e-con.pbq-head{background:#0f2b5b!important;padding:30px 24px 28px;align-items:center;text-align:center;gap:8px}
body.pb-motion .pbq-card--simple .e-con.pbq-head::before,body.pb-motion .pbq-card--simple .e-con.pbq-head::after{display:none!important}
body.pb-motion .pb-s .pbq-card--simple .pbq-head__title .elementor-heading-title{font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:800;text-align:center}
body.pb-motion .pb-s .pbq-card--simple .pbq-head__sub p{text-align:center;font-size:1.05rem;color:rgba(255,255,255,.92)}
body.pb-motion .pbq-card--simple .e-con.pbq-body{padding:26px clamp(22px,3vw,30px) 30px}
body.pb-motion .pb-s .pbq-intro p{margin:0;color:#14204a}
body.pb-motion .pb-s .pbq-intro .pbq-intro__lead{font-size:.98rem;line-height:1.5}
body.pb-motion .pb-s .pbq-intro .pbq-intro__req{font-size:.86rem;color:#5b6788;margin-top:6px}
body.pb-motion .pb-s .pbq-card--simple .pbq-intro{margin-bottom:14px}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-field-group{margin-bottom:14px}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-field-label{font-size:.9rem;font-weight:600;color:#14204a}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-field-textual,body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-field-group .elementor-field-textual{background-image:none!important;padding:11px 12px;border:1px solid #d6deea;border-radius:6px;min-height:44px}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-field-group-date .elementor-field-textual{color:#14204a}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-field-textual::placeholder{color:#7a849c}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-mark-required .elementor-field-label:after{color:#14204a}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-button[type=submit]{background:#1a4a9c!important;border-radius:6px;min-height:52px;font-size:1.05rem;font-weight:700;margin-top:4px}
body.pb-motion .pb-s .pbq-card--simple .pbq-form .elementor-button[type=submit]:hover{background:#0f2b5b!important}
/* =====================================================================
   TEXT SCALE-UP (27/10/2026) - every paragraph matches the
   "Notre gamme de lubrifiants" intro (28px, medium weight).
   ===================================================================== */
body.pb-motion{--type-body:1.2rem;--type-lead:clamp(1.4rem,2.2vw,1.75rem)}
body.pb-motion .pb-s :is(.pb-lead,.pb-intro__text,.pb-editorial__body,.pb-editorial__headline,.pb-flagship__text,.pb-network__body,.pb-cta__text,.pb-quote__p){font-size:var(--type-lead);line-height:1.3;font-weight:500}
body.pb-motion .pb-s :is(.pb-lead,.pb-intro__text,.pb-editorial__body,.pb-flagship__text,.pb-network__body,.pb-cta__text,.pb-quote__p) :is(h1,h2,h3,h4,h5,h6,p){font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;margin:0 0 .6em}
body.pb-motion .pb-s :is(.pb-lead,.pb-intro__text,.pb-editorial__body,.pb-flagship__text,.pb-network__body,.pb-cta__text,.pb-quote__p) :is(h1,h2,h3,h4,h5,h6,p):last-child{margin-bottom:0}
body.pb-motion .pb-s .pb-lead{max-width:900px}
body.pb-motion .pb-s :is(.pb-editorial__body,.pb-editorial__headline),body.pb-motion .pb-s .pb-intro__text p,body.pb-motion .pb-s .pb-intro__text p:last-child{max-width:680px}
body.pb-motion .pb-panel--inner .pb-editorial__headline{font-size:var(--type-lead)}
/* hero texts sit on photos: a step smaller */
body.pb-motion .pb-s .pb-hero__text{font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.45;font-weight:500}
body.pb-motion .pb-s .pb-pagehero__text{font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.45;font-weight:500}
/* smaller copy, scaled up ~20% */
body.pb-motion .pb-s .pb-card__text{font-size:1.2rem;line-height:1.55}
body.pb-motion .pb-s .pb-mini__text{font-size:1.12rem}
body.pb-motion .pb-s .pb-mini__title{font-size:1.25rem}
body.pb-motion .pb-s .pb-person__text{font-size:1.12rem}
body.pb-motion .pb-s .pb-check{font-size:1.18rem}
body.pb-motion .pb-s .pb-ci__value{font-size:1.35rem}
body.pb-motion .pb-s .pb-ci__label{font-size:.9rem}
body.pb-motion .pb-s .pb-stat__label,body.pb-motion .pb-s .pb-counter .elementor-counter-title{font-size:1.1rem}
body.pb-motion .pb-s .pb-news__excerpt{font-size:1.15rem}
body.pb-motion .pb-s .pb-iconlist .elementor-icon-list-text{font-size:1.15rem}
body.pb-motion .pb-s .pb-prodcard__name{font-size:1.3rem}
body.pb-motion .pb-s .pb-prodcard__desc,body.pb-motion .pb-s .pb-prodcard__desc p{font-size:1.05rem}
body.pb-motion .pb-s .pb-prodcard__pack{font-size:.95rem}
body.pb-motion .pb-s .pb-prod__desc{font-size:var(--type-lead);line-height:1.3;font-weight:500}
body.pb-motion .pb-s .pb-sheet .pb-card__text table{font-size:1.05rem}
body.pb-motion .pb-s .pb-form .elementor-field-label,body.pb-motion .pb-s .pbq-form .elementor-field-label{font-size:.98rem}
body.pb-motion .pb-s .pb-form .elementor-field-textual{font-size:1.1rem}
body.pb-motion .pb-s .pbq-intro .pbq-intro__lead{font-size:1.1rem}
body.pb-motion .elementor-location-footer .elementor-widget-text-editor{font-size:1.1rem;line-height:1.6}
body.pb-motion .elementor-location-footer .elementor-icon-list-text{font-size:1.1rem}
@media (max-width:700px){
  body.pb-motion{--type-body:1.08rem}
  body.pb-motion .pb-s .pb-card__text{font-size:1.1rem}
}
/* Mot du President (page 853): show the full hero photo on mobile, text below it */
@media (max-width:700px){
  body.pb-motion.page-id-853 .e-con.pb-pagehero{min-height:0;display:flex;flex-direction:column}
  body.pb-motion.page-id-853 .pb-s .pb-img.pb-pagehero__bg{position:relative;inset:auto;height:auto;aspect-ratio:1600/1072;overflow:hidden}
  body.pb-motion.page-id-853 .pb-s .pb-pagehero__bg img{height:100%;object-fit:cover;object-position:50% 50% !important}
  body.pb-motion.page-id-853 .e-con.pb-pagehero__scrim{display:none}
  body.pb-motion.page-id-853 .e-con.pb-pagehero__body{position:relative;inset:auto;padding-block:28px 40px;background:var(--ocean)}
}
