/* ============================================================
   Home v2 sections + footer — parchment/brass design ported from
   the client's reference mockup. Everything is SCOPED under .dlf2
   (homepage sections) and .dlf2ft (global footer) so the rest of
   the site (Tailwind navy/gold) is untouched.
   ============================================================ */
:root{
  --v2-ink:#0B1626; --v2-ink2:#132539; --v2-ink3:#1B3350;
  --v2-brass:#C09A50; --v2-brass2:#E4C98C;
  --v2-paper:#F6F2E9; --v2-paper2:#EDE7D8;
  --v2-body:#33404F; --v2-muted:#66707D;
  --v2-line:rgba(11,22,38,.14); --v2-linel:rgba(246,242,233,.16);
  --v2-disp:'Marcellus',Georgia,serif;
  --v2-sans:'Public Sans',system-ui,sans-serif;
  --v2-r:6px;
}
body.home{background:var(--v2-paper)}

/* shared */
.dlf2,.dlf2ft{font-family:var(--v2-sans);color:var(--v2-body);line-height:1.7;font-size:16.5px}
.dlf2 h1,.dlf2 h2,.dlf2 h3,.dlf2 h4,.dlf2ft h4,.dlf2ft .f-brand strong{font-family:var(--v2-disp);font-weight:400;color:var(--v2-ink);line-height:1.15;letter-spacing:.2px}
.dlf2 a{color:var(--v2-ink3);text-underline-offset:3px}
.dlf2 a:hover{color:var(--v2-brass)}
.dlf2 .wrap,.dlf2ft .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.dlf2 .section{padding:88px 0}
.dlf2 .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--v2-brass);display:flex;align-items:center;gap:12px;margin-bottom:14px}
.dlf2 .eyebrow::before{content:"";width:34px;height:1px;background:var(--v2-brass)}
.dlf2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--v2-sans);font-weight:700;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:16px 28px;border-radius:var(--v2-r);border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.dlf2 .btn-brass{background:var(--v2-brass);color:var(--v2-ink)}
.dlf2 .btn-brass:hover{background:var(--v2-brass2);color:var(--v2-ink)}
.dlf2 .btn-ghost{background:transparent;color:var(--v2-paper);border-color:rgba(246,242,233,.4)}
.dlf2 .btn-ghost:hover{border-color:var(--v2-brass2);color:var(--v2-brass2)}
.dlf2 .btn-navy{background:var(--v2-ink);color:var(--v2-paper)}
.dlf2 .btn-navy:hover{background:var(--v2-ink3);color:var(--v2-paper)}

/* QUICK ANSWER (Who is BHW) */
.dlf2 .answer{background:var(--v2-paper2);border-block:1px solid var(--v2-line)}
.dlf2 .answer .wrap{padding:44px 24px}
.dlf2 .answer-box{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;max-width:980px;margin:0 auto}
.dlf2 .answer-mark{font-family:var(--v2-disp);font-size:44px;color:var(--v2-brass);line-height:1;padding-top:2px}
.dlf2 .answer-box h2{font-size:20px;margin-bottom:8px}
.dlf2 .answer-box p{font-size:16px}
@media(max-width:640px){.dlf2 .answer-box{grid-template-columns:1fr}.dlf2 .answer-mark{display:none}}

