/* Page-specific styles: clientele.html */

.wrap{max-width:1400px;margin:0 auto;padding:0 56px;}
  @media(max-width:900px){.wrap{padding:0 24px;}}

  
  
  
  
  
  
  
  
  
  
  

  /* header — warm-white sticky per brief (not transparent) */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media(max-width:1100px){nav.main-nav,.header-enquiry{display:none;}.hamburger{display:flex;}}

  
  
  
  
  
  
  
  

  /* ===== HERO ===== */
  .cl-hero{height:64vh;min-height:440px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
  .cl-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
  .cl-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,14,.72) 0%,rgba(15,15,14,.6) 35%,rgba(15,15,14,.82) 65%,rgba(15,15,14,.94) 100%);}
  .cl-hero-content{position:relative;z-index:2;width:100%;padding-bottom:64px;}
  .breadcrumb{color:var(--soft-grey);font-size:12px;letter-spacing:1.5px;margin-bottom:22px;opacity:.85;}
  .breadcrumb a{color:var(--soft-grey);}
  .breadcrumb a:hover{color:var(--green);}
  .cl-hero-label{color:var(--green);font-size:13px;letter-spacing:4px;font-weight:600;margin-bottom:16px;}
  .cl-hero-heading{color:var(--warm-white);font-size:clamp(36px,5.6vw,72px);font-weight:700;line-height:1.03;letter-spacing:-1px;margin-bottom:18px;}
  .cl-hero-sub{color:var(--soft-grey);font-size:16px;font-weight:300;max-width:520px;}

  /* ===== INTRO ===== */
  .cl-intro{padding:130px 0 110px;background:var(--warm-white);}
  .cl-intro-inner{max-width:820px;}
  .cl-intro-heading{font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.16;letter-spacing:-.5px;margin-bottom:28px;}
  .cl-intro-inner p{font-size:15.5px;line-height:1.9;color:var(--charcoal);font-weight:300;margin-bottom:18px;}

  /* ===== FEATURED CLIENTS ===== */
  .featured{padding:0 0 140px;background:var(--warm-white);}
  .featured-head{max-width:760px;margin-bottom:60px;}
  .featured-head h2{font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-.5px;}
  .logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);}
  @media(max-width:1000px){.logo-grid{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:600px){.logo-grid{grid-template-columns:repeat(2,1fr);}}
  .logo-cell{aspect-ratio:1/1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:30px;background:#fff;transition:background .3s var(--ease),border-bottom-color .3s var(--ease);position:relative;}
  .logo-cell::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green);transform:scaleX(0);transition:transform .3s var(--ease);}
  .logo-cell:hover{background:var(--soft-grey);}
  .logo-cell:hover::after{transform:scaleX(1);}
  .logo-cell img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s var(--ease);}
  .logo-cell:hover img{transform:scale(1.04);}
  .logo-cell .name-only{font-size:13.5px;font-weight:600;letter-spacing:.4px;text-align:center;color:var(--charcoal-deep);line-height:1.5;}

  /* ===== CLIENT DIRECTORY ===== */
  .directory{padding:140px 0;background:var(--off-white);}
  .dir-head{max-width:760px;margin-bottom:20px;}
  .dir-head h2{font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-.5px;margin-bottom:20px;}
  .dir-head p{font-size:15px;line-height:1.85;color:var(--charcoal);font-weight:300;}

  .alpha-nav{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:44px 0 60px;-webkit-overflow-scrolling:touch;}
  .alpha-nav::-webkit-scrollbar{display:none;}
  .alpha-btn{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.5px;background:var(--warm-white);color:var(--charcoal-deep);border:1px solid var(--charcoal);transition:all .25s var(--ease);}
  .alpha-btn:hover{border-color:var(--green-dark);color:var(--green-dark);}
  .alpha-btn.active{background:var(--green);color:var(--charcoal-deep);border-color:var(--green);}

  .dir-letter-block{margin-bottom:56px;scroll-margin-top:110px;}
  .dir-letter{font-size:clamp(34px,4vw,52px);font-weight:700;color:var(--green-dark);letter-spacing:-1px;margin-bottom:20px;opacity:.85;}
  .dir-grid{display:grid;grid-template-columns:repeat(5,1fr);}
  @media(max-width:1000px){.dir-grid{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:600px){.dir-grid{grid-template-columns:1fr;}}
  .dir-row{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);}
  .dir-marker{width:6px;height:6px;background:var(--green);flex-shrink:0;}
  .dir-name{font-size:13.5px;color:var(--charcoal-deep);font-weight:400;line-height:1.4;}

  /* ===== CTA ===== */


  /* ===== FOOTER (shared) ===== */
  
  
  @media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:44px;}}
  
  
  
  
  
  
  
  
  
  
  
  .footer-contact .office a{font-size:13px;color:var(--soft-grey);}
  .footer-contact .office a:hover{color:var(--green);}