/* style.css - modern corporate baseline styles */
:root{
  --primary:#FFB74D;
  --primary-orange:#FFB74D;
  --accent-orange:#FFB74D;
  --dark:#E65100;

  --primary-olive:#689F38;
  --accent-olive:#558B2F;
  --light-olive:#8BC34A;
  --light-olive-soft:#E8F5E9;
  --light-olive-accent:#C8E6C9;

  --background-light:#F8F8F8;
  --background-dark:#1A1A1A;

  --text-dark:#333333;
  --text-primary-light:#333333;
  --text-primary-dark:#E0E0E0;
  --text-secondary-light:#6B6B6B;
  --text-secondary-dark:#A0A0A0;

  --border-light:#E5E5E5;
  --border-dark:#333333;

  --card-light:#FFFFFF;
  --card-dark:#282828;
}
body{font-family:'Roboto', Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color:var(--text-primary-light);background:var(--background-light)}
main.page-main{background:var(--background-light)}
main.page-main.interior{padding:3rem 0 4rem}
/* Add padding-top to account for fixed navbar */
main.page-main.home-main{padding-top:0}
/* Ensure navbar is properly positioned */
.navbar.fixed-top{z-index:1030}
.section-surface{background:var(--card-light);border-radius:24px;box-shadow:0 24px 60px rgba(15,23,42,.08);margin:0 auto 2.5rem;max-width:1180px;padding:0}
.section-surface > .container{padding:3rem 3.5rem}
/* Reduce padding for overview sections (portfolio, global, career, about) */
.section-surface > .container.portfolio-overview-container,
.section-surface > .container.global-overview-container,
.section-surface > .container.career-overview-container,
.section-surface > .container.about-story-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 992px) {
  .section-surface > .container.portfolio-overview-container,
  .section-surface > .container.global-overview-container,
  .section-surface > .container.career-overview-container,
  .section-surface > .container.about-story-container {
    padding-left: 2rem;
  }
}
.section-surface:last-of-type{margin-bottom:0}
.page-hero{background:linear-gradient(135deg,rgba(255,183,77,.18),rgba(139,195,74,.18));color:var(--text-primary-light)}
.page-hero .badge{background-color:var(--primary-orange)!important}
.page-hero h1{color:var(--text-primary-light)}
.hero{min-height:calc(100vh - 76px); height:calc(100vh - 76px); position:relative; overflow:hidden; background:var(--background-dark); color:var(--text-primary-dark); margin-top:76px}
.hero .carousel{width:100%;height:100%}
.hero .carousel-inner{width:100%;height:100%}
.hero .carousel-item{position:relative; height:100%; pointer-events:none}
.hero .carousel-item .carousel-caption{pointer-events:auto}
.hero .carousel-caption{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; padding:2.75rem 3rem; max-width:760px; width:88%; margin:0 auto; z-index:3; pointer-events:auto; background:transparent; border:none; border-radius:0; box-shadow:none; backdrop-filter:none}
.hero .carousel-image{position:absolute; inset:0; width:100%; height:100%; background-size:cover; background-position:center; filter:brightness(.75); object-fit:cover}
.hero .carousel-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:brightness(.75); image-rendering:auto; image-rendering:crisp-edges; image-rendering:-webkit-optimize-contrast}
.hero .carousel-item::after{content:''; position:absolute; inset:0; background:linear-gradient(125deg,rgba(0,0,0,0.55),rgba(0,0,0,0.32)); z-index:1; pointer-events:none}
.hero .carousel-caption h1{font-size:3rem; font-weight:700; line-height:1.15; text-shadow:0 10px 28px rgba(0,0,0,.45)}
.hero .carousel-caption p{font-size:1.15rem; text-shadow:0 6px 18px rgba(0,0,0,.4); color:rgba(255,255,255,0.92)}
.hero .carousel-control-prev-icon,
.hero .carousel-control-next-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.hero .carousel-control-prev,
.hero .carousel-control-next{z-index:3}
.section-intro{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center;margin-bottom:2.6rem}
.section-intro .section-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-olive)}
.section-intro h2,.section-intro h3{margin:0;font-weight:700;color:var(--text-primary-light)}
.section-intro h2{font-size:2.45rem}
.section-intro h3{font-size:2rem}
.section-intro p{margin:0;color:var(--text-secondary-light);max-width:620px}
.home-stats-section{padding:0}
.home-stats-section .container{padding:3.25rem 3.5rem}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.75rem}
.stat-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:22px;padding:2.1rem 1.75rem;text-align:center;box-shadow:0 24px 46px rgba(21,33,15,0.08);display:flex;flex-direction:column;align-items:center;gap:.45rem;transition:transform .2s ease, box-shadow .2s ease}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 28px 58px rgba(21,33,15,0.12)}
.stat-number,.stat-label{display:block}
.stat-number{font-size:2.2rem;font-weight:700;color:var(--primary-olive);letter-spacing:.01em}
.stat-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-olive);font-weight:600}
.placeholder-card{border-style:dashed;background:linear-gradient(140deg,rgba(232,245,233,0.6),rgba(243,246,229,0.6));box-shadow:none}
.placeholder-card .stat-number{color:rgba(139,195,74,0.45)}
.placeholder-card .stat-label{color:rgba(139,195,74,0.55)}
.home-overview-section{padding:4.5rem 0}
.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;align-items:center}
.overview-copy h2{font-size:2.5rem;font-weight:700;color:var(--text-primary-light);margin-bottom:1rem}
.overview-copy .lead{font-size:1.15rem;color:var(--text-primary-light)}
.overview-copy p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary-light)}
.overview-visual{text-align:center;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.overview-visual img,.overview-visual .placeholder{max-width:320px;margin:0 auto;border-radius:24px;box-shadow:0 16px 40px rgba(85,107,47,0.18)}
.home-core-section{padding:4.5rem 0}
.core-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}
.core-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:22px;padding:2.2rem 2rem;box-shadow:0 22px 36px rgba(26,33,17,0.08);display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s ease, box-shadow .2s ease}
.core-card:hover{transform:translateY(-4px);box-shadow:0 26px 48px rgba(26,33,17,0.12)}
.core-card h5{font-weight:700;font-size:1.25rem;color:var(--text-primary-light);margin-bottom:.35rem}
.core-card p{color:var(--text-secondary-light);font-size:.92rem;margin-bottom:0}
.core-icon{width:62px;height:62px;border-radius:18px;background:rgba(255,183,77,0.14);display:flex;align-items:center;justify-content:center}
.core-icon img{width:32px;height:32px;object-fit:contain}
.home-partners-section{padding:3.75rem 0}
.partners-row{display:flex;flex-wrap:wrap;gap:1.75rem;justify-content:center;align-items:center;margin-top:1.5rem}
.partner-logo{width:180px;height:80px;min-width:180px;min-height:80px;max-width:180px;max-height:80px;display:flex;align-items:center;justify-content:center;filter:grayscale(100%);opacity:.7;transition:opacity .2s ease,filter .2s ease;padding:0.5rem;box-sizing:border-box;overflow:hidden;flex-shrink:0}
.partner-logo:hover{opacity:1;filter:grayscale(0)}
.partners-row .partner-logo img{max-width:164px;max-height:64px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}
.home-cta-section{padding:4.5rem 0}
.founder-card{background:linear-gradient(160deg,rgba(255,183,77,.12),rgba(255,255,255,.9));border-radius:20px;padding:2.75rem 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.founder-avatar{width:88px;height:88px;border-radius:26px;background:rgba(255,183,77,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.founder-avatar span{font-weight:700;font-size:1.8rem;color:var(--primary-olive)}
.founder-title{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--accent-olive)}
.founder-name{font-size:1.6rem;font-weight:600;color:var(--text-primary-light)}
.founder-meta{font-size:.9rem;color:var(--text-secondary-light)}
.founder-highlight{background:var(--background-light);border-radius:16px;border:1px solid var(--border-light);transition:transform .2s ease, box-shadow .2s ease}
.founder-highlight:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.12)}
.founder-highlight-icon{width:44px;height:44px;border-radius:12px;background:var(--card-light);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:.75rem}
/* Increase size for award & globe icons (used in founder highlights) */
.founder-highlight-icon i.bi-award,
.founder-highlight-icon i.bi-globe,
i.bi-award,
i.bi-globe {
  font-size: 5.75rem;
  line-height: 10;
  display: inline-block;
}
.philosophy-card{background:var(--card-light);border-radius:18px;padding:2.25rem 2rem;border:1px solid var(--border-light);transition:transform .2s ease, box-shadow .2s ease}
.philosophy-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.1)}
.philosophy-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent-orange);margin-bottom:1rem}
.region-scroll{max-height:360px;overflow-y:auto;padding-right:.5rem}
.region-scroll::-webkit-scrollbar{width:6px}
.region-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.5);border-radius:999px}
.region-entry{background:var(--background-light);border-radius:14px;padding:1rem 1.1rem;margin-bottom:.75rem;border:1px solid var(--border-light)}
.region-entry:last-child{margin-bottom:0}
.region-entry h6{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary-light)}
.region-entry p{margin-bottom:.5rem}
.region-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px var(--card-light);margin-right:.5rem}
.legend-stack{display:flex;flex-direction:column;gap:.6rem}
.legend-entry{display:flex;align-items:center;font-size:.9rem;color:var(--text-secondary-light);gap:.5rem}
.legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--card-light);box-shadow:0 6px 12px rgba(15,23,42,.2)}
.card img{object-fit:cover}
/* Story section - market standard typography and alignment */
#about-story {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
#about-story .story-content {
  max-width: 100%;
  line-height: 1.75;
  font-size: 1.05rem;
  color: var(--text-primary-light);
  padding-left: 20px;
  margin: 0;
}
#about-story .story-content p {
  margin-bottom: 1.5rem;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
