*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --blue:#003889;
  --blue-dark:#003889;
  --blue-mid:#003889;
  --white:#ffffff;
  --black:#000000;
  --orange:#E45615;
  --orange-dark:#E45615;
  --teal:#05A6A6;
  --teal-dark:#05A6A6;
  --gray-light:#f4f6f9;
  --gray-mid:#e8edf5;
  --gray-text:#4a5568;
  --gray-muted:#94a3b8;
}
body{font-family:'Albert Sans',sans-serif;background:#fff;color:#000;overflow-x:hidden}
img{display:block;max-width:100%}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#001433}
::-webkit-scrollbar-thumb{background:var(--orange);border-radius:3px}

/* ══════════════════════════
   NAV
══════════════════════════ */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:999;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 64px;height:60px;gap: 30px;
  transition:all .4s ease;
  background:transparent;
}
#nav.scrolled{
  background:rgba(0,21,56,0.97);
  backdrop-filter:blur(16px);
  height:85px;
  box-shadow:0 1px 0 rgba(255,255,255,0.06),0 8px 32px rgba(0,0,0,0.4);
}

/* Logo */
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;}
.nav-logo-img{height:60px;width:auto;object-fit:contain;
  /*filter: brightness(0) invert(1);*/}   
.gilbert-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.gilbert-icons img {
    min-height: 25px;
    height: 25px;
}
img.nav-site-icon {
    height: 45px;
    border-radius: 6px;
}
.nav-logo-sep{width:1px;height:32px;background:rgba(255,255,255,0.2)}
.nav-logo-tagline{
  font-family:'Albert Sans',sans-serif;
  font-size:0.65rem;font-weight:600;
  letter-spacing:0.18em;text-transform:uppercase;
  color:rgba(255,255,255,0.5);
  white-space:nowrap;
  line-height:1.4;
}
.nav-logo-tagline strong{display:block;color:var(--teal);font-weight:700;letter-spacing:0.12em}

/* Nav links */
.nav-links{
  display:flex;align-items:center;gap:25px;list-style:none;
  margin:0;padding:0;
}
.nav-links a{
  font-size:0.78rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  color:rgba(255,255,255,0.8);text-decoration:none;
  transition:color .2s;white-space:nowrap;
}
.nav-links a:hover{color:#fff}
.nav-cta-btn{
  background:var(--orange)!important;color:#fff!important;
  padding:10px 22px!important;border-radius:4px!important;
  font-weight:700!important;letter-spacing:0.08em!important;
  transition:background .2s,transform .15s!important;
}
.nav-cta-btn:hover{background:var(--orange-dark)!important;transform:translateY(-1px)!important}
.nav-lang{
  display:flex;align-items:center;gap:6px;
  font-size:0.72rem;font-weight:700;letter-spacing:0.1em;
  color:rgba(255,255,255,0.5);cursor:pointer;
}
.nav-lang span{color:var(--teal)}

@media (max-width:1199px) {
  .nav-links {
    gap: 10px;
  }
}

/* ══════════════════════════
   HERO
══════════════════════════ */
#hero{
  position:relative;width:100%;min-height:800px;
  overflow:hidden;background:#000d20;
  display:flex;align-items:center;
}
#hero-canvas{position:absolute;inset:0;z-index:1;display:block;width:100% !important;height:100% !important;}
.hero-overlay{
  position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(to right,rgba(0,8,24,.88) 0%,rgba(0,8,24,.55) 55%,rgba(0,8,24,.1) 100%),
    linear-gradient(to top,rgba(0,8,24,.95) 0%,transparent 45%);
}
.hero-content{
  position:relative;z-index:3;
  width:100%;max-width:1400px;
  margin:0 auto;padding:0 64px;
  
}
.hero-left{padding-top:20px}

/* Badge */
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(5,166,166,.12);border:1px solid rgba(5,166,166,.35);
  border-radius:40px;padding:6px 14px 6px 10px;margin-bottom:28px;
  opacity:0;animation:fadeUp .7s ease forwards .2s;
}
.badge-dot{
  width:7px;height:7px;background:var(--teal);border-radius:50%;
  animation:blinkDot 2s ease infinite;
}
.badge-text{font-size:0.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}

/* Headline */
.hero-eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:0.78rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(255,255,255,.45);margin-bottom:12px;
  opacity:0;animation:fadeUp .7s ease forwards .3s;
}
.hero-h1{
  font-family:'DM Serif Display',serif;
  font-size:clamp(2.8rem,3.5vw,5rem);
  line-height:1.08;color:#fff;
  margin-bottom:16px;
  opacity:0;animation:fadeUp .8s ease forwards .4s;
}
.hero-h1 em{font-style:italic;color:var(--orange)}
.hero-accent {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(2.8rem,3.5vw,5rem);
    font-weight: 900;
    line-height: 1.08;
    /* letter-spacing: -.02em; */
    color: #fff;
    opacity: 0;
    animation: fadeUp .8s ease forwards .5s;
    font-family: 'DM Serif Display', serif;
}
.hero-sub{
  font-size:1rem;line-height:1.7;
  color:rgba(255,255,255,.72);
  max-width:560px;margin:24px 0 36px;
  opacity:0;animation:fadeUp .8s ease forwards .6s;
}