/* PRACTICE AREAS */
.dlf2 .practice{background:var(--v2-ink);color:var(--v2-paper)}
.dlf2 .practice .head{text-align:center;max-width:760px;margin:0 auto 56px}
.dlf2 .practice .head .eyebrow{justify-content:center}
.dlf2 .practice .head .eyebrow::after{content:"";width:34px;height:1px;background:var(--v2-brass)}
.dlf2 .practice h2{color:var(--v2-paper);font-size:clamp(28px,3.4vw,40px);margin-bottom:14px}
.dlf2 .practice .head p{color:rgba(246,242,233,.75)}
.dlf2 .pa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.dlf2 .pa-card{background:var(--v2-ink2);border:1px solid var(--v2-linel);border-radius:var(--v2-r);padding:34px 32px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.dlf2 .pa-card:hover{border-color:var(--v2-brass);transform:translateY(-3px)}
.dlf2 .pa-num{font-family:var(--v2-disp);font-size:13px;letter-spacing:.24em;color:var(--v2-brass);margin-bottom:14px}
.dlf2 .pa-card h3{color:var(--v2-brass2);font-size:21px;letter-spacing:.04em;margin-bottom:14px}
.dlf2 .pa-card h3 a{color:inherit;text-decoration:none}
.dlf2 .pa-card .pa-body{font-size:15px;color:rgba(246,242,233,.78);margin-bottom:22px}
.dlf2 .pa-card .pa-body p{margin-bottom:14px}
.dlf2 .pa-card .pa-body p:last-child{margin-bottom:0}
.dlf2 .pa-card .pa-body a{color:var(--v2-brass2);text-decoration:underline;text-decoration-color:rgba(192,154,80,.5)}
.dlf2 .pa-card .pa-body a:hover{color:#fff}
.dlf2 .pa-more{margin-top:auto;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--v2-brass2)}
.dlf2 .pa-more:hover{color:#fff}
.dlf2 .pa-more::after{content:" →"}
.dlf2 .pa-wide{grid-column:1/-1}
@media(max-width:860px){.dlf2 .pa-grid{grid-template-columns:1fr}}

/* PROCESS (What Happens Next) */
.dlf2 .process .head{max-width:720px;margin-bottom:52px}
.dlf2 .steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--v2-line);border-radius:var(--v2-r);overflow:hidden;background:#FBF8F1}
.dlf2 .step{padding:38px 34px;border-left:1px solid var(--v2-line)}
.dlf2 .step:first-child{border-left:none}
.dlf2 .step-num{font-family:var(--v2-disp);font-size:15px;color:var(--v2-brass);letter-spacing:.2em;margin-bottom:12px}
.dlf2 .step h3{font-size:20px;margin-bottom:10px}
.dlf2 .step p{font-size:15px}
@media(max-width:860px){.dlf2 .steps{grid-template-columns:1fr}.dlf2 .step{border-left:none;border-top:1px solid var(--v2-line)}.dlf2 .step:first-child{border-top:none}}

/* SERVICE AREAS */
.dlf2 .areas{background:var(--v2-ink);color:var(--v2-paper);text-align:center}
.dlf2 .areas .eyebrow{justify-content:center}
.dlf2 .areas .eyebrow::before,.dlf2 .areas .eyebrow::after{content:"";width:34px;height:1px;background:var(--v2-brass)}
.dlf2 .areas h2{color:var(--v2-paper);font-size:clamp(26px,3vw,36px);margin-bottom:26px}
.dlf2 .areas h2 em{font-style:normal;color:var(--v2-brass2);border-bottom:2px solid var(--v2-brass)}
.dlf2 .city-list{max-width:860px;margin:0 auto 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;list-style:none;padding:0}
.dlf2 .city-list li{font-family:var(--v2-disp);font-size:16.5px;color:rgba(246,242,233,.85);letter-spacing:.04em}
.dlf2 .city-list li::after{content:"•";color:var(--v2-brass);margin-left:12px}
.dlf2 .city-list li:last-child::after{content:""}
.dlf2 .city-list li a{color:inherit;text-decoration:none;text-underline-offset:3px;transition:color .2s}
.dlf2 .city-list li a:hover,.dlf2 .city-list li a:focus-visible{color:var(--v2-brass);text-decoration:underline}
.dlf2 .areas .foot{font-size:13.5px;color:rgba(246,242,233,.6)}

/* BLOG */
.dlf2 .blog{background:var(--v2-paper)}
.dlf2 .blog .head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.dlf2 .blog h2{font-size:clamp(28px,3.2vw,38px)}
.dlf2 .blog .head p{color:var(--v2-muted)}
.dlf2 .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:36px}
.dlf2 .post{background:#FBF8F1;border:1px solid var(--v2-line);border-radius:var(--v2-r);padding:28px 26px;display:flex;flex-direction:column;transition:border-color .2s}
.dlf2 .post:hover{border-color:var(--v2-brass)}
.dlf2 .post .tag{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-brass);margin-bottom:12px}
.dlf2 .post h3{font-size:18.5px;line-height:1.35;margin-bottom:10px}
.dlf2 .post h3 a{color:var(--v2-ink);text-decoration:none}
.dlf2 .post h3 a:hover{color:var(--v2-brass)}
.dlf2 .post p{font-size:14px;color:var(--v2-muted);margin-bottom:18px}
.dlf2 .post .read{margin-top:auto;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--v2-ink)}
.dlf2 .post .read:hover{color:var(--v2-brass)}
.dlf2 .post .read::after{content:" →"}
.dlf2 .more-posts{border-top:1px solid var(--v2-line);padding-top:28px}
.dlf2 .more-posts h3{font-size:13px;font-family:var(--v2-sans);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-muted);margin-bottom:16px}
.dlf2 .more-posts ul{list-style:none;columns:2;column-gap:48px;padding:0}
.dlf2 .more-posts li{margin-bottom:10px;break-inside:avoid;font-size:15px}
@media(max-width:900px){.dlf2 .blog-grid{grid-template-columns:1fr}.dlf2 .more-posts ul{columns:1}}