#about-story .story-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #about-story .story-content {
    max-width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
/* Portfolio overview section - same styling as story section */
#portfolio-overview {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
#portfolio-overview .overview-content {
  max-width: 100%;
  line-height: 1.75;
  font-size: 1.05rem;
  color: var(--text-primary-light);
  text-align: left;
  padding-left: 20px;
  margin: 0;
}
#portfolio-overview .overview-content .lead {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--text-primary-light);
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  text-align: left;
}
#portfolio-overview .overview-content p {
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  text-align: left;
}
#portfolio-overview .overview-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #portfolio-overview .overview-content {
    max-width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
/* Global overview section - same styling */
#global-overview {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
#global-overview .overview-content {
  max-width: 100%;
  line-height: 1.75;
  font-size: 1.05rem;
  color: var(--text-primary-light);
  text-align: left;
  padding-left: 20px;
  margin: 0;
}
#global-overview .overview-content .lead {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--text-primary-light);
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  text-align: left;
}
#global-overview .overview-content p {
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  text-align: left;
}
#global-overview .overview-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #global-overview .overview-content {
    max-width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
/* Career overview section - same styling */
#career-overview {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
#career-overview .overview-content {
  max-width: 100%;
  line-height: 1.75;
  font-size: 1.05rem;
  color: var(--text-primary-light);
  text-align: left;
  padding-left: 20px;
  margin: 0;
}
#career-overview .overview-content .lead {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--text-primary-light);
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  text-align: left;
}
#career-overview .overview-content p {
  margin-bottom: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  text-align: left;
}
#career-overview .overview-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #career-overview .overview-content {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}
footer a{text-decoration:none}
/* Touch target accessibility: minimum 48x48px with adequate spacing (WCAG 2.5.5) */
footer ul.list-unstyled {
  margin-bottom: 0;
}
footer ul.list-unstyled li {
  margin-bottom: 0.5rem;
  padding: 0;
}
footer ul.list-unstyled li:last-child {
  margin-bottom: 0;
}
footer ul.list-unstyled li a {
  display: inline-block;
  min-height: 48px;
  min-width: 48px;
  padding: 12px 8px;
  line-height: 1.5;
  margin: -12px -8px;
  box-sizing: border-box;
}
/* Footer contact links (email, phone) */
footer p a {
  display: inline-block;
  min-height: 44px;
  min-width: 44px;
  padding: 8px 4px;
  margin: -8px -4px;
  line-height: 1.5;
  box-sizing: border-box;
}
/* Navigation links touch targets */
.navbar-nav .nav-link {
  min-height: 44px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
/* Button touch targets (Bootstrap buttons should already be adequate, but ensure minimum) */
.btn {
  min-height: 44px;
  padding: 0.5rem 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.btn-sm {
  min-height: 36px;
  padding: 0.375rem 0.75rem;
}
img {max-width:100%}
#global-map{z-index:1}
.legend-marker{width:20px;height:20px;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.3);flex-shrink:0}
.contact-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--background-light);border-radius:12px;flex-shrink:0}
.contact-icon-wrapper i{color:var(--primary-orange)!important}
.google-form-container iframe{border:none}
.qr-code-wrapper{display:inline-block;border:2px solid var(--border-light)}
.cta-panel{background:linear-gradient(145deg,var(--light-olive-soft),#f9fbe7);border-radius:24px;padding:3rem 3.5rem;text-align:center;box-shadow:0 24px 60px rgba(123,150,85,.18)}
.cta-panel h4{color:var(--text-primary-light);font-weight:600}
.cta-panel p{color:var(--text-secondary-light)}
.cta-panel .btn{margin-top:.75rem}
@media (max-width:992px){
  .hero{min-height:calc(100vh - 76px); height:calc(100vh - 76px)}
  .hero .carousel-caption{padding:2.1rem 2.2rem; width:90%; max-width:620px}
  .hero .carousel-caption h1{font-size:2.4rem}
  .hero .carousel-caption p{font-size:1.05rem}
  .section-surface > .container{padding:2.5rem}
  .home-stats-section .container{padding:2.75rem 2.5rem}
  .stats-grid{gap:1.4rem}
  .core-grid{gap:1.6rem}
}
@media (max-width:768px){
  .hero{min-height:calc(100vh - 60px); height:calc(100vh - 60px); margin-top:60px}
  .hero .carousel-item{height:100%}
  .hero .carousel-image{filter:brightness(.65)}
  .hero .carousel-caption{padding:1.8rem 1.6rem; width:92%}
  .section-surface > .container{padding:2rem}
  .overview-grid{gap:2rem}
  .core-card{padding:2rem 1.75rem}
  .stat-number{font-size:2rem}
  .home-stats-section .container{padding:2.5rem 1.9rem}
}
@media (max-width:576px){
  .hero{min-height:calc(100vh - 56px); height:calc(100vh - 56px); margin-top:56px}
  .hero .carousel-caption{padding:1.65rem 1.35rem}
  .hero .carousel-caption h1{font-size:1.8rem}
  .hero .carousel-caption p{font-size:0.95rem}
  .section-surface{margin:0 1rem 2rem; max-width:calc(100% - 2rem)}
  .section-surface > .container{padding:1.5rem 1.25rem}
  .stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .home-stats-section .container{padding:2.2rem 1.35rem}
  .core-grid{grid-template-columns:1fr}
  .overview-visual img,.overview-visual .placeholder{max-width:260px}
}
@media (min-width: 768px) and (max-width: 800px) {
  /* iPad Mini / standard portrait-like widths */
  .hero { min-height:48vh; }
  .hero .carousel-image { height:48vh; }
  .hero .carousel-caption { padding:1.8rem 1.6rem; width:88%; max-width:640px; }
  .hero .carousel-caption h1 { font-size:2.2rem; }
  .section-surface > .container { padding:2rem; }
  .stats-grid { grid-template-columns: repeat(3, 1fr); gap:1.2rem; }
}

/* COMPRESSED: About -> Global Presence boxes (more aggressive compression) */
#about-global-regions {
  margin-top: 0.08rem;
}
#about-global-regions .row {
  gap: 0.12rem;
}
#about-global-regions .col-md-6.col-lg-3 {
  padding-left: 2px;
  padding-right: 2px;
  flex: 1 1 0;
  max-width: 100%;
}