/* Stats row */
.hero-stats{
  display: grid;
  grid-template-columns: repeat(4, 2fr);
  margin-bottom:40px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;overflow:hidden;
  opacity:0;animation:fadeUp .8s ease forwards .7s;
}
.hstat{
  flex:1;padding:16px 20px;
  border-right:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  text-align:center;
}
.hstat:last-child{border-right:none}
.hstat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.9rem;font-weight:900;color:#fff;line-height:1;
}
.hstat-num sup{font-size:.85rem;color:var(--orange);vertical-align:super}
.hstat-label{
  font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-top:5px;
}

/* CTA buttons */
.hero-actions{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  opacity:0;animation:fadeUp .8s ease forwards .82s;
}
.btn-orange{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--orange);color:#fff;text-decoration:none;
  padding:15px 30px;border-radius:4px;
  font-weight:700;font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;
  border:2px solid var(--orange);
  transition:all .25s ease;
}
.btn-orange:hover{background:transparent;transform:translateY(-2px);box-shadow:0 12px 28px rgba(228,86,21,.3)}
.btn-ghost-white{
  display:inline-flex;align-items:center;gap:8px;
  color:rgba(255,255,255,.8);text-decoration:none;
  font-weight:600;font-size:.84rem;letter-spacing:.06em;
  transition:color .2s;
}
.btn-ghost-white:hover{color:#fff}

/* Hero right — 3D canvas placeholder area */
.hero-right{
  position:relative;height:480px;
  display:flex;align-items:center;justify-content:center;
  opacity:0;animation:fadeIn 1.4s ease forwards .6s;
}

/* Scroll indicator */
.scroll-cue{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;
  opacity:0;animation:fadeIn 1s ease forwards 1.6s;
}
.scroll-cue-line{
  width:1px;height:44px;
  background:linear-gradient(to bottom,transparent,var(--teal));
  animation:dropLine 2s ease infinite;
}
.scroll-cue-text{
  font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;
  color:rgba(255,255,255,.3);
}

@media (min-width:1024px) {
  .hero-content{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
    align-items:center;
  }
}

/* ══════════════════════════
   TRUST BAR
══════════════════════════ */

/* ================= TRUST BAR ================= */

#trust-bar{
  background: var(--white);
  padding: 0 64px;
  border-top: 3px solid var(--orange);
  width: 100%;
  overflow: hidden;
}

/* ================= INNER WRAP ================= */

.trust-inner{
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

/* ================= LEFT LABEL ================= */

.trust-label{
  display: flex;
  align-items: center;
  padding-right: 40px;
  border-right: 1px solid rgba(255,255,255,.12);

  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: var(--blue);

  flex-shrink: 0;
  font-family: 'DM Serif Display', serif;
}

/* ================= SLIDER WRAP ================= */

.trust-items{
  padding-left: 40px;
  flex: 1;
  overflow: hidden;
}

.slider-trust{
  width: 100%;
}

/* ================= SLICK FIXES ================= */


.slider-trust .slick-slide{
  padding: 0 15px;
  box-sizing: border-box;
}


.slider-trust .slick-list{
  margin: 0 -15px;
}


.slider-trust .slick-track{
  display: flex !important;
  align-items: center;
}



.trust-item{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  opacity: 0.55;
  transition: 0.3s ease;
  white-space: nowrap;
}

.trust-item:hover{
  opacity: 1;
}



.trust-item-icon{
  width: 100%;
  max-width: 150px;
  height: auto;

  background: rgba(255,255,255,.1);
  border-radius: 6px;

  display: flex;
  align-items: center;
  justify-content: center;
}


.trust-item-icon img{
  width: 100%;
  height: auto;
  display: block;
}



.trust-item-name{
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.8);
}

/* #trust-bar{
  background:var(--blue);
  padding:0 64px;
  border-top:3px solid var(--orange);
}
.trust-inner{
  max-width:1400px;margin:0 auto;
  display:flex;align-items:stretch;
  
}
.trust-label
 {
    display: flex;
    align-items: center;
    padding-right: 40px;
    border-right: 1px solid rgba(255, 255, 255, .12);
    white-space: nowrap;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    
    color: rgb(255 255 255 / 78%);
    flex-shrink: 0;
    font-family: 'DM Serif Display', serif;
}
.trust-items{
  display:flex;align-items:center;
  padding-left:40px;gap:48px;flex:1;
}
.trust-item{
  display:flex;align-items:center;gap:10px;
  opacity:.55;transition:opacity .2s;cursor:default;
  white-space:nowrap;
}
.trust-item:hover{opacity:1}
.trust-item {
  width: auto !important;
}
.slider-trust {
  width: 100%;
}

#trust-bar {
  width: 100%;
  overflow: hidden;
}

.trust-inner {
  width: 100%;
}

.slick-track {
  display: flex !important;
  gap:20px;
}

.slick-slide {
  width: auto !important;
}
.trust-item-icon{
  width:150px;height:auto;background:rgba(255,255,255,.1);
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.trust-item-name{
  font-size:.72rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.8);
} */

