:root{
  --navy:#0d1d27; --navy2:#142b36; --gold:#d6a62a; --gold2:#e6b83e;
  --cyan:#11a8c7; --cream:#fbfaf6; --text:#172733; --muted:#6b7479;
  --white:#fff; --line:#e7e4db; --shadow:0 12px 30px rgba(14,29,39,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--cream);line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
.aga-since {
    display: flex;
    align-items: center;

    width: 230px;
    max-width: 100%;

    margin-top: 18px;
    margin-bottom: 18px;

    gap: 0;
}

.aga-since-line {
    height: 2px;

    flex: 1;

    background: #d8a62a;
}

.aga-since-badge {
    position: relative;

    padding: 5px 18px;

    color: #40515a;

    background: #f6f0df;

    border-radius: 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;

    white-space: nowrap;
}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee}
.nav-wrap{height:78px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;min-width:330px;width: 50%;}.brand img{width:60%;object-fit:cover}.brand strong{display:block;font-size:13px;color:var(--gold)}.brand small{display:block;font-size:8px;color:var(--gold);letter-spacing:.1px}
.nav{display:flex;gap:24px;align-items:center;margin-left:auto}.nav a{font-size:12px;font-weight:600;color:#26363f;padding:30px 0 25px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--gold);border-color:var(--gold)}
.nav-cta{background:var(--gold);padding:11px 17px;border-radius:24px;font-size:11px;font-weight:800;white-space:nowrap}.nav-cta span,.btn span{margin-left:12px}
.menu-toggle{display:none;background:none;border:0;font-size:26px;margin-left:auto}
.hero{position:relative;min-height: 90vh;overflow:hidden;background:#edf0ec;margin: 0;}.hero-image{position:absolute;inset:0;background:url("assets/hero-industrial.jpg");background-position: 100% 0;background-size: cover;background-repeat: no-repeat;transform:scale(1.00);}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,249,245,.98) 0%,rgba(250,249,245,.93) 38%,rgba(250,249,245,.22) 72%,rgba(8,25,35,.1) 100%)}.hero-content{position:relative;z-index:2;padding:25px 0 82px;max-width:1120px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold);margin-bottom:10px}.eyebrow:before{content:"";display:inline-block;width:20px;height:3px;background:var(--gold);margin-right:9px;vertical-align:middle}.eyebrow.light{color:#f1c653}.hero h1{font-size:48px;line-height:1.05;margin:0 0 20px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:440px;font-size:14px;color:#536067;margin-bottom:26px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;padding:13px 20px;border-radius:28px;font-size:11px;font-weight:800}.btn-gold{background:var(--gold);color:#17242a}.btn-gold:hover{background:var(--gold2)}.btn-outline{border:1px solid #1e2d34;background:#fff;color:#1e2d34}.hero-signature{position:absolute;z-index:3;right:7%;bottom:70px;color:white;font-family:cursive;font-size:22px;line-height:1.05;transform:rotate(-8deg);opacity:.9}.hero-signature span{color:#f0c451}
.section{padding:70px 0}.section-grid{display:grid;grid-template-columns:245px 1fr;gap:28px}.section-intro h2,.clients h2,.contact-section h2{font-size:29px;line-height:1.12;margin:0 0 13px}.section-intro p,.clients p,.contact-section>p{font-size:12px;color:var(--muted);margin-bottom:22px}

.product-grid{
    display:grid;
    grid-template-columns: auto auto auto auto;
    gap:10px;
}

.product-card{background:#fff;border-radius:7px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #eee;transition:.25s}

.product-card.Service{
    grid-column-start: 1;
    grid-column-end: 5;
}

.product-card.Service img{
    height: 200px;
}

.product-card:hover{transform:translateY(-5px)}.product-card img{display:block;width:100%;height:100px;object-fit:cover}.card-body{position:relative;padding:12px 12px 16px;min-height:115px}.card-body h3{font-size:12px;margin:0 0 7px}.card-body p{font-size:9px;color:#727b80;margin:0 15px 0 0;line-height:1.5}.card-body a{position:absolute;right:10px;top:10px;border:1px solid #e4b638;color:var(--gold);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px}
.trust-section{background:#f7f5ef}.trust-inner{display:grid;grid-template-columns:330px 1fr;min-height:235px}.trust-dark{background:linear-gradient(120deg,var(--navy) 0 35%,#f7f5ef 35%)}.trust-copy{padding:45px 30px 45px 0;color:#fff}.trust-copy h2,.experience h2{font-size:26px;line-height:1.12;margin:0 0 10px}.trust-copy p,.experience-copy p{font-size:11px;color:#cbd1d4;max-width:270px}.trust-points{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:30px 0 30px 150px;}.trust-points>div{padding:0 20px;border-right:1px solid #ddd}.trust-points>div:last-child{border:0}.icon{display:block;font-size:27px;color:var(--gold);margin-bottom:8px}.trust-points strong{font-size:10px}.trust-points p{font-size:8px;color:#777;line-height:1.45}
.clients{padding:48px 0;background:#fff}.client-wrap{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center}.clients h2{font-size:22px}.clients p{font-size:10px;margin:0 0 10px}.text-btn{font-size:10px;color:var(--gold);font-weight:800}.client-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:center}.client-logos span{height:60px;border-left:1px solid #ddd;display:flex;align-items:center;justify-content:center;padding:8px;font-size:12px;font-weight:800;color:#71777b;text-align:center;filter:grayscale(1)}
.experience{background:linear-gradient(90deg,rgba(10,28,38,.96),rgba(10,28,38,.86)),url("assets/hero-industrial.jpg") center/cover;padding:62px 0;color:#fff}.experience-wrap{display:grid;grid-template-columns:270px 1fr;gap:30px}.experience-copy{padding-top:12px}.experience-copy h2{font-size:26px}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.experience-grid article{background:#fff;color:var(--text);border-radius:6px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.18)}.experience-grid img{width:100%;height:105px;object-fit:cover;display:block}.experience-grid article div{padding:11px}.experience-grid h3{font-size:10px;margin:0 0 6px}.experience-grid small{font-size:8px;color:#747d80}
.cta-band{background:#11a8c7;color:#fff}.cta-inner{min-height:78px;display:flex;align-items:center;gap:14px}.mail-icon{font-size:28px}.cta-inner strong{display:block;font-size:13px}.cta-inner span{display:block;font-size:9px;opacity:.92}.cta-inner .btn{margin-left:auto}
.contact-section{padding:78px 0;background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-section h2{font-size:36px}.contact-details{font-size:11px;color:#626b70;margin-top:28px}.contact-details strong{color:var(--text)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{font-size:10px;font-weight:800}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form button{justify-self:start}.contact-form input,.contact-form textarea{width:100%;margin-top:6px;border:1px solid #ddd;background:#fafafa;border-radius:7px;padding:12px;font:inherit;font-size:11px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}
footer{background:var(--navy);color:#dbe0e2;padding:40px 0 16px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:35px}.mini-brand{display:flex;align-items:center;gap:10px}.mini-brand img{width: 70%;object-fit:cover}.mini-brand strong{display:block;color:var(--gold);font-size:11px}.mini-brand small{display:block;font-size:7px;color:#d7a932}.footer-brand>p,footer p,footer a{font-size:9px;color:#9eaab0}.footer-grid h4{font-size:10px;color:#fff;margin:0 0 12px}.footer-grid>div:not(.footer-brand) a{display:block;margin:6px 0}.social{display:flex;gap:8px}.social a{width:28px;height:28px;border:1px solid #53636b;border-radius:50%;display:grid!important;place-items:center}.copyright{border-top:1px solid #29404b;margin-top:28px;padding-top:14px;font-size:8px;color:#7d8b91}
@media(max-width:1000px){.nav{gap:13px}.nav-cta{display:none}.brand{min-width: 50%}.section-grid,.trust-inner,.experience-wrap,.client-wrap{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.trust-dark{background:var(--navy)}.trust-points{padding-left: 0;}.experience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{position:sticky}.nav-wrap{height:68px}.brand{min-width: 90%;}.brand img{width: 100%;}.brand span{display:none}.menu-toggle{display:block;}.nav{position:absolute;top:68px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:18px 5%;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:8px 0;border:0}.hero{min-height:570px}.hero-overlay{background:linear-gradient(180deg,rgba(250,249,245,.98) 0 57%,rgba(250,249,245,.15) 100%)}.hero-content{padding-top:55px}.hero h1{font-size:38px}.hero-signature{display:none}.section{padding:52px 0}.product-grid{grid-template-columns:1fr 1fr}.trust-points{grid-template-columns:1fr 1fr;gap:25px;padding:35px 0}.trust-points>div{border:0}.client-logos{grid-template-columns:repeat(3,1fr)}.experience-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{padding:16px 0}.cta-inner .btn{padding:11px 14px}}
@media(max-width:480px){.product-grid,.experience-grid,.contact-form,.footer-grid{grid-template-columns:1fr}.client-logos{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.hero-actions{flex-direction:column;align-items:flex-start}.trust-points{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-wrap:wrap}.cta-inner .btn{margin-left:0}.contact-form label:nth-child(4){grid-column:auto}}

/* Multi-page additions */
.page-hero{position:relative;background:linear-gradient(120deg,#0d1d27,#183844);color:#fff;padding:72px 0 62px;overflow:hidden}
.page-hero:after{content:"";position:absolute;inset:0;background:url("assets/hero-industrial.jpg") center/cover;opacity:.12}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:42px;line-height:1.08;margin:8px 0 12px;letter-spacing:-1.5px}
.page-hero p{max-width:680px;color:#d2dadd;font-size:13px;margin:0}
.breadcrumb{font-size:9px;font-weight:800;letter-spacing:2px;color:#e4ba48}
.page-content{padding:70px 0;background:var(--cream)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.category-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eee;box-shadow:var(--shadow);transition:.2s}
.category-card:hover{transform:translateY(-4px)}
.category-card img{width:100%;height:180px;object-fit:cover;display:block}
.category-card .inner{padding:20px}.category-card h3{font-size:16px;margin:0 0 8px}.category-card p{font-size:10px;color:var(--muted);min-height:45px}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px}
.feature-item{background:#f5f2e9;padding:20px;border-radius:8px}.feature-item h3{font-size:13px;margin:0 0 5px}.feature-item p{font-size:10px;color:var(--muted);margin:0}
.client-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.client-table th,.client-table td{padding:15px;border-bottom:1px solid #eee;text-align:left;font-size:10px}.client-table th{background:var(--navy);color:#fff}
.exp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.exp-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.exp-card img{width:100%;height:220px;object-fit:cover}.exp-card .inner{padding:18px}.exp-card h3{font-size:15px;margin:0 0 6px}.exp-card p{font-size:10px;color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image{width:100%;border-radius:9px;box-shadow:var(--shadow)}.about-copy h2{font-size:30px;line-height:1.15}.about-copy p{font-size:11px;color:var(--muted)}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-box{background:#fff;border-radius:9px;padding:28px;box-shadow:var(--shadow)}.contact-box h3{font-size:17px;margin-top:0}.contact-box p{font-size:10px;color:var(--muted)}
@media(max-width:760px){.page-hero h1{font-size:34px}.category-grid,.exp-list,.about-grid,.contact-page-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}}


/* =========================
   AGA OUR JOURNEY
========================= */

.aga-journey {
  --aga-navy: #0b2945;
  --aga-gold: #dfa51f;
  --aga-text: #536b87;
  --aga-border: #dce5ef;
  --aga-white: #ffffff;

  position: relative;
  overflow: hidden;
  padding: 75px 0 90px;
  background: var(--aga-white);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--aga-navy);
  isolation: isolate;
}

/* Subtle industrial background */
.aga-journey::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -70px;
  bottom: -50px;
  width: 42%;
  height: 65%;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.55)
    ),
    url("https://images.unsplash.com/photo-1516937941344-00b4e0337589?auto=format&fit=crop&w=1200&q=80")
      center / cover no-repeat;
  opacity: 0.12;
  pointer-events: none;
}

.journey-container {
  width: min(1500px, 92%);
  margin: 0 auto;
}

/* Heading */

.journey-heading {
  max-width: 1000px;
  margin-bottom: 110px;
}

.journey-eyebrow {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 12px;
  color: var(--aga-navy);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 6px;
}

.eyebrow-line {
  display: inline-block;
  width: 52px;
  height: 4px;
  background: var(--aga-gold);
}

.journey-heading h2 {
  margin: 0 0 16px;
  color: var(--aga-navy);
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -1.5px;
}

.journey-heading > p {
  max-width: 950px;
  margin: 0;
  color: var(--aga-text);
  font-size: 18px;
  line-height: 1.8;
}

/* Timeline layout */

.journey-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

/* Horizontal line behind icons */

.journey-timeline::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 8.33%;
  right: 8.33%;
  height: 3px;
  background: #b7c6d7;
}

/* Journey cards */

.journey-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-top: 0;
  padding: 0 10px 12px;
  border: 1px solid var(--aga-border);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.journey-card:hover {
  transform: translateY(-6px);
  border-color: var(--aga-gold);
  box-shadow: 0 12px 30px rgba(11, 41, 69, 0.08);
}

/* Circular timeline icons */

.journey-icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  margin: -55px auto 12px;
  border: 6px solid var(--aga-white);
  border-radius: 50%;
  outline: 1px solid #c8d6e5;
  background: var(--aga-navy);
  color: var(--aga-white);
  box-shadow: 0 0 0 2px #edf2f7;
}

.journey-icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Card content */

.journey-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: center;
}

.journey-year {
  display: block;
  margin-bottom: 8px;
  color: var(--aga-navy);
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 800;
  line-height: 1.2;
}

.journey-content h3 {
  min-height: 42px;
  margin: 0 0 12px;
  color: var(--aga-navy);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  text-transform: uppercase;
}

.journey-content p {
  margin: 0 0 18px;
  color: var(--aga-text);
  font-size: 13px;
  line-height: 1.75;
  text-align: left;
}

/* Card photos */

.journey-photo {
  display: block;
  width: 100%;
  height: 150px;
  margin-top: auto;
  border-radius: 6px;
  object-fit: cover;
  object-position: center;
  background: #edf2f7;
}

/* Highlighted 2024 milestone */

.journey-featured {
  border-color: var(--aga-gold);
  box-shadow: 0 4px 16px rgba(223, 165, 31, 0.1);
}

.journey-featured .journey-icon {
  background: var(--aga-gold);
  outline-color: #e9c66d;
}

.journey-featured .journey-year,
.journey-future {
  color: var(--aga-gold);
}

/* =========================
   TABLET
========================= */

@media (max-width: 1200px) {
  .journey-timeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 85px;
  }

  .journey-timeline::before {
    display: none;
  }

  .journey-heading {
    margin-bottom: 90px;
  }

  .journey-content h3 {
    font-size: 14px;
  }

  .journey-content p {
    font-size: 14px;
  }

  .journey-photo {
    height: 180px;
  }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 650px) {
  .aga-journey {
    padding: 55px 0 65px;
  }

  .journey-container {
    width: 90%;
  }

  .journey-heading {
    margin-bottom: 75px;
  }

  .journey-eyebrow {
    gap: 12px;
    font-size: 11px;
    letter-spacing: 4px;
  }

  .eyebrow-line {
    width: 36px;
  }

  .journey-heading h2 {
    font-size: 36px;
  }

  .journey-heading > p {
    font-size: 15px;
    line-height: 1.7;
  }

  .journey-timeline {
    grid-template-columns: minmax(0, 1fr);
    gap: 72px;
    margin-left: 15px;
  }

  .journey-timeline::before {
    display: block;
    top: 0;
    bottom: 0;
    left: 30px;
    right: auto;
    width: 2px;
    height: auto;
  }

  .journey-card {
    margin-left: 45px;
    padding: 20px 16px 16px;
  }

  .journey-icon {
    position: absolute;
    top: 25px;
    left: -61px;
    width: 58px;
    height: 58px;
    margin: 0;
    border-width: 4px;
  }

  .journey-icon svg {
    width: 22px;
    height: 22px;
  }

  .journey-year {
    font-size: 28px;
  }

  .journey-content h3 {
    min-height: auto;
    font-size: 14px;
  }

  .journey-content p {
    font-size: 14px;
    text-align: left;
  }

  .journey-photo {
    height: 190px;
    margin-top: 0;
  }

  .aga-journey::before {
    width: 100%;
    opacity: 0.06;
  }
}