/* Very compact card layout */
#about-global-regions .card {
  padding: 0.25rem 0.3rem;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(15,23,42,0.04);
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0;
  overflow: hidden;
}

/* Tight card-body */
#about-global-regions .card .card-body,
#about-global-regions .card > .card-body {
  padding: 0.22rem 0.18rem;
}

/* Compact typography */
#about-global-regions .card h6 {
  margin: 0 0 0.06rem 0;
  font-size: 0.82rem;
  line-height: 1.05;
  font-weight: 600;
}
#about-global-regions .card p {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.1;
  color: var(--text-secondary-light);
}

/* Smaller icon / image */
#about-global-regions .card i,
#about-global-regions .card .icon,
#about-global-regions .card img {
  margin: 0;
  font-size: 0.95rem;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Ensure content wraps and stays tight */
#about-global-regions .card .region-meta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* Mobile tweak: keep compressed but legible */
@media (max-width: 576px) {
  #about-global-regions .row { gap: 0.08rem; }
  #about-global-regions .col-md-6.col-lg-3 { padding-left: 1px; padding-right: 1px; }
  #about-global-regions .card { padding: 0.22rem 0.24rem; gap: 0.28rem; }
  #about-global-regions .card h6 { font-size: 0.8rem; }
  #about-global-regions .card p { font-size: 0.7rem; }
}
.btn-primary {
  background-color: #F57C00;
  border-color: #E65100;
  color: #fff;
  font-weight: 600;
}