/* ══════════════════════════
   SHARED SECTION STYLES
══════════════════════════ */
.section-label{
  display:inline-flex;align-items:center;gap:10px;
  font-size:1rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--teal);margin-bottom:14px;
}
.section-label::before{content:'';display:block;width:22px;height:2px;background:var(--orange);flex-shrink:0}
.section-label.teal{color:var(--teal)}
/* .section-label.teal::before{background:var(--teal)} */
.section-label.white{color:rgba(255,255,255,.6)}
.section-label.white::before{background:rgba(255,255,255,.4)}

.section-h2{
  font-family:'DM Serif Display',serif;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.12;color:var(--blue);
}
.section-h2.white{color:#fff}
.section-body{
  font-size:.98rem;line-height:1.78;color:var(--gray-text);
}
.section-body.white{color:rgba(255,255,255,.72)}

.container{max-width:1400px;margin:0 auto;padding:0 64px}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal.d1{transition-delay:.1s}
.reveal.d2{transition-delay:.2s}
.reveal.d3{transition-delay:.3s}
.reveal.d4{transition-delay:.4s}

/* ══════════════════════════
   SERVICES
══════════════════════════ */
#services{padding:100px 0;background:#fff}
.services-top{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;
  margin-bottom:60px;
}
.services-grid
 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #e4561552;
    border-radius: 10px;
    overflow: hidden;
    background: #e4561552;
    gap: 0.5px;
}
.svc-card{
  background:#fff;padding:36px 32px;
  position:relative;overflow:hidden;
  text-decoration:none;display:block;
  transition:all .35s ease;
}
.svc-card::after{
  content:'';position:absolute;inset:0;
  background:var(--blue);
  transform:translateY(101%);
  transition:transform .4s cubic-bezier(.76,0,.24,1);
  z-index:0;
}
.svc-card:hover::after{transform:translateY(0)}
.svc-inner{position:relative;z-index:1}

.svc-icon{
  width:48px;height:48px;border-radius:10px;
  background:var(--gray-mid);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;
  transition:background .3s;
}
.svc-icon svg {
    width: 35px;
    height: 35px;
}
.svc-card:hover .svc-icon
{
    background: rgb(255 255 255);
}


/* Keep SVG strokes white on hover */
.svc-card:hover .svc-icon svg{stroke:#fff!important}
.svc-card:hover .svc-icon svg *{stroke:#fff}

.svc-name{
  font-family:'DM Serif Display',serif;
  font-size:1.35rem;color:var(--blue);margin-bottom:10px;
  transition:color .3s;
}
.svc-card:hover .svc-name{color:#fff}

.svc-desc{
  font-size:.84rem;line-height:1.65;color:#64748b;margin-bottom:20px;
  transition:color .3s;
}
.svc-card:hover .svc-desc{color:rgba(255,255,255,.72)}

.svc-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--orange);transition:color .3s;
}
.svc-card:hover .svc-link{color:var(--teal)}

/* ══════════════════════════
   FACILITY
══════════════════════════ */
#facility{
  background:var(--blue);
  padding:100px 0;position:relative;overflow:hidden;
}
#facility::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 75% 30%,rgba(5,166,166,.1) 0%,transparent 55%),
    radial-gradient(ellipse at 20% 70%,rgba(228,86,21,.06) 0%,transparent 50%);
  pointer-events:none;
}
.facility-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:center;position:relative;z-index:1;
}
.fac-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:2px;
  margin-top:44px;border-radius:8px;overflow:hidden;
}
.fac-stat{
  background:rgba(255,255,255,.05);padding:26px 22px;
  border:1px solid rgba(255,255,255,.07);
  transition:background .3s;
}
.fac-stat:hover{background:rgba(255,255,255,.1)}
.fac-stat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:2.6rem;font-weight:900;color:#fff;line-height:1;
}
.fac-stat-num sup{font-size:1.1rem;color:var(--orange)}
.fac-stat-label{
  font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-top:5px;
}
.fac-cta{display:flex;align-items:center;gap:20px;margin-top:44px;flex-wrap:wrap}
.btn-white{
  display:inline-flex;align-items:center;gap:8px;
  color:#fff;text-decoration:none;padding:13px 26px;
  border:2px solid rgba(255,255,255,.35);border-radius:4px;
  font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  transition:all .25s;
}
.btn-white:hover{border-color:#fff;background:rgba(255,255,255,.07)}

/* 3D Warehouse illustration */
.fac-visual{position:relative;height:440px;display:flex;align-items:center;justify-content:center}

/* ── DOCK WIDGET ── */
.dock-widget{
  margin-top:64px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:28px 32px;
  position:relative;z-index:1;
}
.dock-widget-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:20px;
}
.dock-widget-title{
  font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.dock-live-pill{
  display:flex;align-items:center;gap:6px;
  font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--teal);
}
.dock-live-dot{
  width:6px;height:6px;background:var(--teal);border-radius:50%;
  animation:blinkDot 2s ease infinite;
}
.dock-bays-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.db{
  width:30px;height:26px;border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-size:.55rem;font-weight:700;color:rgba(255,255,255,.6);
  cursor:default;transition:transform .15s;
  border:1px solid transparent;
}
.db:hover{transform:scale(1.2)}
.db.av{background:rgba(5,166,166,.28);border-color:rgba(5,166,166,.5)}
.db.ld{background:rgba(228,86,21,.42);border-color:rgba(228,86,21,.65);animation:blinkDot 2.5s ease infinite}
.db.oc{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}

