@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ef;color:#17191a;font-family:Inter,Arial,sans-serif}header{height:84px;display:flex;align-items:center;padding:0 5vw;justify-content:space-between;border-bottom:1px solid #d9d8d3;position:sticky;top:0;background:rgba(244,243,239,.94);backdrop-filter:blur(14px);z-index:10}.brand{font-weight:600;letter-spacing:.12em;text-decoration:none;color:inherit}.brand span{display:block;font-size:8px;letter-spacing:.32em;margin-top:3px;color:#747776}nav{display:flex;gap:30px}nav a{font-size:12px;text-decoration:none;color:#555a59}#lang{border:0;background:none;font:inherit;font-size:12px;cursor:pointer}.hero{min-height:720px;display:grid;grid-template-columns:52% 48%;align-items:stretch;border-bottom:1px solid #d9d8d3}.hero-copy{padding:12vh 5vw 8vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:600;color:#707573}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.4vw,84px);font-weight:400;letter-spacing:-.055em;line-height:.98;margin:25px 0 28px}.lede{max-width:560px;color:#686c6b;font-size:14px;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:38px}.primary,.submit{background:#17191a;color:#fff;padding:15px 21px;text-decoration:none;font-size:12px;border:0}.textlink{font-size:12px;color:#17191a;text-decoration:none}.hero-img{background:#e8e8e4;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-img img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.12))}.proof{display:grid;grid-template-columns:repeat(5,1fr);padding:32px 5vw;border-bottom:1px solid #d9d8d3}.proof div{border-right:1px solid #d9d8d3;padding-left:22px}.proof div:first-child{padding-left:0}.proof div:last-child{border:0}.proof strong{font-family:Manrope;font-size:24px;font-weight:500;display:block}.proof span{font-size:10px;color:#777;display:block;margin-top:8px}.section{padding:110px 5vw;border-bottom:1px solid #d9d8d3}.section-head{max-width:760px;margin-bottom:58px}.section h2,.contact h2{font-family:Manrope;font-weight:400;letter-spacing:-.04em;font-size:clamp(36px,4.5vw,68px);line-height:1.02;margin:18px 0}.section-head>p:last-child{color:#686c6b;line-height:1.7;max-width:620px}.grid3{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.grid3 article{background:#e9e9e5;padding-bottom:22px}.grid3 img{width:100%;aspect-ratio:1.25;object-fit:contain;padding:26px}.grid3 h3,.grid3 p{margin-left:22px;margin-right:22px}.grid3 h3{font-size:16px}.grid3 p{font-size:11px;color:#6d716f;line-height:1.5}.component-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.component-list span{border:1px solid #c9cbc8;padding:10px 13px;font-size:11px}.section small{display:block;margin-top:18px;color:#8a8d8b}.dark{background:#17191a;color:#f4f3ef}.dark .eyebrow,.dark .section-head p{color:#9ca19e}.cap-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.cap-layout>img{width:100%;height:560px;object-fit:cover;filter:grayscale(.2)}.specs>div{padding:25px 0;border-top:1px solid #444746;display:grid;grid-template-columns:1fr 1.2fr}.specs b{font-size:10px;letter-spacing:.16em;color:#9ca19e}.specs strong{font:400 25px Manrope}.specs span{grid-column:2;font-size:11px;color:#9ca19e;margin-top:5px}.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#444746;margin-top:60px}.routes span{background:#17191a;padding:25px;font-size:11px}.quality-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.qimage{background:#e8e8e4}.qimage img{width:100%;height:500px;object-fit:contain;padding:30px}.qtext>div{border-top:1px solid #c9cbc8;padding:27px 0}.qtext strong{display:block;font:500 22px Manrope;margin-bottom:9px}.qtext span{font-size:12px;color:#6d716f}.cert{margin-top:80px;padding-top:50px;border-top:1px solid #c9cbc8;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.cert img{width:100%;max-height:400px;object-fit:contain}.cert h3{font:400 48px Manrope;margin:15px 0}.cert p{color:#686c6b;line-height:1.7}.workflow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr)}.workflow li{border-top:1px solid #bfc1be;padding:22px 10px 55px 0;display:flex;gap:25px}.workflow li b{font-size:10px;color:#888}.workflow li span{font-size:14px}.contact{background:#dfe4e2;padding:110px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact>div>p{max-width:580px;color:#59605d;line-height:1.7}.contact address{font-style:normal;font-size:11px;line-height:1.8;margin-top:55px;color:#606562}form{display:flex;flex-direction:column;gap:0}input,textarea{border:0;border-bottom:1px solid #aeb5b1;background:transparent;padding:18px 0;font:12px Inter;outline:none}textarea{height:120px;resize:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload{border-bottom:1px solid #aeb5b1;padding:20px 0;font-size:11px;cursor:pointer}.upload input{display:none}.submit{align-self:flex-start;margin-top:28px;cursor:pointer}footer{padding:50px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:10px;color:#737775}footer p:last-child{text-align:right}@media(max-width:800px){header{height:70px}nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:80px 6vw}.hero-img{height:420px}.proof{grid-template-columns:1fr 1fr}.proof div{padding:18px 0;border-right:0;border-bottom:1px solid #ddd}.section{padding:80px 6vw}.grid3,.cap-layout,.quality-grid,.cert,.contact{grid-template-columns:1fr}.grid3{gap:12px}.cap-layout>img{height:360px}.routes{grid-template-columns:1fr}.workflow ol{grid-template-columns:1fr 1fr}.contact{padding:80px 6vw}.cert{gap:30px}.proof div:last-child{grid-column:1/-1}.footer,footer{grid-template-columns:1fr;gap:15px}footer p:last-child{text-align:left}}

