/* ============================================
   Jeffrey C. Lavey – Attorney at Law
   Navy + White Premium Redesign
   ============================================ */
:root {
  --navy:        #0d2240;
  --navy-mid:    #1a3a6b;
  --navy-light:  #e8edf5;
  --gold:        #c9a24a;
  --gold-hover:  #b08830;
  --bg-light:    #f5f7fc;
  --bg-white:    #ffffff;
  --text-body:   #444e5e;
  --text-head:   #0d2240;
  --line:        #d6dce8;
  --white:       #ffffff;
  --font-heading: "PT Serif", Georgia, "Times New Roman", serif;
  --font-body: "Open Sans", "Segoe UI", Arial, sans-serif;
  --max-width: 1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--text-body);background:var(--bg-white);line-height:1.7;font-size:16px}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-head);line-height:1.25;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(1.8rem,3.6vw,2.6rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.25rem}
p{margin:0 0 1.1em}a{color:var(--navy-mid);text-decoration:none}a:hover{text-decoration:underline;color:var(--gold)}
img{max-width:100%;display:block}ul{padding-left:1.2em}li{margin-bottom:.4em}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}
.section{padding:72px 0}.section-light{background:var(--bg-light)}.section-white{background:var(--bg-white)}.section-dark{background:var(--navy);color:#e8edf5}
.section-dark h2,.section-dark h3,.section-dark h4{color:#fff}
.heading-center{text-align:center;max-width:760px;margin:0 auto 44px}
.heading-center h2{margin-bottom:14px}
.heading-center .rule{width:60px;height:4px;background:var(--gold);margin:0 auto 24px;border-radius:2px}
.section-dark .heading-center h2{color:#fff}
.heading-center .sub{font-style:italic;font-weight:400;font-size:1.1rem;color:var(--text-body)}
/* TOP ANNOUNCEMENT BAR */
.top-bar{background:var(--gold);color:#fff;font-size:.82rem;font-weight:700;padding:7px 24px;text-align:center;letter-spacing:.04em}
.top-bar .top-bar-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.top-bar a{color:#fff;text-decoration:none}
.top-bar a:hover{text-decoration:underline;color:#fff}
.top-bar .pipe{opacity:.5}
.top-bar .top-bar-cta{background:var(--navy);color:#fff;padding:3px 14px;border-radius:20px;font-size:.82rem;font-weight:700;letter-spacing:.01em}
.skip-link{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:1000}
.skip-link:focus{left:12px;top:12px}
/* HEADER */
.site-header{background:var(--navy);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:1000}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 24px;max-width:var(--max-width);margin:0 auto}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img.brand-logo{height:100px;width:auto;display:block}
.footer-bottom img.brand-logo{height:58px;width:auto}
@media(max-width:1200px){.brand img.brand-logo{height:80px}}
@media(max-width:900px){.brand img.brand-logo{height:64px}}
@media(max-width:600px){.brand img.brand-logo{height:50px}}

/* ---- DESKTOP NAV ---- */
.main-nav{display:flex;align-items:center;gap:0;flex-wrap:nowrap;list-style:none;margin:0;padding:0}
.main-nav>li{position:relative}
.main-nav>li>a,.main-nav>li>button{color:#c5cfe0;font-size:.84rem;font-weight:600;padding:8px 10px;border-radius:3px;transition:background .15s,color .15s;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;gap:4px;text-decoration:none}
.main-nav>li>a:hover,.main-nav>li>a[aria-current="page"],.main-nav>li>button:hover,.main-nav>li.is-open>button{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.main-nav>li>button .nav-arrow{font-size:.6rem;transition:transform .2s;margin-left:2px}
.main-nav>li.is-open>button .nav-arrow{transform:rotate(180deg)}
.main-nav a.nav-phone-link{color:var(--gold);font-size:1.0rem;font-weight:700;padding:8px 10px;border-radius:3px;white-space:nowrap;letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.main-nav a.nav-phone-link:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.main-nav a.nav-phone-link i{flex-shrink:0;line-height:1}

/* ---- DROPDOWN PANEL ---- */
.nav-dropdown{display:none;position:absolute;top:calc(100% + 3px);left:0;background:#fff;box-shadow:0 8px 40px rgba(13,34,64,.18);min-width:300px;max-height:80vh;overflow-y:auto;z-index:2000;border-top:3px solid var(--gold)}
.main-nav>li.is-open>.nav-dropdown{display:block}
.nav-dropdown>.dd-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:1rem;font-weight:600;color:var(--text-head);border-bottom:1px solid var(--line);text-decoration:none;cursor:pointer;transition:background .12s}
.nav-dropdown>.dd-item:hover,.nav-dropdown>.dd-item.is-open{background:#f3f6f9;text-decoration:none}
.nav-dropdown>.dd-item .dd-arrow{font-size:.65rem;transition:transform .2s;color:#999;flex-shrink:0}
.nav-dropdown>.dd-item.is-open .dd-arrow{transform:rotate(180deg)}
.nav-dropdown>a.dd-item{display:block}
.dd-sub{display:none;background:#f8f9fb;border-bottom:1px solid var(--line)}
.dd-sub.is-open{display:block}
.dd-sub a{display:block;padding:11px 20px 11px 36px;font-size:.92rem;color:var(--text-head);font-weight:400;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.04);transition:background .1s}
.dd-sub a:hover{background:#e8edf5;text-decoration:none}

/* ---- HAMBURGER / MOBILE ---- */
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}
.nav-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.is-open span:nth-child(2){opacity:0}
.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1500}
.nav-mobile-overlay.is-open{display:block}
.nav-mobile{display:none;position:fixed;top:0;right:0;bottom:0;width:300px;background:var(--navy);z-index:1600;overflow-y:auto;padding:20px 0 40px;flex-direction:column}
.nav-mobile.is-open{display:flex}
.nav-mobile-close{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:8px 20px;margin-bottom:8px;align-self:flex-end}
.nav-mobile>ul{list-style:none;padding:0;margin:0}
.nav-mobile>ul>li{border-bottom:1px solid rgba(255,255,255,.08)}
.nav-mobile>ul>li>a,.nav-mobile>ul>li>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;color:#c5cfe0;font-size:.95rem;font-weight:600;background:none;border:none;cursor:pointer;font-family:var(--font-body);text-decoration:none;text-align:left}
.nav-mobile>ul>li>a:hover,.nav-mobile>ul>li>button:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-mobile .mobile-sub{display:none;background:rgba(0,0,0,.2);padding:0}
.nav-mobile .mobile-sub.is-open{display:block}
.nav-mobile .mobile-sub a{display:block;padding:10px 20px 10px 32px;color:#9bb5d0;font-size:.88rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.04)}
.nav-mobile .mobile-sub a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-mobile .mobile-sub-heading{padding:8px 20px 4px 20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}
.nav-mobile .mobile-phone{display:block;margin:20px 20px 0;padding:12px 16px;background:var(--gold);color:#fff;font-weight:700;font-size:1rem;border-radius:5px;text-align:center;text-decoration:none}
.nav-mobile .mobile-phone:hover{background:var(--gold-hover);text-decoration:none}
@media(max-width:960px){.main-nav{display:none}.nav-burger{display:flex}.nav-wrap{flex-wrap:nowrap}}
@media(min-width:961px){.nav-mobile,.nav-mobile-overlay,.nav-burger{display:none!important}}

.banner-img{width:100%;height:auto;display:block}
/* HERO */
.home-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);align-items:stretch}
.home-hero .hero-photo{background-image:url('../assets/hero-headshot.png');background-size:contain;background-repeat:no-repeat;background-position:center bottom;background-color:#0d2240;min-height:640px}
.home-hero .hero-form-col{color:#fff;padding:56px 52px;display:flex;flex-direction:column;justify-content:center}
.hero-site-h1{font-family:var(--font-heading);font-size:clamp(1rem,1.8vw,1.3rem);color:var(--gold);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;opacity:.9}
.hero-steps-heading{font-family:var(--font-heading);font-size:clamp(1.6rem,2.6vw,2.2rem);color:#fff;margin:0 0 6px}
.hero-steps-sub{color:var(--gold);font-weight:700;letter-spacing:.02em;margin:0 0 28px;text-align:left}
.hero-steps{list-style:none;padding:0;margin:0 0 30px}
.hero-steps li{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
.hero-steps .step-num{flex:none;width:42px;height:42px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1.2rem}
.hero-steps .step-text{color:#c5d0e0;padding-top:6px;line-height:1.4}
.hero-steps .step-text strong{color:#fff;display:block;font-size:1.06rem}
.hero-form{display:grid;gap:12px;max-width:520px}
.hero-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-form input,.hero-form textarea{width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:5px;font-family:var(--font-body);font-size:.95rem;background:rgba(255,255,255,.95);color:#333;transition:border-color .15s}
.hero-form input:focus,.hero-form textarea:focus{outline:none;border-color:var(--gold);background:#fff}
.hero-form input::placeholder,.hero-form textarea::placeholder{color:#8899aa}
.hero-form textarea{min-height:90px;resize:vertical}
.hero-form .btn-hero{background:var(--gold);color:#fff;border:none;border-radius:5px;padding:15px 22px;font-weight:700;font-size:1.05rem;cursor:pointer;font-family:var(--font-body);letter-spacing:.02em;width:100%;transition:background .15s}
.hero-form .btn-hero:hover{background:var(--gold-hover)}
.hero-form-note{font-size:.74rem;color:#7890a8;margin:6px 0 0}
@media(max-width:880px){.home-hero{grid-template-columns:1fr}.home-hero .hero-photo{min-height:360px}.home-hero .hero-form-col{padding:40px 24px}}
/* BUTTONS */
.btn{display:inline-block;padding:13px 28px;font-weight:700;font-size:.95rem;border:2px solid var(--navy);color:var(--navy);border-radius:4px;transition:all .15s;white-space:nowrap}
.btn:hover{background:var(--navy);color:#fff;text-decoration:none}
.btn-solid{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-solid:hover{background:var(--navy-mid);border-color:var(--navy-mid);color:#fff}
.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-hover);border-color:var(--gold-hover);color:#fff}
/* ICON CIRCLES */
.icon-circle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:36px}
.icon-circle-card{background:var(--bg-white);border:1px solid var(--line);border-radius:10px;padding:32px 26px;text-align:center;box-shadow:0 2px 12px rgba(13,34,64,.06)}
.icon-circle{width:80px;height:80px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}
.icon-circle-card h3{margin:0 0 10px}.icon-circle-card p{margin:0}
/* SPLIT PHOTO */
.split-photo{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.split-photo .text-col{padding:70px 50px;background:var(--bg-light)}
.split-photo .photo-col{background-size:cover;background-position:center;min-height:420px}
.split-photo .heading-wrap{text-align:center}
.split-photo .heading-wrap h2{margin-bottom:14px}
.split-photo .heading-wrap .rule{width:60px;height:4px;background:var(--gold);margin:0 auto 30px;border-radius:2px}
.split-photo p,.split-photo h3{text-align:left}
@media(max-width:860px){.split-photo{grid-template-columns:1fr}.split-photo .photo-col{display:none}.split-photo .text-col{padding:48px 24px}}
/* CTA LINE (Opening Statement phone + button) */
.cta-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:34px}
.cta-phone{display:flex;align-items:center;gap:10px;white-space:nowrap}
.cta-phone .label{font-size:.82rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.cta-phone .num{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--text-head);white-space:nowrap}
.cta-phone .num a{color:inherit;text-decoration:none}
.cta-phone .num a:hover{color:var(--gold)}
@media(max-width:560px){.cta-line{flex-direction:column;align-items:flex-start}}
/* PRACTICE AREAS */
.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px 40px;margin-top:40px}
.practice-row{display:flex;gap:18px}
.practice-num{flex:none;width:48px;height:48px;border-radius:50%;border:2px solid var(--navy);color:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1.3rem}
.practice-row h3{margin-bottom:8px}
.practice-learn-more{text-align:center;margin-top:14px}
.practice-learn-more a{font-weight:700;font-size:.9rem;color:var(--navy-mid)}
.practice-learn-more a:hover{color:var(--gold)}
/* MEET JEFF */
.meet-jeff-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}
@media(max-width:800px){.meet-jeff-grid{grid-template-columns:1fr}}
.meet-jeff-grid img.portrait{border-radius:6px;box-shadow:0 8px 32px rgba(13,34,64,.15)}
.signature-img{margin-top:10px;margin-left:20%;display:block;max-width:280px}
.jeff-quote{color:var(--navy);font-style:italic;margin-top:1.2em;font-size:1.08rem}
/* CONTACT */
.contact-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;text-align:center;margin-bottom:50px}
.contact-icons .icon{font-size:28px;color:var(--navy);margin-bottom:10px}
.contact-icons h3{font-family:var(--font-body);font-weight:700;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-head);margin-bottom:8px}
.contact-icons p{font-size:1.05rem;margin:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}
.contact-grid h2{margin-bottom:4px}.eyebrow-bold{font-weight:700;color:var(--text-head);margin-bottom:28px}
/* FORMS */
.form-grid{display:grid;gap:12px;max-width:480px}
.form-grid label{font-size:.85rem;font-weight:700;color:var(--text-head)}
.form-grid input,.form-grid textarea{width:100%;padding:11px 14px;border:1px solid #ccd3df;border-radius:4px;font-family:var(--font-body);font-size:.95rem;transition:border-color .15s}
.form-grid input:focus,.form-grid textarea:focus{outline:none;border-color:var(--navy)}
.form-grid textarea{min-height:100px;resize:vertical}
.form-note{font-size:.78rem;color:#999;margin-top:10px}
/* END-OF-PAGE CTA FORM SECTION */
.cta-form-section{background:var(--navy);padding:64px 0}
.cta-form-inner{max-width:700px;margin:0 auto;padding:0 24px}
.cta-form-inner .hero-steps-sub{color:var(--gold);font-weight:700;letter-spacing:.02em;margin:0 0 28px}
.cta-form-inner .hero-steps{list-style:none;padding:0;margin:0 0 28px}
.cta-form-inner .hero-steps li{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.cta-form-inner .hero-steps .step-num{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1.1rem}
.cta-form-inner .hero-steps .step-text{color:#c5d0e0;padding-top:5px;line-height:1.4}
.cta-form-inner .hero-steps .step-text strong{color:#fff;display:block;font-size:1.04rem}
.cta-form-inner .hero-form{max-width:100%}
/* FOOTER */
.site-footer{background:var(--navy);color:#8da0ba;padding:56px 0 0;font-size:.92rem;border-top:3px solid var(--gold)}
.footer-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;padding-bottom:40px}
.footer-grid-3 h4{color:var(--gold);font-family:var(--font-body);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 4px}
.footer-grid-3 h4:first-child{margin-top:0}
.footer-grid-3 p{margin:0 0 4px;color:#b8c8da}.footer-grid-3 a{color:#b8c8da}.footer-grid-3 a:hover{color:var(--gold)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom .credit{font-size:.85rem;color:#5a7090}
/* REVIEWS */
.reviews-head{text-align:center;max-width:760px;margin:0 auto 16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.reviews-badge{display:inline-flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 22px;box-shadow:0 2px 10px rgba(13,34,64,.08)}
.reviews-badge .g-img{width:40px;height:auto}
.reviews-badge .g-meta{text-align:left;line-height:1.3}
.reviews-badge .g-rating{font-weight:700;color:var(--text-head);font-size:1.05rem}
.reviews-badge .g-stars{color:#FBBC05;font-size:.95rem;letter-spacing:1px}
.reviews-badge .g-count{font-size:.82rem;color:var(--text-body)}
.reviews-badge a{font-weight:700;color:var(--navy-mid)}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:36px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 10px rgba(13,34,64,.05);transition:box-shadow .2s}
.review-card:hover{box-shadow:0 6px 22px rgba(13,34,64,.12)}
.review-card .rc-top{display:flex;align-items:center;gap:12px}
.review-card .rc-avatar{width:44px;height:44px;border-radius:50%;flex:none;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;font-family:var(--font-heading)}
.review-card .rc-name{font-weight:700;color:var(--text-head)}
.review-card .rc-sub{font-size:.78rem;color:var(--text-body)}
.review-card .rc-stars{color:#FBBC05;letter-spacing:1px;font-size:.95rem}
.review-card .rc-text{color:var(--text-body);margin:0;font-size:.95rem;line-height:1.6}
.review-card .rc-gicon{margin-left:auto}
.review-card .rc-gicon img{width:22px;height:22px}
.review-card .rc-source-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--navy-light);color:var(--navy);margin-top:4px;letter-spacing:.03em}
.reviews-cta{text-align:center;margin-top:36px;padding-bottom:72px}
/* PRACTICE PAGE LAYOUTS */
.photo-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.photo-row-3 img{border:1px solid var(--line);width:100%;height:auto;border-radius:6px}
@media(max-width:700px){.photo-row-3{grid-template-columns:1fr}}
.float-photo-left::after{content:"";display:table;clear:both}
.float-photo-left img{float:left;margin:4px 24px 16px 0;border:1px solid var(--line);max-width:280px;width:100%;height:auto;border-radius:4px}
@media(max-width:600px){.float-photo-left img{float:none;margin:0 0 16px;max-width:100%}}
.ssc-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}
.ssc-grid .photos-col img{border:1px solid var(--line);width:100%;height:auto;margin-bottom:16px;border-radius:4px}
@media(max-width:760px){.ssc-grid{grid-template-columns:1fr}}
/* SIGNATURE TEXT */
.signature-text{font-family:'Brush Script MT',cursive;font-style:italic;font-size:2.1rem;color:var(--navy);margin-top:6px;margin-left:auto;display:block;text-align:right;line-height:1}
/* MAP EMBED */
.map-embed{position:relative;width:100%;padding-bottom:56%;height:0;overflow:hidden;border-radius:6px;border:1px solid var(--line);box-shadow:0 8px 32px rgba(13,34,64,.1)}
.map-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
/* ICON PHOTO ROW */
.icon-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}
.icon-row-3 .ir-card{background:var(--bg-light);border:1px solid var(--line);border-radius:8px;padding:26px 18px;text-align:center}
.icon-row-3 .ir-card i{font-size:30px;color:var(--navy);margin-bottom:12px;display:block}
.icon-row-3 .ir-card span{font-size:.88rem;font-weight:700;color:var(--text-head)}
@media(max-width:700px){.icon-row-3{grid-template-columns:1fr}}
/* PANEL PHOTO REPLACEMENT */
.icon-panel{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);display:flex;align-items:center;justify-content:center;min-height:320px}
.icon-panel i{font-size:96px;color:var(--gold);opacity:.9}
/* CRIMINAL DEFENSE CHARGE GRID */
.charges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:32px 0}
.charge-card{background:var(--bg-light);border:1px solid var(--line);border-radius:8px;padding:24px 26px}
.charge-card h3{color:var(--navy);font-size:1.05rem;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
.charge-card ul{padding-left:1.1em;margin:0;columns:1;font-size:.92rem}
.charge-card li{margin-bottom:.35em;color:var(--text-body)}
/* AREAS WE SERVE */
.content-body ul.columns2{columns:2;column-gap:32px;padding-left:1.2em;margin-bottom:1.6em}
.content-body ul.columns2 li{break-inside:avoid}
.town-chip-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}
.town-chip{background:var(--navy-light);color:var(--navy);font-weight:700;font-size:.86rem;padding:8px 16px;border-radius:20px}
@media(max-width:600px){.content-body ul.columns2{columns:1}}
/* FAQ ACCORDION */
.faq-list{margin:0 0 32px}
.faq-item{border:1px solid var(--line);border-radius:6px;margin-bottom:8px;overflow:hidden}
.faq-q{width:100%;text-align:left;background:var(--bg-light);border:none;padding:16px 20px;font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .15s}
.faq-q::after{content:'\002B';font-size:1.3rem;flex:none;color:var(--gold)}
.faq-q[aria-expanded="true"]{background:var(--navy);color:#fff}
.faq-q[aria-expanded="true"]::after{content:'\2212';color:var(--gold)}
.faq-a{display:none;padding:16px 20px;background:#fff;border-top:1px solid var(--line)}
.faq-a.is-open{display:block}
.faq-a p{margin:0;color:var(--text-body);line-height:1.7}
/* SEO / RESOURCE PAGES */
.page-hero{background:var(--navy);color:#fff;padding:56px 0;border-bottom:3px solid var(--gold)}
.page-hero h1{color:#fff;margin-bottom:10px}
.page-hero .sub{color:#9bb5d0;font-size:1.05rem;margin:0}
.breadcrumb{font-size:.85rem;color:#7a96b4;margin-bottom:16px}
.breadcrumb a{color:var(--gold)}
.content-sidebar{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;margin-top:20px}.content-full{display:block;margin-top:20px}
@media(max-width:900px){.content-sidebar{grid-template-columns:1fr}.sidebar-card{display:none}}
.content-body h2{color:var(--navy);margin-top:1.6em}
.content-body h2:first-child{margin-top:0}
.content-body h3{color:var(--navy-mid);margin-top:1.2em}
.content-body ul li{margin-bottom:.5em}
.sidebar-card{background:var(--navy);color:#c5d0e0;border-radius:8px;padding:28px;position:sticky;top:100px}
.sidebar-card .sidebar-heading{color:#fff;margin-bottom:6px;font-size:1.25rem;font-family:var(--font-heading)}
.sidebar-card .sidebar-sub{color:var(--gold);font-weight:700;font-size:.92rem;margin-bottom:18px}
.sidebar-card h3{color:#fff;margin-bottom:16px;font-size:1.15rem}
.sidebar-card .sidebar-phone{text-align:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15)}
.sidebar-card .sidebar-phone a{color:var(--gold);font-family:var(--font-heading);font-size:1.3rem;font-weight:700}
.fact-box{background:var(--navy-light);border-left:4px solid var(--gold);border-radius:0 8px 8px 0;padding:20px 24px;margin:28px 0}
.fact-box h4{color:var(--navy);margin:0 0 8px}
.fact-box p{margin:0;color:var(--text-body)}
.related-pages{margin-top:48px;padding-top:36px;border-top:2px solid var(--line)}
.related-pages h3{margin-bottom:20px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.related-link{display:block;padding:12px 16px;background:var(--bg-light);border:1px solid var(--line);border-radius:6px;color:var(--navy);font-weight:600;font-size:.92rem;transition:all .15s}
.related-link:hover{background:var(--navy);color:#fff;text-decoration:none;border-color:var(--navy)}
.hub-nav{background:var(--bg-light);border-bottom:1px solid var(--line);padding:14px 0;position:sticky;top:0;z-index:40}
.hub-nav-inner{display:flex;gap:6px;flex-wrap:wrap}
.hub-nav-inner a{font-size:.88rem;font-weight:600;color:var(--navy);padding:6px 14px;border-radius:20px;border:1px solid transparent;transition:all .15s}
.hub-nav-inner a:hover,.hub-nav-inner a.active{background:var(--navy);color:#fff;text-decoration:none;border-color:var(--navy)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* REVIEWS PAGE - MULTI-SOURCE */
.reviews-source-badges{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}
.source-badge-block{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 28px;box-shadow:0 4px 16px rgba(13,34,64,.07)}
.source-score-big{color:#f4b400;font-size:1rem;font-weight:700;letter-spacing:1px}
.source-count{font-weight:700;font-size:.88rem;color:var(--navy);margin-top:3px}
.source-stars{color:#f4b400;font-size:1.1rem;letter-spacing:2px}
.source-score{font-weight:700;font-size:.95rem;color:var(--navy);margin-top:2px}
.reviews-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;border-bottom:2px solid var(--gold);padding-bottom:16px}
.reviews-section-title{margin:0;font-size:1.4rem;color:var(--navy)}
.source-link{font-size:.88rem;font-weight:700;color:var(--gold);white-space:nowrap}
.reviews-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
@media(max-width:700px){.reviews-grid-full{grid-template-columns:1fr}.reviews-source-badges{gap:20px}.source-badge-block{padding:14px 18px}}

/* ── Practice Areas Grid (homepage) ── */
.pa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.pa-card{background:var(--bg-white);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(13,34,64,.07);transition:box-shadow .2s,transform .2s}
.pa-card:hover{box-shadow:0 6px 28px rgba(13,34,64,.13);transform:translateY(-3px)}
.pa-photo{height:180px;background-size:cover;background-position:center;background-color:var(--navy)}
.pa-photo--dark{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);position:relative}
.pa-photo--dark::after{content:'\2696';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;opacity:.15;color:#fff}
.pa-photo--wc{background:linear-gradient(135deg,#1a3a6b 0%,#2d5a9e 100%);position:relative}
.pa-photo--wc::after{content:'\1F6E0';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;opacity:.15}
.pa-photo--ss{background:linear-gradient(135deg,#0d2240 0%,#1a3a6b 100%);position:relative}
.pa-photo--ss::after{content:'\1F4CB';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;opacity:.15}
.pa-body{padding:24px;display:flex;flex-direction:column;flex:1}
.pa-body h3{font-size:1.2rem;margin-bottom:8px}
.pa-body h3 a{color:var(--text-head);text-decoration:none}
.pa-body h3 a:hover{color:var(--gold)}
.pa-body>p{font-size:.93rem;color:var(--text-body);margin-bottom:16px;line-height:1.6}
.pa-links{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.pa-links a{font-size:.78rem;font-weight:600;color:var(--navy-mid);background:var(--navy-light);border-radius:20px;padding:4px 11px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}
.pa-links a:hover{background:var(--gold);color:#fff;text-decoration:none}
.pa-more{margin-top:auto;font-size:.88rem;font-weight:700;color:var(--gold);text-decoration:none;border-top:1px solid var(--line);padding-top:14px;display:block}
.pa-more:hover{color:var(--gold-hover);text-decoration:underline}
@media(max-width:1024px){.pa-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pa-grid{grid-template-columns:1fr}.pa-photo{height:140px}}

/* ── Why Solo Section (premium redesign) ── */
.why-solo-section{background:var(--bg-light);padding:88px 0;position:relative;overflow:hidden}
.why-solo-header{text-align:center;max-width:720px;margin:0 auto 64px}
.why-solo-eyebrow{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.why-solo-h2{font-family:var(--font-heading);color:var(--navy);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;margin-bottom:22px}
.why-solo-sub{color:var(--text-body);font-size:1.05rem;line-height:1.75;margin:0}
.why-solo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 32px rgba(13,34,64,.08)}
.why-solo-card{display:flex;gap:24px;align-items:flex-start;padding:40px 36px;background:var(--bg-white);transition:background .2s}
.why-solo-card:hover{background:var(--navy-light)}
.why-solo-card:nth-child(1){border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.why-solo-card:nth-child(2){border-bottom:1px solid var(--line)}
.why-solo-card:nth-child(3){border-right:1px solid var(--line)}
.why-solo-icon{flex:none;width:52px;height:52px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.3rem;margin-top:2px}
.why-solo-card-body h3{font-family:var(--font-heading);color:var(--navy);font-size:1.1rem;margin-bottom:10px;font-weight:700}
.why-solo-card-body p{color:var(--text-body);font-size:.93rem;line-height:1.7;margin:0}
@media(max-width:768px){.why-solo-grid{grid-template-columns:1fr}.why-solo-card:nth-child(1),.why-solo-card:nth-child(2),.why-solo-card:nth-child(3){border-right:none;border-bottom:1px solid var(--line)}.why-solo-card{padding:28px 24px}.why-solo-section{padding:64px 0}}

/* ── Contact Section (premium redesign) ── */
.contact-premium{background:var(--bg-white);position:relative}
.contact-premium-inner{display:grid;grid-template-columns:1fr 1fr;min-height:560px;max-width:var(--max-width);margin:0 auto}
.contact-premium-left{padding:72px 56px;display:flex;flex-direction:column;justify-content:center}
.contact-premium-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.contact-premium-h2{font-family:var(--font-heading);color:var(--navy);font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.2;margin-bottom:16px}
.contact-premium-sub{color:var(--text-body);font-size:1rem;line-height:1.6;margin-bottom:36px}
.contact-premium-phone{display:inline-flex;align-items:center;gap:14px;color:var(--navy);font-family:var(--font-heading);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;text-decoration:none;background:var(--navy-light);border:1px solid var(--line);border-radius:8px;padding:16px 28px;margin-bottom:36px;transition:background .2s,border-color .2s}
.contact-premium-phone i{color:var(--gold);font-size:1.4rem}
.contact-premium-phone:hover{background:var(--navy);border-color:var(--navy);color:#fff;text-decoration:none}
.contact-premium-phone:hover i{color:#fff}
.contact-premium-details{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}
.contact-premium-item{display:flex;align-items:flex-start;gap:16px}
.contact-premium-item>i{color:var(--gold);font-size:1rem;margin-top:3px;width:16px;flex:none}
.contact-premium-item>div{display:flex;flex-direction:column;gap:2px}
.contact-premium-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-body);opacity:.6}
.contact-premium-value{font-size:.95rem;color:var(--text-head)}
.contact-premium-value a{color:var(--navy-mid);text-decoration:none}
.contact-premium-value a:hover{color:var(--gold);text-decoration:none}
.contact-premium-btn{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:1rem;padding:14px 32px;border-radius:6px;text-decoration:none;transition:background .2s;align-self:flex-start}
.contact-premium-btn:hover{background:var(--navy-mid);color:#fff;text-decoration:none}
.contact-premium-map{position:relative}
.contact-premium-map iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}
@media(max-width:860px){.contact-premium-inner{grid-template-columns:1fr}.contact-premium-map{height:320px;position:relative}.contact-premium-left{padding:48px 24px}}