.dock-legend{display:flex;gap:20px;margin-bottom:20px}
.dl-item{display:flex;align-items:center;gap:7px;font-size:.65rem;font-weight:600;color:rgba(255,255,255,.45)}
.dl-dot{width:9px;height:9px;border-radius:2px}
.dl-dot.av{background:rgba(5,166,166,.55)}
.dl-dot.ld{background:rgba(228,86,21,.65)}
.dl-dot.oc{background:rgba(255,255,255,.18)}

.dock-metrics{
  display:flex;gap:40px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.07);
  flex-wrap:wrap;
}
.dm-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.9rem;font-weight:900;color:#fff;line-height:1;
}
.dm-label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:3px}

/* ══════════════════════════
   LEGACY TIMELINE
══════════════════════════ */
#legacy {
  position: relative;
  overflow: hidden;
}

.legacy-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    /* opacity: 0; */
    transition: opacity 0.4s ease;
    z-index: 1;
}

#legacy .container,
#legacy .legacy-header,
#legacy .tl-wrapper {
  position: relative;
  z-index: 2;
}
.legacy-bg::after {
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.6);
}
.legacy-bg {
  transition: opacity 0.6s ease;
}

#legacy{
  padding:120px 0 100px;
  background:var(--black);
  overflow:hidden;position:relative;
}
#legacy::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(0,56,137,.35) 0%,transparent 55%),
    radial-gradient(ellipse at 50% 100%,rgba(228,86,21,.07) 0%,transparent 55%);
  pointer-events:none;
}
.legacy-header{
  text-align:center;padding:0 64px;
  /*margin-bottom:80px;*/
  position:relative;z-index:1;
}
.legacy-header .section-label{justify-content:center}
.legacy-header .section-label::before,.legacy-header .section-label::after{content:'';display:block;width:22px;height:2px;background:var(--teal)}
.legacy-header .section-label{color:var(--teal);display:inline-flex;align-items:center;gap:10px}
.legacy-subtitle{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:1.05rem;color:rgba(255,255,255,.45);margin-top:14px;
}

/* Timeline track */
.tl-wrapper{padding:0 64px;position:relative;z-index:1}
.tl-scroll{
  overflow-x:auto;cursor:grab;user-select:none;
  /* padding-bottom:10px; */
  scrollbar-width:none;
}
.tl-scroll::-webkit-scrollbar{display:none}
.tl-scroll.dragging{cursor:grabbing}

.tl-track{
  position:relative;
  display:flex;
  /* padding:80px 20px; */
  width:max-content;
  gap:0;
}
/* The horizontal line */
.tl-track::before{
  content:'';
  position:absolute;
  top:50%;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(0,56,137,.5) 3%,
    var(--blue) 15%,
    var(--teal) 50%,
    var(--orange) 85%,
    rgba(228,86,21,.4) 97%,
    transparent 100%
  );
  transform:translateY(-50%);
  z-index:0;
  opacity: 0;
}

.tl-item{
  width:350px;flex-shrink:0;
  position:relative;
  padding:0 20px;
  opacity:0;transform:translateY(28px);
  transition:opacity .6s ease,transform .6s ease;
}
.tl-item::before
 {
    content: '';
    position: absolute;
    top: 59%;
    left: 92%;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 56, 137, .5) 3%, var(--blue) 15%, var(--teal) 50%, var(--orange) 85%, rgba(228, 86, 21, .4) 97%, transparent 100%);
    height: 2px;
    width: 16%;
    right: 0;
}
.tl-item:last-child::before {
    opacity: 0;
}
.tl-item.in{opacity:1;transform:translateY(0)}

/* Alternating layout */
.tl-item:nth-child(odd){padding-bottom:130px}
.tl-item:nth-child(even){padding-top:130px}

