/* MeshCore / Visual direction 0.4
 * Cinematic industrial editorial. Design tokens preserve the existing two themes.
 * All motion honors prefers-reduced-motion; the interactive workflow is local Three.js.
 */
:root {
  --mc-ink:#101511;
  --mc-deep:#0a0f0c;
  --mc-lime:#cdf76a;
  --mc-mist:#e9eee5;
  --mc-stroke:rgba(236,249,228,.16);
  --mc-ease:cubic-bezier(.22,1,.36,1);
}
body { -webkit-font-smoothing:antialiased; }
html { scroll-padding-top:80px; }
button, a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,canvas:focus-visible {
  outline:2px solid var(--accent-ink);
  outline-offset:4px;
}
::selection {background:#c5f263;color:#141e10}
.site-shell {overflow:clip}
.section-wrap {width:min(calc(100% - clamp(40px,8vw,144px)),1540px)}
.scroll-progress {
  position:fixed;left:0;top:0;width:100%;height:3px;
  z-index:100;pointer-events:none;background:transparent;
}
.scroll-progress span {
  display:block;height:100%;width:100%;
  background:var(--mc-lime);transform:scaleX(0);
  transform-origin:left center;box-shadow:0 0 17px rgba(205,247,106,.5);
  will-change:transform;
}
.pointer-orbit {
  display:none;position:fixed;left:0;top:0;width:92px;height:92px;
  z-index:91;pointer-events:none;border-radius:50%;
  background:#d6fa7b;color:#11190d;
  align-items:center;justify-content:center;
  font-size:11px;letter-spacing:.17em;font-weight:800;
  opacity:0;transform:translate3d(-150px,-150px,0) scale(.6);
  border:1px solid rgba(12,21,7,.2);
  box-shadow:0 0 34px rgba(183,238,100,.26);
}
@media(pointer:fine) and (min-width:1121px) {
  .pointer-orbit {display:flex}
}
/* Navigation: compact, glass-like, readable and technically precise. */
.announcement {
  height:30px;gap:14px;letter-spacing:.15em;font-size:10px;
  background:var(--mc-lime);color:#14210a;
}
.site-header {
  height:80px;padding-inline:clamp(20px,4.6vw,88px);
  background:color-mix(in srgb,var(--bg) 91%,transparent);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
}
.brand{font-size:clamp(22px,2.15vw,30px);font-weight:850;letter-spacing:-.08em;gap:11px}
.brand-mark{width:30px;height:30px;flex-shrink:0}
.brand-period{color:var(--accent-ink)}
.main-nav{margin-left:auto;gap:clamp(18px,2.4vw,37px)}
.main-nav a{letter-spacing:-.01em;font-size:12px;font-weight:650}
.header-contact {background:var(--mc-lime);color:#17210f;letter-spacing:.12em;min-height:44px}
.header-contact:hover{background:#e9ffb6;box-shadow:0 7px 20px rgba(181,247,98,.24)}
.locale-switcher{background:var(--surface);border-color:var(--line)}
.icon-button:hover{border-color:var(--accent-ink)}
/* Full-bleed product image replaces the earlier vector sketch. */
.hero {
  background:var(--mc-deep);
  color:#f2f5ed;
  height:clamp(710px,calc(100svh - 108px),970px);
  min-height:710px;
  isolation:isolate;
}
.hero-grid {
  background-image:linear-gradient(to right,rgba(204,244,186,.06) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(204,244,186,.045) 1px,transparent 1px);
  background-size:calc(100%/14) 96px;opacity:.55;
  mask-image:linear-gradient(90deg,#000,transparent 95%);
}
.hero-cinematic-scrim{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,14,10,.79),rgba(8,14,10,.37) 36%,transparent 67%),
    linear-gradient(0deg,rgba(10,16,12,.48),transparent 24%);
}
.hero-orbit{border-color:rgba(201,240,171,.12)}
.hero-orbit-one{right:-11%;top:-28%;width:84vw;max-width:1250px}
.hero-orbit-two{opacity:.12;right:12%;top:3%}
.hero-vertical-caption{
  position:absolute;right:16px;top:45%;z-index:5;
  writing-mode:vertical-rl;font-size:10px;font-weight:750;letter-spacing:.24em;
  color:#bbc6b7;opacity:.8;pointer-events:none;
}
.hero-copy{
  left:clamp(25px,5.2vw,95px);top:clamp(112px,16%,175px);
  width:min(66%,1010px);z-index:4;
}
.hero-eyebrow{color:#c7d2c0;font-size:11px;letter-spacing:.21em}
.hero-eyebrow .crosshair{color:var(--mc-lime)}
.hero-eyebrow .eyebrow-number{color:var(--mc-lime)}
.hero h1{
  font-size:clamp(97px,10.2vw,183px);
  line-height:.80;font-weight:850;letter-spacing:-.11em;
  margin:52px 0 0;
  text-shadow:0 7px 40px rgba(0,0,0,.11);
}
.hero h1 .line-mask{padding:.06em .11em .12em 0}
.hero h1 .outline-line{-webkit-text-stroke:1.75px #eef5eb;color:transparent}
.hero h1 .fullstop{-webkit-text-stroke:0;color:var(--mc-lime)}
.hero-bottom-copy{width:min(600px,75%);margin-top:33px;gap:35px}
.hero-bottom-copy p{color:#bfcbbc;font-size:15px;line-height:1.75;max-width:290px}
.button-stack{gap:19px}
.btn-accent,.header-contact{background:var(--mc-lime);color:#17200e}
.btn-accent:hover{background:#edffb8}
.btn{min-height:55px;transition:background .25s,color .25s,box-shadow .25s,transform .35s var(--mc-ease)}
.btn:hover{box-shadow:0 12px 25px rgba(12,22,10,.15)}
.hero .text-link{color:#eff6eb;border-bottom-color:rgba(241,249,232,.54)}
.hero .text-link:hover{color:var(--mc-lime)}
.hero-visual{
  top:2%;right:1%;width:57.5%;height:92%;
  pointer-events:none;z-index:1;
  overflow:visible;
}
.hero-machine{
  display:block;width:100%;height:100%;
  object-fit:contain;object-position:center 52%;
  position:relative;z-index:2;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.28));
  mix-blend-mode:lighten;
  transform:none;
  will-change:transform,opacity;
}
.product-glow{background:radial-gradient(circle,rgba(170,241,99,.12),transparent 63%)}
.hero-visual-circle{border-color:rgba(199,255,154,.18);opacity:.55}
.hero-visual .product-float-tag{
  right:2%;bottom:6%;z-index:6;
  background:rgba(229,239,219,.95);color:#101610;
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 20px 50px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
  min-width:225px;min-height:65px;
}
.product-float-tag small{color:#4b5b4b}
.product-float-tag strong{font-size:18px;letter-spacing:-.06em}
.hero-axis{right:1%;top:9%;color:rgba(228,246,220,.68)}
.hero-micro-data {
  position:absolute;top:16%;left:3%;z-index:3;display:flex;flex-direction:column;gap:7px;
  font-size:9px;font-weight:700;letter-spacing:.15em;color:#c8d8c2;
  opacity:.67;pointer-events:none;
}
.hero-footer{
  left:clamp(25px,5.2vw,95px);right:clamp(25px,5.2vw,95px);
  z-index:5;height:78px;color:#bfcab9;border-color:rgba(225,247,219,.25)
}
.hero-footer .hero-pagination>span:first-child{color:var(--mc-lime)}
.hero-footer .progress-line{background:linear-gradient(90deg,var(--mc-lime) 26%,rgba(219,248,202,.26) 26%)}
.scroll-line{background:var(--mc-lime)}
.hero-footer-middle{font-size:9px;letter-spacing:.19em}
/* Branded marquee is graphic punctuation, not another image carousel. */
.signal-strip{height:82px;background:var(--mc-lime);color:#17210b}
.signal-track{gap:52px}
.signal-track span{font-size:clamp(21px,2.4vw,37px);font-weight:850}
.marquee-control{background:var(--mc-lime);box-shadow:-18px 0 16px var(--mc-lime)}
/* Story + manifesto */
.intro{padding-top:clamp(100px,11vw,168px);padding-bottom:clamp(100px,10vw,140px)}
.intro-layout{grid-template-columns:1.15fr .85fr;gap:clamp(35px,5vw,95px)}
.intro-title h2{letter-spacing:-.092em;font-size:clamp(68px,7.55vw,129px)}
.intro-title h2 span{color:var(--accent-ink)}
.intro-description{padding-bottom:3px}
.intro-description .intro-lead{font-size:clamp(23px,2.15vw,33px)}
.intro-description p{font-size:14px;line-height:1.85}
.intro-description .small-rule{background:var(--accent-ink)}
.pillars{border-top:1px solid var(--line);margin-top:118px}
.pillars>div{min-height:255px;transition:background .4s,padding .4s}
.pillars>div:hover{background:color-mix(in srgb,var(--surface-2) 80%,transparent)}
.pillars>div:hover h3{color:var(--accent-ink)}
.pillars svg{stroke:var(--accent-ink);width:34px;height:34px}
.pillars h3{font-size:19px}
/* Product gallery: one coherent, cinematic photo system */
.collection-section{background:var(--surface);padding-top:120px;padding-bottom:125px}
.collection-heading{align-items:end}
.section-heading{font-size:clamp(63px,6.75vw,116px);line-height:.95;letter-spacing:-.085em}
.collection-right>span{color:var(--accent-ink)}
.collection-filter{margin-top:65px}
.filter-button.is-active{background:var(--text);color:var(--bg)}
.product-grid{gap:16px;grid-template-columns:1.14fr 1fr 1fr;margin-top:29px}
.product-card{position:relative;transition:transform .45s var(--mc-ease),opacity .3s}
.product-card:hover{transform:translateY(-6px)}
.product-image{
  display:block;height:clamp(365px,33vw,560px);
  background:#141918;border:0;isolation:isolate;
  overflow:clip;--spot-x:50%;--spot-y:50%;
}
.product-image-resin,.product-image-workflow{background:#101514}
.product-image-filament{background:#b5aba2}
.product-image img,.product-image-resin img,.product-image-filament img,.product-image-workflow img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center;
  transform:scale(1.008);
  filter:none;transition:transform 1s var(--mc-ease),filter .65s;
}
.product-card:hover .product-image img,
.product-card:hover .product-image-resin img,
.product-card:hover .product-image-filament img,
.product-card:hover .product-image-workflow img{transform:scale(1.065)}
.product-image::before {
  content:"";z-index:2;position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 24%,transparent 75%,rgba(0,0,0,.22));
  opacity:.6;
}
.product-image::after {
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(470px circle at var(--spot-x) var(--spot-y),rgba(226,255,202,.17),transparent 57%);
  opacity:0;transition:opacity .5s;
}
.product-card:hover .product-image::after{opacity:1}
.product-frame-corners{
  position:absolute;inset:17px;z-index:3;pointer-events:none;
  border:1px solid rgba(255,255,255,.22);
  opacity:0;transform:scale(.975);
  transition:opacity .65s,transform .75s var(--mc-ease);
}
.product-card:hover .product-frame-corners{opacity:1;transform:scale(1)}
.card-product-halo{display:none}
.card-corner-label{color:#f0f5e8;font-size:10px;letter-spacing:.13em;left:25px;top:27px;text-shadow:0 2px 8px rgba(0,0,0,.38)}
.product-image-filament .card-corner-label{color:#141e16;text-shadow:none}
.image-watermark{bottom:-26px;right:23px;z-index:3;color:rgba(245,251,231,.13);font-size:clamp(98px,12vw,215px)}
.product-image-filament .image-watermark{color:rgba(21,34,24,.1)}
.product-info{padding-top:28px;align-items:end}
.product-info h3{font-size:clamp(26px,2.4vw,40px);letter-spacing:-.075em}
.product-type{font-size:10px;letter-spacing:.11em}
.product-info p{font-size:13px;line-height:1.6}
.product-open{border-color:var(--line);background:transparent;flex:0 0 48px;width:48px;height:48px}
.product-card:hover .product-open{background:var(--mc-lime);color:#1b2710;border-color:var(--mc-lime)}
.concept-note{font-size:11px;line-height:1.65;max-width:700px;margin-top:35px}
/* Industrial close-up: let the original detailed generated photo work. */
.technology-section{
  background:#141b17;color:#edf5e9;
  min-height:790px;grid-template-columns:1fr 1fr;
}
.technology-image{min-height:790px}
.technology-image img,.technology-image>img{
  filter:brightness(.78) saturate(.82) contrast(1.05);
  object-position:center;transform:scale(1);
  transition:transform 1.1s var(--mc-ease),filter .9s;
}
.technology-section:hover .technology-image img{filter:brightness(.85) saturate(.95);transform:scale(1.035)}
.technology-content{padding:clamp(70px,7.8vw,125px) clamp(40px,6.7vw,118px)}
.technology-content .section-heading{font-size:clamp(48px,5.1vw,93px)}
.tech-list>.tech-item{border-top:1px solid rgba(214,239,210,.21)}
.tech-row{min-height:66px}
.tech-detail{color:#c0cebc}
.technology-content>p{color:#c6d2c2}
/* Cinematic editorial chapter after technology. */
.image-interlude {
  position:relative;min-height:clamp(670px,75vw,930px);
  display:flex;align-items:center;
  overflow:hidden;isolation:isolate;background:#0b120d;color:#f4f8ec;
}
.interlude-media{position:absolute;inset:-12% 0;z-index:0;overflow:hidden}
.interlude-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 46%;
  transform:scale(1.12);will-change:transform;filter:brightness(.78) saturate(.85);
}
.interlude-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,11,8,.87),rgba(5,11,8,.55) 51%,rgba(5,11,8,.16)),
    linear-gradient(0deg,rgba(7,13,8,.7),transparent 38%);
}
.interlude-content{position:relative;z-index:2;padding-block:100px;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between}
.interlude-headline{margin-top:auto}
.interlude-index{display:block;font-size:10px;font-weight:760;letter-spacing:.23em;color:var(--mc-lime);margin-bottom:27px}
.interlude-headline h2{
  font-size:clamp(73px,9.8vw,175px);letter-spacing:-.105em;
  line-height:.87;margin:0;max-width:1100px;font-weight:850;
}
.interlude-headline em{
  font-style:normal;color:transparent;-webkit-text-stroke:1.6px #f5ffeb;
}
.interlude-headline h2>span{color:var(--mc-lime)}
.interlude-bottom{
  border-top:1px solid rgba(245,255,238,.28);
  margin-top:52px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;align-items:end;
}
.interlude-bottom p{font-size:14px;line-height:1.7;color:#d6dfd2;max-width:370px;margin:0}
.interlude-link{display:flex;align-items:center;gap:34px;padding-bottom:8px;border-bottom:1px solid #e6f0dc;font-size:11px;letter-spacing:.12em;font-weight:780}
.interlude-link svg{width:18px;height:18px}
.interlude-link:hover{color:var(--mc-lime);border-bottom-color:var(--mc-lime)}
/* Photographic application bento */
.applications{padding-block:135px 145px}
.application-grid{grid-template-columns:1.13fr .87fr;grid-template-rows:315px 315px;gap:16px;margin-top:68px}
.application-card{background:#131a15}
.application-card>img{filter:brightness(.76) saturate(.89);transition:transform 1.05s var(--mc-ease),filter .75s}
.application-card:hover>img{filter:brightness(.87) saturate(.95);transform:scale(1.075)}
.application-shade{background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 38%,rgba(0,0,0,.83))}
.application-overlay{padding:clamp(26px,3.2vw,48px)}
.application-overlay h3{font-size:clamp(34px,3.6vw,66px)}
.application-small .application-overlay h3,.application-graphic .application-overlay h3{font-size:clamp(29px,2.6vw,46px)}
.application-overlay>span:first-child{color:#e6f0df;letter-spacing:.16em}
.application-graphic{background:#d1f27b;color:#17220f}
.application-graphic .application-overlay>span:first-child{color:#23351c}
.application-graphic .parametric-shape{left:47%;top:-85px;width:360px;height:360px}
.round-link{width:48px;height:48px;border-color:rgba(244,251,235,.75)}
.application-card:hover .round-link{background:var(--mc-lime);color:#10210d;border-color:var(--mc-lime)}
/* Workflow: make the genuine local Three.js interaction a focused hero. */
.workflow-section{padding:clamp(105px,9vw,165px) 0;background:var(--surface)}
.workflow-layout{grid-template-columns:.83fr 1.17fr;gap:7%}
.workflow-copy>.section-heading{font-size:clamp(54px,5.7vw,103px)}
.workflow-tab{height:76px;font-size:24px}
.workflow-tab.is-active{color:var(--text);padding-left:17px}
.workflow-stage{min-height:710px;background:var(--surface-2);border-color:var(--line);padding:34px}
.stage-graphic{min-height:520px}
.stage-bottom{padding-top:23px}
.workflow-webgl{z-index:3}
.workflow-webgl canvas{width:100%;height:100%}
.workflow-3d-hint{z-index:5;left:18px;bottom:18px}
/* The CTA is a finale, not another generic section. */
.closing{min-height:790px;isolation:isolate}
.closing::before{background:radial-gradient(ellipse,rgba(193,249,95,.16),transparent 67%)}
.closing h2{font-size:clamp(88px,10.2vw,186px);line-height:.82;letter-spacing:-.104em}
.closing-dot{color:var(--accent-ink)}
.site-footer{padding-top:78px}
.footer-brand{font-size:clamp(40px,4vw,63px)}
.footer-bottom{letter-spacing:.08em}
/* The new photo art is a full-bleed visual in the detail dialog. */
.product-dialog{width:min(1030px,calc(100vw - 40px));max-height:min(88dvh,920px)}
.dialog-visual{background:#101815;overflow:hidden}
.dialog-visual img{
  width:100%;height:100%;min-height:480px;max-height:none;
  object-fit:cover;object-position:center;filter:none;
}
.dialog-copy{padding:85px clamp(28px,4vw,65px) 55px}
.dialog-copy h2{font-size:clamp(39px,4.7vw,72px)}
/* High-contrast local Light Mode: bright content, cinematic dark photos. */
html[data-theme="light"] .hero,html[data-theme="light"] .image-interlude{color:#f1f6ec}
html[data-theme="light"] .hero h1 .outline-line{-webkit-text-stroke:1.75px #eef5eb}
html[data-theme="light"] .hero-eyebrow{color:#c7d2c0}
html[data-theme="light"] .hero-bottom-copy p{color:#bfcbbc}
html[data-theme="light"] .hero-footer{color:#bfcab9}
html[data-theme="light"] .hero .product-float-tag{color:#101610}
html[data-theme="light"] .section-heading span{color:#687769}
html[data-theme="light"] .intro-title h2 span{color:var(--accent-ink)}
html[data-theme="light"] .closing-dot{color:var(--accent-ink)}
html[data-theme="light"] .product-image::after{background:radial-gradient(500px circle at var(--spot-x) var(--spot-y),rgba(245,255,225,.19),transparent 58%)}
/* Laptop and tablet: hide nav via preexisting menu behavior. */
@media(max-width:1120px){
  .site-header{padding-inline:26px}
  .main-nav{top:80px}
  .hero{height:760px;min-height:760px}
  .hero-copy{width:73%;left:40px;top:16%}
  .hero h1{font-size:clamp(87px,10.7vw,125px)}
  .hero-visual{right:-3%;width:62%}
  .hero-bottom-copy{max-width:460px;width:64%}
  .hero-micro-data{display:none}
  .hero .product-float-tag{right:5%;bottom:8%}
  .intro-layout{gap:42px}
  .technology-content{padding:60px 42px}
  .technology-content .section-heading{font-size:clamp(48px,5vw,78px)}
  .workflow-stage{min-height:610px}
  .stage-graphic{min-height:430px}
}
@media(max-width:900px){
  .hero-copy{width:72%}
  .hero h1{font-size:clamp(80px,11.15vw,110px)}
  .hero-bottom-copy{width:60%;display:block}
  .hero-bottom-copy p{max-width:275px}
  .hero-visual{right:-4%;width:64%;height:82%;top:9%}
  .hero .product-float-tag{right:6%;min-width:195px}
  .product-image{height:clamp(290px,30vw,430px)}
  .product-grid{gap:11px}
  .technology-image{min-height:680px}
  .image-interlude{min-height:760px}
  .interlude-headline h2{font-size:clamp(75px,10.4vw,110px)}
  .application-grid{grid-template-rows:280px 280px}
  .workflow-layout{gap:4%}
}
@media(max-width:760px){
  html{scroll-padding-top:68px}
  .section-wrap{width:calc(100% - 40px)}
  .announcement{height:29px}
  .site-header{height:68px;padding-inline:20px;gap:10px}
  .brand{font-size:24px;gap:8px}
  .brand-mark{width:25px;height:25px}
  .main-nav{top:68px}
  .hero{
    height:auto;min-height:0;padding:64px 20px 0;
    background:var(--mc-deep);
  }
  .hero-copy{position:relative;left:auto;top:auto;width:100%;z-index:4}
  .hero-eyebrow{font-size:10px;letter-spacing:.11em}
  .hero h1{font-size:clamp(76px,16.3vw,120px);margin-top:38px;letter-spacing:-.097em}
  .hero-bottom-copy{width:100%;display:flex;flex-direction:column;gap:0;margin-top:23px}
  .hero-bottom-copy p{font-size:14px;max-width:370px}
  .button-stack{margin-top:24px;flex-direction:row;gap:22px;align-items:center}
  .hero-visual{position:relative;top:auto;right:auto;width:100%;height:480px;margin-top:6px;z-index:1}
  .hero-machine{width:100%;height:100%;object-fit:contain;object-position:center}
  .hero-cinematic-scrim{background:linear-gradient(180deg,rgba(9,15,10,.22),transparent 33%,rgba(8,13,9,.12) 65%,rgba(8,13,9,.43))}
  .hero-axis{right:0}
  .hero-vertical-caption{display:none}
  .hero-visual .product-float-tag{right:0%;bottom:3%;min-height:58px;min-width:195px}
  .hero-footer{position:relative;left:auto;right:auto;height:65px}
  .signal-strip{height:70px}
  .intro{padding:100px 0 105px}
  .intro-layout{grid-template-columns:1fr}
  .intro-title h2{font-size:clamp(58px,10.8vw,95px)}
  .pillars{margin-top:70px}
  .pillars>div{min-height:185px}
  .collection-section{padding:100px 0}
  .section-heading{font-size:clamp(50px,10vw,85px)}
  .product-grid,.product-grid.filtered{grid-template-columns:1fr;gap:35px}
  .product-image{height:clamp(345px,105vw,530px)}
  .product-image img{object-fit:cover}
  .product-info{padding-top:23px}
  .product-info h3{font-size:35px}
  .technology-section{grid-template-columns:1fr}
  .technology-image{min-height:470px}
  .technology-content{padding:73px 25px 88px}
  .technology-content .section-heading{font-size:clamp(49px,10vw,83px)}
  .image-interlude{min-height:715px}
  .interlude-media{inset:-4% -25%;width:150%}
  .interlude-headline h2{font-size:clamp(58px,11vw,91px)}
  .interlude-content{padding-block:83px}
  .interlude-bottom{flex-direction:column;align-items:flex-start;gap:28px}
  .applications{padding-block:110px}
  .application-grid{grid-template-columns:1fr;grid-template-rows:460px 330px 330px}
  .application-overlay h3{font-size:clamp(38px,7vw,57px)}
  .workflow-section{padding:110px 0}
  .workflow-layout{grid-template-columns:1fr;gap:49px}
  .workflow-copy>.section-heading{font-size:clamp(55px,10vw,86px)}
  .workflow-stage{min-height:580px;padding:24px}
  .stage-graphic{min-height:405px}
  .closing h2{font-size:clamp(69px,11.5vw,110px)}
  .closing-content{padding-block:120px 93px}
  .footer-brand{font-size:47px}
  .footer-brand .brand-mark{width:40px;height:40px}
  .product-dialog[open]{grid-template-columns:1fr}
  .dialog-visual img{min-height:240px;height:240px}
}
@media(max-width:490px){
  .site-header{padding-inline:14px}
  .brand{font-size:22px;letter-spacing:-.085em;gap:5px}
  .brand-mark{width:24px;height:24px}
  .locale-switcher button{min-width:26px;padding-inline:7px}
  .header-actions{gap:6px}
  .hero{padding:52px 19px 0}
  .hero h1{font-size:clamp(67px,16.5vw,89px);margin-top:30px}
  .hero h1 .outline-line{-webkit-text-stroke:1.3px #eef5eb}
  .hero-bottom-copy{margin-top:19px}
  .button-stack{margin-top:22px}
  .hero-visual{height:385px;margin-top:0}
  .hero-machine{object-fit:contain}
  .hero .product-float-tag{right:0;bottom:1%;min-width:175px;padding:11px 13px}
  .hero-footer{height:60px}
  .hero-pagination>span:last-child{font-size:8px}
  .intro-title h2{font-size:11.2vw}
  .section-heading{font-size:clamp(46px,11.5vw,64px)}
  .product-image{height:375px}
  .product-info h3{font-size:32px}
  .image-interlude{min-height:650px}
  .interlude-headline h2{font-size:clamp(56px,12.8vw,70px)}
  .interlude-index{font-size:9px;letter-spacing:.15em}
  .interlude-bottom p{font-size:13px}
  .interlude-link{font-size:10px}
  .application-grid{grid-template-rows:415px 290px 290px}
  .application-overlay{padding:26px}
  .application-overlay h3{font-size:40px}
  .workflow-stage{padding:19px;min-height:510px}
  .stage-graphic{min-height:350px}
  .closing h2{font-size:11.5vw}
  .dialog-visual img{min-height:190px;height:190px}
}
@media(max-width:360px){
  .brand{font-size:21px}
  .header-actions{gap:4px}
  .locale-switcher button{padding-inline:6px}
  .hero h1{font-size:16.2vw}
  .hero-visual{height:350px}
  .hero-eyebrow{font-size:9px}
  .interlude-headline h2{font-size:55px}
}
html[lang="de"] .hero h1{letter-spacing:-.11em}
html[lang="de"] .section-heading{letter-spacing:-.085em}
html[lang="de"] .interlude-headline h2{font-size:clamp(66px,8.2vw,143px)}
html[lang="de"] .closing h2{font-size:clamp(66px,8.7vw,150px)}
@media(max-width:760px){
 html[lang="de"] .interlude-headline h2{font-size:clamp(57px,10.5vw,85px)}
 html[lang="de"] .closing h2{font-size:clamp(57px,9.6vw,96px)}
 html[lang="de"] .hero h1{font-size:clamp(73px,16vw,112px)}
}
@media(max-width:490px){
 html[lang="de"] .interlude-headline h2{font-size:11.6vw}
 html[lang="de"] .hero h1{font-size:16.2vw}
 html[lang="de"] .closing h2{font-size:10.7vw}
}
@media(prefers-reduced-motion:reduce){
 .scroll-progress span,.product-image img,.interlude-media img,.application-card>img{will-change:auto}
 .pointer-orbit{display:none!important}
 .hero-machine{will-change:auto}
 .product-card{transition:none}
}
/* Visual QA fixes — 2026-11-10: preserve Hero editorial hierarchy without colliding with controls. */
@media(min-width:1121px){
  .hero-copy{top:12.4%;width:63%}
  .hero h1{font-size:clamp(102px,9vw,165px);margin-top:35px}
  .hero-bottom-copy{margin-top:20px;width:min(625px,75%)}
  .hero-bottom-copy p{font-size:14px;line-height:1.7}
  .hero-visual{right:0;width:58%;height:91%;top:2%}
}
@media(min-width:761px) and (max-width:1120px){
  .hero-copy{top:10.8%}
  .hero h1{margin-top:29px;font-size:clamp(84px,9.4vw,120px)}
  .hero-bottom-copy{margin-top:19px}
  .hero-bottom-copy p{line-height:1.6}
  .hero-visual{height:87%;top:5%}
}
@media(max-width:760px){
  .hero-copy{top:auto}
  .hero h1{margin-top:32px}
  .hero-bottom-copy{margin-top:21px}
}
.hero-visual::after{
  content:"";position:absolute;inset:-1%;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,var(--mc-deep),transparent 11%,transparent 90%,var(--mc-deep)),
    linear-gradient(0deg,var(--mc-deep),transparent 8%,transparent 92%,var(--mc-deep));
  opacity:.84;
}
.hero-visual .product-float-tag{z-index:6}
.hero-visual .hero-axis{z-index:6}
.hero-visual .hero-micro-data{z-index:5}
@media(max-width:760px){
 .hero-visual::after{opacity:.92;background:linear-gradient(90deg,var(--mc-deep),transparent 10%,transparent 86%,var(--mc-deep)),linear-gradient(0deg,var(--mc-deep),transparent 5%,transparent 91%,var(--mc-deep))}
}

@media(min-width:1680px){.hero h1{font-size:clamp(128px,7.45vw,143px)}}