.btn-primary:hover {
  background-color: #E65100;
  border-color: #BF360C;
}

.btn-outline-primary {
  border-color: #F57C00;
  color: #E65100;
  font-weight: 600;
}

.btn-outline-primary:hover {
  background-color: #F57C00;
  border-color: #E65100;
  color: #fff;
}

.bg-primary {
  background-color: var(--primary-orange) !important;
}

.text-primary {
  color: var(--primary-orange) !important;
}

.bg-olive {
  background-color: var(--primary-olive) !important;
}

.bg-primary-orange {
  background-color: var(--primary-orange) !important;
}

.bg-primary-olive {
  background-color: var(--primary-olive) !important;
}

.text-primary-orange {
  color: var(--primary-orange) !important;
}

.text-primary-olive {
  color: var(--primary-olive) !important;
}

.min-vh-50 {
  min-height: 50vh;
}

.navbar-brand strong{font-size:1.4rem;font-weight:700;letter-spacing:.03em}
.brand-mark .brand-par{color:var(--primary-orange)}
.brand-mark .brand-gan{color:var(--primary-olive)}
footer .bi:not(.bi-linkedin){color:var(--primary-orange)!important}
footer .bi-linkedin{color:var(--primary-orange)!important}
footer a.text-white{color:var(--primary-olive)!important}
footer a.text-white:hover{color:var(--light-olive)!important}
footer .footer-contact-icon{color:var(--primary-orange)!important;font-size:1rem}
/* LinkedIn icon - ensure visibility and orange color */
footer a[aria-label="LinkedIn"]{display:inline-block!important;min-width:24px;min-height:24px;line-height:1}
footer a[aria-label="LinkedIn"] i.bi-linkedin,footer a[aria-label="LinkedIn"] .bi-linkedin,footer a[aria-label="LinkedIn"] span.bi-linkedin,footer a[aria-label="LinkedIn"] svg{color:var(--primary-orange)!important;fill:var(--primary-orange)!important;width:20px!important;height:20px!important;display:inline-block!important;vertical-align:middle!important}
footer a[aria-label="LinkedIn"] svg path{fill:var(--primary-orange)!important;stroke:none!important}
footer a[aria-label="LinkedIn"]:hover i.bi-linkedin,footer a[aria-label="LinkedIn"]:hover .bi-linkedin,footer a[aria-label="LinkedIn"]:hover span.bi-linkedin,footer a[aria-label="LinkedIn"]:hover svg{color:var(--primary-orange)!important;fill:var(--primary-orange)!important;opacity:0.8!important}
footer a[aria-label="LinkedIn"]:hover svg path{fill:var(--primary-orange)!important;opacity:0.8!important}
/* emoji fallback for operations icons */
.op-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  font-size: 1.2rem;
  margin-bottom: 0.35rem;
  line-height: 1;
}