/* Vertical connector */
.tl-connector{
  position:absolute;left:50%;
  width:1px;background:rgba(5,166,166,.4);
}
.tl-item:nth-child(odd) .tl-connector{bottom:126px;height:52px}
.tl-item:nth-child(even) .tl-connector{top:126px;height:52px}

/* Node dot */
.tl-node{
  position:absolute;left:50%;transform:translateX(-50%);
  width:16px;height:16px;border-radius:50%;
  background:var(--blue);border:2.5px solid var(--teal);
  z-index:2;transition:all .3s;
}
.tl-item:nth-child(odd) .tl-node{bottom:114px}
.tl-item:nth-child(even) .tl-node{top:114px}
.tl-item:hover .tl-node{
  background:var(--orange);border-color:var(--orange);
  transform:translateX(-50%) scale(1.5);
  box-shadow:0 0 18px rgba(228,86,21,.55);
}

/* Card */
.tl-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:22px 20px;
  transition:all .3s ease;position:relative;overflow:hidden;
}
.tl-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--teal));
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s ease;
}
.tl-item:hover .tl-card{
  background:rgba(255,255,255,.08);
  border-color:rgba(5,166,166,.28);
  transform:translateY(-4px);
}
.tl-item:hover .tl-card::before{transform:scaleX(1)}

.tl-year{
  font-family:'Barlow Condensed',sans-serif;
  font-size:2.6rem;font-weight:900;line-height:1;margin-bottom:6px;
  background:linear-gradient(135deg,var(--blue-mid),var(--teal));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.tl-era{
  font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--orange);margin-bottom:10px;
}
.tl-title{
  font-family:'DM Serif Display',serif;
  font-size:1.05rem;color:#fff;line-height:1.32;margin-bottom:8px;
}
.tl-desc{font-size:.78rem;line-height:1.6;color:rgba(255,255,255,.42);margin-bottom: 1rem;}
.tl-image img {height: 225px;width: 100%;object-fit: cover;border-radius: 1rem;}

.tl-illus{margin-top:12px;opacity:.18;transition:opacity .3s}
.tl-item:hover .tl-illus{opacity:.45}

/* Today node special */
.tl-item.today .tl-node{
  background:var(--orange);border-color:var(--orange);
  box-shadow:0 0 18px rgba(228,86,21,.6);
}
.tl-item.today .tl-year{
  background:linear-gradient(135deg,var(--orange),var(--teal));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.tl-item.today .tl-card{border-color:rgba(5,166,166,.3);background:rgba(5,166,166,.06)}

.tl-footer{
  text-align:center;margin-top:56px;position:relative;z-index:1;
}


#legacy {
  position: relative;
  overflow: hidden;
}

/* 🔥 FULL BACKGROUND CAROUSEL */
.legacy-carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.legacy-slide {
  width: 100%;
  height: 100vh; /* or 100% */
  background-size: cover;
  background-position: center;
}

/* 🔥 DARK OVERLAY (optional but recommended) */
.legacy-carousel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

/* 🔥 Keep content above slider */
.legacy-header,
.tl-wrapper,
.tl-footer {
  position: relative;
  z-index: 2;
}




/* ══════════════════════════
   ABOUT TEASER
══════════════════════════ */
#about{padding:100px 0;background:var(--gray-light)}
.about-grid{text-align: center;/*display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center*/}
.about-quote{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(1.6rem,3vw,3rem);
  line-height:1.42;color:var(--blue);
  /* padding-left:28px;border-left:4px solid var(--orange); */
  margin-bottom:28px;
}
.about-attrib {
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    letter-spacing: .04em;
    line-height: 1.8;
}
.about-attrib span{display:block;font-weight:400;color:var(--gray-muted);margin-top:3px;font-size:.8rem}
.about-copy{margin-top:32px;padding:0 65px;}
.about-copy p{font-size:1rem;line-height:1.8;color:var(--gray-text);margin-bottom:18px}
.about-link{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--blue);font-weight:700;font-size:1rem;letter-spacing:.06em;text-decoration:none;
  border-bottom:2px solid var(--blue);padding-bottom:2px;
  transition:all .2s;
}
.about-link:hover{color:var(--orange);border-color:var(--orange)}
.why-emoji img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.why-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:2px;
  border-radius:10px;overflow:hidden;background:#dde4ef;
  margin-top:32px;
}
.why-item{
  background:#fff;padding:24px 22px;
  transition:background .3s;cursor:default;
}
.why-item:hover{background:var(--blue)}
.why-emoji
 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    display: block;
    background: #fff;
    display: inline-block;
    padding: 0.45rem;
    border-radius: 50%;
}
.why-title{
  font-family:'DM Serif Display',serif;
  font-size:1rem;color:var(--blue);margin-bottom:5px;
  transition:color .3s;
}
.why-item:hover .why-title{color:#fff}
.why-desc{font-size:.78rem;line-height:1.55;color:#64748b;transition:color .3s}
.why-item:hover .why-desc{color:rgba(255,255,255,.65)}

/* ══════════════════════════
   INDUSTRIES
══════════════════════════ */
/* ===============================
   INDUSTRIES SECTION
=============================== */

#industries {
  padding: 100px 0;
  background: #fff;
}

/* TOP */
.ind-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 56px;
}