/* V2 — broader manufacturing identity */
.hero-collage{position:relative;overflow:hidden;background:#e9e9e6;min-height:560px}
.hero-collage .hero-main{width:78%;height:78%;object-fit:cover;position:absolute;right:0;top:0}
.hero-collage .hero-secondary{width:45%;height:43%;object-fit:cover;position:absolute;left:0;bottom:0;border-top:10px solid #f5f4f0;border-right:10px solid #f5f4f0}
.hero-label{position:absolute;right:24px;bottom:22px;background:rgba(20,20,20,.88);color:#fff;padding:14px 18px;display:flex;flex-direction:column;gap:3px;letter-spacing:.04em}
.hero-label span{font-size:10px;opacity:.65;letter-spacing:.16em}.hero-label b{font-size:14px;font-weight:500}
.grid3 article.feature{grid-column:auto}
@media(max-width:800px){.hero-collage{min-height:420px}.hero-collage .hero-main{width:88%;height:72%}.hero-collage .hero-secondary{width:52%;height:38%}}

/* V3 — brand-led information hierarchy */
.logo-brand{display:flex;align-items:center;gap:11px;letter-spacing:0}.logo-brand img{width:38px;height:38px;object-fit:contain}.brand-name{font-weight:600;letter-spacing:.12em;font-size:13px}.brand-name small{display:block;font-size:7px;letter-spacing:.30em;margin-top:3px;color:#747776}.hero{min-height:760px}.hero-copy{position:relative}.hero-copy:after{content:'01';position:absolute;bottom:28px;left:5vw;font:500 10px Inter;letter-spacing:.2em;color:#999}.hero-collage{display:block;position:relative;background:#e4e5e2;min-height:650px}.hero-tile{position:absolute;overflow:hidden;background:#d9dad7}.hero-tile img{width:100%;height:100%;object-fit:cover;padding:0;filter:none;transition:transform .7s ease}.hero-tile:hover img{transform:scale(1.025)}.hero-tile span{position:absolute;left:14px;bottom:12px;background:rgba(20,22,22,.82);color:#fff;font-size:8px;letter-spacing:.18em;padding:7px 9px}.tile-a{width:67%;height:62%;right:0;top:0}.tile-b{width:46%;height:39%;left:0;bottom:0;border-top:10px solid #f4f3ef;border-right:10px solid #f4f3ef}.tile-c{width:35%;height:38%;right:0;bottom:0;border-top:10px solid #f4f3ef}.hero-label{right:auto;left:49%;bottom:28px;transform:translateX(-5%);z-index:3;white-space:nowrap}.identity{padding-top:72px;padding-bottom:72px;background:#f4f3ef}.identity-line{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:start}.identity-line>p:last-child{font:400 clamp(22px,2.4vw,36px)/1.35 Manrope,sans-serif;letter-spacing:-.025em;margin:0;max-width:1000px}.grid3 article{overflow:hidden}.grid3 img{transition:transform .6s ease}.grid3 article:hover img{transform:scale(1.025)}.footer-logo img{width:32px;height:32px}.footer-logo .brand-name{font-size:11px}
@media(max-width:800px){.logo-brand img{width:32px;height:32px}.brand-name{font-size:11px}.hero{min-height:auto}.hero-collage{min-height:480px}.tile-a{width:82%;height:58%}.tile-b{width:55%;height:38%}.tile-c{width:42%;height:38%}.hero-label{left:18px;bottom:18px;transform:none;white-space:normal}.identity-line{grid-template-columns:1fr;gap:25px}.identity{padding-top:60px;padding-bottom:60px}}

/* V4 — editorial hero + broader product proof */
.hero-v4{display:grid;grid-template-columns:62% 38%;grid-template-rows:1fr 1fr;gap:1px;background:#f4f3ef;min-height:650px;padding:0;position:relative}
.hero-v4 .hero-visual-main,.hero-v4 .hero-visual-side{position:relative;overflow:hidden;background:#e7e7e3}
.hero-v4 .hero-visual-main{grid-row:1/3;grid-column:1}
.hero-v4 .hero-visual-side.top{grid-row:1;grid-column:2}.hero-v4 .hero-visual-side.bottom{grid-row:2;grid-column:2}
.hero-v4 img{width:100%;height:100%;object-fit:cover;padding:0;filter:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-v4>div:hover img{transform:scale(1.018)}
.hero-v4 .hero-visual-main img{object-fit:contain;padding:9%;background:#e6e6e2}
.hero-v4 .hero-visual-side.top img{object-fit:contain;padding:12%;background:#dedfdb}
.hero-v4 .hero-visual-side.bottom img{object-fit:cover}
.hero-v4 .hero-visual-main>span,.hero-v4 .hero-visual-side>span{position:absolute;left:20px;bottom:18px;font-size:8px;letter-spacing:.18em;background:#17191a;color:#fff;padding:7px 9px}
.hero-statement{position:absolute;left:28px;top:28px;z-index:3;background:#f4f3ef;padding:18px 20px;min-width:240px;border-top:2px solid #17191a}
.hero-statement small{font-size:8px;letter-spacing:.18em;color:#777;display:block;margin-bottom:10px}.hero-statement b{font:500 20px/1.18 Manrope,sans-serif;letter-spacing:-.025em}
.showcase{background:#f7f6f2}.showcase-head{display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;align-items:end;margin-bottom:58px}.showcase-head h2{max-width:760px}.showcase-head>p{font-size:12px;line-height:1.75;color:#6d716f;margin:0 0 8px}
.product-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfd0cc;border:1px solid #cfd0cc}.product-card{background:#f7f6f2;min-width:0}.product-card.wide{grid-column:span 2}.product-photo{height:260px;background:#e7e7e3;overflow:hidden}.product-card.wide .product-photo{height:360px}.product-card.tall .product-photo{height:360px}.product-photo img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .7s ease}.product-card.wide:first-child .product-photo img{padding:38px}.product-card:hover .product-photo img{transform:scale(1.025)}.product-meta{padding:20px 20px 24px;min-height:112px;border-top:1px solid #d5d6d2}.product-meta>span{font-size:8px;letter-spacing:.16em;color:#999}.product-meta h3{font:500 15px Manrope;margin:10px 0 0}.product-meta p{font-size:10px;color:#777;line-height:1.55;margin:8px 0 0}.scope-note{max-width:700px;font-size:10px;line-height:1.6;color:#858886;margin:24px 0 0}.compact-components{padding-top:80px}.compact-components .grid3{margin-top:0}
@media(max-width:800px){.hero-v4{min-height:520px;grid-template-columns:1fr 1fr;grid-template-rows:62% 38%}.hero-v4 .hero-visual-main{grid-row:1;grid-column:1/3}.hero-v4 .hero-visual-side.top{grid-row:2;grid-column:1}.hero-v4 .hero-visual-side.bottom{grid-row:2;grid-column:2}.hero-statement{left:16px;top:16px;padding:14px 15px;min-width:0}.hero-statement b{font-size:16px}.showcase-head{grid-template-columns:1fr;gap:12px}.product-mosaic{grid-template-columns:1fr 1fr}.product-card.wide{grid-column:span 2}.product-photo,.product-card.tall .product-photo{height:210px}.product-card.wide .product-photo{height:280px}.product-meta{min-height:96px;padding:16px}.product-meta p{display:none}}

/* REFINED FINAL — consistent product presentation */
.product-mosaic{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:#d2d2ce;
}
.product-card,
.product-card.wide,
.product-card.tall{
  grid-column:span 1;
  display:grid;
  grid-template-rows:300px auto;
  min-height:430px;
  background:#f7f6f2;
}
.product-photo,
.product-card.wide .product-photo,
.product-card.tall .product-photo{
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:#e9e9e5;
}
.product-photo img,
.product-card.wide:first-child .product-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:34px;
}
.product-meta{
  min-height:130px;
  padding:22px 22px 25px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.product-meta h3{line-height:1.35}
.product-meta p{margin-top:9px}
.compact-components .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-components .grid3 article{display:flex;flex-direction:column;min-height:470px}
.compact-components .grid3 img{height:310px;aspect-ratio:auto;object-fit:contain;padding:34px;background:#e9e9e5}
.contact-email{display:inline-block;margin-top:14px;color:#17191a;text-decoration:none;border-bottom:1px solid #9aa09d;padding-bottom:2px}
@media(max-width:1100px){
  .product-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .product-card,.product-card.wide,.product-card.tall{grid-column:span 1;grid-template-rows:230px auto;min-height:350px}
  .product-photo,.product-card.wide .product-photo,.product-card.tall .product-photo{height:230px}
  .product-photo img,.product-card.wide:first-child .product-photo img{padding:26px}
  .product-meta{min-height:118px}
  .compact-components .grid3{grid-template-columns:1fr}
  .compact-components .grid3 article{min-height:0}
  .compact-components .grid3 img{height:280px}
}
@media(max-width:560px){
  .product-mosaic{grid-template-columns:1fr}
}

/* Hero refinement — structured, uniform product presentation */
.hero-v4{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:118px 1fr;
  gap:1px;
  min-height:650px;
  background:#d9d9d5;
  padding:0;
  position:relative;
  overflow:hidden;
}
.hero-v4 .hero-statement{
  position:static;
  grid-column:1 / -1;
  grid-row:1;
  min-width:0;
  padding:28px 30px 24px;
  background:#f4f3ef;
  border-top:2px solid #17191a;
  align-self:stretch;
}
.hero-v4 .hero-statement small{margin-bottom:9px}
.hero-v4 .hero-statement b{font-size:19px}
.hero-v4 .hero-visual-main,
.hero-v4 .hero-visual-side.top,
.hero-v4 .hero-visual-side.bottom{
  grid-row:2;
  position:relative;
  overflow:hidden;
  background:#e7e7e3;
}
.hero-v4 .hero-visual-main{grid-column:1}
.hero-v4 .hero-visual-side.top{grid-column:2}
.hero-v4 .hero-visual-side.bottom{grid-column:3}
.hero-v4 .hero-visual-main img,
.hero-v4 .hero-visual-side.top img,
.hero-v4 .hero-visual-side.bottom img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:11%;
  background:#e7e7e3;
}
.hero-v4 .hero-visual-side.bottom img{object-fit:contain;padding:8%}
.hero-v4 .hero-visual-main>span,
.hero-v4 .hero-visual-side>span{
  left:16px;
  bottom:16px;
}
@media(max-width:800px){
  .hero-v4{
    min-height:590px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:104px 1.15fr .85fr;
  }
  .hero-v4 .hero-statement{grid-column:1/-1;grid-row:1;padding:22px 20px 18px}
  .hero-v4 .hero-visual-main{grid-column:1/-1;grid-row:2}
  .hero-v4 .hero-visual-side.top{grid-column:1;grid-row:3}
  .hero-v4 .hero-visual-side.bottom{grid-column:2;grid-row:3}
  .hero-v4 .hero-visual-main img{padding:9%}
  .hero-v4 .hero-visual-side.top img,.hero-v4 .hero-visual-side.bottom img{padding:10%}
}

/* HERO VIDEO — premium editorial treatment */
.hero-film{
  position:relative;
  min-height:650px;
  overflow:hidden;
  background:#dfe1df;
  border-left:1px solid #d9d8d3;
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:saturate(.78) contrast(1.02);
}
.hero-film:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(15,18,18,.12) 0%,rgba(15,18,18,0) 28%,rgba(15,18,18,0) 62%,rgba(15,18,18,.34) 100%);
}
.hero-film-top{
  position:absolute;
  z-index:2;
  top:24px;
  left:24px;
  right:24px;
  display:flex;
  justify-content:space-between;
  color:#fff;
  font-size:8px;
  letter-spacing:.20em;
  text-shadow:0 1px 12px rgba(0,0,0,.2);
}
.hero-film-caption{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:24px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.58);
  color:#fff;
}
.hero-film-caption small{
  display:block;
  margin-bottom:9px;
  font-size:8px;
  letter-spacing:.18em;
  opacity:.78;
}
.hero-film-caption b{
  display:block;
  font:500 21px/1.16 Manrope,sans-serif;
  letter-spacing:-.025em;
}
.film-index{font-size:8px;letter-spacing:.18em;opacity:.75;white-space:nowrap}
@media(max-width:800px){
  .hero-film{min-height:560px;border-left:0;border-top:1px solid #d9d8d3}
  .hero-video{object-position:center center}
  .hero-film-top{top:18px;left:18px;right:18px}
  .hero-film-caption{left:18px;right:18px;bottom:18px}
  .hero-film-caption b{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-film{background:#dfe1df url('assets/s11_056.png') center/cover no-repeat}}

/* RFQ submission states */
.submit:disabled{opacity:.55;cursor:wait}.rfq-status{min-height:18px;margin:14px 0 0;font-size:11px;line-height:1.5;color:#59605d}.rfq-status.success{color:#315b47}.rfq-status.error{color:#8a3d36}