/* ============ FOOTER (global) ============ */
.dlf2ft{background:var(--v2-ink);color:rgba(246,242,233,.75);font-size:14px;border-top:none}
.dlf2ft .f-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;padding:70px 0 50px;border-bottom:1px solid var(--v2-linel)}
.dlf2ft h4{color:var(--v2-brass2);font-size:17px;letter-spacing:.06em;margin-bottom:16px}
.dlf2ft a{color:rgba(246,242,233,.8);text-decoration:none}
.dlf2ft a:hover{color:var(--v2-brass2)}
.dlf2ft .f-brand strong{font-size:22px;color:var(--v2-paper);letter-spacing:.05em;display:block;margin-bottom:4px}
.dlf2ft .f-brand .tag{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--v2-brass);margin-bottom:18px}
.dlf2ft address{font-style:normal;line-height:1.9;margin-bottom:0}
.dlf2ft ul{list-style:none;padding:0;margin:0}
.dlf2ft li{margin-bottom:9px}
.dlf2ft .socials{display:flex;gap:16px;margin-top:18px}
.dlf2ft .f-legal{padding:30px 0;font-size:12.5px;color:rgba(246,242,233,.55);line-height:1.8}
.dlf2ft .f-legal .row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:860px){.dlf2ft .f-main{grid-template-columns:1fr}}

/* ABOUT (Dothan's Legal Team intro) */
.dlf2 .about{background:var(--v2-paper)}
.dlf2 .about .wrap{display:grid;grid-template-columns:1.5fr .9fr;gap:64px;align-items:start}
.dlf2 .about h1,.dlf2 .about h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:10px}
.dlf2 .about .sub{font-size:15px;font-weight:600;font-family:var(--v2-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--v2-brass);margin:0 0 24px}
.dlf2 .about .about-body p{margin-bottom:20px}
.dlf2 .about .about-body p:last-child{margin-bottom:0}
.dlf2 .about .about-body a{color:var(--v2-ink3);text-decoration:underline;text-decoration-color:rgba(192,154,80,.5)}
.dlf2 .about .about-body a:hover{color:var(--v2-brass)}
.dlf2 .about-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:20px}
.dlf2 .side-card{background:var(--v2-ink);color:var(--v2-paper);border-radius:var(--v2-r);padding:30px 28px;border-top:4px solid var(--v2-brass)}
.dlf2 .side-card h4{color:var(--v2-brass2);font-size:18px;margin-bottom:8px}
.dlf2 .side-card p{font-size:14.5px;color:rgba(246,242,233,.8);margin-bottom:18px}
.dlf2 .side-card .tel{display:block;font-family:var(--v2-disp);font-size:27px;color:var(--v2-paper);text-decoration:none;margin-bottom:14px}
.dlf2 .side-card .tel:hover{color:var(--v2-brass2)}
.dlf2 .side-card .side-intake{background:var(--v2-paper);border-radius:10px;padding:16px 16px 8px;margin-top:6px}
.dlf2 .side-card .side-intake-label{color:var(--v2-ink);font-family:var(--v2-sans);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;opacity:.7}
.dlf2 .side-card .side-intake input,.dlf2 .side-card .side-intake textarea,.dlf2 .side-card .side-intake select{max-width:100%}
.dlf2 .side-quote{background:var(--v2-paper2);border-left:3px solid var(--v2-brass);border-radius:0 var(--v2-r) var(--v2-r) 0;padding:24px 26px;font-family:var(--v2-disp);font-size:19px;color:var(--v2-ink);line-height:1.5}
.dlf2 .side-quote cite{display:block;font-family:var(--v2-sans);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--v2-muted);margin-top:12px}
@media(max-width:960px){.dlf2 .about .wrap{grid-template-columns:1fr}.dlf2 .about-side{position:static}}

