/* ========================================================================
   SKS LEGAL — Stumphauzer Kolaya & Sloman, PLLC
   Shared stylesheet — Harbor identity, bold/trial-lawyer direction (client-approved)
   Palette is sourced from the firm's brand guidelines. Blues beyond the
   defined tokens (accent light-blue, deep navy) are an intentional loosened
   extension of the Harbor family approved for this direction — no hues
   outside that family (no green/etc.) are introduced anywhere in the site.
   ======================================================================== */

   :root{
    --brand:#0C4A6B;
    --brand-hover:#08344C;
    --brand-tint:#EAF0F3;
    --ink:#131C2E;
    --slate:#5B6670;
    --bg:#FAF9F6;
    --surface:#FFFFFF;
    --hairline:#E4E6E9;
    --amp:#A3A4A5;
    /* bold-direction extensions — stay within the Harbor blue family */
    --accent:#7fd0ff;
    --navy-deep:#0e2a3f;
    --navy-panel:#0e2436;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',system-ui,sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Archivo',sans-serif;
    font-weight:800;
    letter-spacing:0.01em;
    word-spacing:0.2em;
    text-transform:uppercase;
  }
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1220px;margin:0 auto;padding:0 40px;}
  img{max-width:100%;display:block;}
  ul{list-style:none;}
  
  /* logo */
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-bars{height:30px;}
  .logo-bars img{height:100%;width:auto;display:block;}
  .logo-text{font-family:'Archivo';font-weight:800;font-size:15px;letter-spacing:0.01em;line-height:1.1;color:var(--ink);text-transform:uppercase;}
  .logo-text .amp{color:var(--brand);}
  .logo-text small{display:block;font-weight:600;font-size:10px;letter-spacing:0.16em;color:var(--slate);margin-top:3px;text-transform:uppercase;}
  .logo.reversed .logo-text{color:#fff;}
  .logo.reversed .logo-text small{color:rgba(255,255,255,0.65);}
  .logo.reversed .logo-text .amp{color:var(--accent);}
  .logo-full img{display:block;}
  
  /* header */
  header{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:3px solid var(--brand);}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 0 8px;}
  nav ul{display:flex;gap:24px;list-style:none;}
  nav ul li{position:relative;}
  nav ul li.nav-mobile-only{display:none;}
  nav a{font-size:13px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:#fff;opacity:0.85;white-space:nowrap;}
  nav a:hover, nav a.active{opacity:1;color:var(--accent);}
  .header-cta{font-size:13px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;background:var(--brand);color:#fff;padding:12px 24px;transition:background .2s;}
  .header-cta:hover{background:var(--brand-hover);}
  
  /* hamburger menu toggle — hidden on desktop, shown under the 900px breakpoint below */
  .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:0;padding:0;cursor:pointer;}
  .nav-toggle span{display:block;width:100%;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease;}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  
  /* header sub-row — address (links to Google Maps) and phone number */
  .header-subbar{background:var(--ink);border-top:1px solid rgba(255,255,255,0.08);}
  .header-subbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:8px;padding-bottom:10px;}
  .header-subbar a{font-size:11.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8fa0b4;display:inline-flex;align-items:center;gap:6px;}
  .header-subbar a:hover{color:var(--accent);}
  
  /* buttons */
  .btn-primary{display:inline-block;background:#fff;color:var(--ink);padding:17px 34px;font-size:14px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;transition:background .2s;}
  .btn-primary:hover{background:var(--accent);}
  .btn-primary.on-light{background:var(--brand);color:#fff;}
  .btn-primary.on-light:hover{background:var(--brand-hover);}
  .btn-outline{display:inline-block;border:2px solid #fff;color:#fff;padding:15px 32px;font-size:14px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;transition:all .2s;}
  .btn-outline:hover{background:#fff;color:var(--ink);}
  .btn-outline.on-light{border-color:var(--ink);color:var(--ink);}
  .btn-outline.on-light:hover{background:var(--ink);color:#fff;}
  
  /* hero (homepage, full) */
  .hero{background:linear-gradient(155deg,var(--ink) 0%,var(--navy-deep) 55%,var(--brand) 130%);color:#fff;padding:130px 0 110px;position:relative;overflow:hidden;}
  .hero>.wrap{position:relative;z-index:2;}
  
  /* hero background video rotation — see /assets/js/hero-video.js */
  .hero-video-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
  .hero-video-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(19,28,46,0.28) 0%,rgba(14,42,63,0.2) 55%,rgba(12,74,107,0.12) 130%);}
  .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;}
  .hero-video.is-active{opacity:1;}
  @media (prefers-reduced-motion: reduce){
    .hero-video-bg{display:none;}
  }
  
  .hero-eyebrow{font-size:13px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:26px;text-shadow:0 2px 12px rgba(0,0,0,0.55);}
  .hero h1{font-size:clamp(44px,7vw,84px);line-height:0.98;max-width:980px;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,0.55);}
  .hero h1 span{color:var(--accent);}
  .hero p{font-size:19px;color:#cfe0e8;max-width:980px;margin-top:30px;font-weight:400;text-transform:none;text-shadow:0 2px 12px rgba(0,0,0,0.5);}
  .hero-cta{margin-top:42px;display:flex;gap:16px;flex-wrap:wrap;}
  .hero-tech-badge{display:inline-flex;align-items:center;gap:10px;margin-top:34px;padding:10px 20px;border:1px solid rgba(127,208,255,0.5);border-radius:999px;background:rgba(12,25,43,0.72);backdrop-filter:blur(3px);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:0.02em;text-decoration:none;transition:background .2s ease,border-color .2s ease;}
  .hero-tech-badge:hover{background:rgba(12,25,43,0.88);border-color:rgba(127,208,255,0.8);}
  .hero-tech-badge i{font-size:14px;}
  
  /* page-hero (interior pages — shorter) */
  .page-hero{background:linear-gradient(155deg,var(--ink) 0%,var(--navy-deep) 70%,var(--brand) 140%);color:#fff;padding:70px 0 64px;position:relative;overflow:hidden;}
  .breadcrumb{font-size:12.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:18px;}
  .breadcrumb a{color:rgba(255,255,255,0.85);}
  .breadcrumb a:hover{color:var(--accent);}
  .page-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.03;color:#fff;}
  .page-hero h1 span{color:var(--accent);}
  .page-hero p{font-family:'Inter';text-transform:none;font-weight:400;font-size:17px;color:#cfe0e8;max-width:680px;margin-top:20px;}
  
  /* chambers credibility strip — subtle inline labels, not big stat numbers
     (mockup: .band is 15px Archivo, only the "Band N" span is accent-colored) */
  .chambers-strip{background:var(--navy-panel);border-top:1px solid rgba(255,255,255,0.09);}
  .chambers-strip .inner{display:flex;gap:44px;align-items:center;justify-content:space-between;padding:26px 0;flex-wrap:wrap;}
  .chambers-strip .band{font-family:'Archivo';font-weight:900;font-size:15px;letter-spacing:0.02em;text-transform:uppercase;line-height:1.45;color:#fff;}
  .chambers-strip .band b{color:var(--accent);font-weight:900;}
  .chambers-strip .src{font-size:12px;letter-spacing:0.13em;text-transform:uppercase;color:#8fa0b4;margin-top:7px;font-weight:600;}
  
  /* stat bar */
  .statbar{background:var(--brand);}
  .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);}
  .stat-cell{text-align:center;padding:38px 30px;border-left:1px solid rgba(255,255,255,0.18);color:#fff;}
  .stat-cell:first-child{border-left:none;}
  .stat-cell .num{font-family:'Archivo';font-weight:900;font-size:42px;line-height:1;}
  .stat-cell .label{font-size:12.5px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-top:10px;color:#cfe6f2;}
  .statbar-tagline{text-align:center;width:100%;box-sizing:border-box;padding:30px 0;font-size:clamp(18px,2.15vw,27px);font-weight:600;color:#fff;line-height:1.35;}
  
  /* section heads */
  .section-head{max-width:700px;margin-bottom:60px;}
  .section-tag{display:inline-block;background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:6px 14px;margin-bottom:20px;}
  .section-tag.on-dark{background:var(--brand);}
  .section-head h2{font-size:clamp(32px,4.4vw,52px);line-height:1.02;}
  .section-head h2.on-dark{color:#fff;}
  .team .section-head,
  .practice .section-head,
  .tech-teaser .section-head,
  .pillars .section-head{max-width:none;}
  .team .section-head h2,
  .practice .section-head h2{white-space:nowrap;}
  
  /* pillar cards */
  .pillars{padding:110px 0 90px;}
  .pillar-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--ink);}
  .pillar-card{background:var(--surface);padding:44px 40px;transition:background .2s;}
  .pillar-card:hover{background:var(--brand-tint);}
  .pillar-card .pc-tag{font-family:'Archivo';font-weight:900;font-size:13px;color:var(--brand);letter-spacing:0.04em;}
  .pillar-card h3{font-size:23px;margin-top:16px;line-height:1.15;}
  .pillar-card p{font-family:'Inter';text-transform:none;font-weight:400;color:var(--slate);font-size:15.5px;margin-top:16px;}
  .pillar-card a.more{display:inline-block;margin-top:20px;font-size:13px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:var(--brand);}
  
  /* practice grid (dark) */
  .practice{background:var(--ink);color:#fff;padding:110px 0;}
  .practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.14);margin-top:56px;border:1px solid rgba(255,255,255,0.14);}
  .practice-item{background:var(--navy-panel);padding:30px 26px;transition:background .2s;}
  .practice-item:hover{background:var(--brand);}
  .practice-item .pi-head{display:flex;align-items:center;justify-content:space-between;}
  .practice-item .pi-num{font-family:'Archivo';font-weight:900;font-size:13px;color:var(--accent);}
  .practice-item .pi-icon{width:26px;height:26px;flex:0 0 auto;color:var(--accent);opacity:0.85;transition:color .2s ease;}
  .practice-item:hover .pi-icon{animation:pi-pulse 1.1s ease-in-out infinite;}
  .practice-item h4{font-family:'Archivo';font-weight:700;font-size:14.5px;margin-top:12px;line-height:1.35;text-transform:uppercase;letter-spacing:0.01em;}
  
  @keyframes pi-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}
  
  /* practice grid (light — used on services hub page) */
  .practice-grid.on-light{background:var(--hairline);border-color:var(--hairline);}
  .practice-grid.on-light .practice-item{background:var(--surface);color:var(--ink);}
  .practice-grid.on-light .practice-item:hover{background:var(--brand-tint);}
  .practice-grid.on-light .practice-item .pi-num{color:var(--brand);}
  .practice-grid.on-light .practice-item .pi-icon{color:var(--amp);}
  .practice-grid.on-light .practice-item:hover .pi-icon{color:var(--brand);}
  .practice-grid.on-light .practice-item h4{color:var(--ink);}
  
  /* team grid */
  .team{padding:110px 0;}
  .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ink);margin-top:56px;}
  .team-row{display:grid;gap:2px;background:var(--ink);}
  .team-row-top{grid-template-columns:repeat(3,1fr);margin-top:56px;}
  .team-row-bottom{grid-template-columns:repeat(3,1fr);margin-top:2px;}
  .team-card{background:var(--surface);padding:0 0 26px;transition:background .2s;overflow:hidden;}
  .team-card:hover{background:var(--brand-tint);}
  .team-card .photo{width:100%;aspect-ratio:1;background:var(--ink);overflow:hidden;}
  .team-card .photo img{width:100%;height:100%;object-fit:cover;object-position:top center;}
  .team-card .initials{width:100%;aspect-ratio:1;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Archivo';font-weight:900;font-size:28px;}
  .team-card .tc-body{padding:20px 26px 0;}
  .team-card h4{font-family:'Archivo';font-weight:700;font-size:15px;text-transform:uppercase;}
  .team-card .role{font-size:12px;color:var(--slate);margin-top:6px;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;}
  .team-photo{display:block;position:relative;margin-top:56px;overflow:hidden;background:var(--ink);}
  .team-photo img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease;}
  .team-photo:hover img{transform:scale(1.03);}
  .team-photo-cta{position:absolute;right:26px;bottom:22px;background:rgba(12,25,43,0.78);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:0.02em;padding:10px 20px;border:1px solid rgba(127,208,255,0.5);border-radius:999px;backdrop-filter:blur(3px);transition:background .2s ease,border-color .2s ease;}
  .team-photo:hover .team-photo-cta{background:rgba(12,25,43,0.92);border-color:rgba(127,208,255,0.8);}
  
  /* quote band */
  .quote-band{background:var(--brand);color:#fff;padding:90px 0;}
  .quote-band blockquote{font-family:'Archivo';font-weight:900;font-size:clamp(28px,4vw,46px);line-height:1.08;text-transform:none;}
  .quote-band cite{display:block;margin-top:26px;font-style:normal;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;opacity:0.8;}
  .quote-band p{color:#cfe0e8;margin-top:22px;font-size:16px;text-transform:none;}
  
  /* tech capability callout (Harbor blue on white) */
  .tech-callout{background:var(--brand-tint);border-left:4px solid var(--brand);padding:36px 40px;margin:56px 0 0;}
  .tech-callout h3{color:var(--brand);}
  .tech-callout p{margin-bottom:0;}
  
  /* homepage technological-edge teaser */
  .tech-teaser{padding:100px 0 0;}
  .tech-teaser p{font-size:17px;color:var(--slate);text-transform:none;font-weight:400;}
  .tech-teaser p+p{margin-top:18px;}
  .tech-teaser a.more{display:inline-block;margin-top:26px;font-size:13px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:var(--brand);}
  
  /* recognition strip */
  .recognition{padding:70px 0;background:var(--surface);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);}
  .rec-list{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;}
  .rec-item{display:flex;align-items:center;}
  .rec-logo{height:36px;width:auto;max-width:130px;object-fit:contain;opacity:0.9;}
  .rec-logo-badge{border-radius:4px;}
  
  /* ============ interior content layout ============ */
  .content-wrap{padding-top:90px;padding-bottom:90px;}
  .two-col{display:grid;grid-template-columns:1fr 320px;gap:70px;align-items:start;}
  .prose h2{font-family:'Archivo';font-weight:800;text-transform:uppercase;font-size:26px;margin:44px 0 18px;}
  .prose h2:first-child{margin-top:0;}
  .prose h3{font-family:'Archivo';font-weight:700;text-transform:uppercase;font-size:18px;color:var(--brand);margin:34px 0 14px;letter-spacing:0.01em;}
  .prose p{font-size:16px;color:var(--slate);margin-bottom:18px;}
  .prose p strong{color:var(--ink);}
  .prose ul{margin:0 0 22px;}
  .prose ul li{position:relative;padding-left:22px;font-size:15.5px;color:var(--slate);margin-bottom:10px;}
  .prose ul li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:2px;background:var(--brand);}
  
  .rep-matters{border-top:3px solid var(--ink);margin-top:50px;padding-top:30px;}
  .rep-matters .rm-tag{font-family:'Archivo';font-weight:900;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:var(--brand);margin-bottom:22px;}
  .rep-matters li{border-bottom:1px solid var(--hairline);padding:18px 0;font-size:15px;color:var(--slate);}
  .rep-matters li::before{display:none;}
  .rep-matters li em{font-style:italic;color:var(--ink);}
  
  /* sidebar */
  .sidebar{position:sticky;top:127px;}
  .sidebar-box{border:1px solid var(--hairline);background:var(--surface);}
  .sidebar-box h5{font-family:'Archivo';font-weight:800;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;background:var(--ink);color:#fff;padding:16px 22px;}
  .sidebar-box ul{padding:10px 0;}
  .sidebar-box li a{display:block;padding:11px 22px;font-size:13.5px;color:var(--slate);border-left:3px solid transparent;}
  .sidebar-box li a:hover, .sidebar-box li a.active{color:var(--brand);border-left-color:var(--brand);background:var(--brand-tint);}
  .sidebar-cta{margin-top:24px;background:var(--brand);padding:28px 24px;color:#fff;}
  .sidebar-cta h5{font-family:'Archivo';font-weight:800;font-size:15px;text-transform:uppercase;margin-bottom:10px;}
  .sidebar-cta p{font-size:13.5px;color:#dcecf3;margin-bottom:16px;}
  .sidebar-cta a{display:inline-block;background:#fff;color:var(--ink);font-size:12.5px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;padding:11px 20px;}
  .sidebar-cta a:hover{background:var(--accent);}
  
  /* bio / trial attorney profile */
  .bio-header{display:grid;grid-template-columns:220px 1fr;gap:50px;align-items:start;margin-bottom:20px;}
  .bio-photo{width:220px;aspect-ratio:3/4;background:var(--ink);overflow:hidden;}
  .bio-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;}
  .bio-name{font-size:clamp(28px,4vw,42px);line-height:1.05;}
  .bio-role{font-size:14px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--brand);margin-top:12px;}
  .bio-contact{margin-top:20px;font-size:14.5px;color:var(--slate);}
  .bio-contact a{color:var(--brand);}
  .bio-contact div{margin-bottom:6px;}
  .bio-tag-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;}
  .bio-tag-row a{font-size:12.5px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;border:1.5px solid var(--brand);color:var(--brand);padding:8px 16px;}
  .bio-tag-row a:hover{background:var(--brand);color:#fff;}
  
  .bio-section{border-top:3px solid var(--ink);margin-top:56px;padding-top:26px;}
  .bio-section h3{font-family:'Archivo';font-weight:900;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;color:var(--brand);margin-bottom:20px;}
  .bio-section ul{margin:0;}
  .bio-section li{padding:10px 0;border-bottom:1px solid var(--hairline);font-size:14.5px;color:var(--slate);}
  .bio-section li:last-child{border-bottom:none;}
  
  /* news */
  .news-list{display:flex;flex-direction:column;gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:20px;}
  .news-item{background:var(--surface);padding:34px 36px;display:grid;grid-template-columns:140px 1fr;gap:28px;transition:background .2s;}
  .news-item:hover{background:var(--brand-tint);}
  .news-item .date{font-family:'Archivo';font-weight:800;font-size:13px;color:var(--brand);letter-spacing:0.03em;text-transform:uppercase;}
  .news-item h3{font-family:'Archivo';font-weight:700;font-size:19px;text-transform:none;letter-spacing:-0.005em;line-height:1.3;}
  .news-item p{color:var(--slate);font-size:15px;margin-top:10px;}
  .news-item .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#fff;background:var(--ink);padding:4px 10px;margin-bottom:10px;}
  .news-item h3 a{color:inherit;}
  .news-item h3 a:hover{color:var(--brand);}
  .news-item .read-more{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--brand);}
  .news-item .read-more:hover{color:var(--brand-hover);}
  
  /* news search + pagination */
  .news-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;flex-wrap:wrap;}
  .news-toolbar .count{font-size:12.5px;color:var(--slate);font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}
  .news-search{position:relative;max-width:320px;width:100%;}
  .news-search input{width:100%;border:1px solid var(--hairline);background:var(--surface);padding:13px 16px;font-family:'Inter';font-size:14.5px;color:var(--ink);}
  .news-search input:focus{outline:none;border-color:var(--brand);}
  .news-search input::placeholder{color:var(--slate);}
  .news-empty{display:none;padding:70px 20px;text-align:center;color:var(--slate);font-size:15.5px;border:1px solid var(--hairline);margin-top:20px;}
  .news-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:44px;flex-wrap:wrap;}
  .news-pagination button{border:1px solid var(--hairline);background:var(--surface);color:var(--ink);padding:10px 16px;font-family:'Archivo';font-weight:700;font-size:13px;letter-spacing:0.02em;cursor:pointer;transition:all .2s;}
  .news-pagination button:hover:not(:disabled):not(.active){background:var(--brand-tint);border-color:var(--brand);}
  .news-pagination button.active{background:var(--ink);color:#fff;border-color:var(--ink);}
  .news-pagination button:disabled{opacity:0.35;cursor:not-allowed;}
  
  /* contact form */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;}
  .info-block{margin-bottom:36px;}
  .info-block h5{font-family:'Archivo';font-weight:800;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--brand);margin-bottom:12px;}
  .info-block p, .info-block a{font-size:16px;color:var(--ink);display:block;margin-bottom:4px;}
  .info-block a:hover{color:var(--brand);}
  .map-frame{width:100%;height:280px;border:1px solid var(--hairline);margin-top:10px;filter:grayscale(0.3);}
  form.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  form.contact-form .full{grid-column:1 / -1;}
  form.contact-form label{display:block;font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--slate);margin-bottom:8px;}
  form.contact-form input:not([type="checkbox"]), form.contact-form textarea{width:100%;border:1px solid var(--hairline);background:var(--surface);padding:14px 16px;font-family:'Inter';font-size:15px;color:var(--ink);}
  form.contact-form input:focus, form.contact-form textarea:focus{outline:none;border-color:var(--brand);}
  form.contact-form textarea{min-height:130px;resize:vertical;}
  .consent-row{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--slate);}
  .consent-row input[type="checkbox"]{width:auto;flex:0 0 auto;}
  .consent-row label{white-space:nowrap;}
  .consent-row a{color:var(--brand);}
  form.contact-form button{background:var(--brand);color:#fff;padding:16px 36px;font-size:14px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s;justify-self:start;}
  form.contact-form button:hover{background:var(--brand-hover);}
  .contact-status{padding:14px 16px;margin-bottom:20px;font-size:14px;font-weight:600;}
  .contact-status-success{background:#e6f4ea;color:#1e6b3a;border:1px solid #b7ddc4;}
  .contact-status-error{background:#fbeaea;color:#9b2c2c;border:1px solid #f0bcbc;}
  
  /* legal pages */
  .legal-body{max-width:760px;}
  .legal-body h2{font-family:'Archivo';font-weight:800;text-transform:uppercase;font-size:22px;margin:34px 0 14px;}
  .legal-body h2:first-child{margin-top:0;}
  .legal-body p{color:var(--slate);font-size:15.5px;margin-bottom:16px;}
  
  /* footer */
  footer{background:var(--ink);color:#fff;padding:90px 0 40px;}
  .footer-grid{display:grid;grid-template-columns:1.1fr 0.8fr 1.3fr 0.8fr 0.7fr;gap:40px;}
  footer h5{font-family:'Archivo';font-size:12px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;}
  footer ul{list-style:none;}
  footer li{margin-bottom:11px;font-size:14.5px;color:#dfe6ea;}
  footer a:hover{color:#fff;}
  .footer-bottom{margin-top:80px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.14);display:flex;justify-content:space-between;font-size:12.5px;color:#8fa0ad;flex-wrap:wrap;gap:10px;}
  
  /* footer — practice areas accordion */
  .footer-accordion details{border-bottom:1px solid rgba(255,255,255,0.12);}
  .footer-accordion summary{list-style:none;cursor:pointer;padding:11px 0;font-size:14.5px;color:#dfe6ea;display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .footer-accordion summary::-webkit-details-marker{display:none;}
  .footer-accordion summary:hover{color:#fff;}
  .footer-accordion summary::after{content:"+";font-size:15px;font-weight:700;color:var(--accent);flex:0 0 auto;}
  .footer-accordion details[open] summary::after{content:"\2212";}
  .footer-accordion details ul{padding:0 0 14px 14px;}
  .footer-accordion details li{margin-bottom:8px;font-size:13.5px;}
  .footer-accordion details li a{color:#b9c8d1;}
  .footer-accordion details li a:hover{color:var(--accent);}
  .footer-accordion-link{display:block;padding:11px 0;font-size:14.5px;color:#dfe6ea;}
  .footer-accordion-link:hover{color:#fff;}
  
  /* experience hub — practice-area tiles */
  .bucket-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ink);margin:60px 0;}
  .bucket-grid.cols-3{grid-template-columns:repeat(3,1fr);}
  .bucket-tile{background:var(--surface);padding:44px 40px;transition:background .2s;}
  .bucket-tile:hover{background:var(--brand-tint);}
  .bucket-tile .bucket-num{font-family:'Archivo';font-weight:900;font-size:13px;color:var(--brand);letter-spacing:0.04em;margin-bottom:16px;}
  .bucket-tile h3{font-size:24px;line-height:1.1;color:var(--ink);}
  .bucket-tile p{font-family:'Inter';text-transform:none;font-weight:400;color:var(--slate);font-size:15.5px;margin-top:16px;}
  .bucket-tile .bucket-line{margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline);color:var(--ink);font-weight:600;}
  
  /* rotating quote (homepage) — swaps .quote-band's single blockquote for
     several, auto-advancing with manual dot controls; see /assets/js/quote-rotator.js */
  .quote-rotator{background:var(--ink);color:#fff;padding:86px 0;}
  .quote-rotator .slide{display:none;}
  .quote-rotator .slide.on{display:block;}
  .quote-rotator blockquote{font-family:'Archivo';font-weight:900;font-size:clamp(24px,3.4vw,38px);line-height:1.15;text-transform:none;}
  .quote-rotator cite{display:block;margin-top:22px;font-style:normal;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;opacity:0.75;}
  .quote-rotator .dots{display:flex;gap:10px;margin-top:30px;}
  .quote-rotator .dots button{width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,0.25);cursor:pointer;}
  .quote-rotator .dots button[aria-current="true"]{background:var(--accent);}
  
  /* contact page — call strip + two-path cards */
  .call-strip{background:var(--brand);color:#fff;padding:34px 0;}
  .call-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .call-strip .lbl{display:block;font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#cfe6f2;margin-bottom:6px;}
  .call-strip .num{font-family:'Archivo';font-weight:900;font-size:clamp(26px,4vw,38px);color:#fff;}
  .call-strip .side{font-size:14.5px;color:#dcecf3;line-height:1.55;font-weight:400;text-transform:none;}
  .call-strip .side b{color:#fff;}
  .paths{padding:90px 0 0;}
  .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--ink);margin-top:44px;}
  .pcard{background:var(--surface);padding:40px 36px;}
  .pcard .num{font-family:'Archivo';font-weight:900;font-size:12.5px;color:var(--brand);letter-spacing:0.06em;text-transform:uppercase;}
  .pcard h3{font-size:22px;margin-top:14px;}
  .pcard p{font-family:'Inter';font-weight:400;text-transform:none;color:var(--slate);font-size:15.5px;margin-top:14px;}
  .pcard .who{margin-top:18px;padding-top:16px;border-top:1px solid var(--hairline);font-size:13.5px;color:var(--brand);font-weight:600;}
  
  /* technological edge — three-column AI capability row */
  .tech-callout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink);margin:56px 0 0;}
  .tech-callout-grid .tcell{background:var(--navy-panel);color:#fff;padding:30px 28px;}
  .tech-callout-grid .tcell h4{font-family:'Archivo';font-weight:800;font-size:14px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;letter-spacing:0.02em;}
  .tech-callout-grid .tcell p{font-family:'Inter';font-weight:400;text-transform:none;color:#c7d3da;font-size:14.5px;margin:0;}
  
  /* experience landing — one block per area, description + matters box */
  .area-block{border-top:1px solid var(--hairline);padding:56px 0;}
  .area-block:first-of-type{border-top:none;}
  .area-block .inner{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:start;}
  .area-block .a-num{font-family:'Archivo';font-weight:900;font-size:13px;color:var(--brand);letter-spacing:0.08em;}
  .area-block h3{font-size:26px;margin:12px 0 16px;}
  .area-block p{font-family:'Inter';font-weight:400;text-transform:none;color:var(--slate);font-size:16px;line-height:1.62;}
  .area-block a.more{display:inline-block;margin-top:20px;font-size:13px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:var(--brand);}
  .area-matters{background:var(--brand-tint);border:1px solid var(--hairline);padding:26px 28px;}
  .area-matters h5{font-family:'Archivo';font-weight:800;font-size:11.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);margin-bottom:16px;}
  .area-matters ul{list-style:none;}
  .area-matters li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.56;color:var(--slate);margin-bottom:14px;}
  .area-matters li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:2px;background:var(--brand);}
  .area-matters li:last-child{margin-bottom:0;}
  
  .co-counsel{background:var(--navy-panel);color:#fff;padding:50px 0;}
  .co-counsel .inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
  .co-counsel h3{font-size:22px;}
  .co-counsel p{font-family:'Inter';font-weight:400;text-transform:none;color:#c7d3da;font-size:15px;margin-top:10px;}
  
  /* standard bottom-of-page CTA band */
  .cta-band{background:var(--bg);border-top:1px solid var(--hairline);padding:90px 0;text-align:center;}
  .cta-band h2{font-size:clamp(26px,3.4vw,38px);}
  .cta-band p{font-family:'Inter';font-weight:400;text-transform:none;color:var(--slate);font-size:17px;margin:16px 0 30px;}
  
  @media (max-width:900px){
    .bucket-grid.cols-3{grid-template-columns:1fr;}
    .quote-rotator blockquote{font-size:26px;}
    .call-strip .wrap{flex-direction:column;align-items:flex-start;}
    .pgrid{grid-template-columns:1fr;}
    .tech-callout-grid{grid-template-columns:1fr;}
    .area-block .inner{grid-template-columns:1fr;}
    .co-counsel .inner{flex-direction:column;align-items:flex-start;}
    .header-inner{flex-wrap:wrap;align-items:center;min-height:64px;padding:14px 0;}
    .header-cta{display:none;}
    .logo{margin-left:15px;align-self:center;}
    .logo-full img{height:34px !important;width:auto !important;}
    .nav-toggle{display:flex;margin-left:auto;margin-right:15px;align-self:center;-webkit-appearance:none;appearance:none;line-height:1;flex-shrink:0;}
    nav{order:3;flex-basis:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;}
    nav.is-open{max-height:500px;}
    nav ul{flex-direction:column;gap:0;padding:14px 0 0;}
    nav a{display:block;padding:12px 0 12px 15px;border-bottom:1px solid rgba(255,255,255,0.1);}
    nav ul li:last-child a{border-bottom:none;}
    nav ul li.nav-mobile-only{display:block;}
    .header-subbar{display:none;}
    .stat-grid{grid-template-columns:1fr;}
    .stat-cell{border-left:none;border-top:1px solid rgba(255,255,255,0.18);}
    .stat-cell:first-child{border-top:none;}
    .statbar-tagline{font-size:17px;}
    .team .section-head h2,
    .practice .section-head h2{white-space:normal;}
    .pillar-cards{grid-template-columns:1fr;}
    .practice-grid{grid-template-columns:1fr;}
    .team-grid{grid-template-columns:repeat(2,1fr);}
    .team-row-top{grid-template-columns:1fr;}
    .team-row-bottom{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .bucket-grid{grid-template-columns:1fr;}
    .two-col{grid-template-columns:1fr;}
    .sidebar{position:static;}
    .sidebar-box{display:none;}
    .chambers-strip .inner{flex-direction:column;align-items:stretch;gap:20px;}
    .chambers-item{flex-basis:auto !important;}
    .chambers-divider{display:none;}
    .bio-header{grid-template-columns:1fr;}
    .bio-photo{width:180px;}
    .contact-grid{grid-template-columns:1fr;}
    form.contact-form{grid-template-columns:1fr;}
  }