/* GRID */
.ind-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* CARD */
.ind-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  aspect-ratio: 3/4;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.ind-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

/* ===============================
   BACKGROUND LAYERS
=============================== */

/* DEFAULT GRADIENT */
.ind-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: opacity 0.4s ease, transform 0.5s ease;
}

/* SVG PATTERN */
.ind-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  pointer-events: none;
}

/* HOVER IMAGE */
.ind-bg-hover {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.08);
  transition: opacity 0.5s ease, transform 0.6s ease;
  z-index: 2;
}

/* OVERLAY */
.ind-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 8, 22, 0.92) 0%,
    rgba(0, 8, 22, 0.5) 50%,
    rgba(0, 8, 22, 0.2) 100%
  );
  z-index: 3;
}

/* ===============================
   CONTENT
=============================== */

.ind-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 20px;
  z-index: 4;
}

.ind-icon {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  transition: background 0.3s;
}

.ind-card:hover .ind-icon {
  background: var(--orange);
}

.ind-name {
  font-family: 'DM Serif Display', serif;
  font-size: 1.35rem;
  color: #fff;
  margin-bottom: 4px;
  line-height: 1.2;
}

.ind-sub {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}

/* ARROW */
.ind-arrow {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 5;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
}

.ind-card:hover .ind-arrow {
  opacity: 1;
  background: var(--orange);
}

/* ===============================
   HOVER EFFECTS
=============================== */

/* Show image */
.ind-card:hover .ind-bg-hover {
  opacity: 1;
  transform: scale(1);
}

/* Hide gradient */
.ind-card:hover .ind-bg {
  opacity: 0;
  transform: scale(1.05);
}

/* Optional brightness */
.ind-card:hover .ind-bg-hover {
  filter: brightness(0.9);
}

/* ===============================
   RESPONSIVE
=============================== */

@media (max-width: 1024px) {
  .ind-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .ind-top {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .ind-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .ind-grid {
    grid-template-columns: 1fr;
  }
}
/*
#industries{padding:100px 0;background:#fff}
.ind-top{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;
  align-items:end;margin-bottom:56px;
}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ind-card{
  position:relative;border-radius:10px;overflow:hidden;
  text-decoration:none;display:block;
  aspect-ratio:3/4;
  transition:transform .35s ease;
}
.ind-card:hover{transform:translateY(-8px)}
.ind-bg{position:absolute;inset:0;z-index:0;transition:transform .5s ease}
.ind-card:hover .ind-bg{transform:scale(1.07)}
.ind-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(0,8,22,.92) 0%,rgba(0,8,22,.3) 55%,transparent 100%);
}
.ind-content{
  position:absolute;bottom:0;left:0;right:0;
  padding:24px 20px;z-index:2;
}

.ind-bg-hover {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.05);
  transition: all 0.4s ease;
  z-index: 2;
}


.ind-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 3;
}
.ind-icon{
  width:44px;height:44px;background:rgba(255,255,255,.1);
  border-radius:9px;display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;transition:background .3s;
}
.ind-card:hover .ind-icon{background:var(--orange)}
.ind-name{
  font-family:'DM Serif Display',serif;
  font-size:1.35rem;color:#fff;margin-bottom:4px;line-height:1.2;
}
.ind-sub{
  font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.ind-arrow{
  position:absolute;top:18px;right:18px;z-index:2;
  width:34px;height:34px;background:rgba(255,255,255,.08);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:all .3s;
}
.ind-card:hover .ind-arrow{opacity:1;background:var(--orange)}
*/
/* ══════════════════════════
   MONTERREY
══════════════════════════ */
#monterrey{
  background:var(--blue);padding:100px 0;
  position:relative;overflow:hidden;
}
#monterrey::after{
  content:'';position:absolute;
  right:-150px;top:-150px;
  width:600px;height:600px;border-radius:50%;
  border:100px solid rgba(255,255,255,.03);
  pointer-events:none;
}
.mty-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:center;position:relative;z-index:1;
}
.mty-headline
 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: clamp(3.5rem, 3.5vw, 5rem);
    line-height: .92;
    /* letter-spacing: -.02em; */
    color: #fff;
    margin-bottom: 28px;
    font-family: 'DM Serif Display', serif;
}
.mty-headline em{display:block;font-style:normal;color:var(--teal)}
.mty-body{font-size:.98rem;line-height:1.75;color:rgba(255,255,255,.68);margin-bottom:14px}
.mty-es{font-style:italic;color:rgba(255,255,255,.38);font-size:.9rem;margin-bottom:36px}
.corridor-row{
  display:flex;gap:36px;
  padding:24px 0;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:36px;flex-wrap:wrap;
}
.corridor-stat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:2rem;font-weight:900;color:#fff;line-height:1;
}
.corridor-stat-label{
  font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-top:4px;
}
.mty-map{position:relative;height:400px;display:flex;align-items:center;justify-content:center}

