@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--dark:#111416;--black:#090b0c;--gold:#c6a55e;--white:#f7f7f5;--muted:#62686d}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#202326;background:#f7f7f5}h1,h2,h3{font-family:'Saira Semi Condensed','Arial Narrow',Arial,sans-serif;line-height:1.02;margin:0;font-weight:800;letter-spacing:.01em}h1{font-size:clamp(3.8rem,7.1vw,7rem)}h2{font-size:clamp(2.4rem,4vw,4.5rem)}h3{font-size:1.65rem}p{line-height:1.7}a{color:inherit;text-decoration:none}.eyebrow{font-weight:800;letter-spacing:.11em;font-size:.82rem;color:var(--gold);margin:0 0 15px}.site-header{position:sticky;top:0;z-index:1000;height:86px;background:var(--black);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:20px;position:relative;z-index:5}.brand{width:200px;height:68px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:cover;object-position:center}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{font-size:.75rem;font-weight:800;color:#eee;text-transform:uppercase;white-space:nowrap;letter-spacing:.06em}.site-header nav a:hover,.site-header nav a.active{color:var(--gold)}.header-cta,.btn{border:1px solid var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.04em;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.header-cta{color:var(--gold);white-space:nowrap}.btn.gold{background:var(--gold);color:#141414}.btn.outline{border-color:#ddd;color:#fff}.btn:hover,.header-cta:hover{filter:brightness(1.1)}.menu-toggle{display:none}.hero{min-height:670px;background:linear-gradient(90deg,rgba(5,8,10,.93) 0%,rgba(5,8,10,.76) 45%,rgba(5,8,10,.06) 100%),url('assets/axis-map-banner.png') center/cover no-repeat;color:#fff;display:flex;align-items:end}.hero-inner{max-width:900px;padding:120px 5% 90px}.hero h1 span{color:var(--gold)}.hero-inner>p:not(.eyebrow){max-width:600px;font-size:1.05rem}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.section{padding:90px 5%}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end}.intro>p{max-width:540px;color:#4c5054}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 4% 70px}.service{background:#111416;color:white;overflow:hidden}.service img{display:block;width:100%;height:230px;object-fit:cover}.service>div{padding:26px;min-height:200px;position:relative}.service p{font-size:.85rem;color:#d4d4d4}.service span{color:var(--gold);font-size:.8rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.split>img{width:100%;height:100%;object-fit:cover;min-height:420px}.split>div{padding:75px 9%;display:flex;flex-direction:column;align-items:start;justify-content:center}.dark-panel{background:#111416;color:white}.dark-panel p:not(.eyebrow){color:#ddd}.values{color:var(--gold);font-size:.75rem;font-weight:800;line-height:2.3;letter-spacing:.06em;margin:15px 0}.text-link{font-weight:800;color:var(--gold);font-size:.8rem;letter-spacing:.05em;margin-top:20px}.location{background:#fff}.location .btn{margin-top:15px}.page-hero{background:linear-gradient(100deg,rgba(7,10,11,.95),rgba(7,10,11,.78)),url('assets/axis-map-banner.png') center/cover;color:white;padding:110px 6%;min-height:370px}.page-hero h1{max-width:1000px}.page-hero>p:last-child{font-size:1.15rem;max-width:650px}.feature-list{display:grid;gap:65px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.feature:nth-child(even) img{order:2}.feature img{width:100%;height:360px;object-fit:cover}.feature p{max-width:570px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-card{background:white;padding:42px;border-top:4px solid var(--gold);min-height:220px}.info-card span{color:var(--gold);font-weight:800}.info-card h2{font-size:2.6rem;margin-top:15px}.about-split{background:#fff}.leadership{display:grid;grid-template-columns:330px 1fr;gap:7%;align-items:start}.portrait{background:#1a1d20;min-height:390px;color:#ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.avatar{font-family:'Saira Semi Condensed',sans-serif;font-size:6rem;color:var(--gold);border:2px solid var(--gold);border-radius:50%;width:160px;height:160px;display:grid;place-items:center}.leadership h3{margin:25px 0 10px}.note{font-size:.78rem;color:#6c7175}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.quote-form{background:white;padding:32px;display:grid;gap:15px}.quote-form label{font-size:.78rem;font-weight:800;display:grid;gap:7px;text-transform:uppercase}.quote-form input,.quote-form textarea{font:inherit;padding:12px;border:1px solid #ccc;width:100%}.cta-band{background:#202427;color:white;padding:55px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{font-size:3rem}footer{background:#080a0b;color:#ddd;padding:55px 5% 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer strong{font-family:'Saira Semi Condensed';font-size:2rem}footer p{font-size:.8rem}.footer-links{display:flex;gap:14px;flex-wrap:wrap;align-content:start}.footer-links a{font-size:.75rem}footer small{grid-column:1/-1;color:#888;border-top:1px solid #333;padding-top:20px}@media(max-width:1080px){.site-header nav{gap:12px}.site-header nav a{font-size:.67rem}.brand{width:150px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:75px}.brand{width:160px}.header-cta{display:none}.menu-toggle{display:block;background:none;border:0;color:white;font-size:1.7rem}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#101315;padding:22px 5%;flex-direction:column;align-items:start}.site-header nav.open{display:flex}.hero{min-height:620px;background-position:60% center}.hero-inner{padding:90px 6% 60px}.intro,.split,.feature,.leadership,.contact-layout{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service img{height:260px}.split>img{min-height:300px;height:300px}.split>div{padding:55px 6%}.feature:nth-child(even) img{order:0}.feature img{height:260px}.cards{grid-template-columns:1fr}.section{padding:65px 6%}.page-hero{padding:90px 6%}.cta-band{align-items:start;flex-direction:column}footer{grid-template-columns:1fr}}

