:root {
  --navy:#091b2c;
  --navy-2:#10283e;
  --gold:#c5a15b;
  --gold-light:#d9bd82;
  --ivory:#f7f5ef;
  --white:#fff;
  --text:#28333d;
  --muted:#6d7680;
  --line:#e2ded4;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Inter", Arial, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text);background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.topbar{background:#061521;color:#cbd4dc;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between}
.topbar-links{display:flex;gap:24px}.topbar a:hover{color:var(--gold-light)}
.site-header{position:absolute;z-index:20;top:35px;left:0;width:100%;transition:.3s}
.site-header.scrolled{position:fixed;top:0;background:rgba(7,22,35,.97);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.nav-wrap{min-height:92px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-mark{height:44px;width:44px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:.04em}
.brand-name,.brand-sub{display:block;line-height:1}.brand-name{font-size:14px;letter-spacing:.2em;font-weight:700}.brand-sub{font-size:9px;letter-spacing:.38em;color:var(--gold);margin-top:6px}
.main-nav{display:flex;align-items:center;gap:32px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.nav-link,.dropdown-toggle{opacity:.9;transition:.25s}.nav-link:hover,.dropdown-toggle:hover,.nav-link.active{color:var(--gold-light);opacity:1}
.dropdown-toggle{border:0;background:none;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;padding:30px 0}
.chevron{font-size:15px;margin-left:4px}
.nav-cta{border:1px solid rgba(197,161,91,.8);padding:10px 18px}.nav-cta:hover{background:var(--gold);color:var(--navy)}
.nav-dropdown{position:relative}.mega-menu{position:absolute;right:-100px;top:78px;width:760px;padding:30px;background:#0b2134;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:2px solid var(--gold);box-shadow:0 25px 50px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.nav-dropdown:hover .mega-menu,.nav-dropdown.open .mega-menu{opacity:1;visibility:visible;transform:none}
.mega-column h4{font-family:var(--serif);font-size:20px;color:var(--gold-light);margin-bottom:10px}.mega-column a{display:block;color:#d8e0e6;font-size:11px;padding:5px 0}.mega-column a:hover{color:#fff;padding-left:4px}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:38px}.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0}
.hero{height:min(820px,calc(100vh - 35px));min-height:650px;position:relative;background:var(--navy);overflow:hidden}
.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity 1s,transform 7s}.hero-slide.active{opacity:1;transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,27,.9),rgba(4,16,27,.48) 55%,rgba(4,16,27,.25))}
.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;z-index:2;padding-top:70px}
.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold-light);font-weight:600;margin-bottom:16px}.eyebrow.dark{color:#92743b}.hero h1{font-family:var(--serif);font-size:clamp(52px,6.4vw,88px);line-height:.94;font-weight:500;max-width:850px}.hero h1 em,h2 em{color:var(--gold-light);font-style:italic}.hero-text{max-width:590px;color:#d8e0e6;margin:28px 0 34px;font-size:15px}.hero-actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;border:1px solid transparent;transition:.25s;cursor:pointer}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:#dfc17e;transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.55);color:#fff}.btn-outline:hover{border-color:var(--gold);color:var(--gold-light)}
.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.3);background:rgba(5,18,29,.18);color:#fff;font-size:32px;cursor:pointer}.hero-arrow:hover{border-color:var(--gold);color:var(--gold)}.hero-arrow.prev{left:25px}.hero-arrow.next{right:25px}
.hero-dots{position:absolute;z-index:5;bottom:50px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{height:3px;width:30px;background:rgba(255,255,255,.4);border:0;cursor:pointer}.hero-dots button.active{background:var(--gold);width:55px}
.scroll-cue{position:absolute;z-index:4;right:40px;bottom:40px;color:#b9c3ca;font-size:8px;letter-spacing:.3em;writing-mode:vertical-rl}.scroll-cue span{display:block;width:1px;height:45px;background:var(--gold);margin:10px auto 0}
.section{padding:105px 0}.section-label{display:flex;align-items:center;gap:10px;color:#9b7b44;font-size:10px;letter-spacing:.2em;font-weight:700}.section-label span{width:40px;height:1px;background:currentColor}
.intro{background:var(--ivory)}.intro-grid{display:grid;grid-template-columns:180px 1fr 260px;gap:55px}.intro-copy h2,.section-heading h2{font-family:var(--serif);font-size:clamp(44px,5vw,65px);line-height:.95;font-weight:600;color:var(--navy);margin-bottom:24px}.intro-copy p{max-width:680px;color:#65707a;margin-bottom:15px;font-size:14px}.text-link{display:inline-flex;gap:15px;color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:15px;border-bottom:1px solid var(--gold);padding-bottom:8px}.text-link span{color:var(--gold);font-size:17px}
.intro-card{border:1px solid #d8d1c2;padding:30px;align-self:start}.seal{width:76px;height:76px;border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:24px;color:var(--gold);margin-bottom:22px}.card-line{width:35px;height:1px;background:var(--gold);margin-bottom:17px}.intro-card h3{font-family:var(--serif);font-size:25px;font-weight:500;color:var(--navy);line-height:1.05}.intro-card h3 strong{font-size:39px;color:var(--gold);font-weight:600}.intro-card p{font-size:11px;color:var(--muted);margin-top:12px}
.tax-section{background:var(--navy);color:#fff}.tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-label.light{color:var(--gold-light)}.tax-section h2{font-family:var(--serif);font-size:clamp(45px,5vw,68px);line-height:.92;font-weight:500;margin-bottom:25px}.tax-lead{font-size:14px;color:#b9c4cc;max-width:570px;margin-bottom:30px}.tax-points{border-top:1px solid rgba(255,255,255,.15)}.tax-point{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.15)}.tax-point>span{font-family:var(--serif);font-size:20px;color:var(--gold)}.tax-point h3{font-family:var(--serif);font-size:25px;font-weight:500}.tax-point p{font-size:11px;color:#9eabb4}
.section-heading{margin-bottom:48px}.section-heading.centered{text-align:center}.section-heading.centered .section-label{justify-content:center}.section-heading h2{margin-top:4px}
.expertise{background:#fff}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expertise-card{position:relative;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:285px;transition:.3s}.expertise-card:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}.card-number{position:absolute;right:25px;top:22px;color:#b5a78d;font-size:9px;letter-spacing:.1em}.expertise-icon{font-family:var(--serif);font-size:34px;color:var(--gold);margin-bottom:30px}.expertise-card h3{font-family:var(--serif);font-size:30px;font-weight:600}.expertise-card p{font-size:12px;color:var(--muted);max-width:270px;margin-top:5px}.expertise-card:hover p{color:#b7c2ca}.learn{position:absolute;bottom:30px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700}
/* =========================================================
   OUR CLIENTS - CONTINUOUS INFINITE MARQUEE
========================================================= */

.clients{
  background:var(--ivory);
  padding-bottom:65px;
}

.client-marquee{
  width:100%;
  overflow:hidden;
  margin-top:5px;
  border-top:1px solid #ddd5c6;
  border-bottom:1px solid #ddd5c6;
  position:relative;
}

.client-track{
  display:flex;
  width:max-content;
  flex-shrink:0;
  animation:clientMarquee 55s linear infinite;
  will-change:transform;
}

/* DO NOT pause when mouse is over the clients */
.client-track:hover{
  animation-play-state:running;
}

.client-item{
  height:130px;
  min-width:205px;
  padding:0 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid #ddd5c6;
  color:var(--navy);
  font-weight:700;
  font-size:13px;
  letter-spacing:.08em;
  flex-shrink:0;
}

.client-item small{
  font-size:7px;
  color:#8b7758;
  letter-spacing:.16em;
  margin-top:4px;
}

.client-item img{
  width:150px;
  height:75px;
  object-fit:contain;
  display:block;
  opacity:1;
  filter:none;
  transition:transform .3s ease;
}

.client-item:hover img{
  transform:scale(1.05);
}

/* Smooth continuous loop */
@keyframes clientMarquee{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

/* Mobile */
@media(max-width:600px){

  .client-track{
    animation-duration:45s;
  }

  .client-item{
    min-width:175px;
    height:115px;
    padding:0 20px;
    font-size:12px;
  }

  .client-item img{
    width:125px;
    height:65px;
  }
}
.cta-section{background:#10283e;color:#fff;padding:62px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-family:var(--serif);font-size:48px;font-weight:500;line-height:1}.site-footer{background:#061521;color:#b7c0c6}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .8fr 1.2fr;gap:65px;padding:75px 0 60px}.footer-brand p{max-width:340px;font-size:11px;line-height:1.8;margin-top:20px}.footer-col h4{color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.footer-col a{display:block;font-size:11px;margin:8px 0}.footer-col a:hover{color:var(--gold)}.office p{font-size:10px;line-height:1.7;margin-bottom:14px}.office strong{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);min-height:55px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.08em}
@media(max-width:900px){.main-nav{gap:18px}.intro-grid{grid-template-columns:1fr 230px}.intro-grid>.section-label{display:none}.tax-grid{gap:50px}.footer-main{grid-template-columns:1fr 1fr}.mega-menu{right:-160px;width:680px}}
@media(max-width:720px){.container{width:min(100% - 32px,1180px)}.topbar{display:none}.site-header{top:0}.nav-wrap{min-height:76px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;width:100%;background:#071a2b;padding:12px 20px 25px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.nav-link,.dropdown-toggle{padding:13px 0;display:block;text-align:left}.nav-cta{padding:12px 14px;margin-top:7px;text-align:center}.mega-menu{position:static;width:100%;display:block;padding:10px 12px;background:#0b2439;box-shadow:none;border-top:0;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown.open .mega-menu{display:block}.mega-column{padding:6px 0}.mega-column h4{font-size:17px}.mega-column a{padding:4px 0}.hero{height:680px;min-height:0}.hero-content{padding-top:35px}.hero h1{font-size:50px}.hero-text{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-arrow{display:none}.scroll-cue{display:none}.intro-grid,.tax-grid{grid-template-columns:1fr}.intro-card{max-width:320px}.section{padding:75px 0}.tax-points{margin-top:15px}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:250px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-inner h2{font-size:42px}.footer-main{grid-template-columns:1fr;gap:35px;padding:55px 0 45px}.footer-bottom{padding:15px 0;flex-direction:column;align-items:flex-start;gap:5px}.brand-name{font-size:12px}.brand-sub{font-size:8px}}
/* =========================================================
   HLA HEADER LOGO
   ========================================================= */

.logo{
  width:200px;
  height:auto;
  max-height:150px;
  object-fit:contain;
  object-position:center;
  display:block;
  transition:transform .25s ease, opacity .25s ease;
}

.brand:hover .logo{
  transform:scale(1.03);
  opacity:.98;
}

/* Header sizing */
.nav-wrap{
  min-height:100px;
}

/* Scrolled header */
.site-header.scrolled .nav-wrap{
  min-height:86px;
}

/* Mobile */
@media(max-width:720px){

  .logo{
    width:125px;
    max-height:65px;
  }

  .nav-wrap{
    min-height:76px;
  }

  .site-header.scrolled .nav-wrap{
    min-height:76px;
  }

}/* Client Logo Images */
.client-item img {
    width: 150px;
    height: 75px;
    object-fit: contain;
    display: block;
    opacity: 1;
    filter: none;
    transition: all 0.3s ease;
}

.client-item:hover img {
    opacity: 1;
    transform: scale(1.05);
}
.client-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}
/* =========================================
   FOOTER LOGO
========================================= */

.footer-logo {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
}
/* Expertise page content */
.service-detail ul{margin:18px 0 25px;padding-left:18px;color:var(--muted);font-size:13px}.service-detail li{margin:6px 0}.service-detail .btn{margin-top:4px}.service-card .learn{pointer-events:none}


/* Main Office Call & WhatsApp Buttons */
.expertise-contact-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  align-items: center;
}
.expertise-contact-buttons .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none;
}
.contact-icon {
  font-size: 18px;
  line-height: 1;
}
.btn-whatsapp {
  background: #25D366;
  color: #fff !important;
  border: 1px solid #25D366;
}
.btn-whatsapp:hover {
  background: #1ebe5d;
  color: #fff !important;
}
.whatsapp-icon {
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 600px) {
  .expertise-contact-buttons {
    flex-direction: column;
    align-items: stretch;
  }
  .expertise-contact-buttons .btn {
    width: 100%;
  }
}


/* =========================================================
   GLOBAL MAIN OFFICE CONTACT BUTTONS
   ========================================================= */
.global-contact-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 22px;
}

.global-contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 11px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  cursor: pointer;
}

.global-contact-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,.14);
  text-decoration: none;
}

.global-call-btn {
  background: #0a1f44;
  color: #fff !important;
}

.global-whatsapp-btn {
  background: #25d366;
  color: #fff !important;
}

.global-contact-icon {
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 600px) {
  .global-contact-buttons {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .global-contact-btn {
    width: 100%;
  }
}

/* =========================================================
   FLOATING MAIN OFFICE CONTACT BUTTONS
   ========================================================= */
.floating-office-contact {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.floating-contact {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.20);
  transition: width .25s ease, transform .2s ease, box-shadow .2s ease;
  overflow: hidden;
}

.floating-call { background: #0a1f44; }
.floating-wa { background: #25d366; }

.floating-contact:hover,
.floating-contact:focus-visible {
  width: 190px;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
  outline: none;
}

.floating-contact-icon {
  width: 56px;
  min-width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
}

.floating-wa-icon {
  font-size: 30px;
  line-height: 1;
}

.floating-contact-label {
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  transition: max-width .25s ease, opacity .18s ease;
}

.floating-contact:hover .floating-contact-label,
.floating-contact:focus-visible .floating-contact-label {
  max-width: 120px;
  opacity: 1;
  margin-right: 16px;
}

@media (max-width: 600px) {
  .floating-office-contact {
    right: 14px;
    bottom: 16px;
    gap: 10px;
  }

  .floating-contact {
    width: 50px;
    height: 50px;
  }

  .floating-contact-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .floating-wa-icon {
    font-size: 27px;
  }

  .floating-contact:hover,
  .floating-contact:focus-visible {
    width: 50px;
  }

  .floating-contact-label {
    display: none;
  }
}

/* Proper WhatsApp icon */
.whatsapp-svg {
  width: 29px;
  height: 29px;
  display: block;
}
@media (max-width: 600px) {
  .whatsapp-svg {
    width: 27px;
    height: 27px;
  }
}

/* =========================================================
   HLA LOGO - SITE WIDE
   ========================================================= */
.site-logo {
  width: 92px;
  height: auto;
  max-height: 72px;
  object-fit: contain;
  display: block;
}

.footer-logo {
  width: 105px;
  height: auto;
  max-height: 85px;
  object-fit: contain;
  display: block;
}

.footer-brand-logo {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 600px) {
  .site-logo {
    width: 78px;
    max-height: 62px;
  }

  .footer-logo {
    width: 92px;
    max-height: 75px;
  }
}



/* Footer email */
.site-footer-email { margin-top: 18px; font-size: 11px; line-height: 1.7; }
.site-footer-email strong { color: #fff; display: inline-block; margin-bottom: 3px; }
.site-footer-email a { color: #b7c0c6; text-decoration: none; }
.site-footer-email a:hover { color: var(--gold); }

/* Contact page office email */
.office-email {
  margin: 10px 0 0;
}
.office-email a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-word;
}


/* =========================================================
   ABOUT US - TEAM PHOTOGRAPHS
   ========================================================= */

.leadership-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}

.team-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.team-card{
  border:1px solid var(--line);
  background:#fff;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}

.team-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 35px rgba(9,27,44,.10);
}

/* Photo container */
.team-photo{
  position:relative;
  height:auto;
  min-height:300px;
  overflow:hidden;
  background:#f7f5ef;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Leadership photos */
.leadership-card .team-photo{
  height:auto;
  min-height:410px;
}

/* Team photographs */
.team-photo img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center top;
  display:block;
  transition:transform .4s ease;
}

/* Gentle hover effect */
.team-card:hover .team-photo img{
  transform:scale(1.02);
}

.team-photo-placeholder{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  color:var(--gold-light);
  font-family:var(--serif);
  font-size:54px;
  font-weight:600;
  letter-spacing:.08em;
  background:linear-gradient(135deg,#10283e,#091b2c);
}

.team-card-content{
  padding:25px 26px 28px;
}

.team-role{
  display:block;
  color:#9b7b44;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:9px;
}

.team-card h3{
  font-family:var(--serif);
  color:var(--navy);
  font-size:31px;
  line-height:1;
  font-weight:600;
}

.team-card p{
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
  margin-top:12px;
  min-height:41px;
}

.team-badge{
  display:inline-block;
  margin-top:18px;
  padding-top:10px;
  border-top:1px solid var(--gold);
  color:var(--gold);
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.team-page-note{
  max-width:760px;
  margin:16px auto 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}


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

@media(max-width:900px){

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

}


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

@media(max-width:620px){

  .leadership-grid,
  .team-grid{
    grid-template-columns:1fr;
  }

  .team-photo,
  .leadership-card .team-photo{
    height:auto;
    min-height:0;
  }

  .team-photo img{
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center top;
  }

}



/* =========================================================
   FOUNDER PROFILE LINK
   ========================================================= */

.founder-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}

.founder-card-link .team-card{
  height:100%;
}

.founder-card-link:hover{
  color:inherit;
  text-decoration:none;
}

.founder-card-link .team-badge{
  transition:color .25s ease, letter-spacing .25s ease;
}

.founder-card-link:hover .team-badge{
  color:#92743b;
  letter-spacing:.17em;
}


/* =========================================================
   TAX LAW HERO SECTION - CLICKABLE SERVICE CARDS
   ========================================================= */

.tax-point-link {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 18px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255,255,255,.15);
  color: inherit;
  text-decoration: none;
  transition: all .25s ease;
  cursor: pointer;
}

.tax-point-link:hover {
  padding-left: 12px;
  background: rgba(197,161,91,.06);
  color: #fff;
}

.tax-point-link > span {
  font-family: var(--serif);
  font-size: 20px;
  color: var(--gold);
  transition: color .25s ease;
}

.tax-point-link:hover > span {
  color: var(--gold-light);
}

.tax-point-link h3 {
  font-family: var(--serif);
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  transition: color .25s ease;
}

.tax-point-link:hover h3 {
  color: var(--gold-light);
}

.tax-point-link p {
  font-size: 11px;
  color: #9eabb4;
  margin: 0;
}

.tax-point-link small {
  display: inline-block;
  margin-top: 8px;
  color: var(--gold);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(4px);
  transition: all .25s ease;
}

.tax-point-link:hover small {
  opacity: 1;
  transform: translateY(0);
}


/* Mobile adjustment */
@media (max-width: 720px) {

  .tax-point-link {
    grid-template-columns: 45px 1fr;
    gap: 12px;
  }

  .tax-point-link:hover {
    padding-left: 6px;
  }

  .tax-point-link small {
    opacity: 1;
    transform: none;
  }

}
/* ================================
   TEAM PHOTO STANDARDIZATION
   ================================ */

.team-photo {
  width: 100%;
  height: 360px;
  overflow: hidden;
  position: relative;
  background: #f1eee7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.team-photo-placeholder {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background: #10283e;
  color: #c5a15b;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 50px;
  font-weight: 600;
}

.leadership-card .team-photo {
  height: 430px;
}

@media (max-width: 720px) {
  .team-photo {
    height: 380px;
  }

  .leadership-card .team-photo {
    height: 400px;
  }
}

.tax-point-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.tax-point-link .tax-point {
  cursor: pointer;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.tax-point-link:hover .tax-point {
  transform: translateX(6px);
  opacity: 0.9;
}