:root{--ink:#071019;--ink2:#111c27;--paper:#f1f4f6;--white:#fff;--muted:#607080;--line:rgba(7,16,25,.14);--blue:#0786f9;--red:#f23852;--radius:22px;--max:1240px;--shadow:0 28px 80px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.skip-link{position:fixed;z-index:300;top:12px;left:12px;padding:.75rem 1rem;background:var(--blue);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;inset:0 0 auto;color:#fff;border-bottom:1px solid transparent;transition:.2s}.site-header.scrolled,.site-header.menu-visible{background:rgba(7,16,25,.94);border-color:rgba(255,255,255,.14);backdrop-filter:blur(14px)}.header-inner{width:min(calc(100% - 3rem),var(--max));min-height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.72rem;flex:none}.brand img{width:44px;height:34px;object-fit:contain}.brand>span{display:grid;line-height:1}.brand b{font-size:1.04rem;letter-spacing:.14em}.brand small{margin-top:.35rem;color:rgba(255,255,255,.62);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:clamp(.75rem,1.4vw,1.6rem)}.desktop-nav>a{display:flex;align-items:center;min-height:44px;color:rgba(255,255,255,.76);font-size:.84rem;font-weight:700;white-space:nowrap}.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav>a[aria-current=page]{color:#fff}.desktop-nav .nav-quote{padding:.62rem 1rem;background:var(--blue);border-radius:999px;color:#fff}.nav-tools{display:flex;align-items:center;gap:.6rem}.language-switch{display:flex;padding:3px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.language-switch a,.language-switch span{min-width:31px;padding:.28rem .4rem;border-radius:999px;color:rgba(255,255,255,.58);font-size:.72rem;font-weight:800;text-align:center}.language-switch [aria-current=page]{background:rgba(255,255,255,.14);color:#fff}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff}.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{display:block;width:18px;height:2px;background:currentColor}.menu-toggle i{position:relative;margin:auto}.menu-toggle i:before,.menu-toggle i:after{content:"";position:absolute;left:0}.menu-toggle i:before{top:-6px}.menu-toggle i:after{top:6px}.menu-toggle[aria-expanded=true] i{background:transparent}.menu-toggle[aria-expanded=true] i:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i:after{top:0;transform:rotate(-45deg)}
.section-inner{width:min(calc(100% - 3rem),var(--max));margin:auto}.page-hero{min-height:720px;padding:150px 0 90px;display:grid;align-items:center;color:#fff;background:radial-gradient(circle at 74% 30%,rgba(7,134,249,.18),transparent 28%),linear-gradient(135deg,#071019,#111c27 66%,#172635)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(3rem,7vw,7rem);align-items:center}.eyebrow,.kicker{margin:0 0 1.1rem;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.page-hero h1{max-width:820px;margin:0;font-size:clamp(2.75rem,5.7vw,5.9rem);line-height:.98;letter-spacing:-.055em}.hero-lead{max-width:700px;margin:1.8rem 0 0;color:rgba(255,255,255,.72);font-size:clamp(1.05rem,1.5vw,1.28rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border:0;border-radius:999px;font-weight:800;cursor:pointer}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#0878dc}.button-ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.button-light{background:#fff;color:var(--ink)}.button-disabled{background:#dfe5e9;color:#687681;cursor:not-allowed}.photo-placeholder{position:relative;min-height:250px;padding:1.3rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px dashed rgba(7,16,25,.25);border-radius:var(--radius);background:linear-gradient(135deg,rgba(7,134,249,.08),rgba(7,16,25,.04)),repeating-linear-gradient(90deg,transparent 0 39px,rgba(7,16,25,.04) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(7,16,25,.04) 40px)}.photo-placeholder:after{content:"";position:absolute;inset:18% 20%;border:1px solid currentColor;border-radius:50%;opacity:.09}.photo-placeholder span{font-weight:800}.photo-placeholder small{font-family:ui-monospace,monospace;font-size:.72rem;letter-spacing:.1em}.hero-placeholder{min-height:430px;color:#fff;border-color:rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(7,134,249,.16),rgba(255,255,255,.03)),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.035) 50px),repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.035) 50px);box-shadow:var(--shadow)}.draft-bar{padding:.72rem 1rem;background:#f4d36b;color:#3d330e;font-size:.82rem;font-weight:800;text-align:center}
.section{padding:clamp(4.5rem,8vw,8.5rem) 0}.section h2{max-width:850px;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.045em}.section-lead{max-width:780px;margin:1.2rem 0 2.5rem;color:var(--muted);font-size:1.1rem}.section-dark{background:var(--ink);color:#fff}.section-dark p{color:rgba(255,255,255,.7)}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(3rem,8vw,8rem);align-items:start}.split>div>p:not(.kicker){max-width:700px;color:var(--muted);font-size:1.08rem}.section-dark .split>div>p:not(.kicker){color:rgba(255,255,255,.7)}.text-link{display:inline-block;margin-top:1rem;color:var(--blue);font-weight:800}.metrics{display:grid;border-top:1px solid var(--line)}.metrics div{padding:1.4rem 0;display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:center;border-bottom:1px solid var(--line)}.metrics strong{font-size:2rem;letter-spacing:-.04em}.metrics span{color:var(--muted)}.sector-grid,.card-grid,.placeholder-grid,.certificate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}.sector-tile,.info-card,.certificate-card{min-height:220px;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.sector-tile{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;transition:.2s}.sector-tile:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(7,16,25,.1)}.sector-tile>span,.info-card>span{color:var(--blue);font-family:ui-monospace,monospace;font-size:.75rem;font-weight:800}.sector-tile h3{align-self:end;margin:3rem 0 0;font-size:1.5rem}.sector-tile b{grid-area:1/2/3;font-size:1.5rem}.info-card h3{margin:3rem 0 .6rem;font-size:1.35rem}.info-card p{margin:0;color:var(--muted)}.material-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.material-list span{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff}.process{padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none}.process li{padding:1.4rem;border-top:2px solid var(--ink)}.process li>span{color:var(--blue);font-family:ui-monospace,monospace;font-size:.75rem}.process h3{margin:2.2rem 0 .5rem}.process p{margin:0;color:var(--muted)}.cert-mini{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:2rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius)}.cert-mini span{align-self:end;color:var(--blue);font-size:.75rem;font-weight:800;text-transform:uppercase}.cert-mini strong{font-size:2rem}.certificate-card>div:first-child{display:flex;justify-content:space-between;gap:1rem}.certificate-card h3{margin:0;font-size:2rem}.certificate-card>div>span{color:var(--blue);font-size:.75rem;font-weight:800;text-transform:uppercase}.certificate-card dl{margin:1.5rem 0}.certificate-card dl div{padding:.8rem 0;border-top:1px solid var(--line)}.certificate-card dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.certificate-card dd{margin:.2rem 0 0;font-weight:700}.fineprint{color:var(--muted);font-size:.85rem}.placeholder-grid .photo-placeholder{min-height:290px}.cta{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta p{max-width:760px;color:var(--muted)}.narrow{max-width:900px}.notice{padding:1rem 1.2rem;border-left:4px solid #e4b423;background:#fff5cb;color:#554816}.legal-copy h2{margin-top:3rem;font-size:2rem}.legal-list{margin:2rem 0}.legal-list div{padding:1rem 0;border-bottom:1px solid var(--line)}.legal-list dt{font-weight:800}.legal-list dd{margin:.25rem 0 0;color:var(--muted)}
.quote-layout{display:grid;grid-template-columns:320px 1fr;gap:clamp(2rem,7vw,7rem)}.quote-layout aside h2{font-size:2rem}.quote-layout aside p{color:var(--muted)}.quote-form{padding:clamp(1.5rem,4vw,3rem);border-radius:var(--radius);background:#fff;box-shadow:0 18px 60px rgba(7,16,25,.08)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote-form label{display:grid;gap:.4rem;margin-bottom:1rem;font-size:.82rem;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:.8rem .9rem;border:1px solid #c6d0d7;border-radius:10px;background:#fff;color:var(--ink)}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid rgba(7,134,249,.16);border-color:var(--blue)}.file-field small,.secure-note{color:var(--muted);font-size:.78rem}.consent{grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:auto;margin-top:.3rem}.consent a{color:var(--blue);text-decoration:underline}.form-status{min-height:1.5rem;font-weight:700}.form-status.error{color:#a11125}.form-status.success{color:#187047}.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
footer{padding:4rem 0 1.5rem;background:var(--ink2);color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer-grid p{color:rgba(255,255,255,.6)}.footer-grid h2{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.footer-grid>div:not(:first-child) a{color:rgba(255,255,255,.72)}.footer-brand{margin-bottom:1.4rem}.footer-bottom{width:min(calc(100% - 3rem),var(--max));margin:3rem auto 0;padding-top:1.3rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:.78rem}
@media(max-width:1050px){.desktop-nav{gap:.7rem}.desktop-nav>a{font-size:.77rem}.desktop-nav .nav-quote{display:none}.hero-grid{grid-template-columns:1fr .8fr}.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.header-inner{width:min(calc(100% - 2rem),var(--max));min-height:74px}.menu-toggle{display:block}.desktop-nav{position:fixed;inset:74px 0 auto;display:none;max-height:calc(100vh - 74px);padding:1rem;background:rgba(7,16,25,.98);overflow:auto}.desktop-nav.open{display:grid}.desktop-nav>a{padding:.55rem 1rem;font-size:1rem}.desktop-nav .nav-quote{display:flex}.page-hero{min-height:auto;padding:125px 0 70px}.hero-grid,.split,.quote-layout{grid-template-columns:1fr}.hero-placeholder{min-height:300px}.sector-grid,.card-grid,.placeholder-grid,.certificate-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.section-inner{width:min(calc(100% - 2rem),var(--max))}.page-hero h1{font-size:2.65rem}.hero-placeholder{min-height:230px}.section{padding:4rem 0}.section h2{font-size:2.25rem}.metrics div{grid-template-columns:120px 1fr}.process,.field-row,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{width:min(calc(100% - 2rem),var(--max));flex-direction:column;gap:.5rem}.language-switch{display:none}.cert-mini{grid-template-columns:1fr}.quote-form{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* V1.1 visual photography system */
.hero-photo{position:relative;min-height:430px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#e9eef2;box-shadow:var(--shadow)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none}
.hero-photo img{width:100%;height:430px;object-fit:cover}
.hero-photo figcaption{position:absolute;right:1rem;bottom:1rem;z-index:1;padding:.45rem .72rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(7,16,25,.72);color:#fff;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}
.sector-tile-photo{position:relative;min-height:340px;padding:0;overflow:hidden;background:var(--ink);color:#fff;border:0}
.sector-tile-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,25,.04) 22%,rgba(7,16,25,.9) 100%)}
.sector-tile-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sector-tile-photo:hover img{transform:scale(1.035)}
.sector-tile-photo>span,.sector-tile-photo h3,.sector-tile-photo b{position:relative;z-index:1;margin:0}
.sector-tile-photo>span{padding:1.35rem;color:#fff}
.sector-tile-photo h3{align-self:end;padding:1.35rem;font-size:1.65rem}
.sector-tile-photo b{padding:1.35rem}
.photo-section{background:#e8edf1}
.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:2.5rem}
.part-photo{grid-column:span 6;margin:0;overflow:hidden;border-radius:var(--radius);background:#fff;box-shadow:0 14px 45px rgba(7,16,25,.08)}
.part-photo:nth-child(3n){grid-column:span 12}
.part-photo img{width:100%;height:clamp(290px,34vw,470px);object-fit:cover;background:#f4f7f9}
.part-photo figcaption{padding:1rem 1.15rem;color:var(--ink);font-weight:800}
.machine-section{background:#fff}
.machine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.machine-photo{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#f4f7f9;box-shadow:0 14px 45px rgba(7,16,25,.07)}
.machine-photo>div{display:grid;place-items:center;height:390px;padding:1.6rem;background:radial-gradient(circle at 50% 45%,#fff 0,#eef3f6 72%)}
.machine-photo img{width:100%;height:100%;object-fit:contain;filter:saturate(.9) contrast(1.03)}
.machine-photo figcaption{display:grid;gap:.2rem;padding:1rem 1.15rem;background:#fff}
.machine-photo figcaption strong{font-size:1.05rem}
.machine-photo figcaption span{color:#9a6710;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.certificate-mark{min-height:120px;margin:1.2rem 0;padding:1rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#f7f9fa}
.certificate-mark img{max-width:250px;max-height:90px;object-fit:contain}
.certificate-mark p{margin:.75rem 0 0;padding:.65rem .8rem;border-radius:9px;background:#fff2bf;color:#5c4700;font-size:.78rem;font-weight:700}
.certificate-mark-pending{border-color:#e3bc41;background:#fffaf0}
.section-compact{padding-top:0}
@media(max-width:840px){.hero-photo,.hero-photo img{min-height:300px;height:300px}.part-photo,.part-photo:nth-child(3n){grid-column:span 12}.machine-grid{grid-template-columns:1fr}.machine-photo>div{height:330px}}
@media(max-width:560px){.hero-photo,.hero-photo img{min-height:230px;height:230px}.part-photo img{height:270px}.machine-photo>div{height:260px}}

/* Scientific signature: blue atmosphere with rose-violet accents. */
:root{
  --paper:#eaf2fc;
  --science-watermark:url("/assets/backgrounds/jmtec-fond-adn-constellation.webp");
  --watermark-hero-opacity:.76;
  --watermark-dark-opacity:.50;
  --watermark-light-opacity:.16;
}
.page-hero,.section,footer{position:relative;isolation:isolate}
.page-hero>.section-inner,.section>.section-inner,footer>.section-inner,footer>.footer-bottom{position:relative;z-index:1}
.page-hero::before,.section-dark::before,footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--science-watermark);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center right;
  mix-blend-mode:screen;
}
.page-hero::before{opacity:var(--watermark-hero-opacity)}
.page-hero{
  background:
    radial-gradient(ellipse at 94% 84%,rgba(194,75,156,.22),transparent 44%),
    radial-gradient(ellipse at 78% 38%,rgba(112,87,207,.28),transparent 52%),
    radial-gradient(ellipse at 32% 0,rgba(7,134,249,.30),transparent 65%),
    linear-gradient(120deg,#07172f 16%,#0c2d57 63%,#152344);
  box-shadow:inset 0 -1px rgba(170,153,218,.20);
}
.hero-photo{
  border-color:rgba(218,200,245,.28);
  box-shadow:0 28px 80px rgba(0,0,0,.25),0 0 70px rgba(156,87,202,.12);
}
.section-dark{
  background:
    radial-gradient(ellipse at 96% 100%,rgba(192,66,139,.18),transparent 46%),
    radial-gradient(ellipse at 64% 5%,rgba(39,112,203,.35),transparent 64%),
    #071d3a;
}
.section-dark::before{
  opacity:var(--watermark-dark-opacity);
  background-size:max(100%,1100px) auto;
  background-position:right 62%;
}
footer::before{
  opacity:.30;
  background-size:max(100%,1100px) auto;
  background-position:right 74%;
}
footer{
  background:radial-gradient(ellipse at 92% 100%,rgba(170,72,168,.16),transparent 52%),#0b2340;
}
main>.section:not(.section-dark):not(.photo-section):not(.machine-section){
  background-image:
    radial-gradient(ellipse at 14% 8%,rgba(59,148,235,.19),transparent 68%),
    radial-gradient(ellipse at 100% 100%,rgba(173,116,199,.12),transparent 46%);
}
main>.section:not(.section-dark):not(.photo-section):not(.machine-section)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--science-watermark);
  background-repeat:no-repeat;
  background-size:max(100%,1100px) auto;
  background-position:right 60%;
  filter:grayscale(1) invert(1);
  mix-blend-mode:multiply;
  opacity:var(--watermark-light-opacity);
  -webkit-mask-image:linear-gradient(90deg,transparent 24%,#000 72%);
  mask-image:linear-gradient(90deg,transparent 24%,#000 72%);
}
.photo-section{
  background:radial-gradient(ellipse at 100% 0,rgba(139,106,184,.075),transparent 65%),#e4eefb;
}
/* Keep long legal copy and the enquiry form on quiet surfaces. */
body:is([data-page="legal"],[data-page="privacy"],[data-page="quote"]) main>.section{
  background-image:none;
}
body:is([data-page="legal"],[data-page="privacy"],[data-page="quote"]) main>.section::before{
  display:none;
}
@media(max-width:840px){
  :root{--watermark-hero-opacity:.52;--watermark-dark-opacity:.34;--watermark-light-opacity:.10}
  .page-hero::before{background-size:auto 100%;background-position:64% center}
  footer::before{opacity:.22}
}
@media(forced-colors:active){
  .page-hero::before,.section::before,footer::before{display:none}
}

/* Official, unaltered JMTEC logo on a clean white navigation bar. */
.site-header,.site-header.scrolled,.site-header.menu-visible{
  color:var(--ink);
  background:rgba(255,255,255,.98);
  border-bottom:1px solid rgba(37,41,71,.10);
  box-shadow:0 4px 26px rgba(7,16,25,.04);
}
.header-inner{min-height:94px;gap:1.5rem}
.brand{gap:0}
.brand img{width:220px;height:auto;max-width:100%;object-fit:contain}
.desktop-nav>a{color:#344151;font-size:.875rem}
.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav>a[aria-current=page]{color:#086dcd}
.desktop-nav .nav-quote{color:#fff;background:#086dcd}
.desktop-nav .nav-quote:hover{color:#fff;background:#5f49bc}
.language-switch{display:flex;border-color:#d6dce6}
.language-switch a,.language-switch span{display:grid;place-items:center;min-width:38px;min-height:38px;padding:0;color:#576375;font-size:.8125rem}
.language-switch [aria-current=page]{background:#edf1f8;color:#123b68}
.menu-toggle{color:var(--ink);border-color:#d6dce6}
.footer-brand{display:inline-flex;padding:0;background:transparent;border-radius:0;max-width:100%}
.footer-brand img{width:238px}
a:focus-visible,button:focus-visible{outline:3px solid #9a79e6;outline-offset:5px}

/* Full-width product composition, real text and a quiet, readable overlay. */
.home-hero{
  margin-top:94px;
  min-height:clamp(660px,calc(100svh - 94px),860px);
  padding:72px 0 112px;
  overflow:hidden;
  background:#031831;
  align-items:center;
}
.home-hero::before{display:none}
.home-hero-media,.home-hero-shade{position:absolute;inset:0;pointer-events:none}
.home-hero-media{z-index:0;background:#031831}
.home-hero-media picture{display:block;width:100%;height:100%}
.home-hero-media img,.hero-video{width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-video{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.video-ready .hero-video{opacity:1}
.home-hero-shade{
  z-index:1;
  background:
    radial-gradient(ellipse at 8% 10%,rgba(19,89,169,.24),transparent 47%),
    radial-gradient(ellipse at 97% 96%,rgba(117,62,157,.20),transparent 38%),
    linear-gradient(90deg,#031831 0%,rgba(3,24,49,.96) 27%,rgba(3,24,49,.84) 39%,rgba(3,24,49,.34) 58%,rgba(3,24,49,.07) 82%),
    linear-gradient(0deg,rgba(3,18,41,.86),transparent 29%);
}
.home-hero>.home-hero-content{position:relative;z-index:2}
.home-hero-copy,.home-hero-details{max-width:560px}
.home-hero .eyebrow{margin-bottom:1.3rem;color:#a8d7ff;font-size:1.15rem;letter-spacing:.22em}
.home-hero h1{font-size:clamp(2.6rem,4.1vw,3.7rem);line-height:1.09;letter-spacing:-.045em;margin:0;max-width:100%;overflow-wrap:anywhere}
.home-hero h1 span{color:#d7c4f7}
.home-hero .hero-lead{max-width:440px;font-size:1.08rem;line-height:1.65;color:#e0dfed;margin-top:1.5rem}
.home-hero .hero-actions{margin-top:2.1rem;gap:.75rem}
.home-hero .button{min-height:52px;padding:.85rem 1.4rem;font-size:.9375rem}
.home-hero .button-primary{background:linear-gradient(110deg,#086dcd,#7051d0);box-shadow:0 8px 28px rgba(63,42,128,.25)}
.home-hero .button-primary:hover{background:linear-gradient(110deg,#075bac,#6343bf)}
.home-hero .button-ghost{border-color:rgba(225,219,241,.55);background:rgba(8,14,25,.18)}
.home-hero .button-ghost:hover{background:rgba(255,255,255,.10)}
.hero-proof{display:flex;flex-wrap:wrap;gap:1.4rem;list-style:none;padding:1.35rem 0 0;margin:2.2rem 0 0;border-top:1px solid rgba(217,203,240,.24);width:fit-content;max-width:100%}
.hero-proof li{display:grid;gap:.3rem}
.hero-proof li+li{border-left:1px solid rgba(217,203,240,.24);padding-left:1.4rem}
.hero-proof strong{font-size:1rem;line-height:1.3;font-weight:700;color:#fff;letter-spacing:.01em}
.hero-proof span{font-size:.8125rem;color:#c8c5d7}
.home-hero-caption{position:absolute;z-index:2;right:max(1.5rem,calc((100% - 1240px)/2));bottom:1.6rem;margin:0;display:grid;gap:.2rem;color:#fff;text-align:right;font-size:.875rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.home-hero-caption span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#becbe1}
.hero-video-toggle{display:flex;align-items:center;gap:.6rem;min-height:44px;margin-top:1.2rem;padding:.5rem .85rem;border:1px solid rgba(188,217,248,.42);border-radius:999px;background:rgba(5,26,54,.6);color:#e3edff;font-size:.8125rem;cursor:pointer}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{background:#13375f}
.hero-video-toggle[aria-pressed="true"] .motion-icon{width:0;height:0;border:6px solid transparent;border-right:0;border-left:9px solid currentColor}
.sector-tile-supplied{background:#fff;min-height:390px}
.sector-tile-supplied img{height:calc(100% - 96px);object-fit:contain;padding:1.2rem 2rem}
.sector-tile-supplied::after{background:linear-gradient(0deg,#0b2343 0 96px,transparent 96px)}
.sector-tile-supplied h3{display:flex;align-items:center;min-height:96px;padding:1.2rem 1.35rem;font-size:1.35rem;line-height:1.25}
.sector-tile-supplied>span,.sector-tile-supplied b{color:#16477a}
@keyframes home-copy-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.home-hero-copy{animation:home-copy-enter .7s ease-out both}}
@media(max-width:1100px){
  .brand img{width:195px}
  .header-inner{gap:1rem}
  .desktop-nav{gap:.8rem}
  .desktop-nav>a{font-size:.8125rem}
  .home-hero h1{font-size:2.85rem}
  .home-hero-copy,.home-hero-details{max-width:470px}
}
/* Stack the complete headline, product group and actions on narrow screens. */
@media(max-width:1100px){
  .home-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:40px 0 28px}
  .home-hero>.home-hero-content{display:contents}
  .home-hero-copy,.home-hero-details{position:relative;z-index:2;max-width:680px;width:calc(100% - 3rem);margin-inline:auto}
  .home-hero-copy{order:0}
  .home-hero .eyebrow{margin-bottom:1rem}
  .home-hero h1{font-size:clamp(2.3rem,5.5vw,3.7rem)}
  .home-hero-media,.ambient-ready .home-hero-media{position:relative;inset:auto;order:1;width:100%;height:clamp(310px,64vw,540px);flex:none;margin-top:16px}
  .home-hero-media img,.home-hero-media video{object-fit:contain;object-position:center;background:#031831}
  .home-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,24,49,.48),transparent 12%,transparent 87%,rgba(3,24,49,.48))}
  .home-hero-shade{display:none}
  .home-hero-details{order:2}
  .home-hero .hero-actions{margin-top:.8rem}
  .home-hero-caption{position:relative;inset:auto;order:3;max-width:680px;width:calc(100% - 3rem);margin:1.6rem auto 0;text-align:left}
  .hero-proof{margin-top:1.6rem}
}
@media(max-width:840px){
  .header-inner{min-height:76px;gap:.5rem}
  .brand img{width:190px}
  .desktop-nav{inset:76px 0 auto;max-height:calc(100dvh - 76px);background:#fff;border-bottom:1px solid #d6dce6}
  .desktop-nav>a{font-size:1rem}
  .home-hero{margin-top:76px}
  .footer-brand img{width:220px}
}
@media(max-width:560px){
  .brand img{width:clamp(132px,44vw,176px)}
  .home-hero{padding-top:32px}
  .home-hero-copy,.home-hero-details,.home-hero-caption{width:calc(100% - 2rem)}
  .home-hero h1{font-size:clamp(1.7rem,8.1vw,2.8rem);line-height:1.12}
  .home-hero .eyebrow{font-size:1rem;letter-spacing:.18em}
  .home-hero-media,.ambient-ready .home-hero-media{height:clamp(310px,100vw,520px)}
  .home-hero .hero-actions{gap:.65rem}
  .home-hero .button{font-size:.875rem;padding:.75rem 1rem}
  .hero-proof{gap:.75rem;justify-content:space-between;width:100%;margin-top:1.75rem}
  .hero-proof li+li{padding-left:.75rem}
  .hero-proof strong{font-size:.875rem}
  .hero-proof span{font-size:.75rem}
  .hero-proof li:first-child span{max-width:100px}
  .hero-proof{row-gap:1.15rem}
  .sector-tile-supplied{min-height:330px}
  .sector-tile-supplied img{padding:.9rem}
  .footer-brand img{width:220px}
}
@media(forced-colors:active){
  .home-hero-media,.home-hero-shade,.hero-video-toggle{display:none}
  .home-hero{background:Canvas;color:CanvasText}
  .home-hero :is(h1 span,.eyebrow,.hero-lead,.hero-proof strong,.hero-proof span){color:CanvasText}
}

/* A single fixed atmosphere, shared by every section of the page. */
:root{--muted:#405065}
.site-backdrop,.dna-field{display:none;pointer-events:none}
.ambient-ready .site-backdrop{
  display:block;
  position:fixed;
  inset:0;
  height:100vh;
  height:100lvh;
  z-index:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 7% 2%,rgba(46,153,241,.36),transparent 64%),
    radial-gradient(ellipse at 71% 36%,rgba(74,135,226,.30),transparent 60%),
    radial-gradient(ellipse at 97% 69%,rgba(145,103,215,.24),transparent 44%),
    radial-gradient(ellipse at 96% 98%,rgba(235,136,190,.22),transparent 37%),
    linear-gradient(125deg,#eef6ff 10%,#cbdff9 61%,#e5d8ef);
}
/* Soft, irregular colour clouds inspired by the supplied blue/violet/rose reference. */
.site-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 54% 24% at 61% 18%,rgba(42,134,229,.16),transparent 77%),
    radial-gradient(ellipse 56% 15% at 94% 57%,rgba(167,130,220,.13),transparent 75%),
    radial-gradient(ellipse 40% 31% at 80% 36%,rgba(72,133,217,.14),transparent 76%),
    radial-gradient(ellipse 33% 30% at 99% 94%,rgba(237,143,192,.13),transparent 74%),
    linear-gradient(90deg,rgba(255,255,255,.40),transparent 57%);
}
.backdrop-palette{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease-in-out}
.backdrop-rose{
  background:
    radial-gradient(ellipse at 8% 3%,rgba(49,150,237,.35),transparent 65%),
    radial-gradient(ellipse at 60% 31%,rgba(84,140,224,.24),transparent 59%),
    radial-gradient(ellipse at 98% 83%,rgba(226,130,184,.28),transparent 43%),
    linear-gradient(125deg,#eef5ff,#d0e0f8 61%,#e9d5ea);
}
.backdrop-blue{
  background:
    radial-gradient(ellipse at 9% 3%,rgba(34,150,241,.39),transparent 63%),
    radial-gradient(ellipse at 77% 35%,rgba(72,124,218,.31),transparent 59%),
    radial-gradient(ellipse at 98% 96%,rgba(207,133,205,.20),transparent 39%),
    linear-gradient(125deg,#edf7ff,#c4dcf8 64%,#d9d8f1);
}
.backdrop-plum{
  background:
    radial-gradient(ellipse at 8% 4%,rgba(63,151,233,.33),transparent 62%),
    radial-gradient(ellipse at 80% 35%,rgba(111,113,209,.25),transparent 53%),
    radial-gradient(ellipse at 97% 95%,rgba(218,107,162,.23),transparent 40%),
    linear-gradient(125deg,#edf4fc,#cbdcf5 62%,#e0cfea);
}
[data-backdrop="rose"] .backdrop-rose,
[data-backdrop="blue"] .backdrop-blue,
[data-backdrop="plum"] .backdrop-plum{opacity:1}
.ambient-ready .section,.ambient-ready .page-hero,.ambient-ready footer{isolation:auto}
.ambient-ready main>.section:not(.section-dark),
.ambient-ready main>.section:not(.section-dark):not(.photo-section):not(.machine-section){background:transparent}
.ambient-ready .page-hero:not(.home-hero){background:rgba(8,29,61,.94)}
.ambient-ready .section-dark{background:rgba(9,30,62,.94)}
.ambient-ready footer{background:rgba(8,25,50,.96);padding-bottom:5.5rem}
.ambient-ready .page-hero::before,.ambient-ready .section::before,.ambient-ready footer::before{display:none}
.ambient-ready :is(.page-hero,.section,footer)>.section-inner,
.ambient-ready footer>.footer-bottom,.ambient-ready .draft-bar{position:relative;z-index:2}

/* Matching light/dark treatments keep the same helix continuous across surfaces.
   Both sit above section backgrounds and below their text and photographs. */
.ambient-ready .dna-field{
  display:block;
  position:fixed;
  inset:-3vmax;
  height:calc(100vh + 6vmax);
  height:calc(100lvh + 6vmax);
  z-index:1;
  overflow:hidden;
  transition:opacity 1.1s ease;
}
.dna-field-light{mix-blend-mode:multiply;opacity:.55}
.dna-field-dark{mix-blend-mode:screen;opacity:.76}
.dna-field-glints{mix-blend-mode:normal;opacity:1}
.dna-helix{display:block;width:100%;height:100%}
.ambient-ready.dna-quiet .dna-field{opacity:0}
.ambient-ready .home-hero{isolation:isolate;z-index:2}
/* Clip the viewport-fixed photograph to the homepage hero as its copy scrolls. */
@supports(clip-path:inset(0)){
  .ambient-ready .home-hero{clip-path:inset(0)}
  @media(min-width:1101px){
    .ambient-ready .home-hero-media{position:fixed;inset:94px 0 auto;height:clamp(660px,calc(100lvh - 94px),860px)}
  }
}
body:is([data-page="legal"],[data-page="privacy"],[data-page="quote"]).ambient-ready main>.section:not(.section-dark):not(.photo-section):not(.machine-section){background:rgba(249,248,252,.94)}
.motion-toggle{
  position:fixed;
  right:max(1rem,env(safe-area-inset-right));
  bottom:max(1rem,env(safe-area-inset-bottom));
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  min-height:44px;
  padding:.6rem .9rem;
  border:1px solid #d5c8e4;
  border-radius:999px;
  background:#fcfaff;
  color:#453151;
  box-shadow:0 5px 24px rgba(23,13,42,.12);
  cursor:pointer;
  font-size:.75rem;
  font-weight:700;
}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:#eee3f7}
.motion-icon{width:10px;height:12px;border-inline:3px solid currentColor}
.motion-toggle[aria-pressed="true"] .motion-icon{width:0;height:0;border:6px solid transparent;border-right:0;border-left:9px solid currentColor}
@media(max-width:840px){
  .dna-field-light{opacity:.42}
  .dna-field-dark{opacity:.65}
}
@media(prefers-reduced-motion:reduce){
  .backdrop-palette,.dna-field{transition:none!important}
  .motion-toggle{display:none}
  @media(min-width:1101px){.ambient-ready .home-hero-media{position:absolute;inset:0;height:100%}}
}
@media(forced-colors:active){
  .ambient-ready .site-backdrop,.ambient-ready .dna-field,.motion-toggle{display:none}
  .ambient-ready :is(.page-hero,.section,footer){background:Canvas!important;color:CanvasText}
}

/* Full-width film; navy veil inspired by Techni-Deco's dark video overlay. */
.home-hero-cinema{display:block;min-height:clamp(660px,calc(100svh - 94px),860px);padding:100px 0 120px;background:#06172b}
.home-hero-cinema>.home-hero-content{display:block;position:relative;z-index:2}
.home-hero-cinema .home-hero-media,.ambient-ready .home-hero-cinema .home-hero-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;transform:none;overflow:hidden;pointer-events:none;background:#06172b}
.home-hero-cinema .home-hero-media::after{display:none}
.home-hero-cinema .home-film-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5}
.home-hero-cinema .home-hero-media .home-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;max-width:none;opacity:0;pointer-events:none;filter:saturate(.82) contrast(1.04);transition:opacity .3s ease}
.home-hero-cinema .film-playing .home-background-video{opacity:1}
.home-hero-cinema .home-hero-shade{display:block;z-index:1;background:linear-gradient(90deg,rgba(3,15,31,.66),rgba(5,22,43,.28) 62%,rgba(19,19,43,.24)),linear-gradient(0deg,rgba(4,17,33,.5),transparent 45%);pointer-events:none}
.home-hero-cinema .home-hero-copy,.home-hero-cinema .home-hero-details{max-width:560px;width:100%;margin:0}
.home-film-motion{position:absolute;right:24px;bottom:24px;z-index:4;max-width:calc(100% - 48px);min-height:44px;padding:.5rem .8rem;border:1px solid #ffffff80;border-radius:999px;background:#071a31cc;color:#fff;cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s ease}
.home-film-motion:focus-visible,.home-film-motion.is-play-needed{opacity:1;pointer-events:auto}
.home-film-motion[hidden]{display:none}
.home-film-motion:hover{background:#071a31cc}
.home-film-motion:focus-visible{outline:2px solid #fff;outline-offset:4px}
.home-film-motion span{font-size:.875rem;line-height:1.4}
@media(max-width:1100px){
 .home-hero-cinema{min-height:620px;padding:80px 0 100px}
 .home-hero-cinema .home-hero-shade{background:linear-gradient(90deg,rgba(3,15,31,.68),rgba(5,22,43,.32)),linear-gradient(0deg,rgba(4,17,33,.6),transparent 65%)}
}
@media(max-width:560px){
 .home-hero-cinema{min-height:calc(100svh - 76px);padding:64px 0 96px}
 .home-hero-cinema>.home-hero-content{width:calc(100% - 2rem)}
 .home-hero-cinema .home-hero-copy,.home-hero-cinema .home-hero-details{width:100%}
 .home-film-motion{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.home-hero-cinema .home-hero-media .home-background-video{transition:none}}
@media(forced-colors:active){.home-hero-cinema .home-hero-media,.home-hero-cinema .home-hero-shade,.home-film-motion{display:none}}

/* Homepage enquiry: quotation action and direct telephone link. */
.cta-actions{flex:0 0 auto;display:grid;justify-items:start;gap:1rem;max-width:100%}
.cta .cta-actions p{margin:0;font-size:1rem;line-height:1.5}
.direct-call{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px}
body[data-page="home"] .metrics div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body[data-page="home"] .metrics .metric-diameter{font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.3;white-space:nowrap}

/* Homepage labels: double the original type sizes, with light confined to the letters. */
body[data-page="home"] :is(.home-hero .eyebrow,main>.section .kicker){
  --title-ink:#0868c2;
  --title-glow:rgba(7,134,249,.3);
  width:fit-content;
  max-width:100%;
  color:var(--title-ink);
  line-height:1.4;
  overflow-wrap:anywhere;
}
body[data-page="home"] main>.section .kicker{font-size:1.56rem}
body[data-page="home"] .home-hero .eyebrow{
  --title-ink:#a8d7ff;
  --title-glow:rgba(157,210,255,.55);
  --title-delay:-1.2s;
  font-size:2.3rem;
}
body[data-page="home"] main>.section-dark .kicker{
  --title-ink:#62bfff;
  --title-glow:rgba(92,181,255,.5);
}
body[data-page="home"] main>.section:nth-of-type(2) .kicker{--title-delay:-.4s}
body[data-page="home"] main>.section:nth-of-type(3) .kicker{--title-delay:-2s}
body[data-page="home"] main>.section:nth-of-type(4) .kicker{--title-delay:-3.6s}
body[data-page="home"] main>.section:nth-of-type(5) .kicker{--title-delay:-5s}
body[data-page="home"] .cert-mini{
  grid-template-columns:minmax(0,1fr);
  gap:1rem;
  text-align:center;
}
body[data-page="home"] .hero-proof li{align-content:start}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  body[data-page="home"] :is(.home-hero .eyebrow,main>.section .kicker){
    background-image:linear-gradient(110deg,var(--title-ink) 0%,var(--title-ink) 42%,#b4dcff 47%,#fff 50%,#dccfff 53%,var(--title-ink) 59%,var(--title-ink) 100%);
    background-size:240% 100%;
    background-position:100% 0;
    background-repeat:no-repeat;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  @media(prefers-reduced-motion:no-preference){
    body[data-page="home"] :is(.home-hero .eyebrow,main>.section .kicker){
      animation:home-title-sparkle 3s ease-in-out var(--title-delay,0s) infinite;
    }
  }
}
@keyframes home-title-sparkle{
  0%,64%{background-position:100% 0;text-shadow:0 0 0 transparent}
  74%{text-shadow:0 0 9px var(--title-glow)}
  79%{text-shadow:0 0 2px rgba(255,255,255,.4),0 0 14px var(--title-glow)}
  90%,100%{background-position:0 0;text-shadow:0 0 0 transparent}
}
body[data-page="home"].motion-paused :is(.home-hero .eyebrow,main>.section .kicker){animation-play-state:paused}
@media(max-width:560px){
  body[data-page="home"] .home-hero .eyebrow{font-size:2rem}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
  body[data-page="home"] :is(.home-hero .eyebrow,main>.section .kicker){
    animation:none;
    background:none;
    -webkit-text-fill-color:currentColor;
    text-shadow:none;
  }
}
@media(forced-colors:active){
  body[data-page="home"] :is(.home-hero .eyebrow,main>.section .kicker){color:CanvasText}
}

/* Equal access to every industry; readable navigation on intermediate widths. */
.sector-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;font-size:.875rem}
.sector-breadcrumb a,.sector-related a{color:#075caa;text-decoration:underline;text-underline-offset:4px}
.sector-related{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;font-size:1rem}
@media(max-width:1200px){
 .header-inner{min-height:76px;gap:1rem}
 .menu-toggle{display:block}
 .desktop-nav{position:fixed;inset:76px 0 auto;display:none;max-height:calc(100dvh - 76px);padding:1rem;background:#fff;border-bottom:1px solid #d6dce6;overflow:auto}
 .desktop-nav.open{display:grid}
 .desktop-nav>a{padding:.55rem 1rem;font-size:1rem}
 .desktop-nav .nav-quote{display:flex}
}

/* Original JMTEC certificates */
.certificate-card{scroll-margin-top:120px;min-width:0;display:flex;flex-direction:column}
.certificate-card h3{font-size:clamp(1.4rem,3vw,2rem)}
.certificate-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.4rem 0;padding:1.2rem;background:#f2f5f9;border:1px solid var(--line);border-radius:14px;text-decoration:none}
.certificate-preview img{display:block;width:auto;max-width:100%;height:340px;object-fit:contain;box-shadow:0 8px 24px #10234420}
.certificate-preview span{font-size:.85rem;font-weight:700}
.certificate-preview:hover,.certificate-preview:focus-visible{border-color:#198bd5}
.certificate-card dd{overflow-wrap:anywhere}
.certificate-card .button{white-space:normal;text-align:center}
.certificate-card > .button{margin-top:auto;align-self:flex-start}
@media(max-width:480px){.certificate-preview img{height:auto;max-height:340px}.certificate-card{padding:1.2rem}}

/* Quality: full-width metrology banner and compact editorial cards */
.quality-hero{position:relative;min-height:620px;min-height:75svh;display:flex;align-items:center;padding:150px 0 95px;background:#081b35;color:#fff;overflow:hidden}
.quality-hero-image,.quality-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.quality-hero-shade{background:linear-gradient(90deg,rgba(4,17,38,.88),rgba(10,32,62,.52) 53%,rgba(40,15,65,.16))}
.quality-hero-copy{position:relative;z-index:2;width:min(calc(100% - 3rem),var(--max));margin:auto}
.quality-hero-copy h1{max-width:800px;font-size:clamp(2.7rem,5.8vw,5.6rem);line-height:1.08;letter-spacing:-.04em;margin:1rem 0 1.5rem}
.quality-hero-copy>p:not(.eyebrow){max-width:590px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#e3edf9;margin-bottom:2rem}
.quality-image-credit{position:absolute;right:1.5rem;bottom:1rem;z-index:2;color:#d5dfef;font-size:.75rem}
.quality-principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.quality-principle{display:flex;align-items:flex-start;gap:1.2rem;padding:1.7rem;background:rgba(255,255,255,.55);border:1px solid rgba(19,100,171,.17);border-radius:18px}
.quality-principle>svg{width:30px;height:30px;flex:none;color:#087ccd;margin-top:.2rem}
.quality-principle h3{margin:0 0 .65rem;font-size:1.25rem;line-height:1.3}
.quality-principle p{margin:0;font-size:1rem;color:#19334d}
.quality-principle .quality-validation{margin-top:1rem;padding-top:.7rem;border-top:1px solid #dbe5ef;font-size:.875rem;color:#6a5263}
@media(max-width:700px){.quality-hero{min-height:590px;padding:135px 0 85px}.quality-hero-image{object-position:65% center}.quality-hero-shade{background:linear-gradient(90deg,rgba(4,17,38,.91),rgba(10,32,62,.64))}.quality-principles-grid{grid-template-columns:1fr}.quality-principle{padding:1.25rem;gap:.9rem}.quality-image-credit{left:1.5rem;font-size:.75rem}}

/* Shared translucent cards: preserve full opacity on text and photographic assets. */
main :is(.info-card,.certificate-card,.quote-form,.quality-principle,.part-photo,.machine-photo,.sector-tile:not(.sector-tile-photo),.sector-tile-supplied){background:rgba(255,255,255,.55)}
main .machine-photo figcaption{background:transparent}
main .certificate-preview{background:rgba(255,255,255,.18)}
main .machine-photo>div{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.3),rgba(238,243,246,.15))}
main :is(.info-card,.certificate-card,.quote-form) :is(p,dt,small){color:#344c64}

/* Approved inner-page labels and section titles only. */
main .selected-title-sparkle{
 --title-ink:#0868c2;--title-glow:rgba(7,134,249,.3);
 color:var(--title-ink);width:fit-content;max-width:100%;overflow-wrap:anywhere;line-height:1.15;
}
main :is(.page-hero,.quality-hero,.section-dark) .selected-title-sparkle{--title-ink:#b9e1ff;--title-glow:rgba(157,210,255,.55)}
main h2.selected-title-sparkle{font-size:clamp(2.4rem,4.6vw,4.8rem)}
main :is(.eyebrow,.kicker).selected-title-sparkle{font-size:clamp(1.05rem,1.6vw,1.56rem);line-height:1.4}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 main .selected-title-sparkle{
  background-image:linear-gradient(110deg,var(--title-ink) 0%,var(--title-ink) 42%,#b4dcff 47%,#fff 50%,#dccfff 53%,var(--title-ink) 59%,var(--title-ink) 100%);
  background-size:240% 100%;background-position:100% 0;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 }
 @media(prefers-reduced-motion:no-preference){main .selected-title-sparkle{animation:home-title-sparkle 3s ease-in-out infinite}}
}
body.motion-paused main .selected-title-sparkle{animation-play-state:paused}
@media(max-width:560px){main h2.selected-title-sparkle{font-size:clamp(2.2rem,8vw,2.8rem)}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
 main .selected-title-sparkle{animation:none;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
}
@media(forced-colors:active){main .selected-title-sparkle{color:CanvasText}}

/* Machinery: supplied workshop photograph, full-width with the shared DNA layer. */
.machinery-hero .quality-hero-image{object-position:center 65%}
.machinery-hero .quality-hero-shade{background:linear-gradient(90deg,rgba(4,18,39,.84),rgba(10,34,65,.48) 55%,rgba(49,23,67,.22)),linear-gradient(0deg,rgba(7,24,47,.32),transparent 65%)}
.machinery-hero .quality-hero-copy h1{max-width:850px;font-size:clamp(2.75rem,5.7vw,5.9rem);line-height:1.06}
.machinery-hero .quality-hero-copy>p:not(.eyebrow){max-width:680px}
@media(max-width:560px){.machinery-hero .quality-hero-copy h1{font-size:2.65rem}.machinery-hero .quality-hero-image{object-position:58% center}.machinery-hero .quality-hero-shade{background:rgba(5,23,47,.65)}}

/* Reduce only the machinery photograph's tint by ten percent. */
.machinery-hero .quality-hero-shade{opacity:.9}
.workshop-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.workshop-video-card{margin:0;min-width:0;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.55)}
.workshop-video-player{position:relative;background:#071a31;aspect-ratio:16/9}
.workshop-video-player video{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(1.1)}
.workshop-video-start{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);white-space:nowrap}
.workshop-video-start[hidden]{display:none}
.workshop-video-card figcaption{padding:1rem 1.25rem;font-weight:700}
.workshop-video-status{margin:0 1.25rem;font-size:.875rem}.workshop-video-status:not(:empty){padding-bottom:1rem}
.workshop-video-download:not([hidden]){margin:0 1.25rem 1.25rem}
@media(max-width:840px){.workshop-video-grid{grid-template-columns:1fr}}
.workshop-video-toggle{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#061c38b3;color:#fff;font-size:1.25rem;cursor:pointer;display:grid;place-items:center}
.workshop-video-toggle[hidden]{display:none}
.workshop-video-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Supplied certification banner: retain the complete image on every screen. */
.home-certifications-banner{display:block;width:100%;max-width:100%;height:auto;align-self:center;border-radius:12px;box-shadow:var(--white-halo);}

/* Quote: full-width drawing photograph with a light blue-violet veil. */
.quote-hero .quality-hero-image{object-position:center 55%}
.quote-hero .quality-hero-shade{background:linear-gradient(90deg,rgba(4,18,39,.78),rgba(10,34,65,.43) 52%,rgba(55,24,73,.12))}
.quote-hero .quality-hero-copy h1{max-width:760px}
@media(max-width:700px){.quote-hero .quality-hero-image{object-position:60% center}.quote-hero .quality-hero-shade{background:linear-gradient(90deg,rgba(4,18,39,.8),rgba(10,34,65,.49))}}

/* News: full-width workshop banner, consistent typography and light veil. */
.news-hero .quality-hero-image{object-position:center center}
.news-hero .quality-hero-shade{background:linear-gradient(90deg,rgba(4,18,39,.78),rgba(10,34,65,.43) 52%,rgba(55,24,73,.12))}
.news-hero .quality-hero-copy h1{max-width:760px}
@media(max-width:700px){.news-hero .quality-hero-image{object-position:32% center}.news-hero .quality-hero-shade{background:linear-gradient(90deg,rgba(4,18,39,.8),rgba(10,34,65,.49))}}

.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.news-card{overflow:hidden;border:1px solid rgba(19,100,171,.17);border-radius:18px;background:transparent}
.news-card-visual{height:250px;padding:1.6rem;background:transparent;display:flex;align-items:center;justify-content:center}
.news-card-visual img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.news-card-copy{padding:1.8rem;background:transparent}.news-card-copy h2{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;margin:.8rem 0 1rem}
.news-card-copy>p:not(.news-meta){color:#19334d}.news-meta{font-size:.875rem;color:#18547c;line-height:1.6}
@media(max-width:700px){.news-grid{grid-template-columns:1fr}.news-card-visual{height:210px;padding:1rem}.news-card-copy{padding:1.3rem}}

/* Three-language navigation and German compound words. */
.nav-tools,.language-switch{flex-shrink:0}
html[lang="de"] main h1,html[lang="de"] main h2,html[lang="de"] main h3{overflow-wrap:break-word;hyphens:auto}
@media(max-width:560px){.header-inner{gap:.35rem}.header-inner .brand img{width:clamp(125px,38vw,180px);height:auto}.language-switch a,.language-switch span{min-width:32px;min-height:38px}.nav-tools{gap:.3rem}}

/* Supplied medical references: preserve each complete image, including portrait formats. */
body[data-page="medical"] .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="medical"] .part-photo,body[data-page="medical"] .part-photo:nth-child(3n){grid-column:auto;min-width:0}
body[data-page="medical"] .part-photo img{height:clamp(300px,32vw,430px);object-fit:contain;background:#fff}
@media(max-width:840px){body[data-page="medical"] .photo-grid{grid-template-columns:1fr}body[data-page="medical"] .part-photo img{height:clamp(300px,85vw,500px)}}

/* All sector photos use the approved Medical veil, without changing the images. */
.medical-hero,.sector-hero { --sector-photo-veil:linear-gradient(90deg,rgba(4,18,39,.8),rgba(10,34,65,.44) 52%,rgba(55,24,73,.12)); }
.medical-hero .quality-hero-image{object-position:center 52%}
.medical-hero .quality-hero-shade{background:var(--sector-photo-veil)}
.medical-hero .quality-hero-copy h1{max-width:850px}
@media(max-width:700px){
 .medical-hero,.sector-hero { --sector-photo-veil:linear-gradient(90deg,rgba(4,18,39,.83),rgba(10,34,65,.5)); }
 .medical-hero .quality-hero-image{object-position:60% center}
}

/* Compact medical navigation; products precede supporting technical information. */
.medical-breadcrumb{padding-top:1.25rem}.medical-breadcrumb .sector-breadcrumb{margin:0;font-size:.875rem}
body[data-page="medical"] .photo-section{padding-top:2rem}
.medical-project-details{padding-top:1rem;padding-bottom:2rem}
.medical-project-details h2{font-size:clamp(1.6rem,3vw,2.4rem)}
/* Keep the full menu and the three languages comfortably separated. */
@media(min-width:1201px){.header-inner{gap:1rem}.desktop-nav{gap:.8rem}.desktop-nav>a{font-size:.8125rem}.header-inner .brand img{width:195px}.desktop-nav .nav-quote{padding:.62rem .8rem}}

/* Balanced machine framing, no visible captions or solid white backgrounds. */
.machine-photo { background:rgba(255,255,255,.55); }
.machine-photo > div { background:transparent; padding:1.25rem; }
.machine-framing { display:block; width:100%; height:100%; overflow:hidden; }

/* Keep sector labels anchored below the photographs without numbering. */
.sector-tile-photo h3 { grid-column:1; grid-row:2; }

.medical-copy-block + .medical-copy-block { margin-top:clamp(2rem,4vw,3.5rem); }

.expertise-hero .quality-hero-image { object-position:center; }
.expertise-capabilities .info-card h3 { margin-top:0; }
.materials-photo { position:relative; background:linear-gradient(90deg,rgba(7,22,44,.86),rgba(15,37,64,.62)),url('/assets/jmtec-matieres-premieres-barres-decolletage.png') center/cover no-repeat; }
.materials-photo .material-list span { background:rgba(7,22,44,.5); backdrop-filter:blur(3px); }

/* Lighter photographic banners: less tint, with local text contrast. */
.home-hero-cinema .home-hero-shade,
.news-hero .quality-hero-shade,
.quote-hero .quality-hero-shade { opacity:.68; }
.machinery-hero .quality-hero-shade { opacity:.60; }
:is(.home-hero-copy,.news-hero .quality-hero-copy,.quote-hero .quality-hero-copy,.machinery-hero .quality-hero-copy) { text-shadow:0 2px 12px rgba(3,15,31,.55); }
body[data-page="quality"] .quality-hero { background:#f4f7fa; color:#102c49; }
body[data-page="quality"] .quality-hero-image { filter:brightness(1.08) saturate(.88); }
body[data-page="quality"] .quality-hero-shade { background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(247,250,253,.48) 53%,rgba(255,255,255,.08)); }
body[data-page="quality"] .quality-hero-copy > p:not(.eyebrow) { color:#193750; }
body[data-page="quality"] .quality-hero .selected-title-sparkle { --title-ink:#0868c2; --title-glow:rgba(7,134,249,.3); }
body[data-page="quality"] .quality-hero .button-ghost { color:#102c49; border-color:rgba(16,44,73,.5); background:rgba(255,255,255,.65); }
body[data-page="quality"] .quality-hero .button-ghost:hover { background:rgba(255,255,255,.9); }
body[data-page="quality"] .quality-image-credit { color:#193750; background:rgba(255,255,255,.72); padding:.25rem .5rem; border-radius:4px; }
@media(max-width:700px) {
 body[data-page="quality"] .quality-hero-shade { background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(247,250,253,.58)); }
}

/* Second brightness pass: lighter overlays and 15% more image brightness/colour. */
.home-hero-cinema .home-hero-shade,
.news-hero .quality-hero-shade,
.quote-hero .quality-hero-shade { opacity:.45; }
.machinery-hero .quality-hero-shade { opacity:.40; }
body[data-page="quality"] .quality-hero-shade { opacity:.70; }
.home-hero-cinema .home-hero-media .home-film-fallback,
.news-hero .quality-hero-image,
.quote-hero .quality-hero-image,
.machinery-hero .quality-hero-image { filter:brightness(1.15) saturate(1.15); }
.home-hero-cinema .home-hero-media .home-background-video { filter:saturate(.82) contrast(1.04) brightness(1.15) saturate(1.15); }
body[data-page="quality"] .quality-hero-image { filter:brightness(1.08) saturate(.88) brightness(1.15) saturate(1.15); }

/* Materials: supplied composition with native multilingual labels. */
.materials-showcase { background:#10263c; padding:clamp(2.5rem,5vw,5rem) 0 0; overflow:hidden; }
.materials-showcase .kicker { margin-bottom:1.8rem; }
.materials-visual-grid { display:grid; grid-template-columns:417fr 318fr 324fr 316fr 371fr 424fr; }
.material-visual { margin:0; min-width:0; display:flex; flex-direction:column; }
.material-visual figcaption { flex:1; color:#f0f6ff; text-align:center; font-size:clamp(1.035rem,1.5525vw,1.38rem); padding:.8rem .4rem; min-height:4rem; display:grid; place-items:center; text-shadow:0 0 6px rgba(255,255,255,.72),0 0 18px rgba(255,255,255,.35); }
.material-art { flex:none; display:block; width:100%; height:auto; overflow:hidden; }
@supports(grid-template-rows:subgrid) {
 /* Captions share a row at every width, including desktop two-line labels. */
 .material-visual { display:grid; grid-template-rows:subgrid; grid-row:span 2; }
}
@media(max-width:900px) {
 .materials-visual-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 /* A shared viewport fits every original crop at the same scale, without distortion. */
 .material-art { aspect-ratio:424 / 535; height:auto; background:linear-gradient(180deg,#10263c 0%,#10263c 25%,#657a8e 62%,#a6aeb8 100%); }
 .material-visual figcaption { min-height:5rem; line-height:1.4; overflow-wrap:anywhere; }
}
@media(max-width:540px) { .materials-visual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .material-visual figcaption {font-size:1.15rem;} }

/* Material labels and brighter expertise banner. */
.material-visual figcaption { font-weight:700; }
.expertise-hero .quality-hero-shade { opacity:.45; }
.expertise-hero .quality-hero-image { filter:brightness(1.10) saturate(1.08); }
.expertise-hero .quality-hero-copy { text-shadow:0 2px 12px rgba(3,15,31,.55); }
/* Unfiltered sector photograph: copy below it stays readable. */
.industries-hero { position:relative; z-index:2; padding-top:0; }
.industries-banner { display:block; width:100%; height:clamp(260px,42vw,640px); object-fit:cover; object-position:center; filter:none; opacity:1; }
.industries-intro { padding-top:clamp(2rem,4vw,4rem); padding-bottom:1rem; }
.industries-sector-list { padding-bottom:clamp(1.5rem,2vw,2rem); }
.industries-other-project { padding-top:clamp(1.25rem,2vw,2rem); padding-bottom:clamp(1.5rem,3vw,2.5rem); }
.industries-intro h1 { max-width:1000px; font-size:clamp(2.5rem,5.5vw,5.6rem); line-height:1.08; letter-spacing:-.04em; margin:1rem 0; }

/* Seven more generous capability cards, including the full-width quality strip. */
.expertise-capabilities .card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.expertise-capabilities .expertise-card { min-height:280px; padding:2rem; border:1px solid rgba(255,255,255,.82); border-radius:14px; background:rgba(255,255,255,.55); box-shadow:0 6px 20px #16365e08; transition:transform .2s,box-shadow .2s; }
.expertise-capabilities .expertise-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px #16365e15; }
.expertise-capabilities .expertise-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:1.2rem; border-radius:10px; background:#e0effb; color:#197fb9; }
.expertise-capabilities .expertise-icon svg { width:30px; height:30px; flex:none; }
.expertise-capabilities .expertise-card h3 { margin:0 0 .8rem; font-size:1.3rem; line-height:1.35; letter-spacing:-.015em; overflow-wrap:anywhere; }
.expertise-capabilities .expertise-card p { margin:0; font-size:1.08rem; line-height:1.65; color:#455b72; }
.expertise-capabilities .expertise-control { grid-column:1/-1; display:flex; align-items:center; gap:1.6rem; min-height:132px; padding:2rem; background:rgba(255,255,255,.55); border-color:rgba(255,255,255,.82); color:var(--ink); }
.expertise-capabilities .expertise-control .expertise-icon { flex:none; width:56px; height:56px; margin:0; background:#e0effb; color:#197fb9; }
.expertise-capabilities .expertise-control h3 { color:var(--ink); }
.expertise-capabilities { padding-top:clamp(1.5rem,3vw,2.75rem); padding-bottom:clamp(1.5rem,3vw,2.75rem); }
.expertise-capabilities .card-grid { gap:1rem; margin-top:1.5rem; }
.expertise-capabilities .section-lead { margin-bottom:1.5rem; }
body[data-page="expertise"] .materials-showcase { padding-top:clamp(1.5rem,3vw,2.75rem); }
.expertise-capabilities .expertise-control p { color:#455b72; }
@media(max-width:900px) { .expertise-capabilities .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .expertise-capabilities .card-grid { grid-template-columns:1fr; } .expertise-capabilities .expertise-control { align-items:flex-start; gap:1rem; } .expertise-capabilities .expertise-card { min-height:0; padding:1.6rem; } }
@media(prefers-reduced-motion:reduce) { .expertise-capabilities .expertise-card { transition:none; } .expertise-capabilities .expertise-card:hover { transform:none; } }

/* Sky-blue backdrop: retain clear blue headings without darkening the photograph. */
.expertise-hero { background:#e9f5fc; color:#102c49; }
.expertise-hero .quality-hero-image { filter:none; }
.expertise-hero .quality-hero-shade { opacity:1; background:linear-gradient(90deg,rgba(243,250,255,.48),rgba(243,250,255,.15) 52%,transparent 75%); }
.expertise-hero .quality-hero-copy { text-shadow:none; }
.expertise-hero .quality-hero-copy > p:not(.eyebrow) { color:#193750; }
.expertise-hero .selected-title-sparkle { --title-ink:#0868c2; --title-glow:rgba(7,134,249,.3); }

/* Keep the expertise label legible throughout its three-second shimmer. */
body[data-page="expertise"] main .expertise-hero .eyebrow.selected-title-sparkle {
 --title-ink:#123f6a; --title-glow:rgba(18,63,106,.15); color:#123f6a;
 background-image:linear-gradient(110deg,#123f6a 0%,#123f6a 42%,#24699d 47%,#347bb0 50%,#24699d 53%,#123f6a 59%,#123f6a 100%);
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
 body[data-page="expertise"] main .expertise-hero .eyebrow.selected-title-sparkle { background:none; -webkit-text-fill-color:currentColor; }
}

/* Readable expertise copy on a localized pale panel; keep the photograph visible. */
.expertise-hero .expertise-copy-panel { max-width:760px; padding:clamp(1.4rem,3vw,2.6rem); border-radius:18px; border:1px solid rgba(255,255,255,.94); background:rgba(247,252,255,.94); box-shadow:0 10px 36px rgba(24,57,91,.12); color:#102c49; }
.expertise-hero .expertise-copy-panel h1 { color:#102c49; font-size:clamp(2.2rem,4vw,4rem); line-height:1.12; margin:1rem 0 1.25rem; }
.expertise-hero .expertise-copy-panel > p:not(.eyebrow) { max-width:590px; color:#263e56; font-size:clamp(1rem,1.5vw,1.18rem); margin:0; }
body[data-page="expertise"] main .expertise-copy-panel .eyebrow.selected-title-sparkle { --title-ink:#123f6a; color:#123f6a; }
.machine-capacity-copy { max-width:950px; margin:1.5rem 0 2rem; font-size:1.1rem; color:#344c64; }
.machine-capacity-copy p { margin:0 0 1rem; }
.machine-section { padding-top:clamp(1.75rem,3vw,3rem); padding-bottom:clamp(2rem,4vw,4rem); }

/* Expertise: headings above an unobstructed full-width photograph, lead below. */
.expertise-intro-hero { position:relative; z-index:2; padding-top:clamp(120px,11vw,160px); color:#102c49; }
.expertise-heading { padding-bottom:clamp(1.75rem,3vw,3rem); }
.expertise-heading h1 { max-width:1100px; margin:1rem 0 0; font-size:clamp(2.2rem,4.8vw,4.8rem); line-height:1.1; letter-spacing:-.035em; color:#102c49; }
.expertise-full-photo { display:block; width:100%; height:auto; max-width:none; filter:none; opacity:1; }
.expertise-photo-lead { min-height:var(--expertise-caption-height); display:flex; align-items:center; padding-block:.75rem; }
.expertise-photo-lead p { max-width:950px; margin:0; color:#263e56; font-size:clamp(1.05rem,1.7vw,1.3rem); line-height:1.65; }
body[data-page="expertise"] main .expertise-heading .eyebrow.selected-title-sparkle { --title-ink:#123f6a; color:#123f6a; background-image:linear-gradient(110deg,#123f6a 0%,#123f6a 42%,#24699d 47%,#347bb0 50%,#24699d 53%,#123f6a 59%,#123f6a 100%); }
body[data-page="machines"] main .machine-photo > div { background:transparent; border:0; box-shadow:none; border-radius:0; }
@media(prefers-reduced-motion:reduce),(forced-colors:active) { body[data-page="expertise"] main .expertise-heading .eyebrow.selected-title-sparkle { background:none; -webkit-text-fill-color:currentColor; } }

/* Semantic, translated history between the home introduction and industries. */
.home-history { position:relative; z-index:2; padding:0; background:#fff; }
.history-heading { padding-top:3rem; }
.history-heading .kicker { margin-bottom:0; }
.history-image-scroll { width:100%; overflow-x:auto; background:#fff; }
 .history-timeline { position:relative; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:1320px; max-width:1870px; margin:0 auto; padding:1rem 2rem 2rem; list-style:none; color:#064899; }
.history-timeline::before { content:""; position:absolute; top:207px; left:2rem; right:2rem; height:2px; background:#064899; }
.history-step { position:relative; display:flex; flex-direction:column; align-items:center; padding:0 .75rem; }
.history-step::before { content:""; position:absolute; top:184px; width:16px; height:16px; border:4px solid #064899; border-radius:50%; background:#fff; z-index:1; }
.history-step::after { content:""; position:absolute; top:160px; width:2px; height:24px; background:#064899; }
.history-photo { display:flex; align-items:center; justify-content:center; width:160px; height:160px; overflow:hidden; border:2px solid #087aff; border-radius:50%; background:#fff; flex:none; }
.history-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.history-photo.history-logo img { width:88%; height:88%; object-fit:contain; }
.history-photo > span { font-size:1.75rem; line-height:1.3; text-align:center; font-weight:700; }
.history-caption { width:100%; margin-top:3rem; text-align:center; }
.history-caption h3 { color:#087aff; font-size:2rem; margin:0 0 .4rem; }
.history-caption p { margin:0; font-size:1rem; line-height:1.45; }
.history-scroll-hint { display:none; color:#064899; margin:.75rem 0 0; font-size:.9rem; }
@media(max-width:1319px) { .history-scroll-hint { display:block; } .history-image-scroll { scroll-snap-type:x proximity; } .history-step { scroll-snap-align:center; } }
.history-image-scroll:focus-visible { outline:3px solid #0868c2; outline-offset:-3px; }
.history-ready .history-photo { opacity:0; }
.history-ready .is-visible .history-photo { animation:history-photo-reveal .85s cubic-bezier(.2,.7,.2,1) var(--history-delay,0s) both; }
@keyframes history-photo-reveal {
  from { opacity:0; transform:translateY(10px) scale(.94); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@media(prefers-reduced-motion:reduce) {
  .history-ready .history-photo { opacity:1; animation:none; transform:none; }
}

/* Home: compact introduction, white history heading, larger film credentials. */
.ambient-ready main > .section.home-history:not(.section-dark):not(.photo-section):not(.machine-section) { background:#fff; }
body[data-page="home"] main > .home-about { padding-top:clamp(2rem,4vw,4rem); padding-bottom:1.5rem; }
body[data-page="home"] .home-about .split > div > p:last-child { margin-bottom:0; }
.home-hero-cinema .home-hero-details { max-width:900px; }
.home-hero-cinema .hero-proof { margin-top:4.8rem; gap:1.4rem; }
.home-hero-cinema .hero-proof strong { font-size:2rem; white-space:nowrap; }
.home-hero-cinema .hero-proof span { font-size:1.625rem; line-height:1.4; }
@media(max-width:560px) {
 .home-hero-cinema .hero-proof { row-gap:1.3rem; }
 .home-hero-cinema .hero-proof li:first-child { flex-basis:100%; }
 .home-hero-cinema .hero-proof li:nth-child(2) { border-left:0; padding-left:0; }
}

/* Refined hero positions and compact history banner. */
.home-hero-cinema > .home-proof-position { position:absolute; z-index:2; top:auto; bottom:clamp(24px,3vw,48px); left:clamp(16px,3vw,48px); width:calc(100% - clamp(32px,6vw,96px)); margin:0; transform:none; }
.home-hero-cinema .home-proof-position .hero-proof { margin:0; }
.history-heading { padding-top:1.5rem; padding-bottom:1rem; }
.history-image-scroll { padding-bottom:1rem; }
.expertise-intro-hero { padding-top:0; }
.expertise-visual { position:relative; background:#a0bedf; }
.expertise-visual .expertise-full-photo { min-height:760px; object-fit:cover; }
/* The supplied photograph ends with a blue strip (the bottom 123/941).
   Keep the lead in that strip, in flow so translated or enlarged text can grow. */
.expertise-caption-band { --expertise-caption-height:max(100px,7.36vw); position:relative; z-index:2; min-height:var(--expertise-caption-height); margin-top:calc(-1 * var(--expertise-caption-height)); }
.expertise-visual .expertise-heading { position:absolute; top:clamp(108px,8vw,144px); left:50%; transform:translateX(-50%); padding:0; margin:0; }
.expertise-visual .expertise-heading h1 { font-size:clamp(2rem,3.6vw,3.75rem); margin-top:.6rem; text-shadow:0 1px 8px #ffffffb3; }
body[data-page="quality"] .quality-hero { align-items:flex-start; padding-top:115px; background:#fff; }
body[data-page="quality"] .quality-hero-copy { margin-block:0; }
body[data-page="quality"] .quality-hero-shade { opacity:1; background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.25) 55%,transparent 80%); }
.news-hero .quality-hero-copy > p:not(.eyebrow),
.quote-hero .quality-hero-copy > p:not(.eyebrow) { color:#fff; text-shadow:0 2px 8px #07172ee6; }
@media(max-width:560px) {
 .home-hero-cinema { min-height:max(800px,calc(100svh - 76px)); }
 .expertise-visual .expertise-heading { top:100px; }
 body[data-page="quality"] .quality-hero { padding-top:105px; }
}

body[data-page="quality"] .quality-hero-image { filter:none; }

/* Independent blue pictograms; each label travels with its animated parent. */
.industries-floating-banner { display:block; background:#fff; padding:100px 1.5rem 16px; overflow:hidden; cursor:pointer; }
.industries-floating-icons { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-auto-rows:98px; align-items:center; justify-items:center; padding:24px; gap:4px 24px; }
.floating-sector-trigger { position:relative; display:grid; place-items:center; width:min(120px,100%); height:100%; padding:0; border:0; border-radius:12px; background:transparent; color:#087ccd; font:inherit; -webkit-tap-highlight-color:transparent; }
.floating-sector-trigger:hover { z-index:2; }
.industries-floating-banner:focus-visible { outline:3px solid #087ccd; outline-offset:-5px; }
.floating-sector-icon { position:relative; display:block; width:60px; height:60px; color:#087ccd; animation:sector-float var(--float-time) ease-in-out var(--float-delay) infinite; }
.floating-sector-icon svg { display:block; width:100%; height:100%; stroke-width:1.5; }
.floating-sector-label { position:absolute; top:100%; left:50%; transform:translateX(-50%); width:max-content; max-width:180px; padding-top:8px; color:inherit; font-size:.875rem; font-weight:700; line-height:1.3; text-align:center; overflow-wrap:anywhere; text-shadow:0 1px 2px #fff; visibility:hidden; }
@media(hover:hover) { .floating-sector-trigger:hover .floating-sector-label { visibility:visible; } }
.floating-banner-caption { position:relative; z-index:2; display:block; width:fit-content; margin:0 auto 1rem; color:#087ccd; font-weight:800; font-size:1.1rem; }
.industries-floating-banner:is(:hover,:focus-visible) .floating-banner-caption { text-decoration:underline; text-underline-offset:6px; }
/* A small blue glow every half-second, with no on/off disappearance of the name. */
@keyframes sector-label-sparkle { 0%,100% { text-shadow:0 1px 2px #fff; } 50% { text-shadow:0 0 3px rgba(8,124,205,.4),0 0 9px rgba(8,124,205,.5),0 1px 2px #fff; } }
@media(prefers-reduced-motion:no-preference) { .floating-sector-label:not([hidden]) { animation:sector-label-sparkle .5s ease-in-out infinite; } }
@keyframes sector-float {
 0%,100% { transform:translate(0,0) rotate(0); }
 27% { transform:translate(var(--float-x),var(--float-y)) rotate(var(--float-turn)); }
 58% { transform:translate(calc(var(--float-x) * -.65),calc(var(--float-y) * .7)) rotate(0); }
 80% { transform:translate(calc(var(--float-x) * -.35),calc(var(--float-y) * -1)) rotate(calc(var(--float-turn) * -.5)); }
}
body.motion-paused :is(.floating-sector-icon,.floating-sector-label) { animation-play-state:paused; }
body[data-page="home"] .home-hero-cinema > .home-proof-position { position:absolute; top:auto; bottom:24px; left:24px; right:auto; width:calc(100% - 48px); margin:0; transform:none; }
@media(max-width:600px) {
 .industries-floating-banner { padding:84px 12px 12px; }
 .industries-floating-icons { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:98px; gap:0 12px; padding:20px 14px 52px; }
 .floating-sector-icon { width:44px; height:44px; }
 .floating-sector-label { max-width:min(130px,calc((100vw - 72px) / 3)); padding-top:6px; }
 body[data-page="home"] .home-hero-cinema > .home-proof-position { left:16px; bottom:20px; width:calc(100% - 32px); }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) { .floating-sector-icon,.floating-sector-label { animation:none; } }
@media(forced-colors:active) { .floating-sector-trigger,.floating-sector-icon,.floating-sector-label { color:ButtonText; text-shadow:none; } }
@media(min-width:601px) { .industries-floating-icons { grid-auto-rows:116px; padding-bottom:48px; } }

/* Floating sector strip between the introduction and the sector cards. */
.industries-hero { padding-top:84px; }
.industries-hero .industries-intro { padding-bottom:2.5rem; }
.industries-hero .industries-floating-banner { padding:16px 1.5rem; }
@media(max-width:600px) { .industries-hero .industries-floating-banner { padding:12px; } }

/* Compact sector introduction and icon strip below the enquiry block. */
.industries-intro h1 { font-size:clamp(1.25rem,2.75vw,2.8rem); }
body[data-page="industries"] main > .industries-floating-banner { position:relative; z-index:auto; padding:16px 1.5rem; background:transparent; }
/* White surface below the fixed DNA, interactive icons and labels above it. */
body[data-page="industries"] main > .industries-floating-banner::before { content:""; position:absolute; inset:0; z-index:0; background:#fff; pointer-events:none; }
.industries-floating-banner > .industries-floating-icons { position:relative; z-index:2; }

body[data-page="industries"] .industries-hero + .section { padding-top:0; }

/* Sector label: 35% larger; shared three-second title animation. */
body[data-page="industries"] .industries-intro .eyebrow.selected-title-sparkle { font-size:1.053rem; }
body[data-page="industries"] .industries-intro .hero-lead { color:#193750; text-shadow:none; }

/* Unified sector labels and frameless component photographs. */
body:is([data-page="medical"],[data-page="connectivity"],[data-page="aerospace"],[data-page="luxury"]) main .eyebrow.selected-title-sparkle { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:clamp(1.05rem,1.6vw,1.56rem); font-weight:800; letter-spacing:.13em; line-height:1.4; }
body:is([data-page="medical"],[data-page="connectivity"],[data-page="aerospace"],[data-page="luxury"]) main :is(.part-photo,.hero-photo,.photo-section) { background:transparent; border:0; border-radius:0; box-shadow:none; }
body:is([data-page="medical"],[data-page="connectivity"],[data-page="aerospace"],[data-page="luxury"]) main :is(.part-photo,.hero-photo)::after { display:none; }
body:is([data-page="medical"],[data-page="connectivity"],[data-page="aerospace"],[data-page="luxury"]) main .part-photo img { background:transparent; object-fit:contain; }

/* Full-width connectivity photograph, with all four components visible. */
.connectivity-banner-hero { position:relative; z-index:2; padding-top:84px; }
.connectivity-banner-visual { position:relative; background:#f3f4f5; }
.connectivity-banner-visual > img { display:block; width:100%; height:auto; }
.connectivity-banner-heading { position:absolute; top:clamp(20px,3vw,52px); left:50%; transform:translateX(-50%); }
.connectivity-banner-copy { padding-top:2rem; padding-bottom:2rem; }
.connectivity-banner-copy h1 { max-width:1000px; font-size:clamp(2rem,4vw,4.2rem); line-height:1.08; letter-spacing:-.04em; margin:0 0 1.25rem; }
.connectivity-banner-copy > p { max-width:850px; color:#193750; font-size:1.15rem; }
@media(max-width:600px) { .connectivity-banner-heading { top:12px; } .connectivity-banner-hero { padding-top:84px; } }

body[data-page="aerospace"] .connectivity-banner-heading .eyebrow { margin-left:auto; max-width:72%; text-align:right; }

/* Medical gallery trial: four cutouts directly over the animated background. */
body[data-page="medical"] .photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.5rem 2rem; }
body[data-page="medical"] main .part-photo,
body[data-page="medical"] main .part-photo img,
body[data-page="medical"] main .part-photo figcaption { background:transparent; border:0; box-shadow:none; }
body[data-page="medical"] main .part-photo img { object-fit:contain; height:clamp(280px,30vw,410px); }
@media(max-width:840px) { body[data-page="medical"] .photo-grid { grid-template-columns:1fr; } body[data-page="medical"] main .part-photo img { height:clamp(260px,78vw,400px); } }

/* Sector products: inline captions, subtle hover movement and no click-through. */
.product-gallery { scroll-margin-top:100px; }
.product-gallery-heading h2 { margin:0; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.75rem 3rem; margin-top:2rem; }
.product-item { min-width:0; margin:0; color:#143957; }
.product-stage { position:relative; display:grid; place-items:center; height:clamp(260px,29vw,360px); padding:22px 32px; isolation:isolate; }
.product-stage::before { content:""; position:absolute; z-index:-1; inset:6% 2%; background:radial-gradient(ellipse at center,rgba(255,255,255,.42),rgba(217,237,255,.12) 48%,transparent 72%); opacity:.5; transition:opacity .4s ease; }
.product-stage .product-image { width:100%; height:100%; min-height:0; max-height:100%; object-fit:contain; background:transparent; transform:translateY(0) scale(1); transform-origin:center; filter:drop-shadow(0 8px 10px rgba(18,53,91,.16)); transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
/* An explicit class distinguishes real alpha cutouts from intact photographs.
   A filename containing "transparent" may still be an opaque studio photo. */
.product-stage .product-image.product-cutout { filter:drop-shadow(0 3px 2px rgba(18,53,91,.2)) drop-shadow(0 14px 12px rgba(18,53,91,.2)); }
.product-caption { position:relative; padding:1.15rem 0 0; border-top:1px solid rgba(18,73,121,.2); }
.product-caption::before { content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:linear-gradient(90deg,#087ccd,#aca1eb,transparent); transform:scaleX(0); transform-origin:left; transition:transform .45s ease; }
.product-name { --title-ink:#143957; --title-glow:rgba(7,134,249,.22); margin:0; width:fit-content; max-width:100%; font-size:clamp(1.0625rem,1.5vw,1.2rem); line-height:1.4; font-weight:700; overflow-wrap:anywhere; }
.product-description { margin:.55rem 0 0; max-width:60ch; color:#304d68; font-size:1rem; line-height:1.65; }
@media(hover:hover) and (pointer:fine) {
 .product-item:hover .product-image { transform:translateY(-4px) scale(1.045); filter:drop-shadow(0 14px 14px rgba(18,53,91,.23)); }
 .product-item:hover .product-image.product-cutout { filter:drop-shadow(0 4px 3px rgba(18,53,91,.18)) drop-shadow(0 21px 16px rgba(18,53,91,.26)); }
 .product-item:hover .product-stage::before { opacity:1; }
 .product-item:hover .product-caption::before { transform:scaleX(1); }
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 .product-name { background-image:linear-gradient(110deg,var(--title-ink) 0%,var(--title-ink) 42%,#b4dcff 47%,#fff 50%,#dccfff 53%,var(--title-ink) 59%,var(--title-ink) 100%); background-size:240% 100%; background-position:100% 0; background-repeat:no-repeat; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
 @media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
  .product-item:hover .product-name { animation:home-title-sparkle 3s ease-in-out -1.85s infinite; }
 }
}
body.motion-paused .product-name { animation:none !important; }
@media(max-width:840px) {
 .product-grid { gap:2rem 1.5rem; }
 .product-stage { height:290px; padding:18px 14px; }
}
@media(max-width:600px) {
 .product-grid { grid-template-columns:1fr; gap:2rem; margin-top:1.5rem; }
 .product-stage { height:clamp(270px,78vw,350px); padding:18px 30px; }
 .product-name { font-size:1.0625rem; }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
 .product-item .product-image,.product-item .product-caption::before,.product-item .product-stage::before { transition:none; }
 .product-item:hover .product-image { transform:none; }
 .product-name { animation:none !important; background:none; -webkit-text-fill-color:currentColor; text-shadow:none; }
}
@media(forced-colors:active) {
 .product-item,.product-name,.product-description { color:CanvasText; }
 .product-caption { border-color:CanvasText; }
}

/* Full-width medical copy band: background below the fixed DNA; text above it. */
.medical-project-details { position:relative; padding-block:clamp(3rem,5vw,5rem); }
.medical-project-details::after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(125deg,#eef6ff 10%,#cbdff9 61%,#e5d8ef); border-block:1px solid rgba(255,255,255,.65); }
.medical-project-details > .section-inner { position:relative; z-index:2; }
.medical-project-details .medical-copy-block { max-width:1020px; }
.medical-project-details .medical-copy-block h2 { color:#143957; }
.medical-project-details .medical-copy-block .section-lead { max-width:940px; margin-bottom:0; color:#243e57; }
/* The medical closing invitation uses a clean white band. */
.medical-project-cta { position:relative; }
.medical-project-cta::after { content:""; position:absolute; inset:0; z-index:0; background:#fff; pointer-events:none; }
.medical-project-cta > .section-inner { position:relative; z-index:2; }
.medical-project-cta .cta h2 { color:#143957; }
.medical-project-cta .cta p { color:#304d68; }
@media(forced-colors:active) { .medical-project-cta::after { background:Canvas; } .medical-project-cta .cta :is(h2,p) { color:CanvasText; } }

@media(forced-colors:active) { .medical-project-details::after { background:Canvas; } .medical-project-details .medical-copy-block :is(h2,.section-lead) { color:CanvasText; } }

/* Shared halo and relief, FR / EN / DE. Keep both in the same declarations:
   :is() inherits the most specific selector and must not override the halo.
   Layout, transparency and the existing movement remain unchanged. */
:root {
 --card-white-halo:0 0 0 1px rgba(255,255,255,.8),0 0 16px 3px rgba(255,255,255,.68),0 0 38px 6px rgba(255,255,255,.36);
 --relief-shadow:0 3px 6px rgba(10,35,65,.12),0 15px 28px -8px rgba(10,35,65,.28),inset 0 1px 0 rgba(255,255,255,.65);
 --relief-shadow-raised:0 5px 10px rgba(10,35,65,.14),0 23px 38px -10px rgba(10,35,65,.34),inset 0 1px 0 rgba(255,255,255,.75);
}
/* Clear card surfaces retain their borders, depth and white halo. */
main :is(.expertise-capabilities .expertise-card,.quality-principle,.certificate-card,.certificate-preview,.machine-photo) { background:transparent; }
main :is(.sector-tile-photo,.expertise-capabilities .expertise-card,.workshop-video-card,.machine-photo,.realisation-slot,.quality-principle,.certificate-card,.news-card) {
 box-shadow:var(--card-white-halo),var(--relief-shadow);
 transition:box-shadow .35s ease,transform .35s cubic-bezier(.2,.7,.2,1);
}
/* Keyboard access highlights the same surface as mouse hover. */
main :is(.sector-tile-photo,.workshop-video-card,.machine-photo,.realisation-slot,.certificate-card,.news-card):focus-within { box-shadow:var(--card-white-halo),var(--relief-shadow-raised); }
main .sector-tile-photo:focus-visible { outline:3px solid #087ccd; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) {
 main :is(.sector-tile-photo,.expertise-capabilities .expertise-card,.workshop-video-card,.machine-photo,.realisation-slot,.quality-principle,.certificate-card,.news-card):hover { box-shadow:var(--card-white-halo),var(--relief-shadow-raised); }
 main :is(.sector-tile-photo,.expertise-capabilities .expertise-card,.machine-photo,.realisation-slot,.quality-principle):hover { transform:translateY(-4px); }
}
/* Touch keeps permanent depth without the old sticky hover displacement. */
@media(hover:none),(pointer:coarse) {
 main :is(.sector-tile-photo,.expertise-capabilities .expertise-card,.machine-photo,.realisation-slot,.quality-principle):hover,
 main .sector-tile-photo:hover img { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
 main :is(.sector-tile-photo,.expertise-capabilities .expertise-card,.machine-photo,.realisation-slot,.quality-principle):hover,
 main .sector-tile-photo:hover img { transform:none; }
}
@media(forced-colors:active) {
 main :is(.sector-tile-photo,.expertise-capabilities .expertise-card,.workshop-video-card,.machine-photo,.realisation-slot,.quality-principle,.certificate-card,.news-card) { box-shadow:none !important; }
 .product-stage .product-image,.product-item:hover .product-image { filter:none !important; }
}

/* Sector introductions retain their layout with Medical's blue-violet veil. */
.sector-hero { min-height:clamp(660px,50vw,900px); padding:140px 0 80px; color:#fff; background:#081b35; }
.sector-hero .quality-hero-image { object-position:center 52%; filter:none; }
.sector-hero-luxury .quality-hero-image { object-position:center 52%; }
.sector-hero .quality-hero-shade { background:var(--sector-photo-veil); opacity:1; pointer-events:none; }
.sector-hero .quality-hero-copy h1 { max-width:710px; margin:1rem 0 1.5rem; font-size:clamp(2.6rem,4.4vw,4.5rem); line-height:1.08; color:#fff; text-shadow:none; }
.sector-hero .quality-hero-copy > p:not(.eyebrow) { max-width:600px; margin-bottom:0; color:#e3edf9; font-size:clamp(1.05rem,1.5vw,1.25rem); text-shadow:none; }
.legal-hero .quality-hero-image { object-fit:contain; object-position:right bottom; background:#fff; }
main .sector-hero .selected-title-sparkle { --title-ink:#b9e1ff; --title-glow:rgba(157,210,255,.55); }
@media(max-width:760px) {
 .sector-hero { min-height:0; display:flex; flex-direction:column; padding:112px 0 0; background:#081b35; }
 .sector-hero .quality-hero-copy { order:0; margin:0 auto; padding-bottom:1.75rem; }
 .sector-hero .quality-hero-copy h1 { font-size:clamp(2rem,5.7vw,3rem); }
 .sector-hero .quality-hero-image { order:1; position:relative; inset:auto; width:100%; height:auto; object-fit:contain; }
}
@media(forced-colors:active) {
 .home-certifications-banner { box-shadow:none; }
 .sector-hero .quality-hero-copy { background:Canvas; }
 .sector-hero .quality-hero-copy h1,.sector-hero .quality-hero-copy > p:not(.eyebrow) { color:CanvasText; text-shadow:none; }
}

/* White halo for the certification visual and direct quote buttons. */
:root {
 --white-halo:0 0 6px rgba(255,255,255,.75),0 0 28px rgba(255,255,255,.48),0 0 56px rgba(255,255,255,.2);
}
body :is(.button,.nav-quote).quote-cta { box-shadow:var(--white-halo); }
body .quote-cta:focus-visible { outline:3px solid #087ccd; outline-offset:5px; }

/* Direct, native contact actions remain available while browsing any page. */
.quick-contact { position:fixed; z-index:110; left:max(1rem,env(safe-area-inset-left)); bottom:max(1rem,env(safe-area-inset-bottom)); display:flex; align-items:stretch; max-width:calc(100% - 2rem); padding:5px; gap:3px; border:1px solid rgba(255,255,255,.5); border-radius:999px; background:rgba(7,35,65,.96); color:#fff; box-shadow:0 6px 26px rgba(5,28,53,.22); }
.quick-contact a { display:flex; align-items:center; justify-content:center; gap:.6rem; min-height:46px; padding:.6rem 1rem; border-radius:999px; color:#fff; font-size:1rem; font-weight:700; line-height:1.35; }
.quick-contact a + a { border-left:1px solid rgba(255,255,255,.25); }
.quick-contact a:hover { background:#136ca7; }
.quick-contact a:focus-visible { outline:3px solid #fff; outline-offset:-3px; background:#136ca7; }
.quick-contact svg { flex:none; width:20px; height:20px; }
.contact-action-detail { white-space:nowrap; }
.contact-action-short { display:none; }
.footer-contact { display:grid; justify-items:start; gap:.15rem; }
.footer-contact a { display:inline-flex; align-items:center; min-height:44px; color:#fff; font-size:1rem; font-weight:700; overflow-wrap:anywhere; }
.footer-contact a:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-contact a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
html { scroll-padding-bottom:7rem; }
body footer,.ambient-ready footer { padding-bottom:max(6.5rem,calc(5.5rem + env(safe-area-inset-bottom))); }
@media(max-width:1200px) { .desktop-nav { max-height:calc(100dvh - 156px - env(safe-area-inset-bottom)); } }
@media(max-width:760px) {
 .quick-contact { left:0; right:0; bottom:0; max-width:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); border-radius:18px 18px 0 0; }
 .quick-contact a { min-width:0; min-height:48px; padding:.6rem .75rem; border-radius:10px; }
 .contact-action-detail { display:none; }
 .contact-action-short { display:inline; min-width:0; overflow-wrap:anywhere; }
 .motion-toggle { bottom:calc(5rem + env(safe-area-inset-bottom)); }
 body footer,.ambient-ready footer { padding-bottom:calc(10rem + env(safe-area-inset-bottom)); }
}
@media(forced-colors:active) {
 body :is(.button,.nav-quote).quote-cta { box-shadow:none; outline-color:Highlight; }
 .quick-contact { background:Canvas; border-color:ButtonText; box-shadow:none; }
 .quick-contact a,.quick-contact a:hover,.quick-contact a:focus-visible { color:LinkText; background:Canvas; border-color:ButtonText; outline-color:Highlight; }
 .footer-contact a { color:LinkText; }
}
@media print { .quick-contact,.motion-toggle { display:none; } }

/* Left-side network complements the existing right-side DNA. Both contrast
   layers blend with the actual surface underneath, including section boundaries. */
.constellation-field { display:none; pointer-events:none; }
.ambient-ready .constellation-field { display:block; position:fixed; inset:-3vmax auto auto 0; width:min(42vw,590px); height:calc(100vh + 6vmax); height:calc(100lvh + 6vmax); z-index:1; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%); mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%); }
.constellation-field-blue { color:#087ccd; mix-blend-mode:multiply; opacity:.24; }
.constellation-field-white { color:#fff; mix-blend-mode:screen; opacity:.31; }
.constellation-network { display:block; width:100%; height:100%; overflow:hidden; }
.constellation-links { fill:none; stroke:currentColor; stroke-width:1; stroke-opacity:.64; vector-effect:non-scaling-stroke; }
.constellation-node { fill:currentColor; opacity:.8; }
.constellation-node-halo { opacity:.06; }
.constellation-node-aura { opacity:.18; }
.constellation-node-core { opacity:.9; }
@keyframes constellation-twinkle { 0%,100% { opacity:.58; } 45% { opacity:.9; } 60% { opacity:1; } 78% { opacity:.68; } }
@media(prefers-reduced-motion:no-preference) {
 .constellation-node { animation:constellation-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite; }
}
body.motion-paused .constellation-node,body.dna-quiet .constellation-node { animation-play-state:paused; }
@media(max-width:760px) {
 .ambient-ready .constellation-field { width:52vw; }
 .constellation-field-blue { opacity:.17; }
 .constellation-field-white { opacity:.22; }
}
@media(prefers-reduced-motion:reduce) { .constellation-node { animation:none; } }
@media(forced-colors:active) { .ambient-ready .constellation-field { display:none; } }
@media print { .ambient-ready .constellation-field { display:none; } }

/* Connectivity: the same full-bleed photo / left-aligned overlay as sector heroes. */
.sector-hero-connectivity .quality-hero-image { object-position:center 52%; }
@media(max-width:760px) {
 .sector-hero-connectivity { min-height:clamp(680px,90svh,850px); justify-content:center; padding:120px 0 70px; }
 .sector-hero-connectivity .quality-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% center; }
 .sector-hero-connectivity .quality-hero-copy { margin:0 auto; padding-bottom:0; }
}

/* The original floor blends with the studio surface. A clipped, opaque copy of
   the original metal blocks the ambient effects without altering the photo. */
.product-gallery-band { position:relative; }
.product-gallery-band::after { content:""; position:absolute; inset:0; z-index:0; background:rgba(250,251,252,.96); pointer-events:none; }
/* Move these three introductions down while lifting the white gallery heading. */
.sector-project-intro { padding-block:clamp(2rem,4vw,3.5rem); }
.sector-project-intro .section-lead { margin-bottom:0; }
body:is([data-page="connectivity"],[data-page="aerospace"],[data-page="luxury"]) .product-gallery-band { padding-top:clamp(2rem,3vw,3rem); }
body:is([data-page="connectivity"], [data-page="medical"], [data-page="aerospace"], [data-page="luxury"], [data-page="achievements"]) .product-gallery-band > .section-inner { position:relative; z-index:auto; }
.product-gallery-band .product-gallery-heading,.product-gallery-band .product-caption { position:relative; z-index:2; }
.product-gallery-band .product-grid { gap:3.5rem 3rem; }
.product-gallery-band .product-item { display:flex; flex-direction:column; background:transparent; border:0; border-radius:0; box-shadow:none; }
.product-gallery-band .product-stage { height:auto; aspect-ratio:3/2; padding:clamp(8px,1vw,16px); background:transparent; overflow:hidden; isolation:auto; }
.product-gallery-band .product-stage::before { display:none; }
.product-gallery-band .product-stage .product-image {
 grid-area:1 / 1; position:relative; z-index:2; filter:none;
}
.product-gallery-band .product-stage .product-photo-base {
 mix-blend-mode:multiply; filter:brightness(var(--studio-brightness,1.065));
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);
 -webkit-mask-composite:source-in; mask-composite:intersect;
}
.product-gallery-band .product-stage .product-foreground {
 z-index:3; overflow:visible; pointer-events:none; mix-blend-mode:normal;
 filter:none; -webkit-mask-image:none; mask-image:none;
}
.product-gallery-band .product-caption { flex:1; padding:1.25rem 1rem 0; background:transparent; border:0; }
.product-gallery-band .product-stage .product-cutout { z-index:3; filter:drop-shadow(0 3px 2px rgba(18,53,91,.2)) drop-shadow(0 14px 12px rgba(18,53,91,.2)); }
@media (hover:hover) and (pointer:fine) {
 .product-gallery-band .product-item:hover .product-cutout { filter:drop-shadow(0 4px 3px rgba(18,53,91,.18)) drop-shadow(0 21px 16px rgba(18,53,91,.26)); }
}
@media(max-width:600px) {
 .product-gallery-band .product-grid { gap:2.5rem; }
 .product-gallery-band .product-caption { padding:1rem .5rem 0; }
}
@media(forced-colors:active) {
 .product-gallery-band::after { background:Canvas; }
 .product-gallery-band .product-stage .product-image { mix-blend-mode:normal; -webkit-mask-image:none; mask-image:none; }
}
@media print {
 .product-gallery-band::after { background:#fff; }
 .product-gallery-band .product-stage .product-image { mix-blend-mode:normal; -webkit-mask-image:none; mask-image:none; }
}

/* Realisations and privacy: complete photographs in full-width banners. */
.showcase-hero { min-height:clamp(640px,54vw,860px); padding:145px 0 80px; background:#fff; color:#143957; align-items:flex-start; }
.showcase-hero .quality-hero-image { object-fit:contain; object-position:right bottom; }
.showcase-hero .quality-hero-shade { background:linear-gradient(90deg,rgba(250,252,255,.8),rgba(247,250,255,.25) 48%,transparent 73%); }
.showcase-hero .quality-hero-copy h1 { max-width:700px; font-size:clamp(2.6rem,4.4vw,4.8rem); }
.showcase-hero .quality-hero-copy > p:not(.eyebrow) { max-width:570px; color:#29465f; }
main .showcase-hero .selected-title-sparkle { --title-ink:#0868c2; --title-glow:rgba(7,134,249,.3); }
.privacy-hero { align-items:center; }
.privacy-hero .quality-hero-copy h1,.privacy-hero .quality-hero-copy > p:not(.eyebrow) { max-width:46%; }
.privacy-copy h2 { margin-top:2.8rem; font-size:clamp(1.4rem,2.3vw,2rem); line-height:1.25; color:#143957; }
/* Reduce the empty bands around Quality's two content sections. */
.quality-practices { padding-top:clamp(1.75rem,3vw,3rem); padding-bottom:clamp(1.25rem,2vw,2rem); }
.quality-certificates { padding-top:clamp(1.5rem,2.5vw,2.5rem); padding-bottom:clamp(2rem,4vw,4rem); }
.privacy-copy a,.form-preview-notice a { text-decoration:underline; text-underline-offset:3px; }
.privacy-copy p { line-height:1.8; }
.quote-fields { min-width:0; margin:0; padding:0; border:0; }
.quote-fields:disabled .button { cursor:not-allowed; opacity:.65; }
.form-preview-notice { margin-top:0; }
.contact-details { scroll-margin-top:110px; }
.contact-details h3 { margin-top:1rem; font-size:1.15rem; }
.contact-region { font-size:1rem; }
.directions-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin:1.3rem 0; }
.direction-link { min-width:0; min-height:76px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.35rem; padding:.75rem .45rem; border:1px solid rgba(255,255,255,.85); border-radius:14px; background:transparent; color:#123f6a; box-shadow:var(--white-halo),0 5px 16px rgba(10,35,65,.12); transition:transform .25s ease,box-shadow .25s ease; }
.direction-service { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.4rem; text-align:center; line-height:1.3; }
.direction-service strong { font-size:.875rem; }
.direction-service svg { width:20px; height:20px; flex:none; }
.direction-action { font-size:.875rem; text-decoration:underline; text-underline-offset:3px; }
.direction-link:focus-visible { outline:3px solid #087ccd; outline-offset:4px; }
footer .direction-link { color:#fff; border-color:rgba(255,255,255,.45); }
footer .contact-region { color:#fff; }
.footer-profiles { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:1rem; }
.footer-profiles a { display:inline-flex; align-items:center; gap:.5rem; min-height:44px; padding:.4rem .15rem; color:#fff; font-size:1rem; font-weight:600; }
.footer-profiles svg { width:20px; height:20px; flex:none; }
.footer-profiles .profile-logo { width:36px; height:36px; object-fit:contain; flex:none; }
.footer-profiles a:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-profiles a:focus-visible { outline:2px solid #fff; outline-offset:4px; border-radius:3px; }
@media(hover:hover) and (pointer:fine) { .direction-link:hover { transform:translateY(-3px); box-shadow:var(--white-halo),0 9px 22px rgba(10,35,65,.22); } }
@media(max-width:700px) {
 .showcase-hero { min-height:0; display:flex; flex-direction:column; padding:120px 0 0; }
 .showcase-hero .quality-hero-copy { order:0; padding-bottom:1.4rem; }
 .showcase-hero .quality-hero-copy h1 { font-size:clamp(2.25rem,8vw,3.4rem); }
 .showcase-hero .quality-hero-copy h1,.showcase-hero .quality-hero-copy > p:not(.eyebrow) { max-width:100%; }
 .showcase-hero .quality-hero-image { order:1; position:relative; inset:auto; height:auto; width:100%; }
 .showcase-hero .quality-hero-shade { background:linear-gradient(180deg,rgba(237,246,255,.15),transparent); }
}
@media(max-width:380px) { .directions-links { grid-template-columns:1fr; } .direction-link { min-height:52px; flex-direction:row; gap:.8rem; padding:.65rem; } }
@media(prefers-reduced-motion:reduce) { .direction-link:hover { transform:none; } }
@media(forced-colors:active) {
 .material-visual figcaption { text-shadow:none; }
 .showcase-hero .quality-hero-copy { background:Canvas; color:CanvasText; }
 .showcase-hero .quality-hero-copy > p:not(.eyebrow),.privacy-copy h2 { color:CanvasText; }
 .direction-link { box-shadow:none; border:1px solid CanvasText; }
 .direction-link,footer .direction-link { color:LinkText; }
}

/* Approved gallery corrections: retain the original parts, captions and order. */
.product-gallery-band [data-photo-id="JMTEC-P019"] .product-photo-base { opacity:0; }
.product-gallery-band :is([data-photo-id="JMTEC-P041"], [data-photo-id="JMTEC-P036"]) .product-photo-base {
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 4%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);
}