/* ══════════════════════════
   BLOG
══════════════════════════ */
#blog{padding:100px 0;background:var(--gray-light)}
.blog-top{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:56px;flex-wrap:wrap;gap:20px;
}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{
  background:#fff;border-radius:10px;overflow:hidden;
  text-decoration:none;display:block;
  border:1px solid #e2e8f0;
  transition:transform .3s,box-shadow .3s;
}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.1)}
.blog-img{
  height:188px;position:relative;overflow:hidden;
  background:var(--blue);
}
.blog-tag{
  position:absolute;top:14px;left:14px;
  background:var(--orange);color:#fff;
  font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  padding:4px 12px;border-radius:40px;
}
.blog-body{padding:24px}
.blog-date{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-muted);margin-bottom:10px}
.blog-title{
  font-family:'DM Serif Display',serif;
  font-size:1.15rem;color:var(--blue);margin-bottom:10px;
  line-height:1.32;transition:color .2s;
}
.blog-card:hover .blog-title{color:var(--orange)}
.blog-excerpt{font-size:.82rem;line-height:1.65;color:#64748b}
.blog-foot{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;padding-top:18px;
  border-top:1px solid #f1f5f9;
}
.blog-read{
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--orange);
}
.blog-time{font-size:.68rem;color:var(--gray-muted)}
.btn-link{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--blue);text-decoration:none;font-weight:700;font-size:.82rem;
  border-bottom:2px solid var(--blue);padding-bottom:2px;
  transition:all .2s;
}
.btn-link:hover{color:var(--orange);border-color:var(--orange)}