/* CONTACT (combined) */
.dlf2 .contact{background:var(--v2-ink2);color:var(--v2-paper);position:relative;overflow:hidden}
.dlf2 .contact::before{content:"NOT GUILTY";position:absolute;right:-30px;bottom:-40px;font-family:var(--v2-disp);font-size:150px;letter-spacing:.06em;color:rgba(246,242,233,.04);pointer-events:none;white-space:nowrap}
.dlf2 .contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.dlf2 .contact h2{color:var(--v2-paper);font-size:clamp(28px,3.4vw,40px);margin-bottom:16px}
.dlf2 .contact .lede{color:rgba(246,242,233,.82);margin-bottom:24px}
.dlf2 .contact .cinfo{font-size:14.5px;color:rgba(246,242,233,.82);line-height:2}
.dlf2 .contact .cinfo strong{color:var(--v2-brass2)}
.dlf2 .contact .cinfo a{color:var(--v2-brass2)}
.dlf2 .form-card{background:var(--v2-paper);border-radius:var(--v2-r);border-top:4px solid var(--v2-brass);padding:30px 28px;box-shadow:0 30px 60px rgba(0,0,0,.35);color:var(--v2-body)}
.dlf2 .form-card .fc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--v2-brass);margin-bottom:6px}
.dlf2 .form-card h3{font-size:23px;margin-bottom:18px;color:var(--v2-ink)}
@media(max-width:900px){.dlf2 .contact .wrap{grid-template-columns:1fr}}

/* FAQ */
.dlf2 .faq{background:var(--v2-paper2);border-block:1px solid var(--v2-line)}
.dlf2 .faq .wrap{display:grid;grid-template-columns:.85fr 1.4fr;gap:64px;align-items:start}
.dlf2 .faq h2{font-size:clamp(28px,3.2vw,38px);margin-bottom:16px}
.dlf2 .faq-intro p{margin-bottom:20px}
.dlf2 .faq details{background:#FBF8F1;border:1px solid var(--v2-line);border-radius:var(--v2-r);margin-bottom:12px}
.dlf2 .faq details[open]{border-color:var(--v2-brass)}
.dlf2 .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:var(--v2-disp);font-size:18px;color:var(--v2-ink)}
.dlf2 .faq summary::-webkit-details-marker{display:none}
.dlf2 .faq summary::after{content:"+";font-family:var(--v2-sans);font-size:22px;color:var(--v2-brass);flex-shrink:0;transition:transform .2s}
.dlf2 .faq details[open] summary::after{transform:rotate(45deg)}
.dlf2 .faq .faq-a{padding:0 24px 22px;font-size:15.5px}
.dlf2 .faq .faq-a a{color:var(--v2-ink3);text-decoration:underline}
.dlf2 .faq .faq-a a:hover{color:var(--v2-brass)}
@media(max-width:960px){.dlf2 .faq .wrap{grid-template-columns:1fr;gap:24px}}

/* ============ FIRM OVERVIEW page ============ */
.dlf2.firm{background:var(--v2-paper)}
.firm-hero{background:var(--v2-ink);color:var(--v2-paper);padding:82px 24px 74px;text-align:center;position:relative;overflow:hidden}
.firm-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,transparent,var(--v2-brass),transparent)}
.firm-hero .fh-inner{max-width:820px;margin:0 auto}
.firm-hero .eyebrow{justify-content:center;color:var(--v2-brass2)}
.firm-hero .eyebrow::after{content:"";width:34px;height:1px;background:var(--v2-brass)}
.firm-hero h1{color:var(--v2-paper);font-size:clamp(34px,5vw,54px);margin-bottom:18px}
.firm-hero-sub{font-size:18px;color:rgba(246,242,233,.82);max-width:640px;margin:0 auto 30px;line-height:1.6}
.firm-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.firm-strip{background:var(--v2-ink2)}
.firm-strip .fs-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(246,242,233,.12)}
.firm-strip .fs-item{background:var(--v2-ink2);padding:26px 22px;text-align:center}
.firm-strip .fs-k{display:block;font-family:var(--v2-disp);font-size:22px;color:var(--v2-brass2);margin-bottom:5px}
.firm-strip .fs-l{display:block;font-size:12px;letter-spacing:.05em;color:rgba(246,242,233,.72);text-transform:uppercase}

