:root{
    --magenta:#AE2F73;
    --magenta-deep:#8C2860;
    --magenta-2:#C24A88;
    --orange:#F5A21A;
    --orange-deep:#D9870B;
    --ink:#1B1119;
    --ink-soft:#6A5C66;
    --dark:#150D14;
    --dark-2:#1F141E;
    --dark-3:#2A1B28;
    --concrete:#F4F1F3;
    --concrete-2:#FBFAFB;
    --white:#FFFFFF;
    --paper:#EDE6EC;
    --paper-soft:#d9ced7;
    --line-dark:rgba(255,255,255,.10);
    --line-light:#E4DCE2;
    --maxw:1240px;
    --display:"Archivo Expanded","Archivo",system-ui,sans-serif;
    --body:"IBM Plex Sans",system-ui,sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,monospace;
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{font-family:var(--body);background:var(--dark);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
  ::selection{background:var(--magenta);color:#fff}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  .section{padding:50px 0}
  .section--dark{background: linear-gradient(rgb(31 20 30 / 86%), rgb(31 20 30 / 83%)), url(../../assets/img/hero_airport_highway_new.png);background-size: cover; background-position: center;color:var(--paper)}
  .section--asphalt2{background:var(--dark-2);color:var(--paper)}
  .section--light{background:var(--concrete);color:var(--ink)}
  .section--white{background:var(--concrete-2);color:var(--ink)}

  /* eyebrow — magenta triangle marker (brand motif) */
  .eyebrow{font-size:0.8rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:500;display:inline-flex;align-items:center;gap:12px;color:var(--magenta)}
  .section--dark .eyebrow,.section--asphalt2 .eyebrow{color:var(--magenta-2)}
  .eyebrow::before{content:"";width:0;height:0;border-left:11px solid var(--magenta);border-top:7px solid transparent;border-bottom:7px solid transparent;display:inline-block}
  .section--dark .eyebrow::before,.section--asphalt2 .eyebrow::before{border-left-color:var(--magenta-2)}
  .head-h2{font-weight:800;font-size:clamp(30px,4.4vw,46px);line-height:1.02;margin:20px 0 0;text-transform:uppercase}
  .lead{font-size:clamp(16px,1.5vw,18px);max-width:850px;margin-top:10px;color:var(--ink-soft);font-weight:300}
  .section--dark .lead,.section--asphalt2 .lead{color:var(--paper-soft)}

  /* code chips */
  .codes{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .code{font-size:11px;letter-spacing:.08em;font-weight:500;padding:5px 10px;border:1px solid var(--line-light);border-radius:2px;color:var(--ink-soft);background:var(--white);white-space:nowrap}
  .section--dark .code,.section--asphalt2 .code{border-color:var(--line-dark);background:rgba(255,255,255,.03);color:var(--paper-soft)}
  .code--amber{color:#2A1208;background:var(--orange);border-color:var(--orange);font-weight:600}
  .section--dark .code--amber,.section--asphalt2 .code--amber{color:#2A1208;background:var(--orange);border-color:var(--orange)}

  /* tile divider — alternating magenta / orange triangles (signature) */
  .centerline{display:flex;gap:10px;align-items:center;height:0}
  .centerline span{flex:0 0 30px;height:20px;clip-path:polygon(0 100%,100% 0,100% 100%)}
  .centerline span:nth-child(odd){background:var(--magenta)}
  .centerline span:nth-child(even){background:var(--orange);clip-path:polygon(0 0,100% 100%,0 100%)}
  .centerline.dim span{opacity:.4}

  /* ============ NAV (white, real logo) ============ */
  header.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-light);transition:box-shadow .3s}
  header.nav.scrolled{box-shadow:0 8px 30px -20px rgba(21,13,20,.5)}
  .nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:72px;display:flex;align-items:center;justify-content:space-between}
  .brand{display:flex;align-items:center}
  .brand img{height:60px;width:auto}
  nav.links{display:flex;align-items:center;gap:2px}
  nav.links a{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:9px 12px;border-radius:2px;transition:color .2s;position:relative}
  nav.links a:hover,nav.links a.active{color:var(--magenta)}
  nav.links a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--magenta)}
  .nav-cta{margin-left:10px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color: var(--white) !important;background:var(--magenta);padding:11px 18px;border-radius:2px;font-weight:600;transition:transform .2s,background .2s}
  .nav-cta:hover{background:var(--orange);color:#2A1208;transform:translateY(-1px)}
  .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  .burger span{width:26px;height:2px;background:var(--ink);transition:.25s}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* ============ HERO ============ */
  .hero{position:relative;/* background:var(--dark); */color:var(--paper);padding:158px 0 90px;overflow:hidden;background: linear-gradient(rgb(10 42 85 / 70%), rgb(11 26 41 / 0%)), url(../../assets/img/hero_airport_highway.png);background-size: cover;background-position: center;}
  .hero::before{content:"";position:absolute;top:0;right:0;height:100%;width:48%;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='66' height='66'><path d='M0 0 H66 L0 66 Z' fill='%23AE2F73' fill-opacity='0.07'/><path d='M66 0 V66 H0 Z' fill='%23F5A21A' fill-opacity='0.06'/></svg>");
    background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 75%);pointer-events:none}
  .hero::after{content:"";position:absolute;bottom:-45%;left:-12%;width:62%;height:95%;background:radial-gradient(ellipse at center,rgba(174,47,115,.16),transparent 65%);pointer-events:none}
  .hero-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 28px}
  .hero-tag{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:14px;opacity:0;animation:rise .7s .1s forwards}
  .hero-tag::before{content:"";width:34px;height:2px;background:var(--orange)}
  .hero h1{font-weight:900;font-size:clamp(40px,7.2vw,80px);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;margin:26px 0 0;max-width:14ch}
  .hero h1 .amber{color:var(--magenta-2);background:linear-gradient(96deg,var(--magenta-2) 10%,var(--orange) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .hero h1 span{display:block;opacity:0;animation:rise .8s forwards}
  .hero h1 span:nth-child(1){animation-delay:.18s}
  .hero h1 span:nth-child(2){animation-delay:.30s}
  .hero-line{margin:34px 0 30px;opacity:0;animation:draw .9s .5s forwards}
  .hero-desc{max-width:620px;font-size:18px;font-weight:300;color:var(--paper-soft);opacity:0;animation:rise .8s .55s forwards}
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;opacity:0;animation:rise .8s .68s forwards}
  .btn{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:15px 26px;border-radius:2px;display:inline-flex;align-items:center;gap:10px;transition:.2s;cursor:pointer;border:1px solid transparent}
  .btn--amber{background:var(--magenta);color:#fff}
  .btn--amber:hover{background:var(--orange);color:#2A1208;transform:translateY(-2px)}
  .btn--ghost{border-color:var(--line-dark);color:var(--paper)}
  .btn--ghost:hover{border-color:var(--orange);color:var(--orange)}
  .readouts{position:relative;z-index:2;max-width:var(--maxw);margin:64px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-dark);opacity:0;animation:rise .8s .8s forwards}
  .readout{padding:26px 26px 4px;border-right:1px solid var(--line-dark)}
  .readout:first-child{padding-left:0}
  .readout:last-child{border-right:0}
  .readout .val{font-weight:800;font-size:30px;color:var(--orange);line-height:1}
  .readout:nth-child(odd) .val{color:var(--magenta-2)}
  .readout .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-soft);margin-top:10px}
  @keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
  @keyframes draw{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}
  .hero-line .centerline{transform-origin:left}

  /* ============ DIVISIONS ============ */
  .div-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:54px;border:1px solid var(--line-dark);border-radius:3px;overflow:hidden}
  .div-cell{background: linear-gradient(rgb(31 20 30 / 86%), rgb(31 20 30 / 83%)), url(../../assets/img/pavement_testing.png);background-size: cover; background-position: center;padding:30px 26px 34px;border-right:1px solid var(--line-dark);position:relative;transition:background .25s;min-height:280px;display:flex;flex-direction:column}
  .div-cell:last-child{border-right:0}
  .div-cell:hover{background:var(--dark-3)}
  .div-num{font-size:20px;color:var(--orange);letter-spacing:.1em}
  .div-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-soft);margin-top:24px}
  .div-title{font-weight:700;font-size:16px;line-height:1.25;text-transform:uppercase;margin-top:5px}
  .div-desc{font-size:14px;color:var(--paper-soft);margin-top:14px;font-weight:300;line-height:1.55}
  .div-cell::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--magenta),var(--orange));transition:width .3s}
  .div-cell:hover::after{width:100%}

  /* ============ ABOUT ============ */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:48px}
  .about-grid p{margin-bottom:18px;color:var(--ink);font-weight:300;font-size:16px}
  .pullquote{border-left:3px solid var(--magenta);padding:6px 0 6px 26px;margin-top:8px;font-weight:600;font-size:16px;line-height:1.5;color:var(--ink);text-transform:none}
  .phil{background:var(--dark-2);border-radius:3px;padding:38px 36px;color:var(--paper);position:relative;overflow:hidden}
  .phil::before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg,transparent 50%,rgba(174,47,115,.18) 50%)}
  .phil h3{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-bottom:24px;position:relative}
  .phil ul{list-style:none;position:relative}
  .phil li{padding:15px 0;border-bottom:1px solid var(--line-dark);font-size:14.5px;font-weight:300;color:var(--paper);display:flex;gap:14px}
  .phil li:last-child{border-bottom:0;padding-bottom:0}
  .phil li::before{content:"";flex:0 0 auto;width:0;height:0;border-left:9px solid var(--orange);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-top:7px}
  .std-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:26px;position:relative}
  .std{font-size:11px;letter-spacing:.12em;padding:8px 13px;border:1px solid var(--line-dark);border-radius:2px;color:var(--white)}

  /* ============ FRAMEWORK ============ */
  .frame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}
  .frame-card{background:var(--white);border:1px solid var(--line-light);border-radius:3px;padding:30px 26px;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden}
  .frame-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s}
  .frame-card:hover::before{transform:scaleX(1)}
  .frame-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(21,13,20,.4)}
  .frame-tag{font-size:13px;font-weight:600;color:var(--orange-deep);letter-spacing:.08em}
  .frame-title{font-weight:700;font-size:16px;text-transform:uppercase;margin:12px 0 12px;line-height:1.12}
  .frame-card p{font-size:14px;color:var(--ink);font-weight:300}
  .frame-card .code{margin-top:16px;display:inline-block}

  /* ============ SERVICE CARDS ============ */
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
  .svc{background:var(--white);border:1px solid var(--line-light);border-radius:3px;padding:30px 26px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
  .section--dark .svc,.section--asphalt2 .svc{background:var(--dark-2);border-color:var(--line-dark)}
  .svc:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(21,13,20,.5);border-color:var(--magenta)}
  .svc-num{font-size:16px;font-weight:600;color:var(--orange-deep)}
  .section--dark .svc-num,.section--asphalt2 .svc-num{color:var(--orange)}
  .svc-title{font-weight:700;font-size:16.5px;text-transform:uppercase;line-height:1.16;margin:16px 0 12px}
  .svc p{font-size:13.5px;color:var(--ink-soft);font-weight:300;flex:1}
  .section--dark .svc p,.section--asphalt2 .svc p{color:var(--paper-soft)}

  /* feature panel */
  .feature{margin-top:60px;background:linear-gradient(135deg,var(--dark-2),var(--dark-3));border:1px solid var(--line-dark);border-radius:4px;padding:46px 44px;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;position:relative;overflow:hidden}
  .feature::after{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;background:
    linear-gradient(135deg,transparent 50%,rgba(245,162,26,.16) 50%)}
  .feature h3{font-weight:800;font-size:26px;text-transform:uppercase;line-height:1.06;color:var(--paper)}
  .feature .eyebrow{margin-bottom:18px}
  .feature p.sub{color:var(--paper-soft);font-weight:300;margin-top:16px;font-size:15px}
  .feature ul{list-style:none;position:relative}
  .feature li{padding:13px 0;border-bottom:1px solid var(--line-dark);font-size:14px;color:var(--paper);font-weight:300;display:flex;gap:12px}
  .feature li:last-child{border-bottom:0}
  .feature li::before{content:"";flex:0 0 auto;width:0;height:0;border-left:9px solid var(--magenta-2);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-top:6px}
  .feature li b{color:var(--orange);font-weight:600}

  /* pipeline */
  .pipe{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:54px;border-top:1px solid var(--line-light)}
  .section--dark .pipe,.section--asphalt2 .pipe{border-top-color:var(--line-dark)}
  .step{padding:28px 22px 24px;border-right:1px solid var(--line-light);position:relative}
  .section--dark .step,.section--asphalt2 .step{border-right-color:var(--line-dark)}
  .step:last-child{border-right:0}
  .step::before{content:"";position:absolute;top:-2px;left:0;width:34px;height:3px;background:var(--magenta)}
  .step:nth-child(even)::before{background:var(--orange)}
  .step-num{font-size:12px;color:var(--orange-deep);letter-spacing:.06em;margin-top:6px}
  .section--dark .step-num,.section--asphalt2 .step-num{color:var(--orange)}
  .step-title{font-weight:700;font-size:14.5px;text-transform:uppercase;margin:12px 0 10px;line-height:1.12}
  .step p{font-size:12.5px;color:var(--ink-soft);font-weight:300}
  .section--dark .step p,.section--asphalt2 .step p{color:var(--paper-soft)}

  /* sectors */
  .sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
  .sector{border:1px solid var(--line-light);border-radius:3px;padding:24px 22px;background:var(--white);transition:.25s}
  .sector:hover{border-color:var(--magenta);transform:translateY(-3px)}
  .sector-num{font-size:11px;letter-spacing:.14em;color:var(--orange-deep)}
  .sector-title{font-weight:700;font-size:15px;text-transform:uppercase;margin:14px 0 8px;line-height:1.1}
  .sector p{font-size:12.5px;color:var(--ink-soft);font-weight:300}

  /* projects */
  .proj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
  .proj{border:1px solid var(--line-dark);border-radius:3px;padding:26px 24px 24px;background:var(--dark-2);position:relative;overflow:hidden;transition:.28s;min-height:178px;display:flex;flex-direction:column}
  .proj:hover{background:var(--dark-3);transform:translateY(-4px)}
  .proj-loc{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
  .proj-name{font-weight:700;font-size:18px;text-transform:uppercase;margin:14px 0 10px;line-height:1.08;color:var(--paper)}
  .proj-scope{font-size:13px;color:var(--paper-soft);font-weight:300;flex:1}
  .proj::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-right:26px solid var(--magenta);border-top:26px solid transparent;opacity:.25;transition:.28s}
  .proj:hover::after{opacity:1}
  .lists-2{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:54px}
  .list-block h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:20px}
  .list-block ul{list-style:none}
  .list-block li{padding:14px 0;border-bottom:1px solid var(--line-dark);font-size:14.5px;color:var(--paper);font-weight:300;display:flex;gap:14px;align-items:baseline}
  .list-block li::before{content:"";flex:0 0 auto;width:0;height:0;border-left:8px solid var(--magenta-2);border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(2px)}
  .list-block li b{color:var(--paper);font-weight:600}
  .tag-prog{font-size:9.5px;letter-spacing:.1em;color:#2A1208;background:var(--orange);padding:2px 7px;border-radius:2px;margin-left:auto;align-self:center}

  /* why */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
  .why{background:var(--white);border:1px solid var(--line-light);border-radius:3px;padding:32px 28px;transition:.25s;position:relative;overflow:hidden}
  .why::before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--orange));transition:width .3s}
  .why:hover::before{width:100%}
  .why:hover{transform:translateY(-4px);box-shadow:0 20px 44px -26px rgba(21,13,20,.4)}
  .why-ico{font-size:26px;line-height:1}
  .why-title{font-weight:700;font-size:17px;text-transform:uppercase;margin:18px 0 12px;line-height:1.12}
  .why p{font-size:14px;color:var(--ink-soft);font-weight:300}
  .std-ref{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;border:1px solid var(--line-light);border-radius:3px;overflow:hidden;background:var(--white)}
  .std-ref-cell{padding:26px 24px;border-right:1px solid var(--line-light)}
  .std-ref-cell:last-child{border-right:0}
  .std-ref-cell .k{font-weight:800;font-size:22px;color:var(--magenta)}
  .std-ref-cell:nth-child(even) .k{color:var(--orange-deep)}
  .std-ref-cell .v{font-size:11.5px;color:var(--ink-soft);margin-top:10px;letter-spacing:.04em;line-height:1.7}

  /* contact */
  .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;margin-top:25px;align-items:start}
  .offices{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .office{background:var(--dark-2);border:1px solid var(--line-dark);border-radius:3px;padding:28px 26px}
  .office h4{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}
  .office address{font-style:normal;font-size:14.5px;color:var(--paper);font-weight:300;line-height:1.7}
  .office .reg{margin-top:16px;padding-top:16px;border-top:1px solid var(--line-dark);font-size:11px;color:var(--paper-soft);letter-spacing:.04em;line-height:1.9}
  .reg-strip{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
  .reg-strip .code{background:rgba(255,255,255,.03)}
  .phones{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
  .phone{font-size:15px;color:var(--magenta-2);border:1px solid var(--line-light);padding:12px 18px;border-radius:2px;transition:.2s}
  .phone:hover{background:var(--magenta);color:#fff;border-color:var(--magenta)}
  .team{background:var(--dark-2);border:1px solid var(--line-dark);border-radius:3px;padding:34px 32px}
  .team h4{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
  .team .quote{font-weight:600;font-size:15px;color:var(--paper-soft);margin-bottom:22px;text-transform:none}
  .team-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line-dark);gap:16px}
  .team-row:last-child{border-bottom:0}
  .team-name{font-weight:500;font-size:14.5px;color:var(--paper)}
  .team-mail{font-size:0.875rem;color:var(--magenta-2);transition:.2s;word-break:break-all}
  .team-mail:hover{color:var(--orange)}

  /* footer */
  footer{background:#0F080E;color:var(--paper);padding:50px 0 25px}
  .foot-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:20px;padding-bottom:48px;border-bottom:1px solid var(--line-dark)}
  .foot-brand img{height:46px;width:auto;margin-bottom:18px}
  .foot-brand p{font-size:1rem;color:var(--paper-soft);font-weight:300;max-width:34ch}
  .foot-col h5{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:18px}
  .foot-col ul{list-style:none}
  .foot-col li{font-size:1rem;color:var(--paper-soft);padding:6px 0;font-weight:300;transition:.2s;cursor:default}
  .foot-col li:hover{color:var(--paper)}
  .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;font-size:0.79rem;letter-spacing:.01em;color:var(--paper-soft)}

  /* reveal */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* responsive */
  @media (max-width:1080px){
    .div-grid,.frame-grid,.svc-grid,.sectors,.proj-grid,.why-grid,.std-ref,.pipe{grid-template-columns:repeat(2,1fr)}
    .div-cell,.step{border-right:0}
    .feature{grid-template-columns:1fr;gap:30px;padding:38px 30px}
    .about-grid,.contact-grid,.lists-2{grid-template-columns:1fr;gap:36px}
    .readouts{grid-template-columns:repeat(2,1fr)}
    .readout{border-bottom:1px solid var(--line-dark)}
    .readout:nth-child(2){border-right:0}
  }
  @media (max-width:760px){
    nav.links{position:fixed;inset:72px 0 auto 0;background:var(--white);flex-direction:column;align-items:stretch;gap:0;padding:14px 0 22px;border-bottom:1px solid var(--line-light);box-shadow:0 20px 40px -24px rgba(21,13,20,.4);transform:translateY(-130%);transition:transform .32s}
    nav.links.open{transform:translateY(0)}
    nav.links a{padding:14px 28px;font-size:13px}
    nav.links a.active::after{display:none}
    .nav-cta{margin:10px 28px 0;text-align:center;justify-content:center}
    .burger{display:flex}
    .section{padding:70px 0}
    .div-grid,.frame-grid,.svc-grid,.sectors,.proj-grid,.why-grid,.std-ref,.pipe,.offices{grid-template-columns:1fr}
    .div-cell{min-height:auto}
    .readouts{grid-template-columns:1fr 1fr}
    .wrap{padding:0 20px}
    .hero{padding:124px 0 64px}
    .hero h1{font-size:clamp(27px,7.4vw,46px);max-width:100%;overflow-wrap:break-word}
    .head-h2{font-size:clamp(25px,6.4vw,40px)}
    .foot-top{grid-template-columns:1fr 1fr}
  }
  @media (max-width:430px){
    .readouts{grid-template-columns:1fr}
    .readout{border-right:0}
    .foot-top{grid-template-columns:1fr}
  }