/* Keep overview box size but show a larger image inside (image is clipped) */
.overview-visual {
  height: 520px;            /* keep the box height as before */
  overflow: hidden;         /* clip the oversized image */
  display: flex;
  align-items: center;
  justify-content: center;
}
.overview-visual img {
  height: 770px;            /* larger image height (appears bigger, will be clipped) */
  width: auto;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* Footer: compact contact row, smaller icons, color for contact icons */
.footer-contact-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.footer-contact-item{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary-light);font-size:.95rem}
.footer-contact-item a{color:inherit;text-decoration:none}
.footer-contact-item a:hover{color:var(--primary-orange)}
.footer-contact-icon{color:var(--primary-orange);font-size:1rem;line-height:1}
.footer-social-icon, .footer-contact-item svg{width:16px;height:16px;vertical-align:middle;fill:currentColor;color:var(--primary-orange);display:inline-block}
/* Ensure footer contact icons use brand orange and LinkedIn SVG uses brand orange */
footer .footer-contact-icon,
footer .bi-telephone-fill,
footer .bi-envelope-fill {
  color: var(--primary-orange) !important;
  fill: var(--primary-orange) !important;
}

/* Make LinkedIn icon in footer orange too */
footer a[aria-label="LinkedIn"],
footer .footer-social-icon,
footer .bi-linkedin {
  color: var(--primary-orange) !important;
  fill: var(--primary-orange) !important;
}

/* Also ensure inline SVGs inside footer inherit the color */
footer svg {
  color: inherit;
  fill: currentColor;
}