.firm-body{padding:78px 24px}
.firm-body .fb-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}
.firm-prose{max-width:none;color:var(--v2-body)}
.firm-prose h2{font-family:var(--v2-disp);color:var(--v2-ink);font-size:clamp(24px,2.6vw,33px);font-weight:400;line-height:1.2;margin:1.7em 0 .5em}
.firm-prose h2:first-child{margin-top:0}
.firm-prose p{margin:0 0 1.15em;line-height:1.75}
.firm-prose a{color:var(--v2-ink3);text-decoration:underline;text-underline-offset:3px}
.firm-prose a:hover{color:var(--v2-brass)}
.firm-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:20px}
.firm-card{background:var(--v2-ink);color:var(--v2-paper);border-radius:var(--v2-r);padding:28px 26px;border-top:4px solid var(--v2-brass)}
.firm-card .fc-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-brass2);margin-bottom:10px}
.firm-card .fc-tel{display:block;font-family:var(--v2-disp);font-size:30px;color:var(--v2-paper);text-decoration:none;margin-bottom:12px}
.firm-card .fc-tel:hover{color:var(--v2-brass2)}
.firm-card .fc-addr{font-size:14px;color:rgba(246,242,233,.8);margin-bottom:18px;line-height:1.6}
.firm-card .fc-btn{width:100%}
.firm-quote{background:var(--v2-paper2);border-left:3px solid var(--v2-brass);border-radius:0 var(--v2-r) var(--v2-r) 0;padding:22px 24px;font-family:var(--v2-disp);font-size:18px;color:var(--v2-ink);line-height:1.5}
.firm-quote cite{display:block;font-family:var(--v2-sans);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--v2-muted);margin-top:12px}

.firm-focus{background:var(--v2-paper2);padding:78px 24px}
.firm-focus .ff-inner{max-width:1100px;margin:0 auto}
.firm-focus .ff-head{text-align:center;max-width:660px;margin:0 auto 44px}
.firm-focus .ff-head .eyebrow{justify-content:center}
.firm-focus .ff-head .eyebrow::after{content:"";width:34px;height:1px;background:var(--v2-brass)}
.firm-focus h2{font-size:clamp(28px,3.4vw,40px)}
.firm-focus .ff-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.firm-focus .ff-card{display:block;background:var(--v2-paper);border:1px solid var(--v2-line);border-top:3px solid var(--v2-brass);border-radius:var(--v2-r);padding:36px 32px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.firm-focus .ff-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(11,22,38,.4)}
.firm-focus .ff-num{font-family:var(--v2-disp);font-size:16px;color:var(--v2-brass);letter-spacing:.1em}
.firm-focus .ff-card h3{font-size:26px;margin:8px 0 12px;color:var(--v2-ink)}
.firm-focus .ff-card p{color:var(--v2-body);font-size:15.5px;line-height:1.65;margin-bottom:18px}
.firm-focus .ff-link{font-family:var(--v2-sans);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--v2-ink3)}
.firm-focus .ff-card:hover .ff-link{color:var(--v2-brass)}
.firm-focus .ff-link::after{content:" \2192"}

.firm-cta{background:var(--v2-ink);color:var(--v2-paper);padding:66px 24px;text-align:center}
.firm-cta h2{color:var(--v2-paper);font-size:clamp(26px,3vw,36px);margin-bottom:10px}
.firm-cta p{color:rgba(246,242,233,.8);margin-bottom:26px}
.firm-cta .fcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
	.firm-body .fb-inner{grid-template-columns:1fr;gap:40px}
	.firm-side{position:static}
	.firm-strip .fs-inner{grid-template-columns:1fr 1fr}
	.firm-focus .ff-grid{grid-template-columns:1fr}
}