:root{
      --ink:#1f2321;
      --muted:#6d726d;
      --paper:#f4f4ef;
      --paper-2:#eceee8;
      --line:#d8dcd4;
      --orange:#ea5f16;
      --orange-deep:#cf4b09;
      --dark:#1f2421;
      --dark-2:#272d28;
      --white:#ffffff;
      --max:1440px;
      --side:clamp(20px,4vw,64px);
      --radius:10px;
      --ease:cubic-bezier(.2,.75,.2,1);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif;
      color:var(--ink);
      background:#fff;
      font-size:16px;
      line-height:1.65;
      -webkit-font-smoothing:antialiased;
      overflow-x:hidden;
    }
    body.menu-open{overflow:hidden}
    a{text-decoration:none;color:inherit}
    img,video{display:block;max-width:100%}
    h1,h2,h3,h4,p{margin:0}
    button,input,select,textarea{font:inherit}
    button{color:inherit}

    .wrap{width:min(calc(100% - var(--side) * 2),var(--max));margin-inline:auto}
    .section{padding:clamp(58px,5.8vw,88px) 0}
    .section.tight{padding:clamp(50px,5vw,76px) 0}

    .title-xl{
      font-size:clamp(42px,6vw,96px);
      line-height:.95;
      letter-spacing:-.045em;
      font-weight:500;
      text-transform:uppercase;
      text-wrap:balance;
    }
    .title-lg{
      font-size:clamp(34px,4.3vw,66px);
      line-height:1.02;
      letter-spacing:-.04em;
      font-weight:500;
      text-transform:uppercase;
      text-wrap:balance;
    }
    .title-md{
      font-size:clamp(22px,2.2vw,34px);
      line-height:1.08;
      letter-spacing:-.035em;
      font-weight:500;
      text-transform:uppercase;
    }
    .product-info h3,.quality-copy h3,.footer-col h4,.quote-dialog h2,.contact-box strong{
      text-transform:uppercase;
      letter-spacing:-.03em;
    }
    .copy{
      color:var(--muted);
      font-size:clamp(15px,1.25vw,17px);
      line-height:1.75;
      max-width:580px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      min-height:50px;
      padding:0 22px;
      border-radius:6px;
      border:1px solid transparent;
      background:var(--orange);
      color:#fff;
      font-size:13px;
      font-weight:600;
      cursor:pointer;
      position:relative;
      overflow:hidden;
      transition:transform .28s var(--ease),box-shadow .28s var(--ease);
    }
    .btn::before{
      content:"";
      position:absolute;
      inset:0;
      background:var(--orange-deep);
      transform:translateY(101%);
      transition:transform .32s var(--ease);
      z-index:0;
    }
    .btn span,.btn svg{position:relative;z-index:1}
    .btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(117,48,12,.18)}
    .btn:hover::before{transform:translateY(0)}

    .link-inline{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:13px;
      font-weight:600;
      padding-bottom:8px;
      border-bottom:1px solid rgba(31,35,33,.25);
      transition:.25s;
    }
    .link-inline:hover{color:var(--orange);border-color:var(--orange)}

    /* header */
    .site-header{
      position:fixed;
      inset:0 0 auto 0;
      z-index:90;
      color:#fff;
      background:transparent;
      border-bottom:1px solid rgba(255,255,255,.13);
      transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
    }
    .header-inner{
      height:84px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }
    .site-header.is-scrolled{
      color:var(--ink);
      background:rgba(255,255,255,.96);
      border-color:rgba(31,35,33,.09);
      box-shadow:0 8px 24px rgba(26,31,27,.06);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
    }
    .brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
    .brand img{height:46px;width:auto;max-width:190px;object-fit:contain}
    .main-nav{display:flex;align-items:center;gap:clamp(20px,2.25vw,34px);margin-left:auto}
    .main-nav>a:not(.quote-trigger){
      position:relative;
      font-size:12px;
      font-weight:600;
      letter-spacing:.01em;
      padding:10px 0;
      opacity:.9;
    }
    .main-nav>a:not(.quote-trigger)::after{
      content:"";
      position:absolute;
      left:0;
      right:100%;
      bottom:3px;
      height:1px;
      background:currentColor;
      transition:right .26s var(--ease);
    }
    .main-nav>a:not(.quote-trigger):hover{opacity:1}
    .main-nav>a:not(.quote-trigger):hover::after{right:0}
    .quote-trigger{
      min-height:42px;
      padding:0 16px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(255,255,255,.5);
      border-radius:8px;
      background:transparent;
      color:inherit;
      font-size:12px;
      font-weight:600;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      transition:background .24s var(--ease),border-color .24s var(--ease),color .24s var(--ease);
    }
    .quote-trigger:hover{background:#fff;color:var(--ink);border-color:#fff}
    .site-header.is-scrolled .quote-trigger{background:transparent;border-color:rgba(31,35,33,.18);color:var(--ink)}
    .site-header.is-scrolled .quote-trigger:hover{background:var(--ink);border-color:var(--ink);color:#fff}
    .menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:0;cursor:pointer}
    .menu-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:6px auto;transition:.3s}


    /* hero */
    .hero{
      position:relative;
      height:100svh;
      min-height:720px;
      max-height:none;
      background:#111512;
      color:#fff;
      overflow:hidden;
      isolation:isolate;
    }
    .hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden}
    .hero-media video{
      width:100%;height:100%;object-fit:cover;
      transform:scale(1.035);
      transition:transform 1.45s var(--ease),filter .6s var(--ease);
      filter:saturate(.78) contrast(1.06) brightness(.82);
    }
    .hero.ready .hero-media video{transform:scale(1)}
    .hero::before{
      content:"";
      position:absolute;inset:0;z-index:-2;
      background:
        linear-gradient(180deg,rgba(8,12,9,.28) 0%,rgba(8,12,9,.06) 34%,rgba(8,12,9,.24) 72%,rgba(8,12,9,.58) 100%),
        radial-gradient(circle at 50% 42%,rgba(0,0,0,0) 0%,rgba(5,8,6,.16) 58%,rgba(5,8,6,.38) 100%);
    }
    .hero-main{
      height:100%;
      display:grid;
      place-items:center;
      padding:96px 0 190px;
      text-align:center;
    }
    .hero-copy{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .hero-copy .title-xl{
      max-width:1120px;
      font-size:clamp(56px,7.1vw,116px);
      line-height:.9;
      letter-spacing:-.042em;
      font-weight:700;
      text-shadow:0 8px 40px rgba(0,0,0,.22);
    }
    .hero-copy .title-xl span{color:#ff6a20}

    .hero-cta{
      margin-top:30px;
      min-width:164px;
      height:48px;
      padding:0 18px;
      border:1px solid rgba(255,255,255,.64);
      background:rgba(12,16,13,.18);
      color:#fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:0;
      font-size:11px;
      font-weight:700;
      letter-spacing:.10em;
      text-transform:uppercase;
      backdrop-filter:blur(5px);
      -webkit-backdrop-filter:blur(5px);
      transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);
    }
    .hero-cta:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-2px)}


    .hero-facts{
      position:absolute;
      left:0;right:0;
      bottom:clamp(18px,2.2vw,30px);
      z-index:3;
      pointer-events:none;
    }
    .hero-facts-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      min-height:108px;
      border:1px solid rgba(255,255,255,.15);
      border-radius:10px;
      overflow:hidden;
      background:rgba(11,15,12,.69);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      box-shadow:0 22px 60px rgba(0,0,0,.18);
    }
    .fact{
      position:relative;
      padding:20px 26px 18px;
      border-left:1px solid rgba(255,255,255,.12);
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:10px;
      opacity:1;
      transform:none;
      pointer-events:auto;
    }
    .fact:first-child{border-left:0}
    .fact::before{
      content:"";
      position:absolute;
      top:0;
      left:26px;
      width:0;
      height:2px;
      background:#ff6a20;
      transition:width .6s var(--ease);
      transition-delay:calc(120ms + (var(--i) * 80ms));
    }
    .hero.facts-loaded .fact::before{width:34px}
    .fact-eyebrow{
      display:block;
      margin:0;
      color:#ff7a36;
      font-size:12px;
      line-height:1;
      font-weight:500;
      letter-spacing:.09em;
      text-transform:uppercase;
    }
    .fact-value{
      display:block;
      position:relative;
      min-height:1em;
      color:#fff;
      font-size:clamp(34px,3.15vw,50px);
      line-height:.94;
      font-weight:500;
      letter-spacing:-.035em;
      font-variant-numeric:tabular-nums;
    }
    .seo-value{
      position:absolute!important;
      width:1px!important;height:1px!important;
      padding:0!important;margin:-1px!important;
      overflow:hidden!important;
      clip:rect(0,0,0,0)!important;
      white-space:nowrap!important;
      border:0!important;
    }
    .counter-visual{
      display:inline-flex;
      align-items:baseline;
      white-space:nowrap;
      transform-origin:left bottom;
    }
    .hero.facts-loaded .counter-visual{
      animation:statNumberIn .72s var(--ease) both;
      animation-delay:calc(110ms + (var(--i) * 80ms));
    }
    .counter-number{display:inline-block;min-width:.7ch}
    .fact-plus{color:#ff7a36;margin-left:.04em}
    .fact-unit{
      margin-left:.28em;
      color:rgba(255,255,255,.72);
      font-size:.42em;
      font-weight:600;
      letter-spacing:.02em;
      text-transform:none;
    }
    @keyframes statNumberIn{
      0%{opacity:.35;transform:translateY(10px);filter:blur(2px)}
      100%{opacity:1;transform:none;filter:blur(0)}
    }

    /* marquee */
    .compatibility{
      padding:40px 0 44px;
      border-bottom:1px solid var(--line);
      overflow:hidden;
      background:#fff;
    }
    .compatibility-head{display:block;margin-bottom:20px}
    .compatibility-head .title-lg{max-width:820px;font-size:clamp(30px,3.4vw,52px)}
    .logo-stage{position:relative;overflow:hidden}
    .logo-stage::before,.logo-stage::after{
      content:"";position:absolute;top:0;bottom:0;width:min(11vw,140px);pointer-events:none;z-index:2;
    }
    .logo-stage::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
    .logo-stage::after{right:0;background:linear-gradient(-90deg,#fff,rgba(255,255,255,0))}
    .logo-row{display:flex;width:max-content;gap:12px;margin:9px 0;will-change:transform}
    .logo-row.forward{animation:marqueeLeft 30s linear infinite}
    .logo-row.reverse{animation:marqueeRight 34s linear infinite}
    .logo-stage:hover .logo-row{animation-play-state:paused}
    .logo-chip{
      min-width:176px;height:58px;padding:0 24px;
      border:1px solid #dfe3db;border-radius:0;
      display:flex;align-items:center;justify-content:center;
      background:#fafaf7;
      color:#444a44;
      font-size:14px;font-weight:700;letter-spacing:.12em;
      transition:transform .26s var(--ease),border-color .26s var(--ease),background .26s var(--ease);
    }
    .logo-chip:hover{transform:translateY(-2px);border-color:#c7ccc3;background:#fff}
    @keyframes marqueeLeft{to{transform:translateX(calc(-50% - 7px))}}
    @keyframes marqueeRight{from{transform:translateX(calc(-50% - 7px))}to{transform:translateX(0)}}


    /* products */
    .products{
      background:linear-gradient(180deg,#f6f6f2 0%,#ffffff 100%);
      padding-top:64px;
    }
    .section-head{display:block;margin-bottom:22px}
    .section-head .copy{max-width:470px}
    .product-grid{
      display:grid;
      grid-template-columns:1.14fr .93fr .93fr;
      gap:12px;
    }
    .product-column{
      display:contents;
    }
    .product-card,
    .product-card.small{
      position:relative;
      overflow:hidden;
      border-radius:10px;
      color:#fff;
      min-height:0;
      height:360px;
      background:#d3d7cf;
      isolation:isolate;
    }
    .product-card img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .82s var(--ease),filter .4s var(--ease);
    }
    .product-card::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(0deg,rgba(10,13,11,.76),rgba(10,13,11,.05) 58%,rgba(10,13,11,.01) 100%);
    }
    .product-card::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(255,123,58,.13),transparent 42%);
      opacity:0;
      transition:opacity .28s var(--ease);
    }
    .product-card:hover::after{opacity:1}
    .product-card:hover img{transform:scale(1.035);filter:saturate(.94)}
    .product-info{
      position:absolute;
      z-index:2;
      left:22px;
      right:22px;
      bottom:20px;
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:16px;
    }
    .product-info h3{
      font-size:clamp(21px,2vw,31px);
      line-height:1.05;
      letter-spacing:-.035em;
      font-weight:600;
      max-width:320px;
    }
    .product-card.small .product-info h3{font-size:clamp(20px,1.8vw,27px)}
    .product-info p{
      font-size:11px;
      color:rgba(255,255,255,.70);
      margin-top:7px;
      max-width:280px;
    }
    .product-text{display:flex;flex-direction:column}



    /* factory + oem — one aligned production grid */
    .capability{background:#fff}
    .capability-layout{
      display:grid;
      grid-template-columns:1.42fr .66fr .82fr;
      grid-template-rows:auto 420px;
      column-gap:12px;
      row-gap:22px;
      align-items:stretch;
    }
    .capability-title{
      grid-column:1 / 3;
      grid-row:1;
      align-self:end;
      max-width:820px;
      margin:0;
    }
    .capability-note{
      grid-column:3;
      grid-row:1;
      align-self:end;
      margin:0 0 4px;
      color:var(--muted);
      font-size:16px;
      line-height:1.5;
      max-width:320px;
    }
    .capability-main{
      grid-column:1;
      grid-row:2;
    }
    .capability-side{
      grid-column:2;
      grid-row:2;
      display:grid;
      grid-template-rows:1fr 1fr;
      gap:12px;
    }
    .capability-facts{
      grid-column:3;
      grid-row:2;
      display:grid;
      grid-template-rows:repeat(3,1fr) auto;
      border:1px solid #dfe3db;
      border-radius:10px;
      overflow:hidden;
      background:#f4f5ef;
    }
    .capability-shot{
      position:relative;
      overflow:hidden;
      border-radius:10px;
      background:#d9ddd6;
      isolation:isolate;
      margin:0;
    }
    .capability-shot img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .7s var(--ease),filter .28s var(--ease);
    }
    .capability-shot:hover img{transform:scale(1.024)}
    .capability-shot::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(0deg,rgba(10,13,11,.56),rgba(10,13,11,.02) 54%);
      pointer-events:none;
    }
    .capability-shot strong{
      position:absolute;
      left:18px;
      bottom:16px;
      z-index:2;
      color:#fff;
      font-size:14px;
      line-height:1;
      font-weight:500;
      letter-spacing:.07em;
      text-transform:uppercase;
    }
    .capability-fact{
      padding:18px;
      border-bottom:1px solid #dfe3db;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:6px;
    }
    .capability-fact strong{
      font-size:clamp(20px,1.65vw,25px);
      line-height:1.04;
      font-weight:500;
      letter-spacing:-.02em;
      text-transform:uppercase;
    }
    .capability-fact span{
      color:var(--muted);
      font-size:14px;
      line-height:1.35;
    }
    .capability-facts .btn{
      align-self:stretch;
      justify-content:center;
      min-height:52px;
      border-radius:0;
      box-shadow:none;
    }

    /* quality */
    .quality{background:var(--dark);color:#fff}
    .quality .section-head{margin-bottom:22px}
    .quality .copy{color:rgba(255,255,255,.64)}
    .quality-strip{
      display:grid;
      grid-template-columns:1.35fr .825fr .825fr;
      gap:12px;
    }
    .quality-card{
      position:relative;
      overflow:hidden;
      min-height:0;
      height:290px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.08);
      isolation:isolate;
    }
    .quality-card img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:brightness(.76) saturate(.82);
      transition:transform .78s var(--ease),filter .35s var(--ease);
    }
    .quality-card::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(0deg,rgba(9,13,10,.84),rgba(9,13,10,.04) 62%);
    }
    .quality-card:hover img{transform:scale(1.035);filter:brightness(.84) saturate(.95)}
    .quality-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}
    .quality-copy h3{
      font-size:clamp(20px,1.8vw,28px);
      line-height:1.05;
      letter-spacing:-.03em;
      font-weight:600;
    }
    .quality-copy p{
      margin-top:6px;
      color:rgba(255,255,255,.62);
      font-size:11px;
      line-height:1.45;
      max-width:260px;
    }



    /* resources — calm editorial list */
    .resources{
      background:#f3f4ef;
      border-top:1px solid #dfe3db;
      border-bottom:1px solid #dfe3db;
      padding-top:clamp(54px,5.2vw,76px);
      padding-bottom:clamp(54px,5.2vw,76px);
    }
    .resources-head{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(260px,360px);
      gap:28px;
      align-items:end;
      margin-bottom:22px;
    }
    .resources-head .title-lg{
      max-width:none;
      font-size:clamp(38px,4.1vw,58px);
    }
    .resources-intro{
      margin:0 0 4px;
      max-width:360px;
      color:var(--muted);
      font-size:16px;
      line-height:1.5;
      text-align:left;
    }
    .resource-index{
      border-top:1px solid #cbd0c8;
    }
    .resource-entry{
      display:grid;
      grid-template-columns:160px minmax(0,1fr) 136px;
      align-items:center;
      gap:26px;
      min-height:118px;
      padding:14px 0;
      border-bottom:1px solid #cbd0c8;
      color:var(--ink);
      transition:background-color .18s ease,border-color .18s ease;
    }
    .resource-entry-copy{display:contents}
    .resource-type{
      color:#6f756f;
      font-size:13px;
      line-height:1.35;
      font-weight:500;
      letter-spacing:.045em;
      text-transform:uppercase;
    }
    .resource-entry h3{
      margin:0;
      max-width:780px;
      font-size:clamp(24px,2.3vw,36px);
      line-height:1.08;
      letter-spacing:-.02em;
      font-weight:500;
      text-transform:uppercase;
    }
    .resource-thumb{
      width:136px;
      height:84px;
      overflow:hidden;
      border-radius:9px;
      background:#ddd;
      justify-self:end;
    }
    .resource-thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      transform:none;
      transition:filter .18s ease,opacity .18s ease;
    }
    .resource-entry:hover{
      padding-left:0;
      padding-right:0;
      background:rgba(255,255,255,.58);
      border-color:#bcc2b9;
    }
    .resource-entry:hover .resource-thumb img{
      transform:none;
      filter:contrast(1.02) saturate(.94);
      opacity:.97;
    }

    /* factory band */
    .factory-band{
      padding:0;
      background:#fff;
      border-top:1px solid #e4e7e0;
      border-bottom:1px solid #e4e7e0;
    }
    .factory-shell{
      display:grid;
      grid-template-columns:.72fr 1.28fr;
      align-items:stretch;
      min-height:0;
      height:360px;
    }
    .factory-copy{
      background:#f2f3ed;
      padding:36px var(--side);
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .factory-copy .title-lg{
      font-size:clamp(34px,3.4vw,52px);
      max-width:500px;
    }
    .factory-copy .copy{margin:12px 0 20px;max-width:390px}
    .factory-copy .btn{align-self:flex-start}
    .factory-photo{
      position:relative;
      overflow:hidden;
    }
    .factory-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .9s var(--ease);
    }
    .factory-photo:hover img{transform:scale(1.025)}


    /* inquiry */
    .inquiry-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:14px;align-items:stretch}
    .inquiry-copy{
      background:#fff;
      border:1px solid #e3e6df;
      border-radius:var(--radius);
      padding:28px;
      display:flex;flex-direction:column;justify-content:space-between;
      min-height:400px;
    }
    .inquiry-copy .copy{margin-top:18px}
    .contact-box{padding-top:20px;border-top:1px solid var(--line)}
    .contact-box strong{display:block;font-size:22px;line-height:1.15;font-weight:500;letter-spacing:-.02em}
    .contact-box span{display:block;margin-top:8px;color:var(--muted);font-size:13px}
    .form-shell{
      background:#f5f5f0;
      border:1px solid #e1e4dc;
      border-radius:var(--radius);
      padding:30px;
      min-height:400px;
      display:flex;align-items:center;
    }
    .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;width:100%}
    label{display:block;font-size:12px;font-weight:600;color:#555a55}
    input,select,textarea{
      width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid #bcc2b8;background:transparent;
      color:var(--ink);outline:none;border-radius:0;transition:border-color .24s var(--ease);
    }
    input:focus,select:focus,textarea:focus{border-color:var(--orange)}
    textarea{min-height:120px;resize:vertical}
    .full{grid-column:1/-1}
    .form-footer{padding-top:4px}



    /* footer — factory brand close */
    footer{
      background:#111512;
      color:#fff;
      padding:0;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .footer-mast{
      display:grid;
      grid-template-columns:220px minmax(0,1fr) 210px;
      align-items:center;
      gap:42px;
      padding:54px 0 44px;
      border-bottom:1px solid rgba(255,255,255,.14);
    }
    .footer-logo img{
      height:78px;
      width:auto;
      max-width:190px;
      object-fit:contain;
    }
    .footer-statement{
      margin:0;
      max-width:780px;
      font-size:clamp(38px,4.4vw,68px);
      line-height:.94;
      letter-spacing:-.035em;
      font-weight:500;
      text-transform:uppercase;
    }
    .footer-primary-action{
      min-height:54px;
      padding:0 22px;
      border:1px solid rgba(255,255,255,.42);
      border-radius:7px;
      background:transparent;
      color:#fff;
      font-size:15px;
      font-weight:500;
      letter-spacing:.065em;
      text-transform:uppercase;
      cursor:pointer;
      transition:background .22s ease,color .22s ease,border-color .22s ease;
    }
    .footer-primary-action:hover{
      background:#fff;
      color:#111512;
      border-color:#fff;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.05fr .92fr 1fr .72fr;
      border-bottom:1px solid rgba(255,255,255,.13);
    }
    .footer-cell{
      min-height:220px;
      padding:34px 30px 34px 0;
    }
    .footer-cell + .footer-cell{
      border-left:1px solid rgba(255,255,255,.12);
      padding-left:34px;
    }
    .footer-cell h4{
      margin:0 0 24px;
      color:#ff7330;
      font-size:15px;
      line-height:1;
      font-weight:500;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    .footer-cell strong{
      display:block;
      color:#fff;
      font-size:26px;
      line-height:1.15;
      font-weight:500;
      letter-spacing:-.02em;
      text-transform:uppercase;
    }
    .footer-cell p,
    .footer-cell a{
      display:block;
      margin:0;
      color:rgba(255,255,255,.66);
      font-size:16px;
      line-height:1.7;
      font-weight:400;
    }
    .footer-cell a{
      width:max-content;
      max-width:100%;
      transition:color .18s ease;
    }
    .footer-cell a:hover{color:#fff}
    .footer-links{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px 24px;
    }
    .footer-contact-phone{
      margin-top:18px!important;
      color:#fff!important;
      font-size:20px!important;
      font-weight:500!important;
    }
    .footer-tour{
      margin-top:16px!important;
      color:#fff!important;
      font-weight:500!important;
    }
    .footer-social{
      display:grid;
      grid-template-columns:repeat(2,44px);
      gap:10px;
    }
    .social-icon{
      width:44px;
      height:44px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.18);
      border-radius:7px;
      color:rgba(255,255,255,.72);
      transition:background .18s ease,color .18s ease,border-color .18s ease;
    }
    .social-icon:hover{
      background:#fff;
      color:#111512;
      border-color:#fff;
      transform:none;
    }
    .social-icon svg{
      width:19px;
      height:19px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .footer-bottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:18px 0 22px;
      color:rgba(255,255,255,.42);
      font-size:14px;
      line-height:1.4;
    }
    .footer-bottom span:last-child{
      letter-spacing:.04em;
      text-transform:uppercase;
    }

    /* quote modal */
    .quote-modal{
      position:fixed;
      inset:0;
      z-index:140;
      display:grid;
      place-items:center;
      padding:24px;
      opacity:0;
      pointer-events:none;
      transition:opacity .24s var(--ease);
    }
    .quote-modal.is-open{opacity:1;pointer-events:auto}
    .quote-backdrop{position:absolute;inset:0;background:rgba(13,17,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
    .quote-dialog{
      position:relative;
      z-index:1;
      width:min(760px,100%);
      max-height:min(820px,calc(100vh - 48px));
      overflow:auto;
      background:#fff;
      border-radius:8px;
      padding:34px;
      box-shadow:0 28px 90px rgba(0,0,0,.25);
      transform:translateY(18px) scale(.985);
      transition:transform .28s var(--ease);
    }
    .quote-modal.is-open .quote-dialog{transform:none}
    .quote-close{
      position:absolute;
      top:18px;
      right:18px;
      width:38px;
      height:38px;
      border:1px solid #dfe3dc;
      border-radius:8px;
      background:#fff;
      cursor:pointer;
      font-size:22px;
      line-height:1;
      display:grid;
      place-items:center;
    }
    .quote-dialog h2{font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.05em;font-weight:500;max-width:560px}
    .quote-dialog>p{margin-top:12px;color:var(--muted);font-size:14px;max-width:520px}
    .quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:28px}
    .quote-form label{font-size:12px;font-weight:600;color:#555a55}
    .quote-form input,.quote-form select,.quote-form textarea{
      width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid #bcc2b8;background:transparent;color:var(--ink);outline:none;border-radius:0;
    }
    .quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--orange)}
    .quote-form textarea{min-height:112px;resize:vertical}
    .quote-form .full{grid-column:1/-1}
    .quote-submit{margin-top:6px;border-radius:6px}


    /* reveal — one quiet motion language for the whole page */
    [data-reveal]{
      opacity:0;
      transform:translate3d(0,18px,0);
      transition:
        opacity .64s var(--ease),
        transform .78s var(--ease);
      transition-delay:var(--reveal-delay,0ms);
      will-change:opacity,transform;
    }
    [data-reveal="left"]{transform:translate3d(-18px,8px,0)}
    [data-reveal="right"]{transform:translate3d(18px,8px,0)}
    [data-reveal].is-visible{
      opacity:1;
      transform:translate3d(0,0,0);
    }
    .reveal-image{
      opacity:0;
      transform:scale(1.018);
      transition:
        opacity .66s var(--ease),
        transform .88s var(--ease);
      transition-delay:var(--reveal-delay,0ms);
      clip-path:none;
      will-change:opacity,transform;
    }
    .reveal-image.is-visible{
      opacity:1;
      transform:scale(1);
      clip-path:none;
    }


    @media (max-width:1180px){
      .quality-strip{grid-template-columns:1fr 1fr}.quality-card:first-child{grid-column:1/-1}
    }

    @media (max-width:920px){
      :root{--side:22px}
      .compatibility-head,.section-head{grid-template-columns:1fr;gap:14px}
      .product-grid,.factory-shell,.inquiry-grid,.capability-shell{grid-template-columns:1fr}.mfg-head{grid-template-columns:1fr;gap:14px}.mfg-head .copy{margin:0}.mfg-visual{grid-template-columns:1fr;min-height:auto}.mfg-hero{min-height:420px}.mfg-pair{grid-template-columns:1fr 1fr;grid-template-rows:none}.mfg-pair figure{min-height:250px}.oem-stage{min-height:540px}.oem-stage-content{grid-template-columns:1fr;align-items:start}.oem-stage .btn{justify-self:start}
      .product-card{min-height:480px}.product-card.small{min-height:260px}.capability-visual{min-height:520px}.capability-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.capability-intro{min-height:auto}.capability-points{grid-column:2}.resource-card:first-child .resource-image{aspect-ratio:1.8/1}
      .inquiry-copy,.form-shell{min-height:auto}
      
      .factory-shell{min-height:auto}.factory-photo{min-height:380px}
    }

    @media (max-width:640px){
      .logo-chip{min-width:152px;height:64px;padding:0 18px;font-size:12px}
      .product-column,.quality-strip{grid-template-columns:1fr}.capability-visual{min-height:430px;border-radius:2px}.capability-overlay{left:20px;right:20px;bottom:22px}.capability-overlay .title-lg{font-size:38px}.capability-side{grid-template-columns:1fr}.capability-points{grid-column:auto}.capability-intro{border-radius:8px;padding:22px}.capability-point{min-height:96px;border-radius:8px;padding:18px}.resources-head{align-items:flex-start;flex-direction:column}.footer-social{margin-top:14px}.mfg-pair{grid-template-columns:1fr}.mfg-pair figure{min-height:220px}.mfg-line,.oem-capabilities{grid-template-columns:1fr}.mfg-line span,.mfg-line span:first-child,.mfg-line span:last-child,.oem-capabilities div,.oem-capabilities div:first-child,.oem-capabilities div:last-child{text-align:left;border-left:0;border-top:1px solid var(--line)}.mfg-line span:first-child,.oem-capabilities div:first-child{border-top:0}.oem-stage{min-height:500px}
      .quality-card{min-height:360px}
      .quality-strip{gap:14px}
      .fields{grid-template-columns:1fr}.full{grid-column:auto}
    }


    @media (max-width:1080px){
      .main-nav{gap:18px}
      
    }

    @media (max-width:920px){
      .site-header{padding:10px 0}
      .header-inner,.site-header.is-scrolled .header-inner{height:68px}
      .brand img,.site-header.is-scrolled .brand img{height:38px}
      .menu-toggle{display:block}
      .main-nav{
        position:fixed;
        inset:82px var(--side) auto var(--side);
        min-height:0;
        padding:18px;
        border:1px solid rgba(31,35,33,.08);
        border-radius:8px;
        background:rgba(255,255,255,.97);
        color:var(--ink);
        box-shadow:0 18px 46px rgba(24,29,25,.14);
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:2px;
        opacity:0;
        pointer-events:none;
        transform:translateY(-12px) scale(.985);
        transition:opacity .3s var(--ease),transform .3s var(--ease);
      }
      .main-nav.is-open{opacity:1;pointer-events:auto;transform:none}
      .main-nav>a:not(.quote-trigger){font-size:18px;padding:11px 4px}
      .main-nav>a:not(.quote-trigger)::after{display:none}
      .quote-trigger{margin-top:8px;width:100%;justify-content:center;background:var(--ink);color:#fff;border-color:var(--ink)}
      .hero{height:820px;min-height:820px}
      .hero-main{height:calc(100% - 178px);padding:110px 0 92px}
      .hero-copy .title-xl{font-size:clamp(52px,10vw,80px)}
      .hero-facts-grid{grid-template-columns:repeat(2,1fr);min-height:178px}
      .fact{padding:17px 18px}.fact:nth-child(3),.fact:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}.fact:nth-child(3){border-left:0}
      
    }

    @media (max-width:640px){
      .header-inner,.site-header.is-scrolled .header-inner{height:62px}.brand img,.site-header.is-scrolled .brand img{height:34px}
      .main-nav{inset:74px var(--side) auto var(--side)}
      .hero{height:760px;min-height:760px}.hero-main{height:calc(100% - 212px);padding:96px 0 86px}.hero-copy .title-xl{font-size:48px;line-height:.95}
      .hero-facts-grid{min-height:212px}.fact{padding:16px 12px}.fact:first-child{padding-left:0}.fact-value{font-size:20px}.fact>span:last-child{font-size:9px;margin-top:6px}
      
    }

    @media (max-width:640px){.quote-modal{padding:12px}.quote-dialog{padding:26px 18px 22px;border-radius:2px}.quote-form{grid-template-columns:1fr}.quote-form .full{grid-column:auto}}


    @media (max-width:760px){
      :root{--side:18px;--radius:10px}
      body{font-size:15px}
      .section{padding:58px 0}.section.tight{padding:52px 0}

      .site-header{padding:8px 0}
      .header-inner,.site-header.is-scrolled .header-inner{height:60px}
      .brand img,.site-header.is-scrolled .brand img{height:34px;max-width:150px}
      .main-nav{inset:72px 18px auto 18px;border-radius:8px;padding:16px}
      .main-nav>a:not(.quote-trigger){font-size:17px;padding:10px 4px}
      .quote-trigger{min-height:44px}

      .hero{height:100svh;min-height:720px;max-height:none}
      .hero-main{height:calc(100% - 202px);padding:94px 0 82px}
      .hero-copy .title-xl{font-size:clamp(40px,12.4vw,56px);line-height:.92;letter-spacing:-.035em;font-weight:700;max-width:95%}
      .hero-facts-grid{grid-template-columns:repeat(2,1fr);min-height:202px}
      .fact{padding:15px 12px}
      .fact:nth-child(3),.fact:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}
      .fact:nth-child(3){border-left:0}
      .fact-value{font-size:20px}
      .fact>span:last-child{font-size:9px;margin-top:6px;line-height:1.35}

      .compatibility{padding:52px 0 56px}
      .compatibility-head{margin-bottom:24px}
      .compatibility-head .title-lg{font-size:32px}
      .logo-chip{min-width:148px;height:60px;font-size:11px}

      .section-head{margin-bottom:24px}
      .title-lg{font-size:clamp(34px,10vw,46px);line-height:.98}
      .copy{font-size:14px;line-height:1.6}

      .product-grid{grid-template-columns:1fr;gap:14px}
      .product-card{min-height:390px;border-radius:2px}
      .product-card.small{min-height:270px}
      .product-column{grid-template-columns:1fr;gap:14px}
      .product-info{left:20px;right:20px;bottom:18px}
      .product-info p{font-size:12px}

      .mfg-head{grid-template-columns:1fr;gap:10px;margin-bottom:20px}
      .mfg-head .copy{margin:0;max-width:100%}
      .mfg-visual{grid-template-columns:1fr;gap:12px;min-height:auto}
      .mfg-hero{min-height:300px;border-radius:2px}
      .mfg-pair{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px}
      .mfg-pair figure{min-height:170px;border-radius:2px}
      .mfg-line{grid-template-columns:repeat(3,1fr);margin-top:12px}
      .mfg-line span,.mfg-line span:first-child,.mfg-line span:last-child{padding:13px 5px;text-align:center;border-top:0;border-left:1px solid var(--line);font-size:11px;letter-spacing:.06em}
      .mfg-line span:first-child{border-left:0}

      .oem-stage{min-height:470px;border-radius:2px}
      .oem-stage-content{left:20px;right:20px;bottom:22px;grid-template-columns:1fr;gap:18px}
      .oem-stage-copy .title-lg{font-size:40px}
      .oem-stage-copy p{font-size:13px;margin-top:10px}
      .oem-capabilities{grid-template-columns:1fr 1fr 1fr;margin-top:12px}
      .oem-capabilities div,.oem-capabilities div:first-child,.oem-capabilities div:last-child{padding:14px 6px;text-align:center;border-top:0;border-left:1px solid #d7dbd3;font-size:12px}
      .oem-capabilities div:first-child{border-left:0}

      .quality-strip{grid-template-columns:1fr;gap:12px}
      .quality-card,.quality-card:first-child{grid-column:auto;min-height:320px;border-radius:2px}
      .quality-copy{left:20px;right:20px;bottom:18px}

      .factory-shell{grid-template-columns:1fr;min-height:auto}
      .factory-copy{padding:48px 18px 40px}
      .factory-copy .copy{margin:12px 0 20px}
      .factory-photo{min-height:300px}

      .inquiry-grid{grid-template-columns:1fr;gap:14px}
      .inquiry-copy,.form-shell{min-height:auto;border-radius:8px;padding:22px}
      .fields{grid-template-columns:1fr;gap:16px}
      .full{grid-column:auto}

      .footer-top{grid-template-columns:1fr;gap:22px;padding:34px 0 26px}
      .footer-brandline{align-items:flex-start;gap:16px}
      .footer-brandline img{height:48px;max-width:160px}
      .footer-kicker{font-size:10px;max-width:200px;line-height:1.5}
      .footer-actions{justify-content:space-between;gap:14px}
      .footer-phone{font-size:12px}
      .footer-quote{font-size:11px}
      .footer-index{grid-template-columns:1fr}
      .footer-block{padding:22px 0}
      .footer-block + .footer-block{border-left:0;border-top:1px solid rgba(255,255,255,.10);padding-left:0}
      .footer-links{grid-template-columns:1fr 1fr}
      .footer-block strong{font-size:24px}
  
    .footer-social{
      display:flex;
      align-items:center;
      gap:10px;
      margin-top:16px;
    }
    .social-icon{
      width:38px;
      height:38px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:0;
      display:grid;
      place-items:center;
      color:#fff;
      transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);
    }
    .social-icon:hover{background:#fff;color:#171c19;border-color:#fff;transform:translateY(-2px)}
    .social-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

    .footer-bottom{display:grid;gap:6px;padding:14px 0 16px}

      .quote-modal{padding:10px}
      .quote-dialog{padding:24px 17px 20px;border-radius:2px}
      .quote-form{grid-template-columns:1fr}
      .quote-form .full{grid-column:auto}
    }


    @media (max-width:920px){
      .hero{
        height:100svh;
        min-height:720px;
      }
      .hero-main{
        height:100%;
        padding:88px 0 238px;
      }
      .hero-copy .title-xl{
        font-size:clamp(48px,9.8vw,78px);
        line-height:.91;
        max-width:94%;
      }
      .hero-facts{bottom:16px}
      .hero-facts-grid{
        grid-template-columns:repeat(2,1fr);
        min-height:196px;
        border-radius:8px;
      }
      .fact{padding:16px 18px}
      .fact:nth-child(3),.fact:nth-child(4){border-top:1px solid rgba(255,255,255,.11)}
      .fact:nth-child(3){border-left:0}
      .fact::before{left:18px}
      .fact-value{font-size:28px}
      .fact-eyebrow{font-size:8px}
    }

    @media (max-width:640px){
      .hero{
        min-height:690px;
      }
      .hero-main{
        padding:82px 0 230px;
      }
      .hero-copy .title-xl{
        font-size:clamp(40px,12.2vw,54px);
        line-height:.91;
        letter-spacing:-.03em;
        max-width:96%;
      }
      .hero-facts{bottom:12px}
      .hero-facts-grid{
        min-height:204px;
        border-radius:8px;
      }
      .fact{padding:14px 12px}
      .fact::before{left:12px}
      .hero.facts-loaded .fact::before{width:22px}
      .fact-value{font-size:24px}
      .fact-unit{font-size:.4em}
      .fact-eyebrow{margin-bottom:6px}
      .compatibility{padding:46px 0 50px}
      .compatibility-head{margin-bottom:20px}
      .section-head{margin-bottom:20px}
      .products{padding-top:58px}
    }


    @media (max-width:920px){
      .resources-head{grid-template-columns:1fr;gap:12px}
      .resources-intro{justify-self:start;max-width:520px}
      .resource-layout{grid-template-columns:1fr;gap:18px}
      .resource-feature{grid-template-columns:1fr;min-height:auto}
      .resource-feature-media{min-height:330px}
      .resource-feature-copy{border-left:0;border-top:1px solid #d9ddd5;padding:26px 22px}
      .resource-list{grid-template-columns:1fr 1fr;grid-template-rows:none;border-left:1px solid #cfd4cc;border-right:1px solid #cfd4cc}
      .resource-row{grid-template-columns:96px 1fr;padding:16px 16px;}
      .resource-row + .resource-row{border-left:1px solid #cfd4cc;border-top:0}
      .footer-mast{grid-template-columns:1fr auto;gap:24px;padding:38px 0 30px}
      .footer-logo{grid-column:1/-1}
      .footer-statement{font-size:clamp(30px,6vw,48px)}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-cell{min-height:164px;padding:24px 22px 24px 0}
      .footer-cell:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.12)}
      .footer-cell:nth-child(4){border-top:1px solid rgba(255,255,255,.12)}
    }

    @media (max-width:640px){
      .hero-cta{margin-top:22px;min-width:150px;height:44px;font-size:10px}
      .resource-feature-media{min-height:240px}
      .resource-feature-copy h3{font-size:30px}
      .resource-list{grid-template-columns:1fr;border-left:0;border-right:0}
      .resource-row{grid-template-columns:88px 1fr;padding:14px 0}
      .resource-row + .resource-row{border-left:0;border-top:1px solid #cfd4cc}
      .footer-mast{grid-template-columns:1fr;align-items:start;gap:20px;padding:32px 0 26px}
      .footer-logo{grid-column:auto}
      .footer-logo img{height:54px}
      .footer-statement{font-size:34px;max-width:360px}
      .footer-primary-action{width:100%;min-width:0}
      .footer-grid{grid-template-columns:1fr}
      .footer-cell{min-height:auto;padding:22px 0}
      .footer-cell + .footer-cell{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-left:0}
      .footer-nav{grid-template-columns:1fr 1fr}
      .footer-social{grid-template-columns:repeat(4,40px)}
      .footer-bottom{display:grid;gap:6px}
    }


    @media (max-width:920px){
      .resources-head{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
      }
      .resources-intro{
        text-align:left;
        max-width:480px;
      }
      .resource-entry{
        grid-template-columns:minmax(0,1fr) 120px;
        min-height:126px;
        gap:18px;
      }
      .resource-entry-copy{
        grid-template-columns:110px minmax(0,1fr);
        gap:16px;
      }
      .resource-thumb{
        width:120px;
        height:88px;
      }

      .footer-top{
        grid-template-columns:1fr auto;
        gap:20px;
      }
      .footer-meta{
        grid-template-columns:1fr auto;
      }
      .footer-social{
        grid-column:1/-1;
      }
    }

    @media (max-width:640px){
      .resources{
        padding-top:52px;
        padding-bottom:52px;
      }
      .resources-head{
        margin-bottom:18px;
      }
      .resources-intro{
        font-size:12px;
      }
      .resource-entry{
        grid-template-columns:minmax(0,1fr) 88px;
        min-height:112px;
        padding:14px 0;
        gap:14px;
      }
      .resource-entry-copy{
        display:block;
      }
      .resource-type{
        display:block;
        margin-bottom:7px;
      }
      .resource-entry h3{
        font-size:21px;
      }
      .resource-thumb{
        width:88px;
        height:72px;
        border-radius:8px;
      }

      .footer-top{
        grid-template-columns:1fr;
        align-items:start;
        padding:30px 0 24px;
      }
      .footer-brandline{
        gap:18px;
      }
      .footer-brandline img{
        height:50px;
        max-width:145px;
      }
      .footer-brand-copy strong{
        font-size:22px;
      }
      .footer-quote{
        width:100%;
      }
      .footer-meta{
        grid-template-columns:1fr;
        align-items:start;
        gap:20px;
        padding:20px 0;
      }
      .footer-nav{
        gap:9px 20px;
      }
      .footer-contact{
        white-space:normal;
        flex-wrap:wrap;
      }
      .footer-social{
        grid-column:auto;
      }
      .footer-bottom{
        display:grid;
        gap:5px;
      }
    }


    @media (max-width:920px){
      .product-grid{
        grid-template-columns:1.15fr .85fr;
        grid-template-rows:220px 220px;
      }
      .product-grid>.product-card{
        grid-row:1/-1;
        height:auto;
      }
      .product-column{display:grid;grid-template-rows:1fr 1fr;gap:12px}
      .product-card.small{height:auto}

      .capability-head{
        grid-template-columns:1fr;
        gap:10px;
      }
      .capability-head .copy{justify-self:start}
      .capability-grid{
        grid-template-columns:1.2fr .8fr;
        grid-template-rows:280px auto;
        height:auto;
      }
      .capability-grid>.capability-shot{grid-row:1}
      .capability-side{grid-row:1}
      .capability-facts{
        grid-column:1/-1;
        grid-row:2;
        grid-template-columns:repeat(3,1fr) auto;
        grid-template-rows:1fr;
      }
      .capability-fact{
        border-bottom:0;
        border-right:1px solid #dfe3db;
      }
      .capability-facts .btn{min-width:170px}

      .quality-strip{
        grid-template-columns:1.2fr .8fr;
        grid-template-rows:230px 190px;
      }
      .quality-card{height:auto}
      .quality-card:first-child{grid-row:1/-1}
      .quality-card:nth-child(2),
      .quality-card:nth-child(3){min-height:0}

      .factory-shell{
        grid-template-columns:.9fr 1.1fr;
        height:330px;
      }

      .inquiry-grid{grid-template-columns:1fr;gap:12px}
      .inquiry-copy,.form-shell{min-height:auto}
    }

    @media (max-width:640px){
      .compatibility{padding:36px 0 40px}
      .logo-chip{min-width:140px;height:54px;font-size:10px}
      .logo-row{gap:10px;margin:8px 0}

      .products{padding-top:52px}
      .product-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto;
        gap:10px;
      }
      .product-grid>.product-card{
        grid-row:auto;
        height:270px;
      }
      .product-column{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
        gap:10px;
      }
      .product-card.small{height:180px}
      .product-info{left:16px;right:16px;bottom:14px}
      .product-info h3,.product-card.small .product-info h3{font-size:18px}
      .product-info p{font-size:10px;line-height:1.35}

      .capability-grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:240px 160px auto;
        gap:10px;
      }
      .capability-grid>.capability-shot{
        grid-column:1/-1;
        grid-row:1;
      }
      .capability-side{
        grid-column:1/-1;
        grid-row:2;
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
        gap:10px;
      }
      .capability-facts{
        grid-column:1/-1;
        grid-row:3;
        grid-template-columns:1fr 1fr;
      }
      .capability-fact{
        min-height:88px;
        border-right:0;
        border-bottom:1px solid #dfe3db;
      }
      .capability-fact:nth-child(odd){border-right:1px solid #dfe3db}
      .capability-facts .btn{
        grid-column:1/-1;
        min-height:48px;
      }

      .quality-strip{
        grid-template-columns:1fr 1fr;
        grid-template-rows:230px 170px;
        gap:10px;
      }
      .quality-card:first-child{
        grid-column:1/-1;
        grid-row:1;
      }
      .quality-card:nth-child(2),
      .quality-card:nth-child(3){
        grid-row:2;
      }
      .quality-copy{left:16px;right:16px;bottom:14px}
      .quality-copy h3{font-size:18px}
      .quality-copy p{font-size:10px}

      .resource-entry{
        min-height:100px;
      }

      .factory-shell{
        grid-template-columns:1fr;
        height:auto;
      }
      .factory-copy{
        padding:38px 18px 30px;
      }
      .factory-photo{
        height:240px;
      }

      .inquiry-copy,.form-shell{padding:20px}
    }


    @media (max-width:1020px){
      .footer-mast{
        grid-template-columns:170px minmax(0,1fr);
      }
      .footer-primary-action{
        grid-column:1/-1;
        width:100%;
      }
      .footer-grid{
        grid-template-columns:1fr 1fr;
      }
      .footer-cell:nth-child(3){
        border-left:0;
        border-top:1px solid rgba(255,255,255,.12);
        padding-left:0;
      }
      .footer-cell:nth-child(4){
        border-top:1px solid rgba(255,255,255,.12);
      }
    }

    @media (max-width:920px){
      .hero-facts-grid{
        grid-template-columns:repeat(2,1fr);
        min-height:174px;
      }
      .fact{
        padding:16px 18px;
        gap:8px;
      }
      .fact:nth-child(3),.fact:nth-child(4){
        border-top:1px solid rgba(255,255,255,.12);
      }
      .fact:nth-child(3){border-left:0}
      .fact-value{font-size:30px}
      .fact-eyebrow{font-size:10px}

      .capability-layout{
        grid-template-columns:1.2fr .8fr;
        grid-template-rows:auto 300px auto;
      }
      .capability-title{grid-column:1;grid-row:1}
      .capability-note{grid-column:2;grid-row:1}
      .capability-main{grid-column:1;grid-row:2}
      .capability-side{grid-column:2;grid-row:2}
      .capability-facts{
        grid-column:1/-1;
        grid-row:3;
        grid-template-columns:repeat(3,1fr) auto;
        grid-template-rows:1fr;
      }
      .capability-fact{
        border-bottom:0;
        border-right:1px solid #dfe3db;
      }
      .capability-facts .btn{min-width:170px}

      .resources-head{
        grid-template-columns:1fr;
        gap:10px;
      }
      .resources-intro{max-width:520px}
      .resource-entry{
        grid-template-columns:130px minmax(0,1fr) 116px;
        gap:18px;
      }
      .resource-thumb{width:116px;height:76px}
    }

    @media (max-width:640px){
      .hero-facts-grid{min-height:164px}
      .fact{padding:13px 12px;gap:7px}
      .fact::before{left:12px}
      .hero.facts-loaded .fact::before{width:24px}
      .fact-eyebrow{font-size:9px;letter-spacing:.07em}
      .fact-value{font-size:25px}

      .capability-layout{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto auto 235px 150px auto;
        column-gap:10px;
        row-gap:10px;
      }
      .capability-title{
        grid-column:1/-1;
        grid-row:1;
      }
      .capability-note{
        grid-column:1/-1;
        grid-row:2;
        max-width:100%;
        margin-bottom:8px;
      }
      .capability-main{
        grid-column:1/-1;
        grid-row:3;
      }
      .capability-side{
        grid-column:1/-1;
        grid-row:4;
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
        gap:10px;
      }
      .capability-facts{
        grid-column:1/-1;
        grid-row:5;
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
      }
      .capability-fact{
        min-height:88px;
        border-bottom:1px solid #dfe3db;
        border-right:0;
      }
      .capability-fact:nth-child(odd){border-right:1px solid #dfe3db}
      .capability-facts .btn{
        grid-column:1/-1;
        min-height:48px;
      }

      .resources-head{margin-bottom:16px}
      .resources-intro{font-size:15px}
      .resource-entry{
        grid-template-columns:minmax(0,1fr) 88px;
        gap:14px;
        min-height:104px;
        padding:12px 0;
      }
      .resource-entry-copy{
        display:block;
      }
      .resource-type{
        display:block;
        margin-bottom:7px;
        font-size:12px;
      }
      .resource-entry h3{
        font-size:21px;
      }
      .resource-thumb{
        width:88px;
        height:68px;
      }

      .footer-mast{
        grid-template-columns:1fr;
        gap:22px;
        padding:34px 0 28px;
      }
      .footer-logo img{height:64px}
      .footer-statement{
        font-size:36px;
        max-width:100%;
      }
      .footer-primary-action{
        grid-column:auto;
        width:100%;
        font-size:14px;
      }
      .footer-grid{
        grid-template-columns:1fr;
      }
      .footer-cell{
        min-height:auto;
        padding:26px 0;
      }
      .footer-cell + .footer-cell,
      .footer-cell:nth-child(3),
      .footer-cell:nth-child(4){
        border-left:0;
        border-top:1px solid rgba(255,255,255,.12);
        padding-left:0;
      }
      .footer-cell h4{
        margin-bottom:18px;
        font-size:14px;
      }
      .footer-cell p,
      .footer-cell a{
        font-size:15px;
      }
      .footer-links{
        grid-template-columns:1fr 1fr;
      }
      .footer-social{
        grid-template-columns:repeat(4,44px);
      }
      .footer-bottom{
        display:grid;
        gap:6px;
        font-size:13px;
      }
    }

    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
    }
  
    /* =========================================================
       FINAL FORM + FOOTER SYSTEM
       ========================================================= */

    .fields label,
    .quote-form label{
      color:#3f4540;
      font-size:14px;
      line-height:1.35;
      font-weight:500;
    }

    .fields input,
    .fields textarea,
    .quote-form input,
    .quote-form textarea{
      width:100%;
      margin-top:8px;
      padding:13px 0 12px;
      border:0;
      border-bottom:1px solid #b9c0b7;
      border-radius:0;
      background:transparent;
      color:var(--ink);
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif;
      font-size:16px;
      line-height:1.45;
      outline:none;
      transition:border-color .2s ease;
    }

    .fields input:focus,
    .fields textarea:focus,
    .quote-form input:focus,
    .quote-form textarea:focus{
      border-color:var(--orange);
    }

    .fields select,
    .quote-form select{
      width:100%;
      height:52px;
      margin-top:8px;
      padding:0 44px 0 14px;
      border:1px solid #c8cdc5;
      border-radius:7px;
      background-color:#fff;
      background-image:
        linear-gradient(45deg,transparent 50%,#505650 50%),
        linear-gradient(135deg,#505650 50%,transparent 50%);
      background-position:
        calc(100% - 20px) 22px,
        calc(100% - 15px) 22px;
      background-size:5px 5px,5px 5px;
      background-repeat:no-repeat;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      color:var(--ink);
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif;
      font-size:16px;
      line-height:1;
      font-weight:400;
      outline:none;
      cursor:pointer;
      transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
    }

    .fields select:hover,
    .quote-form select:hover{
      border-color:#9da59b;
    }

    .fields select:focus,
    .quote-form select:focus{
      border-color:var(--orange);
      box-shadow:0 0 0 3px rgba(234,95,22,.10);
    }

    .fields select option,
    .quote-form select option{
      color:#202420;
      background:#fff;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif;
      font-size:16px;
    }

    footer{
      background:#151a17 !important;
      color:#fff !important;
      padding:0 !important;
      border-top:3px solid var(--orange) !important;
    }

    .footer-mast{
      display:grid !important;
      grid-template-columns:180px minmax(0,1fr) 190px !important;
      align-items:center !important;
      gap:36px !important;
      padding:42px 0 34px !important;
      border-bottom:1px solid rgba(255,255,255,.14) !important;
    }

    .footer-logo img{
      height:66px !important;
      width:auto !important;
      max-width:160px !important;
      object-fit:contain !important;
    }

    .footer-statement{
      margin:0 !important;
      max-width:720px !important;
      font-size:clamp(30px,3.45vw,52px) !important;
      line-height:.98 !important;
      letter-spacing:-.025em !important;
      font-weight:500 !important;
      text-transform:uppercase !important;
    }

    .footer-primary-action{
      width:100% !important;
      min-height:50px !important;
      padding:0 18px !important;
      border:1px solid rgba(255,255,255,.42) !important;
      border-radius:7px !important;
      background:transparent !important;
      color:#fff !important;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif !important;
      font-size:15px !important;
      line-height:1 !important;
      font-weight:500 !important;
      letter-spacing:.045em !important;
      text-transform:uppercase !important;
      cursor:pointer !important;
      transition:background .18s ease,color .18s ease,border-color .18s ease !important;
    }

    .footer-primary-action:hover{
      background:#fff !important;
      color:#151a17 !important;
      border-color:#fff !important;
    }

    .footer-grid{
      display:grid !important;
      grid-template-columns:1.02fr .92fr 1fr .68fr !important;
      border-bottom:1px solid rgba(255,255,255,.13) !important;
    }

    .footer-cell{
      min-height:220px !important;
      padding:32px 28px 30px 0 !important;
      border-top:0 !important;
    }

    .footer-cell + .footer-cell{
      border-left:1px solid rgba(255,255,255,.12) !important;
      padding-left:30px !important;
    }

    .footer-cell h4{
      margin:0 0 20px !important;
      color:#ff7330 !important;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif !important;
      font-size:14px !important;
      line-height:1 !important;
      font-weight:500 !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
    }

    .footer-cell strong{
      display:block !important;
      color:#fff !important;
      font-size:clamp(24px,2vw,30px) !important;
      line-height:1.16 !important;
      font-weight:500 !important;
      letter-spacing:-.015em !important;
      text-transform:uppercase !important;
    }

    .footer-cell p,
    .footer-cell a,
    .footer-tour{
      color:rgba(255,255,255,.70) !important;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif !important;
      font-size:16px !important;
      line-height:1.62 !important;
      font-weight:400 !important;
    }

    .footer-cell a{
      display:block !important;
      width:max-content !important;
      max-width:100% !important;
      text-decoration:none !important;
      transition:color .16s ease !important;
    }

    .footer-cell a:hover,
    .footer-tour:hover{
      color:#fff !important;
    }

    .footer-links{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:9px 20px !important;
    }

    .footer-contact-phone{
      margin-top:16px !important;
      color:#fff !important;
      font-size:19px !important;
      font-weight:500 !important;
    }

    .footer-tour{
      display:block !important;
      margin-top:14px !important;
      padding:0 !important;
      border:0 !important;
      background:none !important;
      color:#fff !important;
      font-size:16px !important;
      font-weight:500 !important;
      cursor:pointer !important;
      text-align:left !important;
    }

    .footer-social{
      display:flex !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      gap:10px !important;
      margin:0 !important;
    }

    .social-icon{
      width:44px !important;
      height:44px !important;
      display:grid !important;
      place-items:center !important;
      border:1px solid rgba(255,255,255,.22) !important;
      border-radius:50% !important;
      background:transparent !important;
      color:rgba(255,255,255,.76) !important;
      font-size:18px !important;
      line-height:1 !important;
      transition:background .18s ease,color .18s ease,border-color .18s ease !important;
      transform:none !important;
    }

    .social-icon i{
      display:block !important;
      font-size:18px !important;
      line-height:1 !important;
    }

    .social-icon:hover{
      background:#fff !important;
      color:#151a17 !important;
      border-color:#fff !important;
      transform:none !important;
    }

    .footer-bottom{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:20px !important;
      padding:16px 0 20px !important;
      color:rgba(255,255,255,.46) !important;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif !important;
      font-size:14px !important;
      line-height:1.4 !important;
    }

    .footer-bottom span:last-child{
      letter-spacing:.03em !important;
      text-transform:uppercase !important;
    }

    @media (max-width:1020px){
      .footer-mast{
        grid-template-columns:145px minmax(0,1fr) !important;
        gap:26px !important;
      }

      .footer-primary-action{grid-column:1/-1 !important}

      .footer-grid{grid-template-columns:1fr 1fr !important}

      .footer-cell{min-height:190px !important}

      .footer-cell:nth-child(3){
        border-left:0 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
        padding-left:0 !important;
      }

      .footer-cell:nth-child(4){
        border-top:1px solid rgba(255,255,255,.12) !important;
      }
    }

    @media (max-width:640px){
      .fields select,
      .quote-form select{
        height:50px;
        font-size:15px;
      }

      .footer-mast{
        grid-template-columns:1fr !important;
        gap:18px !important;
        padding:30px 0 24px !important;
      }

      .footer-logo img{height:56px !important}

      .footer-statement{
        font-size:32px !important;
        max-width:100% !important;
      }

      .footer-primary-action{
        grid-column:auto !important;
        font-size:15px !important;
      }

      .footer-grid{grid-template-columns:1fr !important}

      .footer-cell{
        min-height:auto !important;
        padding:24px 0 !important;
        border-left:0 !important;
      }

      .footer-cell + .footer-cell,
      .footer-cell:nth-child(3),
      .footer-cell:nth-child(4){
        border-left:0 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
        padding-left:0 !important;
      }

      .footer-cell h4{
        margin-bottom:16px !important;
        font-size:14px !important;
      }

      .footer-cell p,
      .footer-cell a,
      .footer-tour{
        font-size:15px !important;
      }

      .footer-links{grid-template-columns:1fr 1fr !important}

      .footer-contact-phone{font-size:18px !important}

      .social-icon{
        width:42px !important;
        height:42px !important;
      }

      .footer-bottom{
        display:grid !important;
        gap:6px !important;
        font-size:13px !important;
      }
    }

  
    /* =========================================================
       V16 FINAL UI CLEANUP
       ========================================================= */

    /* Custom dropdown - replaces browser native select completely */
    .form-field{
      position:relative;
      min-width:0;
    }

    .form-label{
      display:block;
      margin:0 0 8px;
      color:#454a46;
      font-size:15px;
      line-height:1.3;
      font-weight:500;
    }

    .custom-select{
      position:relative;
      width:100%;
      z-index:6;
    }

    .custom-select.is-open{
      z-index:30;
    }

    .custom-select-trigger{
      width:100%;
      height:52px;
      padding:0 16px;
      border:1px solid #c3c9c0;
      border-radius:8px;
      background:#fff;
      color:var(--ink);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif;
      font-size:16px;
      line-height:1;
      font-weight:400;
      text-align:left;
      cursor:pointer;
      outline:none;
      transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
    }

    .custom-select-trigger:hover{
      border-color:#9da49b;
    }

    .custom-select.is-open .custom-select-trigger,
    .custom-select-trigger:focus-visible{
      border-color:var(--orange);
      box-shadow:0 0 0 3px rgba(234,95,22,.10);
    }

    .custom-select-chevron{
      position:relative;
      width:10px;
      height:10px;
      flex:0 0 10px;
      border-right:1.5px solid #555c56;
      border-bottom:1.5px solid #555c56;
      transform:rotate(45deg) translateY(-2px);
      transition:transform .2s ease;
    }

    .custom-select.is-open .custom-select-chevron{
      transform:rotate(225deg) translate(-2px,-2px);
    }

    .custom-select-menu{
      position:absolute;
      left:0;
      right:0;
      top:calc(100% + 7px);
      padding:6px;
      border:1px solid #d0d5cd;
      border-radius:9px;
      background:#fff;
      box-shadow:0 18px 46px rgba(22,27,23,.14);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(-4px);
      transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    }

    .custom-select.is-open .custom-select-menu{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:none;
    }

    .custom-select-option{
      width:100%;
      min-height:44px;
      padding:0 12px;
      border:0;
      border-radius:6px;
      background:transparent;
      color:#2a2f2b;
      display:flex;
      align-items:center;
      font-family:"OPPO Sans","OPPOSans","Helvetica Neue",Arial,sans-serif;
      font-size:16px;
      line-height:1.25;
      font-weight:400;
      text-align:left;
      cursor:pointer;
      transition:background-color .12s ease,color .12s ease;
    }

    .custom-select-option:hover,
    .custom-select-option:focus-visible{
      background:#f0f2ed;
      outline:none;
    }

    .custom-select-option.is-selected{
      background:#f6eee8;
      color:#d8500d;
      font-weight:500;
    }

    /* Footer typography - one hierarchy, no tiny text */
    .footer-mast{
      grid-template-columns:170px minmax(0,1fr) 190px !important;
      gap:34px !important;
      padding:40px 0 32px !important;
    }

    .footer-logo img{
      height:64px !important;
    }

    .footer-statement{
      font-size:clamp(32px,3.15vw,48px) !important;
      line-height:.98 !important;
      font-weight:500 !important;
    }

    .footer-grid{
      grid-template-columns:1.02fr .94fr 1fr .66fr !important;
    }

    .footer-cell{
      min-height:214px !important;
      padding:30px 26px 28px 0 !important;
    }

    .footer-cell + .footer-cell{
      padding-left:28px !important;
    }

    .footer-cell h4{
      margin-bottom:20px !important;
      font-size:16px !important;
      line-height:1 !important;
      font-weight:500 !important;
      letter-spacing:.055em !important;
    }

    .footer-cell strong{
      font-size:clamp(25px,2vw,30px) !important;
      line-height:1.14 !important;
    }

    .footer-cell p,
    .footer-cell a,
    .footer-tour{
      font-size:17px !important;
      line-height:1.58 !important;
    }

    .footer-links{
      gap:10px 22px !important;
    }

    .footer-contact-phone{
      margin-top:16px !important;
      font-size:19px !important;
    }

    .footer-tour{
      margin-top:14px !important;
      font-size:17px !important;
    }

    /* Social icons: no circles, no ellipses, no boxes */
    .footer-social{
      display:flex !important;
      align-items:center !important;
      flex-wrap:nowrap !important;
      gap:22px !important;
      margin-top:2px !important;
    }

    .social-icon{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:26px !important;
      height:28px !important;
      min-width:26px !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      color:rgba(255,255,255,.68) !important;
      font-size:21px !important;
      line-height:1 !important;
      transform:none !important;
      transition:color .16s ease,opacity .16s ease !important;
    }

    .social-icon i{
      display:block !important;
      width:auto !important;
      height:auto !important;
      margin:0 !important;
      padding:0 !important;
      font-size:21px !important;
      line-height:1 !important;
    }

    .social-icon:hover{
      background:transparent !important;
      color:#ff7330 !important;
      border:0 !important;
      transform:none !important;
    }

    .footer-bottom{
      font-size:14px !important;
    }

    @media (max-width:1020px){
      .footer-grid{
        grid-template-columns:1fr 1fr !important;
      }

      .footer-cell:nth-child(3){
        border-left:0 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
        padding-left:0 !important;
      }

      .footer-cell:nth-child(4){
        border-top:1px solid rgba(255,255,255,.12) !important;
      }
    }

    @media (max-width:640px){
      .form-label{font-size:14px}

      .custom-select-trigger{
        height:50px;
        font-size:15px;
      }

      .custom-select-option{
        min-height:43px;
        font-size:15px;
      }

      .footer-statement{
        font-size:32px !important;
      }

      .footer-grid{
        grid-template-columns:1fr !important;
      }

      .footer-cell{
        min-height:auto !important;
        padding:24px 0 !important;
      }

      .footer-cell + .footer-cell,
      .footer-cell:nth-child(3),
      .footer-cell:nth-child(4){
        border-left:0 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
        padding-left:0 !important;
      }

      .footer-cell h4{
        font-size:15px !important;
      }

      .footer-cell p,
      .footer-cell a,
      .footer-tour{
        font-size:16px !important;
      }

      .footer-social{
        gap:20px !important;
      }

      .social-icon,
      .social-icon i{
        font-size:20px !important;
      }
    }

  
    /* =========================================================
       V17 MOTION SYSTEM
       Quiet, continuous, Apple-like motion language
       ========================================================= */

    :root{
      --motion-ease:cubic-bezier(.16,1,.3,1);
      --motion-ease-soft:cubic-bezier(.22,1,.36,1);
      --motion-ease-ui:cubic-bezier(.2,.8,.2,1);
      --motion-fast:.28s;
      --motion-mid:.62s;
      --motion-slow:.92s;
    }

    /* ---------- Base interaction ---------- */
    a,
    button{
      -webkit-tap-highlight-color:transparent;
    }

    .btn,
    .quote-trigger,
    .hero-cta,
    .footer-primary-action,
    .custom-select-trigger{
      will-change:transform;
      transform:translateZ(0);
    }

    .btn{
      transition:
        transform .38s var(--motion-ease),
        background-color .34s var(--motion-ease),
        border-color .34s var(--motion-ease),
        color .34s var(--motion-ease),
        box-shadow .38s var(--motion-ease) !important;
    }

    .btn::before{
      transition:transform .52s var(--motion-ease) !important;
    }

    .btn:hover{
      transform:translate3d(0,-1px,0) !important;
      box-shadow:0 10px 24px rgba(117,48,12,.13) !important;
    }

    .btn:active{
      transform:scale(.985) !important;
      transition-duration:.12s !important;
    }

    /* ---------- Header ---------- */
    .site-header{
      transition:
        background-color .52s var(--motion-ease),
        color .52s var(--motion-ease),
        border-color .52s var(--motion-ease),
        box-shadow .52s var(--motion-ease),
        backdrop-filter .52s var(--motion-ease) !important;
    }

    .main-nav>a:not(.quote-trigger){
      transition:
        opacity .3s var(--motion-ease),
        color .3s var(--motion-ease) !important;
    }

    .main-nav>a:not(.quote-trigger)::after{
      left:0 !important;
      right:auto !important;
      width:100% !important;
      transform:scaleX(0);
      transform-origin:right center;
      transition:transform .46s var(--motion-ease) !important;
    }

    .main-nav>a:not(.quote-trigger):hover::after{
      transform:scaleX(1);
      transform-origin:left center;
    }

    .quote-trigger{
      transition:
        transform .34s var(--motion-ease),
        background-color .34s var(--motion-ease),
        color .34s var(--motion-ease),
        border-color .34s var(--motion-ease) !important;
    }

    .quote-trigger:hover{
      transform:translate3d(0,-1px,0);
    }

    .quote-trigger:active{
      transform:scale(.985);
      transition-duration:.12s !important;
    }

    .menu-toggle span{
      transition:
        transform .38s var(--motion-ease),
        opacity .28s ease !important;
    }

    /* ---------- Hero ---------- */
    .hero-media video{
      transform:scale(1.055);
      will-change:transform;
      transition:
        transform 1.8s var(--motion-ease),
        filter 1s var(--motion-ease) !important;
    }

    .hero.ready .hero-media video{
      transform:scale(1.018);
    }

    .hero-copy .title-xl{
      will-change:transform,opacity;
    }

    .hero-cta{
      position:relative;
      overflow:hidden;
      transition:
        transform .42s var(--motion-ease),
        background-color .38s var(--motion-ease),
        border-color .38s var(--motion-ease),
        color .38s var(--motion-ease) !important;
    }

    .hero-cta::before{
      content:"";
      position:absolute;
      inset:0;
      background:#fff;
      transform:scaleX(0);
      transform-origin:right center;
      transition:transform .52s var(--motion-ease);
      z-index:-1;
    }

    .hero-cta:hover{
      transform:translate3d(0,-1px,0) !important;
      background:transparent !important;
      color:var(--ink) !important;
      border-color:#fff !important;
    }

    .hero-cta:hover::before{
      transform:scaleX(1);
      transform-origin:left center;
    }

    .hero-cta:active{
      transform:scale(.985) !important;
      transition-duration:.12s !important;
    }

    /* stats appear as one calm sequence */
    .hero-facts-grid{
      transform:translate3d(0,14px,0);
      opacity:0;
      transition:
        transform .9s var(--motion-ease),
        opacity .72s ease;
    }

    .hero.facts-loaded .hero-facts-grid{
      transform:none;
      opacity:1;
    }

    .fact{
      opacity:0;
      transform:translate3d(0,12px,0);
      transition:
        transform .72s var(--motion-ease),
        opacity .58s ease;
      transition-delay:calc(90ms + (var(--i) * 75ms));
    }

    .hero.facts-loaded .fact{
      opacity:1;
      transform:none;
    }

    .fact::before{
      transition:width .72s var(--motion-ease) !important;
    }

    .hero.facts-loaded .counter-visual{
      animation:statNumberIn .82s var(--motion-ease) both !important;
    }

    @keyframes statNumberIn{
      0%{
        opacity:0;
        transform:translate3d(0,10px,0) scale(.985);
      }
      100%{
        opacity:1;
        transform:none;
      }
    }

    /* ---------- Marquee ---------- */
    .logo-row.forward{
      animation-duration:36s !important;
    }

    .logo-row.reverse{
      animation-duration:40s !important;
    }

    .logo-chip{
      transition:
        background-color .34s var(--motion-ease),
        border-color .34s var(--motion-ease),
        color .34s var(--motion-ease),
        opacity .34s var(--motion-ease),
        transform .4s var(--motion-ease) !important;
    }

    .logo-chip:hover{
      transform:scale(1.012) !important;
      border-color:#c8cdc5 !important;
      background:#fff !important;
    }

    /* ---------- Product cards ---------- */
    .product-card{
      transform:translateZ(0);
      transition:
        box-shadow .55s var(--motion-ease),
        transform .55s var(--motion-ease) !important;
    }

    .product-card img{
      transform:scale(1.01);
      transition:
        transform .85s var(--motion-ease),
        filter .6s var(--motion-ease) !important;
      will-change:transform;
    }

    .product-card::after{
      display:none !important;
    }

    .product-info{
      transition:transform .52s var(--motion-ease) !important;
    }

    .product-card:hover{
      transform:translate3d(0,-2px,0);
      box-shadow:0 18px 44px rgba(22,28,23,.11);
    }

    .product-card:hover img{
      transform:scale(1.035) !important;
      filter:saturate(.96) contrast(1.015) !important;
    }

    .product-card:hover .product-info{
      transform:translate3d(0,-2px,0);
    }

    /* ---------- Factory/OEM ---------- */
    .capability-shot{
      transition:
        transform .55s var(--motion-ease),
        box-shadow .55s var(--motion-ease) !important;
    }

    .capability-shot img{
      transform:scale(1.008);
      transition:
        transform .9s var(--motion-ease),
        filter .55s var(--motion-ease) !important;
      will-change:transform;
    }

    .capability-shot strong{
      transition:
        transform .48s var(--motion-ease),
        opacity .38s ease !important;
    }

    .capability-shot:hover{
      transform:translate3d(0,-1px,0);
      box-shadow:0 16px 38px rgba(24,30,25,.09);
    }

    .capability-shot:hover img{
      transform:scale(1.03) !important;
    }

    .capability-shot:hover strong{
      transform:translate3d(0,-2px,0);
    }

    .capability-fact{
      transition:
        background-color .4s var(--motion-ease),
        color .4s var(--motion-ease) !important;
    }

    .capability-fact:hover{
      background:#fff;
    }

    /* ---------- Quality ---------- */
    .quality-card{
      transform:translateZ(0);
      transition:
        transform .55s var(--motion-ease),
        border-color .45s var(--motion-ease),
        box-shadow .55s var(--motion-ease) !important;
    }

    .quality-card img{
      transform:scale(1.008);
      transition:
        transform .88s var(--motion-ease),
        filter .6s var(--motion-ease) !important;
    }

    .quality-copy{
      transition:transform .5s var(--motion-ease) !important;
    }

    .quality-card:hover{
      transform:translate3d(0,-2px,0);
      border-color:rgba(255,255,255,.16);
      box-shadow:0 18px 42px rgba(0,0,0,.16);
    }

    .quality-card:hover img{
      transform:scale(1.032) !important;
      filter:brightness(.86) saturate(.94) !important;
    }

    .quality-card:hover .quality-copy{
      transform:translate3d(0,-2px,0);
    }

    /* ---------- Resources ---------- */
    .resource-entry{
      position:relative;
      isolation:isolate;
      transition:
        background-color .34s var(--motion-ease),
        border-color .34s var(--motion-ease),
        opacity .34s var(--motion-ease) !important;
    }

    .resource-entry::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:2px;
      background:var(--orange);
      transform:scaleY(0);
      transform-origin:bottom center;
      transition:transform .48s var(--motion-ease);
    }

    .resource-entry h3{
      transition:
        color .34s var(--motion-ease),
        transform .5s var(--motion-ease) !important;
    }

    .resource-type{
      transition:
        color .34s var(--motion-ease),
        opacity .34s var(--motion-ease) !important;
    }

    .resource-thumb img{
      transform:scale(1.005);
      transition:
        transform .75s var(--motion-ease),
        filter .48s var(--motion-ease),
        opacity .48s var(--motion-ease) !important;
    }

    .resource-entry:hover{
      background:rgba(255,255,255,.64) !important;
      border-color:#bec4bb !important;
    }

    .resource-entry:hover::before{
      transform:scaleY(1);
      transform-origin:top center;
    }

    .resource-entry:hover h3{
      transform:translate3d(4px,0,0);
    }

    .resource-entry:hover .resource-type{
      color:#555c56;
    }

    .resource-entry:hover .resource-thumb img{
      transform:scale(1.025) !important;
      filter:contrast(1.02) saturate(.95) !important;
    }

    /* ---------- Online factory tour ---------- */
    .factory-photo img{
      transform:scale(1.008);
      transition:transform .95s var(--motion-ease) !important;
    }

    .factory-photo:hover img{
      transform:scale(1.028) !important;
    }

    /* ---------- Form ---------- */
    .fields input,
    .fields textarea,
    .quote-form input,
    .quote-form textarea{
      transition:
        border-color .28s var(--motion-ease),
        background-color .28s var(--motion-ease) !important;
    }

    .custom-select-trigger{
      transition:
        border-color .3s var(--motion-ease),
        box-shadow .3s var(--motion-ease),
        background-color .3s var(--motion-ease),
        transform .3s var(--motion-ease) !important;
    }

    .custom-select-trigger:hover{
      transform:translate3d(0,-1px,0);
    }

    .custom-select-menu{
      transform:translate3d(0,-8px,0) scale(.985) !important;
      transform-origin:top center;
      transition:
        opacity .26s ease,
        transform .38s var(--motion-ease),
        visibility .26s ease !important;
    }

    .custom-select.is-open .custom-select-menu{
      transform:none !important;
    }

    .custom-select-option{
      transition:
        background-color .22s var(--motion-ease),
        color .22s var(--motion-ease),
        padding-left .32s var(--motion-ease) !important;
    }

    .custom-select-option:hover,
    .custom-select-option:focus-visible{
      padding-left:16px;
    }

    /* ---------- Footer ---------- */
    .footer-primary-action{
      transition:
        background-color .34s var(--motion-ease),
        color .34s var(--motion-ease),
        border-color .34s var(--motion-ease),
        transform .34s var(--motion-ease) !important;
    }

    .footer-primary-action:hover{
      transform:translate3d(0,-1px,0);
    }

    .footer-primary-action:active{
      transform:scale(.985);
      transition-duration:.12s !important;
    }

    .footer-cell a,
    .footer-tour{
      transition:
        color .3s var(--motion-ease),
        opacity .3s var(--motion-ease) !important;
    }

    .social-icon{
      transition:
        color .34s var(--motion-ease),
        opacity .34s var(--motion-ease),
        transform .34s var(--motion-ease) !important;
    }

    .social-icon:hover{
      transform:translate3d(0,-2px,0) !important;
    }

    /* ---------- Entrance animations ---------- */
    [data-reveal]{
      opacity:0;
      transform:translate3d(0,24px,0);
      transition:
        opacity .76s ease,
        transform .92s var(--motion-ease) !important;
      transition-delay:var(--reveal-delay,0ms) !important;
      will-change:transform,opacity;
    }

    [data-reveal="left"]{
      transform:translate3d(-18px,18px,0);
    }

    [data-reveal="right"]{
      transform:translate3d(18px,18px,0);
    }

    [data-reveal].is-visible{
      opacity:1;
      transform:none;
    }

    .reveal-image{
      opacity:0;
      transform:translate3d(0,18px,0) scale(.985);
      transition:
        opacity .72s ease,
        transform 1.02s var(--motion-ease) !important;
      transition-delay:var(--reveal-delay,0ms) !important;
      will-change:transform,opacity;
    }

    .reveal-image.is-visible{
      opacity:1;
      transform:none;
    }

    /* no hover choreography on touch devices */
    @media (hover:none){
      .product-card:hover,
      .capability-shot:hover,
      .quality-card:hover,
      .resource-entry:hover,
      .hero-cta:hover,
      .btn:hover,
      .quote-trigger:hover,
      .footer-primary-action:hover,
      .social-icon:hover{
        transform:none !important;
        box-shadow:none !important;
      }

      .product-card:hover img,
      .capability-shot:hover img,
      .quality-card:hover img,
      .resource-entry:hover .resource-thumb img,
      .factory-photo:hover img{
        transform:none !important;
      }

      .resource-entry:hover h3,
      .capability-shot:hover strong,
      .quality-card:hover .quality-copy,
      .product-card:hover .product-info{
        transform:none !important;
      }
    }

    @media (prefers-reduced-motion:reduce){
      .hero-media video{
        transform:none !important;
      }

      .hero-facts-grid,
      .fact{
        opacity:1 !important;
        transform:none !important;
      }

      [data-reveal],
      .reveal-image{
        opacity:1 !important;
        transform:none !important;
      }
    }

  
    /* =========================================================
       V18 DESIGN POLISH
       Select / resources / modern hover / mobile
       ========================================================= */

    /* ---------- Modern industrial custom select ---------- */
    .form-label{
      margin-bottom:7px !important;
      color:#4b514c !important;
      font-size:14px !important;
      font-weight:500 !important;
    }

    .custom-select-trigger{
      height:50px !important;
      padding:0 4px 0 0 !important;
      border:0 !important;
      border-bottom:1px solid #aeb5ac !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      color:var(--ink) !important;
      font-size:17px !important;
      font-weight:400 !important;
      transition:
        border-color .32s var(--motion-ease),
        color .32s var(--motion-ease),
        background-color .32s var(--motion-ease) !important;
    }

    .custom-select-trigger:hover{
      transform:none !important;
      border-color:#6d746d !important;
    }

    .custom-select.is-open .custom-select-trigger,
    .custom-select-trigger:focus-visible{
      border-color:var(--orange) !important;
      box-shadow:none !important;
    }

    .custom-select-chevron{
      width:11px !important;
      height:11px !important;
      margin-right:5px;
      border-right:1.5px solid #555c56 !important;
      border-bottom:1.5px solid #555c56 !important;
      transform:rotate(45deg) translateY(-2px) !important;
      transition:transform .42s var(--motion-ease) !important;
    }

    .custom-select.is-open .custom-select-chevron{
      transform:rotate(225deg) translate(-1px,-1px) !important;
    }

    .custom-select-menu{
      top:calc(100% + 8px) !important;
      padding:7px !important;
      border:1px solid #d5dad2 !important;
      border-radius:8px !important;
      background:rgba(255,255,255,.98) !important;
      box-shadow:0 20px 55px rgba(24,29,25,.13) !important;
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
    }

    .custom-select-option{
      min-height:44px !important;
      padding:0 12px !important;
      border-radius:5px !important;
      font-size:16px !important;
      font-weight:400 !important;
    }

    .custom-select-option:hover,
    .custom-select-option:focus-visible{
      padding-left:16px !important;
      background:#f1f3ee !important;
      color:#202420 !important;
    }

    .custom-select-option.is-selected{
      background:#1f2421 !important;
      color:#fff !important;
      font-weight:400 !important;
    }

    /* ---------- Technical Notes: image-led editorial layout ---------- */
    .resources{
      background:#f3f4ef !important;
      padding-top:clamp(56px,5.6vw,82px) !important;
      padding-bottom:clamp(58px,5.8vw,88px) !important;
    }

    .resources-head{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) minmax(280px,420px) !important;
      gap:32px !important;
      align-items:end !important;
      margin-bottom:24px !important;
    }

    .resources-head .title-lg{
      font-size:clamp(38px,4.2vw,60px) !important;
    }

    .resources-intro{
      margin:0 0 4px !important;
      max-width:420px !important;
      color:#737a73 !important;
      font-size:16px !important;
      line-height:1.55 !important;
      text-align:left !important;
      justify-self:end;
    }

    .resource-wall{
      display:grid;
      grid-template-columns:1.14fr .86fr;
      gap:14px;
      min-height:520px;
    }

    .resource-feature{
      position:relative;
      min-height:520px;
      overflow:hidden;
      border-radius:10px;
      background:#d7dbd4;
      color:#fff;
      isolation:isolate;
    }

    .resource-feature>img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      transform:scale(1.01);
      transition:
        transform .92s var(--motion-ease),
        filter .55s var(--motion-ease) !important;
    }

    .resource-feature-shade{
      position:absolute;
      inset:0;
      z-index:1;
      background:
        linear-gradient(0deg,rgba(9,13,10,.82) 0%,rgba(9,13,10,.28) 46%,rgba(9,13,10,.02) 72%);
      transition:background .55s var(--motion-ease);
    }

    .resource-feature-copy{
      position:absolute;
      left:clamp(22px,3vw,38px);
      right:clamp(22px,3vw,38px);
      bottom:clamp(24px,3vw,36px);
      z-index:2;
      max-width:620px;
      transition:transform .55s var(--motion-ease);
    }

    .resource-kicker{
      display:block;
      margin-bottom:10px;
      font-size:13px;
      line-height:1;
      font-weight:500;
      letter-spacing:.07em;
      text-transform:uppercase;
    }

    .resource-feature .resource-kicker{
      color:#ff8a4e;
    }

    .resource-feature h3{
      margin:0;
      max-width:620px;
      font-size:clamp(28px,3.4vw,48px);
      line-height:1.02;
      letter-spacing:-.03em;
      font-weight:500;
      text-transform:uppercase;
    }

    .resource-feature p{
      margin:12px 0 0;
      max-width:430px;
      color:rgba(255,255,255,.76);
      font-size:15px;
      line-height:1.55;
    }

    .resource-stack{
      display:grid;
      grid-template-rows:1fr 1fr;
      gap:14px;
    }

    .resource-story{
      display:grid;
      grid-template-columns:.46fr .54fr;
      min-height:0;
      overflow:hidden;
      border:1px solid #d9ddd5;
      border-radius:10px;
      background:#fff;
      color:var(--ink);
      transition:
        background-color .42s var(--motion-ease),
        border-color .42s var(--motion-ease),
        box-shadow .5s var(--motion-ease),
        transform .5s var(--motion-ease);
    }

    .resource-story-image{
      min-width:0;
      height:100%;
      overflow:hidden;
      background:#d8dcd5;
    }

    .resource-story-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      transform:scale(1.01);
      transition:transform .82s var(--motion-ease),filter .52s var(--motion-ease);
    }

    .resource-story-copy{
      padding:clamp(22px,2.5vw,32px);
      display:flex;
      flex-direction:column;
      justify-content:center;
      transition:transform .5s var(--motion-ease);
    }

    .resource-story .resource-kicker{
      color:#7a817a;
    }

    .resource-story h3{
      margin:0;
      font-size:clamp(23px,2.15vw,32px);
      line-height:1.04;
      letter-spacing:-.025em;
      font-weight:500;
      text-transform:uppercase;
    }

    .resource-story p{
      margin:10px 0 0;
      color:#747b74;
      font-size:14px;
      line-height:1.5;
      max-width:300px;
    }

    .resource-feature:hover>img{
      transform:scale(1.035);
      filter:contrast(1.02) saturate(.96);
    }

    .resource-feature:hover .resource-feature-shade{
      background:
        linear-gradient(0deg,rgba(9,13,10,.88) 0%,rgba(9,13,10,.32) 47%,rgba(9,13,10,.04) 74%);
    }

    .resource-feature:hover .resource-feature-copy{
      transform:translate3d(0,-5px,0);
    }

    .resource-story:hover{
      transform:translate3d(0,-2px,0);
      border-color:#c6ccc3;
      background:#fafbf8;
      box-shadow:0 16px 40px rgba(28,34,29,.08);
    }

    .resource-story:hover .resource-story-image img{
      transform:scale(1.045);
      filter:saturate(.95) contrast(1.02);
    }

    .resource-story:hover .resource-story-copy{
      transform:translate3d(4px,0,0);
    }

    /* ---------- Vibe-style wipe hover for clickable buttons ---------- */
    .btn,
    .hero-cta,
    .quote-trigger,
    .footer-primary-action{
      isolation:isolate;
      overflow:hidden !important;
    }

    .btn::before,
    .hero-cta::before,
    .quote-trigger::before,
    .footer-primary-action::before{
      content:"" !important;
      position:absolute !important;
      inset:-1px !important;
      z-index:-1 !important;
      border-radius:inherit !important;
      transform:none !important;
      clip-path:circle(0% at 18% 115%);
      transition:clip-path .58s var(--motion-ease) !important;
      pointer-events:none;
    }

    .btn::before{
      background:#202520 !important;
    }

    .hero-cta::before,
    .quote-trigger::before,
    .footer-primary-action::before{
      background:var(--orange) !important;
    }

    .btn:hover::before,
    .hero-cta:hover::before,
    .quote-trigger:hover::before,
    .footer-primary-action:hover::before{
      clip-path:circle(155% at 18% 115%);
    }

    .btn:hover{
      color:#fff !important;
      border-color:#202520 !important;
      background:var(--orange) !important;
      transform:none !important;
      box-shadow:none !important;
    }

    .hero-cta:hover,
    .quote-trigger:hover,
    .footer-primary-action:hover{
      color:#fff !important;
      border-color:var(--orange) !important;
      background:transparent !important;
      transform:none !important;
    }

    .btn span,
    .hero-cta,
    .quote-trigger,
    .footer-primary-action{
      transition:
        color .34s var(--motion-ease),
        letter-spacing .4s var(--motion-ease) !important;
    }

    .btn:hover span,
    .hero-cta:hover,
    .quote-trigger:hover,
    .footer-primary-action:hover{
      letter-spacing:.075em !important;
    }

    /* ---------- Mobile: deliberate composition, not desktop stacking ---------- */
    @media (max-width:920px){
      .resources-head{
        grid-template-columns:1fr !important;
        gap:10px !important;
      }

      .resources-intro{
        justify-self:start !important;
        max-width:520px !important;
      }

      .resource-wall{
        grid-template-columns:1fr;
        min-height:0;
      }

      .resource-feature{
        min-height:430px;
      }

      .resource-stack{
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
        gap:12px;
      }

      .resource-story{
        grid-template-columns:1fr;
        grid-template-rows:190px auto;
      }

      .resource-story-image{
        height:190px;
      }

      .resource-story-copy{
        padding:22px;
      }
    }

    @media (max-width:640px){
      .form-label{
        margin-bottom:5px !important;
        font-size:13px !important;
      }

      .custom-select-trigger{
        height:46px !important;
        font-size:16px !important;
      }

      .custom-select-menu{
        top:calc(100% + 6px) !important;
      }

      .custom-select-option{
        min-height:42px !important;
        font-size:15px !important;
      }

      .resources{
        padding-top:50px !important;
        padding-bottom:54px !important;
      }

      .resources-head{
        margin-bottom:18px !important;
      }

      .resources-head .title-lg{
        font-size:36px !important;
      }

      .resources-intro{
        font-size:15px !important;
      }

      .resource-wall{
        gap:10px;
      }

      .resource-feature{
        min-height:360px;
        border-radius:8px;
      }

      .resource-feature-copy{
        left:20px;
        right:20px;
        bottom:20px;
      }

      .resource-feature h3{
        font-size:29px;
        max-width:96%;
      }

      .resource-feature p{
        font-size:14px;
        margin-top:9px;
      }

      .resource-kicker{
        font-size:12px;
        margin-bottom:8px;
      }

      .resource-stack{
        grid-template-columns:1fr;
        gap:10px;
      }

      .resource-story{
        grid-template-columns:42% 58%;
        grid-template-rows:none;
        min-height:170px;
        border-radius:8px;
      }

      .resource-story-image{
        height:100%;
        min-height:170px;
      }

      .resource-story-copy{
        padding:18px 16px;
      }

      .resource-story h3{
        font-size:21px;
      }

      .resource-story p{
        display:none;
      }

      /* Touch devices get clear pressed/focus feedback instead of fake hover */
      .btn:active,
      .hero-cta:active,
      .quote-trigger:active,
      .footer-primary-action:active{
        transform:scale(.985) !important;
      }
    }

    @media (hover:none){
      .resource-feature:hover>img,
      .resource-story:hover .resource-story-image img{
        transform:none !important;
      }

      .resource-feature:hover .resource-feature-copy,
      .resource-story:hover,
      .resource-story:hover .resource-story-copy{
        transform:none !important;
      }

      .btn:hover::before,
      .hero-cta:hover::before,
      .quote-trigger:hover::before,
      .footer-primary-action:hover::before{
        clip-path:circle(0% at 18% 115%);
      }
    }

  
    .resource-index,
    .resource-entry,
    .resource-entry-copy,
    .resource-type,
    .resource-thumb{
      /* legacy resource layout no longer used */
    }

  
    /* =========================================================
       V19 QUALITY IMAGE FIX
       Preserve the full rebound-testing photo — no cropping.
       ========================================================= */

    .quality-card:first-child{
      background:#171c19;
    }

    .quality-card:first-child img{
      object-fit:contain !important;
      object-position:center center !important;
      width:100% !important;
      height:100% !important;
      transform:scale(1) !important;
      filter:brightness(.82) saturate(.9) !important;
      background:#171c19;
    }

    .quality-card:first-child:hover img{
      transform:scale(1) !important;
      filter:brightness(.88) saturate(.94) !important;
    }

    /* Keep the text readable without darkening/cropping the image itself */
    .quality-card:first-child::before{
      background:
        linear-gradient(
          0deg,
          rgba(9,13,10,.86) 0%,
          rgba(9,13,10,.38) 26%,
          rgba(9,13,10,.05) 54%,
          rgba(9,13,10,0) 72%
        ) !important;
    }

    @media (max-width:920px){
      .quality-card:first-child img{
        object-fit:contain !important;
        object-position:center center !important;
      }
    }

    @media (max-width:640px){
      .quality-card:first-child{
        min-height:230px !important;
      }

      .quality-card:first-child img{
        object-fit:contain !important;
        object-position:center center !important;
      }
    }

  
/* Image presentation revision: keep the supplied page, separate image and copy. */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
.product-column{display:contents!important}
.product-grid .product-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;background:#fff!important;color:#242824!important;border-radius:2px!important;overflow:hidden!important;clip-path:none!important}
.product-card::before,.product-card::after{display:none!important}
.product-grid .product-card img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;background:#fff!important}
.product-grid .product-info{position:relative!important;inset:auto!important;padding:24px 0!important;display:block!important;margin:0!important;color:#242824!important;border-top:1px solid #d9ddd6}
.product-grid .product-info h3{font-size:clamp(21px,1.8vw,28px)!important;line-height:1.25!important;text-transform:none!important;letter-spacing:-.03em!important}
.product-grid .product-info p{color:#656a64!important;font-size:15px!important;margin-top:10px!important}
.quality-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important}
.quality-strip .quality-card{min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;grid-column:auto!important;border:0!important;background:transparent!important;clip-path:none!important}
.quality-strip .quality-card::before,.quality-strip .quality-card::after{display:none!important}
.quality-strip .quality-card img,.quality-strip .quality-card:first-child img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;background:#242824!important}
.quality-strip .quality-copy{position:relative!important;inset:auto!important;padding:24px 0 0!important}
.quality-copy h3{font-size:clamp(22px,1.8vw,28px)!important;line-height:1.25!important;text-transform:none!important}
.quality-copy p{font-size:15px!important;line-height:1.6!important}
.resource-wall{grid-template-columns:1.12fr 1fr!important;align-items:start!important}
.resource-feature{display:flex!important;flex-direction:column!important;min-height:0!important;background:#fff!important;color:#242824!important;clip-path:none!important}
.resource-feature>img{position:relative!important;inset:auto!important;height:auto!important;width:100%!important;aspect-ratio:16/10!important;object-fit:contain!important;transform:none!important;filter:none!important;background:#fff!important}
.resource-feature-shade{display:none!important}
.resource-feature-copy{position:relative!important;inset:auto!important;padding:28px!important;transform:none!important;color:#242824!important}
.resource-feature h3{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.25!important;color:#242824!important;text-transform:none!important}
.resource-feature p{color:#666c64!important}.resource-feature .resource-kicker{color:#b54a10!important}
.resource-story{grid-template-columns:42% 1fr!important;min-height:210px!important;align-items:center!important}
.resource-story-image{height:auto!important;aspect-ratio:4/3!important;min-height:0!important}
.resource-story-image img{object-fit:contain!important;transform:none!important;background:#fff!important}
.resource-story h3{text-transform:none!important;line-height:1.25!important}
.capability-shot img{filter:none!important}.capability-shot{margin:0!important}
@media(max-width:920px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quality-strip{grid-template-columns:1fr!important}.quality-strip .quality-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px}.resource-wall{grid-template-columns:1fr!important}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr!important}.quality-strip .quality-card{display:flex!important}.resource-story{grid-template-columns:38% 1fr!important;min-height:0!important}.resource-story-copy{padding:18px!important}.resource-feature-copy{padding:22px!important}.product-grid .product-info{padding:20px 0!important}}

/* Final review pass: quiet industrial interaction and consistent media frames. */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;align-items:start!important}
.product-column{display:contents!important}
.product-grid .product-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;border:1px solid #e0e3dd!important;border-radius:2px!important;box-shadow:none!important;overflow:hidden!important;clip-path:none!important;transform:none!important;transition:border-color .22s ease,box-shadow .22s ease!important}
.product-grid .product-card:hover{border-color:#bdc4bb!important;box-shadow:0 12px 28px rgba(25,31,26,.09)!important;transform:none!important}
.product-grid .product-card::before,.product-grid .product-card::after{display:block!important;position:absolute!important;z-index:4!important;inset:auto!important;left:0!important;bottom:0!important;width:100%!important;height:2px!important;background:#ea5f16!important;content:""!important;transform:scaleX(0)!important;transform-origin:left center!important;transition:transform .32s ease!important;clip-path:none!important}
.product-grid .product-card::after{display:none!important}
.product-grid .product-card:hover::before{transform:scaleX(1)!important}
.product-grid .product-card img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:360px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#fff!important;filter:none!important;transform:scale(1)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
.product-grid .product-card:hover img{transform:scale(1.025)!important}
.product-grid .product-info{position:relative!important;inset:auto!important;min-height:132px!important;margin:0!important;padding:22px 22px 24px!important;border-top:1px solid #e0e3dd!important;background:#fff!important;color:#242824!important}
.product-grid .product-info h3{margin:0!important;font-size:clamp(19px,1.7vw,27px)!important;line-height:1.18!important;font-weight:600!important;letter-spacing:-.035em!important;text-transform:none!important}
.product-grid .product-info p{margin:10px 0 0!important;color:#697069!important;font-size:14px!important;line-height:1.5!important}
.quality-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:start!important}
.quality-strip .quality-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;border:0!important;border-radius:2px!important;outline:0!important;background:#202622!important;overflow:hidden!important;clip-path:none!important;box-shadow:none!important}
.quality-strip .quality-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.18)!important;transform:none!important}
.quality-strip .quality-card::before,.quality-strip .quality-card::after{display:none!important}
.quality-strip .quality-card img,.quality-strip .quality-card:first-child img{position:relative!important;inset:auto!important;width:100%!important;height:310px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#202622!important;filter:none!important;transform:none!important;transition:transform .45s ease!important}
.quality-strip .quality-card:hover img{transform:scale(1.025)!important}
.quality-strip .quality-copy{position:relative!important;inset:auto!important;min-height:126px!important;padding:20px 22px 22px!important;background:#202622!important;color:#fff!important}
.quality-strip .quality-copy h3{margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.2!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.03em!important}
.quality-strip .quality-copy p{margin:9px 0 0!important;color:#b9c0b9!important;font-size:14px!important;line-height:1.5!important}
.resource-wall{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr)!important;gap:26px!important;align-items:stretch!important}
.resource-feature{display:flex!important;flex-direction:column!important;min-height:0!important;border:1px solid #dfe3dd!important;border-radius:2px!important;background:#fff!important;color:#242824!important;overflow:hidden!important;clip-path:none!important;box-shadow:none!important;transform:none!important}
.resource-feature:hover{border-color:#bdc4bb!important;box-shadow:0 12px 28px rgba(25,31,26,.08)!important;transform:none!important}
.resource-feature>img{position:relative!important;inset:auto!important;width:100%!important;height:420px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#fff!important;filter:none!important;transform:none!important;transition:transform .45s ease!important}
.resource-feature:hover>img{transform:scale(1.02)!important}
.resource-feature-shade{display:none!important}
.resource-feature-copy{position:relative!important;inset:auto!important;padding:25px 27px 29px!important;transform:none!important;color:#242824!important}
.resource-feature h3{margin:9px 0 0!important;color:#242824!important;font-size:clamp(24px,2.2vw,34px)!important;line-height:1.15!important;font-weight:600!important;text-transform:none!important}
.resource-feature p{margin:12px 0 0!important;color:#697069!important;font-size:14px!important;line-height:1.6!important}.resource-feature .resource-kicker{color:#b54a10!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.resource-stack{height:100%!important;display:flex!important;flex-direction:column!important;gap:16px!important}
.resource-story{flex:1 1 0!important;display:grid!important;grid-template-columns:42% 1fr!important;min-height:0!important;margin:0!important;border:1px solid #dfe3dd!important;border-radius:2px!important;background:#fff!important;color:#242824!important;overflow:hidden!important;box-shadow:none!important;transform:none!important;transition:border-color .22s ease,box-shadow .22s ease!important}
.resource-story:hover{border-color:#bdc4bb!important;box-shadow:0 12px 28px rgba(25,31,26,.08)!important;transform:none!important}
.resource-story-image{height:100%!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important}.resource-story-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;transition:transform .45s ease!important}.resource-story:hover img{transform:scale(1.025)!important}
.resource-story-copy{padding:22px 22px 20px!important;align-self:center!important}.resource-story h3{margin:8px 0 0!important;color:#242824!important;font-size:22px!important;line-height:1.18!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.03em!important}.resource-story p{margin:9px 0 0!important;color:#697069!important;font-size:13px!important;line-height:1.5!important}.resource-story .resource-kicker{color:#b54a10!important;font-size:10px!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important}
@media(max-width:920px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quality-strip{grid-template-columns:1fr!important}.quality-strip .quality-card{display:grid!important;grid-template-columns:1fr 1fr!important}.quality-strip .quality-card img{height:230px!important}.quality-strip .quality-copy{min-height:0!important;align-self:center!important}.resource-wall{grid-template-columns:1fr!important}.resource-stack{height:auto!important}.resource-story{flex:none!important;min-height:190px!important}.resource-feature>img{height:360px!important}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr!important}.product-grid .product-card img{height:300px!important}.quality-strip .quality-card{display:flex!important}.quality-strip .quality-card img{height:240px!important}.resource-feature>img{height:260px!important}.resource-story{grid-template-columns:38% 1fr!important;min-height:0!important}.resource-story-image{min-height:150px!important}.resource-story-copy{padding:17px!important}.resource-story h3{font-size:18px!important}.resource-story p{font-size:12px!important}}