/* ══════════════════════════
   CONTACT CTA
══════════════════════════ */
#cta{background:var(--black);padding:100px 0;position:relative;overflow:hidden}
.cta-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:center;position:relative;z-index:1;
}
.cta-h2 {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.8rem,5vw,5rem);
    color: #fff;
    line-height: 1.08;
    margin-bottom: 20px;
}
.cta-h2 em{font-style:italic;color:var(--orange)}
.cta-sub{font-size:.96rem;line-height:1.75;color:rgba(255,255,255,.6);margin-bottom:36px}
.cta-phone{
  font-family:'Barlow Condensed',sans-serif;
  font-size:3rem;font-weight:900;color:#fff;
  text-decoration:none;letter-spacing:.02em;display:block;margin-bottom:6px;
  transition:color .2s;
}
.cta-phone:hover{color:var(--teal)}
.cta-phone-label{
  font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.3);margin-bottom:36px;
}
.cta-person{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;padding:18px 20px;
}
.cta-avatar{
  width:46px;height:46px;background:var(--blue);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:'DM Serif Display',serif;font-size:1.2rem;color:#fff;
}
.cta-pname{font-weight:700;color:#fff;font-size:.96rem}
.cta-ptitle{font-size:.75rem;color:rgba(255,255,255,.42);margin-top:2px}

/* Form */
.cta-form{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;padding:36px;
}
.form-h3{
  font-family:'DM Serif Display',serif;
  font-size:1.5rem;color:#fff;margin-bottom:24px;
}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fgroup{margin-bottom:14px}
.flabel{
  display:block;font-size:.65rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-bottom:7px;
}
.finput,.fselect,.ftextarea{
  width:100%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;padding:11px 14px;
  font-family:'Albert Sans',sans-serif;font-size:.88rem;color:#fff;
  outline:none;transition:border-color .2s,background .2s;
}
.finput::placeholder,.ftextarea::placeholder{color:rgba(255,255,255,.22)}
.finput:focus,.fselect:focus,.ftextarea:focus{
  border-color:var(--teal);background:rgba(255,255,255,.09);
}
.fselect option{background:#0f1f3d;color:#fff}
.ftextarea{resize:vertical;min-height:90px}
.fsubmit{
  width:100%;background:var(--orange);color:#fff;border:none;
  padding:15px 20px;border-radius:6px;
  font-family:'Albert Sans',sans-serif;font-weight:700;font-size:.84rem;
  letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  margin-top:6px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:all .25s;
}
.fsubmit:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(228,86,21,.3)}

/* ══════════════════════════
   FOOTER
══════════════════════════ */
footer{background:#fff;padding:64px 0 32px;border-top:1px solid rgba(255,255,255,.05)}
.footer-top{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  gap:48px;padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-top .nav-logo {
    margin-bottom: 1rem;
}
.footer-top .nav-logo img.nav-logo-imgs {
    max-width: 80%;
}
.footer-logo-img{height:50px;width:auto;object-fit:contain;margin-bottom:16px}
.footer-tagline{font-size:.84rem;line-height:1.7;color:#003889;margin-bottom:24px}
.footer-social{display:flex;gap:10px}
.fsocial{
  width:34px;height:34px;background:var(--blue);
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  text-decoration:none;transition:background .2s;
}
.fsocial:hover{background:var(--orange)}
.fsocial:hover svg, .fsocial svg
 {
    fill: #fff;
}
.footer-col-title{
  font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#003889;margin-bottom:18px;
}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:11px}
.footer-links a{
  text-decoration:none;font-size:.86rem;color:#003889;
  transition:color .2s;
}
.footer-links a:hover{color:#05a6a6}
.footer-links .addr{font-size:.8rem;color:#003889;line-height:1.65;cursor:default}
.footer-links .teal {
    color: var(--teal) !important;
    display: flex;
    align-items: center;
    gap: 3px;
}
.footer-links .teal img {
    width: 20px;
}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:28px;flex-wrap:wrap;gap:14px;
}
.footer-copy{font-size:.74rem;color:#003889}
.footer-copy a{color:#003889;text-decoration:none}
.footer-copy a:hover{color:#05a6a6}
.footer-badges{display:flex;gap:12px;flex-wrap:wrap}
.footer-badge{
  font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#003889;
  border:1px solid #05a6a6;
  padding:4px 11px;border-radius:40px;
}

/* ══════════════════════════
   KEYFRAMES
══════════════════════════ */
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{to{opacity:1}}
@keyframes blinkDot{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes dropLine{
  0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}



ul.nav-links.toggle_btn button.ma5menu__toggle {display:none;}


section.form-template.section-padding {
    padding: 70px 0;
    background:#F4F6F9;
}



/* ══════════════════════════
   RESPONSIVE
══════════════════════════ */
@media (max-width:1400px) {
  ul.nav-links.toggle_btn button.ma5menu__toggle {display:block;}
  ul.nav-links.navigation-menu
  {
    display: none;
  }
}
@media (max-width:1200px) {
  .hide-medium-device
  {
      display: none;
  }
}
@media(max-width:1100px){
  .hero-content{grid-template-columns:1fr;padding:0 20px;}
  .hero-stats{grid-template-columns: repeat(2, 2fr);}
  .hero-h1 {font-size: clamp(2.4rem, 3.5vw, 5rem);}
  .hero-accent {font-size: clamp(2.4rem, 3.5vw, 5rem);}
  .btn-orange {padding: 12px 15px;font-size: .54rem;}
  .nav-cta-btn {padding: 10px 17px !important;}
  .nav-links a {font-size: 0.48rem;}
  .hero-right{display:none}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr}
  .scroll-cue {bottom: 0;}
}
@media(max-width:820px){
  #nav{padding:0 15px}
  .container{padding:0 24px}
  #trust-bar{padding:0 24px}
  .services-top {text-align: center;}
  .trust-inner{height:auto;flex-direction:column;gap:0;padding:20px 0}
  .trust-label{border-right:none;text-align:center;border-bottom:1px solid rgba(255,255,255,.12);padding-right:0;padding-bottom:14px;margin-bottom:14px;width:100%}
  .trust-items{padding-left:0;flex-wrap:wrap;gap:20px}
  .services-top,.about-grid,.facility-grid,.mty-grid,.cta-grid,.ind-top,.blog-top{grid-template-columns:1fr;gap:40px}
  .legacy-header,.tl-wrapper,.tl-footer{padding-left:24px;padding-right:24px}
  .frow{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-top img.nav-logo-imgs {max-width: 80%;}
  .footer-top .nav-logo {margin-bottom: 1rem;}
  .fac-visual {height: 350px;}
  #services,#facility,#legacy,#about,#industries,#monterrey,#blog,#cta{padding:72px 0}
  .cta-form{padding: 0px 15px 15px;}
  .services-grid{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .mty-headline {font-size: clamp(2.4rem, 3.5vw, 5rem);line-height: 1.25;}
  div.wpforms-container-full {margin: 0 !important;}
  .footer-col-title {font-size: .90rem;}
}

@media (max-width:767px) {
  #facility .facility-grid .fac-content {order: 2;}
  .fac-content-inner {text-align: center;}
  .about-copy {margin-top: 32px;padding: 0;}
  .mty-grid .mty-content {order: 2;}
  .blog-top {justify-content: center;text-align: center;}
  .section-h2 {font-size: clamp(2.4rem, 3.5vw, 5rem);}
  .tl-year {font-size: 2rem;}
  .ind-top {text-align: center;}
  .cta-h2 {font-size: clamp(2.4rem, 5vw, 5rem);}
  .cta-phone-label {font-size: .65rem;color: rgba(255, 255, 255, .65);line-height: 1.25;margin-bottom: 0;}
}