:root{
  --motion-ink:#092a2f;
  --motion-ink-2:#0f383d;
  --motion-lime:#b8bf0d;
  --motion-lime-bright:#c8d41c;
  --motion-grey:#f0f0ee;
  --motion-line:rgba(9,42,47,.18);
  --green:#768000;
  --green-dark:#092a2f;
  --ink:#092a2f;
  --ink-soft:#365055;
  --paper:#f0f0ee;
  --paper-2:#e5e9e6;
  --line:#ccd4d1;
  --muted:#647579;
}

body{
  font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--motion-ink);
}

body.home .topbar{display:none}
body.home .site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:80;
  background:transparent;
  border:0;
  color:#fff;
  transition:background-color .35s ease,transform .35s ease;
}
body.home .site-header.is-scrolled{background:var(--motion-ink)}
body.home .nav-wrap{height:102px}
body.home .brand{
  width:176px;
  height:52px;
  padding:8px 12px;
  background:#fff;
}
body.home .brand img{width:100%;height:100%;object-fit:contain}
body.home .menu a{color:#fff}
body.home .menu a:after{background:var(--motion-lime)}
body.home .lang{border-color:rgba(255,255,255,.72);color:#fff}
body.home main{overflow:hidden}

.motion-section{position:relative;isolation:isolate}
.reference-hero{
  min-height:100svh;
  overflow:hidden;
  background:var(--motion-ink);
  color:#fff;
}
.hero-visual,.hero-shade{position:absolute;inset:0}
.hero-visual img{
  width:100%;height:100%;object-fit:cover;object-position:center 48%;
  transform:scale(1.09);
  animation:heroEntry 8s cubic-bezier(.2,.65,.2,1) forwards;
  will-change:transform;
}
.hero-shade{
  background:linear-gradient(90deg,rgba(4,27,31,.86) 0%,rgba(4,27,31,.57) 42%,rgba(4,27,31,.1) 76%),linear-gradient(0deg,rgba(4,27,31,.72),transparent 48%);
}
.reference-hero:after{
  content:"01";
  position:absolute;
  right:4.2vw;
  top:43%;
  color:rgba(255,255,255,.3);
  font-size:12px;
  letter-spacing:.2em;
  writing-mode:vertical-rl;
}
.reference-hero-inner{
  position:relative;
  min-height:100svh;
  padding-top:178px;
  padding-bottom:188px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-intro{width:min(790px,70%)}
.motion-kicker{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--motion-ink);
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.motion-kicker:before{content:"";width:44px;height:2px;background:var(--motion-lime)}
.motion-kicker.light{color:#fff}
.reference-hero .motion-kicker{color:#fff;opacity:0;animation:riseIn .8s .2s ease forwards}
.split-heading{
  margin:25px 0 27px;
  font-size:clamp(62px,7.5vw,118px);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:600;
  opacity:0;
  transform:translateY(56px);
  animation:riseIn 1s .34s cubic-bezier(.16,1,.3,1) forwards;
}
.hero-intro>p{
  width:min(650px,92%);
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:17px;
  line-height:1.75;
  opacity:0;
  transform:translateY(28px);
  animation:riseIn .8s .58s ease forwards;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:34px;margin-top:35px;opacity:0;animation:riseIn .8s .76s ease forwards}
.motion-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  min-width:190px;
  padding:12px 0;
  border-bottom:1px solid currentColor;
  color:var(--motion-ink);
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.motion-link:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-1px;
  height:3px;
  background:var(--motion-lime);
  transition:right .35s cubic-bezier(.2,.8,.2,1);
}
.motion-link:hover:after{right:0}
.motion-link i{font-size:17px;font-style:normal;transition:transform .3s ease}
.motion-link:hover i{transform:translateX(7px)}
.motion-link.light{color:#fff;border-color:rgba(255,255,255,.46)}
.hero-rail{
  position:absolute;
  right:0;
  top:50%;
  display:flex;
  gap:24px;
  align-items:center;
  color:rgba(255,255,255,.7);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  transform:rotate(90deg) translateX(50%);
  transform-origin:right center;
}
.hero-rail span+span:before{content:"";display:inline-block;width:34px;height:1px;margin:0 20px 3px 0;background:var(--motion-lime)}
.scroll-cue{
  position:absolute;
  left:50%;bottom:158px;
  z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:9px;
  color:#fff;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  transform:translateX(-50%);
}
.scroll-cue i{display:block;width:1px;height:44px;background:rgba(255,255,255,.45);overflow:hidden}
.scroll-cue i:after{content:"";display:block;width:1px;height:18px;background:var(--motion-lime);animation:scrollLine 1.7s ease-in-out infinite}
.hero-metrics{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:2;
  border-top:1px solid rgba(255,255,255,.25);
  background:rgba(4,27,31,.64);
}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{min-height:132px;padding:25px 30px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center}
.metric:first-child{padding-left:0}.metric:last-child{border-right:0}
.metric strong{font-size:34px;line-height:1;font-weight:500;letter-spacing:-.04em}
.metric span{margin-top:11px;color:rgba(255,255,255,.62);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

.section-dots{
  position:fixed;
  z-index:70;
  right:25px;
  top:50%;
  display:flex;
  flex-direction:column;
  gap:13px;
  transform:translateY(-50%);
  mix-blend-mode:difference;
}
.section-dots a{display:flex;align-items:center;justify-content:flex-end;width:24px;height:10px}
.section-dots span{display:block;width:7px;height:1px;background:#fff;transition:width .3s ease}
.section-dots a.is-active span{width:24px}

.reference-story{
  min-height:100svh;
  display:grid;
  grid-template-columns:55.88% 44.12%;
  background:#fff;
}
.story-visual{position:relative;min-height:100svh;overflow:hidden;background:var(--motion-ink)}
.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,42,47,.77),transparent 62%)}
.story-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.story-stamp{position:absolute;z-index:2;left:8.5vw;bottom:10vh;display:flex;align-items:flex-end;gap:22px;color:#fff}
.story-stamp span{font-size:clamp(72px,8vw,138px);line-height:.72;letter-spacing:-.07em;font-weight:600}
.story-stamp small{width:145px;padding-bottom:2px;color:rgba(255,255,255,.7);font-size:10px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase}
.story-copy{
  position:relative;
  z-index:2;
  padding:13vh 7.8vw 10vh 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.story-copy h2,.applications-intro h2,.delivery-copy h2{
  margin:24px 0 30px;
  font-size:clamp(46px,4.5vw,76px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:600;
}
.story-copy>p,.applications-intro>p,.delivery-copy>p{margin:0;color:#466066;font-size:16px;line-height:1.8}
.story-copy>.story-note{margin-top:13px;color:#687a7d;font-size:13px;line-height:1.7}
.story-principles{margin:42px 0 30px;border-top:1px solid var(--motion-ink)}
.story-principles>div{display:grid;grid-template-columns:45px 145px 1fr;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--motion-line)}
.story-principles span{color:#768000;font-size:10px;font-weight:700;letter-spacing:.15em}
.story-principles strong{font-size:14px}
.story-principles small{color:#647579;font-size:11px;line-height:1.45}
.section-ghost{
  position:absolute;
  z-index:-1;
  right:-.03em;
  bottom:-.16em;
  color:rgba(9,42,47,.035);
  font-size:clamp(120px,17vw,290px);
  line-height:1;
  font-weight:700;
  letter-spacing:-.075em;
  pointer-events:none;
}

.reference-qualifications{
  min-height:100svh;
  padding:11vh 0 10vh;
  overflow:hidden;
  background:var(--motion-grey);
  color:var(--motion-ink);
}
.qualification-feature-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:8vw;align-items:end;margin-bottom:40px}
.qualification-feature-head h2{max-width:800px;margin:20px 0 0;font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.055em;font-weight:600}
.qualification-feature-intro{display:flex;flex-direction:column;align-items:flex-start;gap:25px}
.qualification-feature-intro p{max-width:590px;margin:0;color:#52666a;font-size:14px;line-height:1.75}
.qualification-feature-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:34px;border-top:1px solid var(--motion-ink);border-left:1px solid var(--motion-line)}
.qualification-feature-fact{min-height:112px;padding:20px 24px;display:flex;align-items:flex-end;gap:16px;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line);background:rgba(255,255,255,.52)}
.qualification-feature-fact strong{font-size:42px;line-height:.9;letter-spacing:-.05em;font-weight:600}
.qualification-feature-fact span{max-width:142px;color:#5f7376;font-size:10px;line-height:1.45;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.home-qualification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--motion-line);border-left:1px solid var(--motion-line)}
.home-qualification-card{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line);background:#fff;color:var(--motion-ink);transition:background-color .3s ease}
.home-qualification-card figure{height:300px;margin:0;padding:24px;overflow:hidden;background:#f7f7f4}
.home-qualification-card figure img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.home-qualification-card>div{min-height:190px;padding:22px 24px 24px;display:flex;flex-direction:column}
.home-qualification-card span{color:#768000;font-size:10px;font-weight:700;letter-spacing:.14em}
.home-qualification-card h3{margin:12px 0 13px;font-size:18px;line-height:1.35;letter-spacing:-.015em}
.home-qualification-card small{color:#687a7d;font-size:11px;line-height:1.5}
.home-qualification-card i{margin-top:auto;padding-top:22px;color:#53676b;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-qualification-card:hover{background:var(--motion-lime)}
.home-qualification-card:hover figure img{transform:scale(1.025)}

.reference-systems{
  min-height:100svh;
  padding:12vh 0 8vh;
  overflow:hidden;
  background:var(--motion-ink);
  color:#fff;
}
.systems-head{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:55px}
.systems-head h2,.films-head h2{
  max-width:840px;
  margin:20px 0 0;
  font-size:clamp(48px,5vw,82px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:600;
}
.systems-controls{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.systems-controls button{width:48px;height:48px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.systems-controls button:hover{background:var(--motion-lime);border-color:var(--motion-lime);color:var(--motion-ink);transform:scale(1.06)}
.systems-controls span{min-width:72px;text-align:center;color:rgba(255,255,255,.55);font-size:12px}
.systems-controls b{color:#fff;font-size:19px}.systems-controls em{font-style:normal}
.systems-track-wrap{margin-left:max(32px,calc((100vw - min(1240px,calc(100vw - 64px)))/2));overflow:hidden}
.systems-track{display:flex;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-right:8vw;padding-bottom:24px;scrollbar-width:none}
.systems-track::-webkit-scrollbar{display:none}
.system-card{position:relative;min-width:0;flex:0 0 min(374px,29vw);display:flex;flex-direction:column;padding-bottom:34px;scroll-snap-align:start;color:#fff}
.system-image{aspect-ratio:1.1/1;overflow:hidden;background:#f1f1ed}
.system-image img{width:100%;height:100%;padding:20px;object-fit:contain;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.system-card:hover .system-image img{transform:scale(1.065)}
.system-meta{min-height:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:20px;color:rgba(255,255,255,.58);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.system-meta small{max-width:74%;font-size:10px;line-height:1.45;text-align:right}.system-meta a{color:inherit}
.system-card h3{min-height:calc(3 * 1.2em);max-width:88%;margin:11px 0 10px;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.025em}
.system-card p{min-height:calc(3 * 1.6em);max-width:88%;display:-webkit-box;flex:1;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.6;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.system-card>i{position:absolute;right:2px;bottom:1px;font-size:18px;font-style:normal;opacity:0;transform:translate(-7px,7px);transition:opacity .3s ease,transform .3s ease}
.system-card:hover>i{opacity:1;transform:none}
.systems-foot{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:25px}
.systems-foot p{max-width:600px;margin:0;color:rgba(255,255,255,.55);font-size:12px}

.reference-applications{
  min-height:100svh;
  display:grid;
  grid-template-columns:44% 56%;
  align-items:center;
  padding:10vh 7.8vw;
  overflow:hidden;
  background:var(--motion-lime);
}
.applications-intro{padding-right:7vw}
.applications-intro>p{color:rgba(9,42,47,.72)}
.application-list{border-top:1px solid rgba(9,42,47,.65)}
.application-row{position:relative;display:grid;grid-template-columns:54px 1fr 28px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(9,42,47,.34);color:var(--motion-ink);transition:padding .3s ease,background-color .3s ease}
.application-row>span{font-size:10px;font-weight:700;letter-spacing:.14em}
.application-row h3{margin:0;font-size:23px;line-height:1.15;font-weight:600;letter-spacing:-.025em}
.application-row p{max-height:0;margin:0;overflow:hidden;color:rgba(9,42,47,.67);font-size:12px;line-height:1.6;opacity:0;transition:max-height .35s ease,margin .35s ease,opacity .35s ease}
.application-row i{font-size:20px;font-style:normal;transition:transform .3s ease}
.application-row:hover,.application-row.is-active{padding-left:18px;padding-right:18px;background:rgba(255,255,255,.22)}
.application-row:hover p,.application-row.is-active p{max-height:48px;margin-top:7px;opacity:1}
.application-row:hover i,.application-row.is-active i{transform:rotate(45deg)}
.reference-applications .section-ghost{color:rgba(255,255,255,.13)}

.reference-films{min-height:100svh;padding:11vh 0 10vh;background:var(--motion-grey)}
.films-head{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:52px}
.films-head h2{color:var(--motion-ink)}
.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.film-card{border-top:1px solid var(--motion-ink)}
.film-frame{position:relative;aspect-ratio:16/10;margin-top:14px;overflow:hidden;background:var(--motion-ink)}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#071c20}
.film-index{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--motion-lime);color:var(--motion-ink);font-size:10px;font-weight:700;border-radius:50%;pointer-events:none}
.film-copy{padding:20px 0 0}
.film-copy>span{color:#768000;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.film-copy h3{margin:10px 0 8px;font-size:21px;line-height:1.22;letter-spacing:-.025em}
.film-copy p{margin:0;color:#647579;font-size:13px;line-height:1.6}

.reference-delivery{min-height:100svh;display:grid;grid-template-columns:48% 52%;background:var(--motion-ink);color:#fff}
.delivery-copy{padding:13vh 7vw 10vh 8vw;display:flex;flex-direction:column;justify-content:center}
.delivery-copy h2{font-size:clamp(48px,5.2vw,86px)}
.delivery-copy>p{color:rgba(255,255,255,.66)}
.delivery-links{display:flex;flex-wrap:wrap;gap:34px;margin-top:44px}
.delivery-visual{min-height:100svh;overflow:hidden;background:#dfe5e1}
.delivery-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}

.motion-ready .reveal-target{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}
.motion-ready [data-reveal="up"]{transform:translateY(56px)}
.motion-ready [data-reveal="left"]{transform:translateX(-62px)}
.motion-ready [data-reveal="right"]{transform:translateX(62px)}
.motion-ready .reveal-target.is-visible{opacity:1;transform:none}
.motion-ready .image-reveal img{transform:scale(1.1)}
.motion-ready .image-reveal.is-visible img,.motion-ready .is-visible .image-reveal img{transform:scale(1)}

/* The same editorial industrial language continues across WordPress inner pages. */
body:not(.home) .site-header{background:#fff}
body:not(.home) .nav-wrap{height:90px}
body:not(.home) .menu a{font-size:12px;letter-spacing:.035em;text-transform:uppercase}
body:not(.home) .page-hero{padding:105px 0 82px;background:var(--motion-ink);color:#fff}
body:not(.home) .page-hero .container{border-left:3px solid var(--motion-lime)}
body:not(.home) .page-hero p,body:not(.home) .breadcrumbs{color:rgba(255,255,255,.65)}
.btn{border-color:var(--motion-ink);background:var(--motion-ink)}
.btn:hover{border-color:var(--motion-lime);background:var(--motion-lime);color:var(--motion-ink)}
.btn.outline{border-color:var(--motion-ink)}
.tag,.video-kicker,.video-meta{color:#768000}
.site-footer{padding-top:86px;background:#061f23}
.site-footer h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.site-footer a{transition:color .2s ease,transform .2s ease}
.site-footer a:hover{color:var(--motion-lime);transform:translateX(4px)}

/* Rich company profile */
.about-rich{margin-top:-18px}
.about-rich section{margin:0 0 96px}
.about-rich .content-kicker{display:block;margin-bottom:18px;color:#768000;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.about-rich h2{max-width:900px;margin:0 0 26px;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.05em;font-weight:600}
.about-rich h3{margin:0 0 9px;font-size:19px;line-height:1.25;letter-spacing:-.02em}
.about-rich p{color:#42595e;font-size:16px;line-height:1.82}
.about-lead-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:72px;align-items:center}
.about-lead-copy .about-deck{margin:0 0 18px;color:var(--motion-ink);font-size:22px;line-height:1.55;letter-spacing:-.015em}
.about-lead-visual{position:relative;margin:0;min-height:570px;overflow:hidden;background:#dfe5e1}
.about-lead-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-lead-visual figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:20px;padding:15px 18px;background:var(--motion-ink);color:#fff;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.about-facts{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.35fr;margin-top:-96px!important;border-top:1px solid var(--motion-ink);border-bottom:1px solid var(--motion-line)}
.about-fact{min-height:150px;padding:28px 28px 24px 0;border-right:1px solid var(--motion-line);display:flex;flex-direction:column;justify-content:center}
.about-fact:not(:first-child){padding-left:28px}.about-fact:last-child{border-right:0}
.about-fact strong{color:var(--motion-ink);font-size:27px;line-height:1.08;letter-spacing:-.035em;font-weight:600}
.about-fact span{margin-top:11px;color:#687a7d;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.about-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:70px;align-items:end;margin-bottom:42px}
.about-section-head p{margin:0}
.foundation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:74px;align-items:start}
.company-timeline{border-top:1px solid var(--motion-ink)}
.company-timeline article{display:grid;grid-template-columns:112px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--motion-line)}
.company-timeline time{color:#768000;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.company-timeline h3{font-size:23px}.company-timeline p{margin:0;color:#687a7d;font-size:13px;line-height:1.68}
.company-purpose{background:var(--motion-ink);color:#fff}
.company-purpose>div{min-height:190px;padding:30px;border-bottom:1px solid rgba(255,255,255,.16)}
.company-purpose>div:last-child{border-bottom:0}.company-purpose span{display:block;margin-bottom:24px;color:var(--motion-lime);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.company-purpose h3{color:#fff;font-size:24px}.company-purpose p{margin:0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.65}
.about-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--motion-ink);border-left:1px solid var(--motion-line)}
.about-capability{position:relative;min-height:235px;padding:30px;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line)}
.about-capability>span{display:block;margin-bottom:55px;color:#768000;font-size:10px;font-weight:800;letter-spacing:.16em}
.about-capability p{margin:0;color:#687a7d;font-size:13px;line-height:1.65}
.about-capability:after{content:"";position:absolute;left:30px;bottom:24px;width:30px;height:2px;background:var(--motion-lime);transition:width .35s ease}
.about-capability:hover:after{width:80px}
.about-quality-system{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:720px;background:var(--motion-grey)}
.quality-visual{min-height:720px;overflow:hidden;background:#dfe5e1}.quality-visual img{width:100%;height:100%;object-fit:cover}
.quality-copy{padding:68px 64px;display:flex;flex-direction:column;justify-content:center}.quality-copy h2{font-size:clamp(39px,4vw,61px)}
.quality-copy>p{font-size:14px}.quality-checks{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-top:1px solid var(--motion-ink);border-left:1px solid var(--motion-line)}
.quality-checks span{min-height:76px;padding:18px;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line);display:flex;align-items:center;font-size:11px;font-weight:750;line-height:1.45}
.delivery-path-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--motion-ink);border-left:1px solid var(--motion-line)}
.delivery-path-grid>div{position:relative;min-height:215px;padding:27px;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line)}
.delivery-path-grid span,.application-scope-grid span{display:block;margin-bottom:43px;color:#768000;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.delivery-path-grid p,.application-scope-grid p{margin:0;color:#687a7d;font-size:12px;line-height:1.65}
.about-epco{padding:70px 62px;background:var(--motion-ink);color:#fff}
.about-epco .content-kicker,.about-epco h2{color:#fff}
.about-epco>p{max-width:860px;color:rgba(255,255,255,.67)}
.epco-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border-top:1px solid rgba(255,255,255,.35);border-left:1px solid rgba(255,255,255,.18)}
.epco-step{min-height:245px;padding:28px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.epco-step>b{display:block;color:var(--motion-lime);font-size:62px;line-height:1;font-weight:500}
.epco-step>span{display:block;margin:15px 0 20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.epco-step p{margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.65}
.application-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--motion-ink);border-left:1px solid var(--motion-line)}
.application-scope-grid>div{min-height:220px;padding:28px;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line);background:#fff;transition:background .25s ease,transform .25s ease}
.application-scope-grid>div:hover{background:var(--motion-grey);transform:translateY(-3px)}
.application-scope-grid h3{font-size:20px}
.about-recognition{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:74px;padding:70px;background:var(--motion-lime)}
.about-recognition h2{font-size:clamp(40px,4.3vw,66px)}.about-recognition>div>p{color:rgba(9,42,47,.72)}
.recognition-list{border-top:1px solid rgba(9,42,47,.65)}
.recognition-list>div{display:grid;grid-template-columns:142px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid rgba(9,42,47,.3)}
.recognition-list span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.recognition-list p{margin:0;color:rgba(9,42,47,.7);font-size:12px;line-height:1.6}
.about-recognition>.about-source-note{grid-column:2;margin-top:-56px!important;color:rgba(9,42,47,.65)!important}
.about-innovation{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px}
.about-product-lines{margin:30px 0 0;border-top:1px solid var(--motion-ink)}
.about-product-lines span{display:block;padding:14px 0;border-bottom:1px solid var(--motion-line);font-size:13px;font-weight:650}
.about-research{padding:42px;background:var(--motion-grey)}
.about-research h3{font-size:28px}
.research-list{margin-top:28px;border-top:1px solid var(--motion-ink)}
.research-item{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--motion-line)}
.research-item span{color:#768000;font-size:10px;font-weight:800}
.research-item strong{display:block;font-size:14px}.research-item small{display:block;margin-top:5px;color:#687a7d;font-size:11px;line-height:1.5}
.about-proof{padding-top:88px;border-top:1px solid var(--motion-ink)}
.proof-columns{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;margin-top:42px}
.qualification-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--motion-ink);border-left:1px solid var(--motion-line)}
.qualification-list span{min-height:92px;padding:22px;border-right:1px solid var(--motion-line);border-bottom:1px solid var(--motion-line);display:flex;align-items:center;font-size:12px;font-weight:700}
.project-list{border-top:1px solid var(--motion-ink)}
.project-list div{display:grid;grid-template-columns:34px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--motion-line)}
.project-list span{color:#768000;font-size:10px;font-weight:800}.project-list strong{font-size:13px;line-height:1.45}
.about-source-note{margin:14px 0 0!important;color:#7b898c!important;font-size:10px!important}
.about-service{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start;padding:70px;background:var(--motion-lime)}
.about-service h2{font-size:clamp(42px,4.2vw,66px)}
.about-service p{color:rgba(9,42,47,.72)}
.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(9,42,47,.65);border-left:1px solid rgba(9,42,47,.25)}
.service-item{min-height:150px;padding:23px;border-right:1px solid rgba(9,42,47,.25);border-bottom:1px solid rgba(9,42,47,.25)}
.service-item span{display:block;margin-bottom:23px;font-size:10px;font-weight:800;letter-spacing:.15em}.service-item h3{font-size:16px}.service-item p{margin:0;font-size:11px;line-height:1.55}
.about-contact-strip{display:grid;grid-template-columns:1.25fr .75fr;margin-top:-52px!important;border-top:1px solid var(--motion-ink);border-bottom:1px solid var(--motion-line)}
.about-contact-strip>div{min-height:118px;padding:25px 28px 25px 0;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--motion-line)}
.about-contact-strip>div:last-child{padding-left:28px;border-right:0}.about-contact-strip span{margin-bottom:8px;color:#768000;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.about-contact-strip strong{font-size:13px;line-height:1.55;font-weight:650}
.about-cta{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:16px!important;padding-bottom:72px;border-bottom:1px solid var(--motion-ink)}
.about-cta h2{margin-bottom:0}.about-cta .motion-link{flex:0 0 auto}

@keyframes heroEntry{to{transform:scale(1)}}
@keyframes riseIn{to{opacity:1;transform:none}}
@keyframes scrollLine{0%{transform:translateY(-20px)}100%{transform:translateY(50px)}}

@media(max-width:1180px){
  body.home .nav-wrap{gap:20px}
  body.home .menu{gap:17px}
  body.home .menu a{font-size:12px}
  body.home .brand{width:150px}
  .story-copy{padding-left:5vw;padding-right:5vw}
  .story-principles>div{grid-template-columns:38px 120px 1fr}
  .reference-applications{padding-left:5vw;padding-right:5vw}
  .system-card{flex-basis:34vw}
}

@media(max-width:920px){
  body.home .site-header{background:var(--motion-ink)}
  .hero-visual img{object-position:68% 48%}
  body.home .nav-wrap{height:78px}
  body.home .brand{width:145px;height:45px}
  body.home .mobile-toggle{display:flex}
  .mobile-toggle{width:38px;height:38px;padding:8px;flex-direction:column;justify-content:center;gap:7px}
  .mobile-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .25s ease}
  body.home .mobile-toggle{color:#fff}
  body.home .menu{top:78px;background:var(--motion-ink);border-color:rgba(255,255,255,.16)}
  body.home .menu a{padding:12px 0;color:#fff;border-color:rgba(255,255,255,.16)}
  .section-dots{display:none}
  .reference-hero-inner{padding-top:130px;padding-bottom:242px}
  .hero-intro{width:85%}
  .split-heading{font-size:clamp(58px,10vw,88px)}
  .hero-rail{display:none}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .metric{min-height:104px;padding:18px 20px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
  .scroll-cue{display:none}
  .reference-story{grid-template-columns:1fr}
  .story-visual{min-height:67svh}
  .story-copy{min-height:auto;padding:90px 7vw}
  .reference-qualifications{min-height:auto;padding:90px 0}
  .qualification-feature-head{grid-template-columns:1fr;gap:26px}
  .home-qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-qualification-card figure{height:330px}
  .reference-systems{min-height:auto;padding:90px 0}
  .system-card{flex-basis:48vw}
  .reference-applications{min-height:auto;grid-template-columns:1fr;padding:90px 7vw}
  .applications-intro{padding:0 0 60px}
  .reference-films{min-height:auto;padding:90px 0}
  .film-grid{grid-template-columns:1fr 1fr}.film-card:last-child{grid-column:1/-1;width:calc(50% - 12px)}
  .reference-delivery{min-height:auto;grid-template-columns:1fr}
  .delivery-copy{padding:90px 7vw}
  .delivery-visual{min-height:65svh}
  .about-lead-grid,.foundation-grid,.about-quality-system,.about-recognition,.about-innovation,.about-service{grid-template-columns:1fr}
  .about-lead-visual{min-height:520px}
  .about-facts{grid-template-columns:1fr 1fr}
  .about-fact:nth-child(2){border-right:0}.about-fact:nth-child(-n+2){border-bottom:1px solid var(--motion-line)}
  .about-section-head,.proof-columns{grid-template-columns:1fr;gap:24px}
  .about-capability-grid{grid-template-columns:1fr 1fr}
  .quality-visual{min-height:560px}.delivery-path-grid,.application-scope-grid{grid-template-columns:1fr 1fr}
  .about-recognition>.about-source-note{grid-column:auto;margin-top:0!important}
  .epco-steps{grid-template-columns:1fr 1fr}
  .about-cta{align-items:flex-start;flex-direction:column}
}

@media(max-width:620px){
  body.home .brand{width:132px}
  .hero-visual img{object-position:72% 48%}
  .reference-hero{min-height:880px}
  .reference-hero-inner{min-height:880px;padding:124px 0 300px;justify-content:flex-start}
  .hero-intro{width:100%}
  .split-heading{margin-top:22px;font-size:53px;line-height:.94}
  .hero-intro>p{width:100%;font-size:15px}
  .hero-actions{gap:18px;margin-top:24px}
  .motion-link{min-width:168px}
  .hero-metrics{background:rgba(4,27,31,.82)}
  .metric{padding-left:0!important}
  .metric strong{font-size:27px}
  .metric span{font-size:8px}
  .story-visual{min-height:510px}
  .story-stamp{left:24px;bottom:50px}
  .story-stamp span{font-size:78px}
  .story-copy{padding:70px 24px}
  .story-copy h2,.applications-intro h2,.delivery-copy h2{font-size:44px}
  .story-principles>div{grid-template-columns:32px 1fr}.story-principles small{grid-column:2}
  .reference-qualifications{padding:72px 0}
  .qualification-feature-head h2{font-size:44px}
  .qualification-feature-facts{grid-template-columns:1fr}
  .qualification-feature-fact{min-height:88px}
  .home-qualification-grid{grid-template-columns:1fr}
  .home-qualification-card figure{height:370px}
  .home-qualification-card>div{min-height:172px}
  .systems-head{align-items:flex-start;flex-direction:column;margin-bottom:38px}
  .systems-head h2,.films-head h2{font-size:45px}
  .systems-track-wrap{margin-left:14px}
  .system-card{flex-basis:82vw}
  .systems-foot{align-items:flex-start;flex-direction:column;gap:20px}
  .reference-applications{padding:72px 24px}
  .application-row{grid-template-columns:34px 1fr 20px;gap:12px;padding:22px 0}
  .application-row h3{font-size:20px}
  .films-head{align-items:flex-start;flex-direction:column;margin-bottom:38px}
  .film-grid{grid-template-columns:1fr}.film-card:last-child{grid-column:auto;width:auto}
  .delivery-copy{padding:72px 24px}
  .delivery-copy h2{font-size:46px}
  .delivery-links{gap:20px}
  .delivery-visual{min-height:480px}
  .about-rich section{margin-bottom:72px}
  .about-rich h2{font-size:42px}
  .about-lead-grid{gap:38px}.about-lead-visual{min-height:410px}
  .about-facts{grid-template-columns:1fr;margin-top:-72px!important}
  .about-fact,.about-fact:not(:first-child){min-height:112px;padding:22px 0;border-right:0;border-bottom:1px solid var(--motion-line)}
  .about-capability-grid{grid-template-columns:1fr}
  .about-capability{min-height:205px}
  .company-timeline article{grid-template-columns:76px 1fr;gap:18px}.company-purpose>div{min-height:auto}
  .quality-visual{min-height:410px}.quality-copy{padding:54px 24px}.quality-checks{grid-template-columns:1fr}
  .delivery-path-grid,.application-scope-grid{grid-template-columns:1fr}.delivery-path-grid>div,.application-scope-grid>div{min-height:185px}
  .about-epco{padding:54px 24px}
  .epco-steps{grid-template-columns:1fr}.epco-step{min-height:190px}
  .about-research{padding:30px 24px}
  .about-recognition{padding:54px 24px;gap:34px}.recognition-list>div{grid-template-columns:1fr;gap:7px}
  .proof-columns{gap:46px}.qualification-list{grid-template-columns:1fr}
  .about-service{padding:54px 24px;gap:36px}.service-grid{grid-template-columns:1fr}
  .about-contact-strip{grid-template-columns:1fr;margin-top:-34px!important}.about-contact-strip>div,.about-contact-strip>div:last-child{min-height:100px;padding:22px 0;border-right:0;border-bottom:1px solid var(--motion-line)}
  .about-cta{padding-bottom:50px}
}

@media(prefers-reduced-motion:reduce){
  .hero-visual img,.reference-hero .motion-kicker,.split-heading,.hero-intro>p,.hero-actions,.scroll-cue i:after{animation:none;opacity:1;transform:none}
  .motion-ready .reveal-target{opacity:1;transform:none;transition:none}
  .motion-ready .image-reveal img{transform:none}
  .systems-track{scroll-behavior:auto}
}