/* Keep the site header visible when scrolling */
.site-header{position:sticky;top:0;z-index:1000}

/* Approved hero image, preserving original typography, truck and Axis branding. */
.approved-hero{display:block;position:relative;min-height:0;background:#0b0d0e}
.approved-hero .hero-art{display:block;width:100%;height:auto}
.approved-hero .hero-hotspot{position:absolute;display:block;z-index:2}
.approved-hero .hero-quote{left:5.5%;top:84.5%;width:18.2%;height:8.5%}
.approved-hero .hero-services{left:24.8%;top:84.5%;width:15.8%;height:8.5%}
.approved-hero .hero-hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mobile-hero{display:none}
@media(max-width:760px){
.approved-hero{height:260px;overflow:hidden}
.approved-hero .hero-art{height:100%;width:100%;object-fit:cover;object-position:76% center}
.approved-hero .hero-hotspot{display:none}
.mobile-hero{display:block;padding:48px 6% 56px;background:#101416;color:#fff}
.mobile-hero h1{font-size:clamp(2.8rem,11vw,4.5rem)}
.mobile-hero h1 span{color:var(--gold)}
.mobile-hero p:not(.eyebrow){max-width:520px}
}

/* Ricky Martin original portrait on leadership page */
.portrait{min-height:0;padding:0;background:#16191b;overflow:hidden}
.portrait .ricky-photo{display:block;width:100%;height:auto;object-fit:contain}

/* Axis sitewide charcoal and gold refresh */
:root{--dark:#171a1d;--black:#090b0c;--gold:#c6a55e;--white:#171a1d;--muted:#bca66f}
html,body{background:#171a1d;color:#c6a55e}
.section,.intro,.location,.about-split,.contact-layout,.leadership{background:#171a1d;color:#c6a55e}
.intro>p,.feature p,.location p,.about-split p,.leadership p,.contact-layout p,.info-card p,.quote-form p{color:#d0b77d}
.intro h2,.section h2,.split h2,.feature h2,.info-card h2,.leadership h2,.leadership h3,.contact-layout h2{color:#c6a55e}
.info-card,.quote-form{background:#22262a;color:#c6a55e;border-color:#c6a55e}
.service{background:#171a1d;border:1px solid #34302a}
.service h3,.service p,.service span{color:#c6a55e}
.dark-panel,.cta-band{background:#101315;color:#c6a55e}
.dark-panel p:not(.eyebrow),.cta-band p:not(.eyebrow){color:#d0b77d}
.feature-list,.feature{background:#171a1d}
.quote-form label{color:#c6a55e}
.quote-form input,.quote-form textarea{background:#111416;color:#f1e1ba;border:1px solid #72613e}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#9e8b62}
.quote-form input:focus,.quote-form textarea:focus{outline:2px solid #c6a55e;outline-offset:1px}
.note,.leadership .note{color:#b8a777}
.portrait{background:#101315}
.btn.gold{background:#c6a55e;color:#101315}
footer{background:#090b0c;color:#c6a55e}
footer small{color:#bca66f}
@media(max-width:760px){.mobile-hero{background:#111416;color:#c6a55e}.mobile-hero p:not(.eyebrow){color:#d0b77d}}

/* Axis typography update: squared industrial Rajdhani for display, navigation and CTAs. */
h1,h2,h3,h4,h5,h6,.eyebrow,.site-header nav a,.header-cta,.btn,.menu-toggle,footer strong,.service span,.footer-links a{font-family:'Saira Semi Condensed',Arial,sans-serif;font-weight:700;letter-spacing:.045em}
h1,h2,h3{line-height:1.02}
.site-header nav a{font-size:.92rem;letter-spacing:.065em}
.header-cta,.btn{font-size:.95rem;letter-spacing:.045em}
.eyebrow{font-size:.98rem}
@media(max-width:1080px){.site-header nav a{font-size:.8rem}}

/* Final typography: Saira Semi Condensed ExtraBold on display and UI. */
h1,h2,h3,h4,h5,h6,.eyebrow,.site-header nav a,.header-cta,.btn,footer strong,.service span,.footer-links a{font-family:'Saira Semi Condensed',Arial,sans-serif;font-weight:800;letter-spacing:.018em}
.site-header nav a{font-weight:700;letter-spacing:.035em}
/* Leadership banner: show only the original Axis map and logo artwork. */
.leadership-map-banner{padding:0;min-height:0;background:#090b0c;line-height:0}
.leadership-map-banner img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:center}
@media(max-width:760px){.leadership-map-banner img{height:auto;max-height:none;object-fit:contain}}

/* Logo-inspired matte silver typography across the site. Gold remains an accent. */
:root{--silver:#c1c2c4;--silver-bright:#e0e1e2;--silver-muted:#b2b5b8}
html,body,main,.section,.intro,.location,.about-split,.contact-layout,.leadership,.feature,.feature-list,.info-card,.quote-form,.service,.dark-panel,.cta-band,footer,.mobile-hero{color:var(--silver)}
h1,h2,h3,h4,h5,h6,.eyebrow,.section h2,.intro h2,.split h2,.feature h2,.info-card h2,.leadership h2,.leadership h3,.contact-layout h2,.service h3,.service span,.values,.text-link,.info-card span,.quote-form label,footer strong{color:var(--silver-bright)}
p,.intro>p,.feature p,.location p,.about-split p,.leadership p,.contact-layout p,.info-card p,.quote-form p,.service p,.dark-panel p:not(.eyebrow),.cta-band p:not(.eyebrow),.mobile-hero p:not(.eyebrow),.note,.leadership .note,footer p,footer small{color:var(--silver-muted)}
.site-header nav a,.site-header nav a:hover,.site-header nav a.active,.header-cta,.footer-links a,.btn.outline{color:var(--silver-bright)}
.quote-form input,.quote-form textarea{color:var(--silver-bright)}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:var(--silver-muted)}
/* Gold-filled buttons keep dark text for contrast. Gold borders and rules remain brand accents. */
.btn.gold{color:#101315}
.mobile-hero h1 span{color:var(--silver-bright)}

/* Darker brushed-metal silver sampled from the AXIS 'S' logo reference.
   Keep gold as the accent and preserve dark text on gold buttons. */
:root{
  --silver:#999A9C;
  --silver-bright:#A6A7A9;
  --silver-muted:#989A9D;
}

/* Unified gold action-link treatment on the homepage (reference: ABOUT OUR COMPANY). */
body:has(.approved-hero) .header-cta,
body:has(.approved-hero) .btn.gold,
body:has(.approved-hero) .axis-action,
body:has(.approved-hero) .service span,
body:has(.approved-hero) .approved-hero .hero-hotspot{
  background:#c6a55e;
  color:#101315;
  border:1px solid #c6a55e;
  border-radius:0;
  font-family:'Saira Semi Condensed',Arial,sans-serif;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:.018em;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:15px 21px;
  line-height:1.1;
  text-transform:uppercase;
  transition:background .18s ease,filter .18s ease;
}
body:has(.approved-hero) .service span{margin-top:14px;font-size:.82rem;padding:12px 17px;}
body:has(.approved-hero) .axis-action{margin-top:22px;}
body:has(.approved-hero) .approved-hero .hero-hotspot{
  position:absolute;z-index:3;
  padding:0 8px;
  display:flex;
  font-size:clamp(9px,1.22vw,20px);
  gap:clamp(5px,1.2vw,22px);
  height:8.5%;top:84.5%;
}
body:has(.approved-hero) .approved-hero .hero-quote{left:5.5%;width:18.2%}
body:has(.approved-hero) .approved-hero .hero-services{left:24.8%;width:15.8%}
body:has(.approved-hero) .header-cta:hover,
body:has(.approved-hero) .btn.gold:hover,
body:has(.approved-hero) .axis-action:hover,
body:has(.approved-hero) .service:hover span,
body:has(.approved-hero) .approved-hero .hero-hotspot:hover{background:#dfbd75;filter:none;}
body:has(.approved-hero) .approved-hero .hero-hotspot:focus-visible,
body:has(.approved-hero) .btn:focus-visible,
body:has(.approved-hero) .axis-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){
 body:has(.approved-hero) .approved-hero .hero-hotspot{display:none}
 body:has(.approved-hero) .mobile-hero .btn.gold{padding:14px 16px;font-size:.85rem}
}

/* Compact copyright-only footer stays visible while scrolling. */
body{padding-bottom:52px}
footer.copyright-footer{position:fixed;bottom:0;left:0;right:0;z-index:900;box-sizing:border-box;height:52px;min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 18px;background:#101214;border-top:1px solid #393b3e;box-shadow:0 -3px 15px rgba(0,0,0,.25);text-align:center}
footer.copyright-footer small{font-family:Inter,Arial,sans-serif;font-size:12px;letter-spacing:.015em;color:#a6a7a9;line-height:1.35}
@media(max-width:760px){body{padding-bottom:48px}footer.copyright-footer{height:48px;min-height:48px;padding:8px 12px}footer.copyright-footer small{font-size:11px}}

/* Home services: consistent heading, description, and Explore button baselines. */
.service-grid{align-items:stretch}
.service{display:flex;flex-direction:column}
.service>div{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:225px}
.service h3{min-height:2.15em;margin:0 0 14px}
.service p{margin:0 0 18px;line-height:1.65}
.service span{margin-top:auto;align-self:flex-start}
@media(max-width:760px){.service>div{min-height:0}.service h3{min-height:0}.service span{margin-top:20px}}

/* Restore the two ORIGINAL homepage hero buttons. Their gold/outlined styling
   is already part of the approved hero artwork; these are invisible clickable links. */
body:has(.approved-hero) .approved-hero .hero-hotspot,
body:has(.approved-hero) .approved-hero .hero-hotspot:hover{
  background:transparent!important; border:0!important; box-shadow:none!important;
  color:transparent!important; font-size:0!important; padding:0!important;
  filter:none!important; opacity:1!important; transition:none!important;
}
body:has(.approved-hero) .approved-hero .hero-hotspot span{display:none!important}
body:has(.approved-hero) .approved-hero .hero-hotspot:focus-visible{outline:2px solid #fff!important;outline-offset:3px}

/* Hero buttons are already printed in the banner image. Keep only invisible click zones. */
.approved-hero a.hero-hotspot,body:has(.approved-hero) .approved-hero a.hero-hotspot,body:has(.approved-hero) .approved-hero a.hero-hotspot:hover{font-size:0!important;color:transparent!important;background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;appearance:none!important;text-decoration:none!important;padding:0!important;min-width:0!important;min-height:0!important;opacity:1!important;filter:none!important;line-height:0!important;}