/* Wiregrass Homes — inner pages (loads after style.css) */
.nav a[aria-current="page"]::after { right: 0; }
.nav a[aria-current="page"] { font-weight: 500; }

.page-hero { position: relative; background: #140808; color: var(--white); overflow: hidden; isolation: isolate; }
.page-hero .hero-bg { width: 58%; }
.page-hero .hero-bg { width: 52%; }
.page-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #1a0c0b 0%, #1a0c0b 50%, rgba(26, 12, 11, .88) 60%, rgba(26, 12, 11, .45) 76%, rgba(26, 12, 11, .12) 100%); }
.page-hero .container { padding-top: 176px; padding-bottom: 88px; }
.page-hero h1 { color: var(--white); font-size: clamp(36px, 4.4vw, 58px); font-weight: 200; letter-spacing: -.045em; line-height: 1.1; margin-bottom: 30px; max-width: 980px; }
.page-hero h1 strong { display: inline; font-weight: 700; color: var(--red); letter-spacing: -.05em; }
.page-hero .intro { max-width: 860px; }
.page-hero .intro p { color: rgba(255, 255, 255, .9); font-size: 17px; line-height: 1.75; margin-bottom: 1.2em; }
.page-hero .intro p.big { font-family: var(--head); font-weight: 300; font-size: 21px; color: var(--white); line-height: 1.5; }
.page-hero .hero-actions { margin-top: 30px; }
.page-hero .note { color: rgba(255, 255, 255, .88); margin-top: 26px !important; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 34px; padding: 0; list-style: none; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6); line-height: 1.4; }
.crumbs a:hover { color: var(--white); }
.crumbs li + li::before { content: "/"; margin-right: 10px; color: var(--red); }
.crumbs [aria-current] { color: var(--white); }
@media (max-width: 1019px) {
  .page-hero .hero-bg { width: 100%; }
  .page-hero::before { background: linear-gradient(90deg, rgba(26, 12, 11, .95) 0%, rgba(26, 12, 11, .84) 60%, rgba(26, 12, 11, .6) 100%); }
  .page-hero .container { padding-top: 136px; padding-bottom: 72px; }
}
@media (max-width: 559px) {
  .page-hero .container { padding-top: 110px; padding-bottom: 60px; }
  .page-hero .intro p { font-size: 15.5px; }
  .page-hero .intro p.big { font-size: 18px; }
  .page-hero .hero-actions .btn { width: 100%; }
}

.dark p { color: rgba(255, 255, 255, .86); }
.gray { background: var(--gray-bg); }
.soft { background: var(--gray-soft); }
.sec-head { margin-bottom: clamp(44px, 5vw, 64px); }
.sec-head .title { max-width: 920px; }
.sec-head p { max-width: 720px; margin-top: 24px; margin-bottom: 0; }
.sec-head p + p { margin-top: 12px; }
.lead-p { font-family: var(--head); font-size: clamp(19px, 1.7vw, 22px); font-weight: 300; color: var(--ink); line-height: 1.55; }
.dark .lead-p { color: var(--white); }
.btn-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
@media (max-width: 559px) { .btn-row .btn { width: 100%; } }

/* Dash list */
.dash-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #c4c4cc; }
.dash-list li { display: flex; align-items: center; gap: 22px; padding: 15px 0; border-bottom: 1px solid #d6d6db; font-family: var(--head); font-weight: 300; font-size: 16px; color: var(--ink); line-height: 1.5; }
.dash-list li::before { content: ""; width: 20px; height: 2px; background: var(--red); flex-shrink: 0; }
.dash-list.cols { display: grid; column-gap: 48px; }
@media (min-width: 720px) { .dash-list.cols { grid-template-columns: 1fr 1fr; } }
.dark .dash-list, .black .dash-list { border-top-color: #333; }
.dark .dash-list li, .black .dash-list li { color: var(--white); border-bottom-color: #262626; }
.dash-list.compact li { padding: 10px 0; font-size: 15px; gap: 16px; }
.dash-list a { transition: color .25s; }
.dash-list a:hover { color: var(--red); }

/* Split block */
.split { display: grid; gap: 44px; }
@media (min-width: 980px) { .split { grid-template-columns: 506px minmax(0, 1fr); gap: 0; } .split.even { grid-template-columns: 1fr 1fr; gap: 72px; } }
.split p { font-size: 16px; }

/* Detail cards */
.detail-grid { display: grid; gap: 18px; }
@media (min-width: 900px) { .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.detail { background: var(--gray-bg); padding: 44px 36px 40px; display: flex; flex-direction: column; transition: transform .45s var(--ease), box-shadow .45s var(--ease); }
.detail:hover { transform: translateY(-4px); box-shadow: 0 28px 50px -30px rgba(0, 0, 0, .35); }
.detail .cond-ic { margin-bottom: 34px; }
.detail .cond-ic .sub { background: var(--gray-bg); }
.detail h3 { font-size: 24px; margin-bottom: 18px; }
.detail p { font-size: 15.5px; color: var(--ink); line-height: 1.65; margin-bottom: 1.1em; }
.detail .dash-list { margin: 4px 0 24px; }
.detail .dash-list.cols { column-gap: 28px; }
.detail .btn { margin-top: auto; align-self: flex-start; }
.detail .legal { display: block; font-size: 13.5px; line-height: 1.6; color: var(--text); border-left: 2px solid var(--red); padding-left: 14px; margin: 0 0 24px; }
.detail.black { background: var(--black); }
.detail.black h3 { color: var(--white); }
.detail.black p { color: rgba(255, 255, 255, .86); }
.detail.black .cond-ic { color: var(--white); }
.detail.black .cond-ic .sub { background: var(--black); }
.detail.black .legal { color: rgba(255, 255, 255, .72); }
.detail.wide { grid-column: 1 / -1; }
@media (max-width: 559px) { .detail { padding: 34px 22px 30px; } .detail .btn { width: 100%; } }

/* Steps */
.steps { display: grid; gap: 15px; }
@media (min-width: 680px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .steps.five { grid-template-columns: repeat(5, minmax(0, 1fr)); } .steps.four { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.step { border: 1px solid #2f2f2f; padding: 30px 26px; display: flex; flex-direction: column; gap: 16px; transition: border-color .35s, background .35s; }
.step:hover { border-color: var(--red); background: #0b0b0b; }
.step .n { font-family: var(--head); font-size: 54px; font-weight: 200; line-height: 1; color: var(--red); transition: transform .4s var(--ease); }
.step:hover .n { transform: translateY(-4px); }
.step h3 { font-size: 19px; font-weight: 400; color: var(--white); line-height: 1.35; }
.step p { font-size: 15px; line-height: 1.65; margin: 0; color: rgba(255, 255, 255, .8); }

/* Step rows */
.step-rows { border-top: 1px solid #d3d3d8; }
.step-row { display: grid; gap: 18px 40px; padding: 48px 0; border-bottom: 1px solid #d3d3d8; }
@media (min-width: 900px) { .step-row { grid-template-columns: 150px 380px minmax(0, 1fr); align-items: start; } }
.step-row .n { font-family: var(--head); font-size: 72px; font-weight: 200; line-height: .9; color: var(--red); }
.step-row .k { display: block; font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--red); margin-bottom: 10px; font-weight: 500; }
.step-row h3 { font-size: clamp(24px, 2.4vw, 30px); font-weight: 300; letter-spacing: -.02em; }
.step-row p { font-size: 16px; }
.step-row .dash-list { margin-top: 6px; }
@media (max-width: 559px) { .step-row { padding: 36px 0; } .step-row .n { font-size: 56px; } }

/* Compare */
.compare { display: grid; gap: 18px; }
@media (min-width: 860px) { .compare { grid-template-columns: 1fr 1fr; } }
.compare > div { padding: 48px 40px; background: var(--gray-bg); }
.compare > div.black { background: var(--black); }
.compare h3 { font-size: 24px; font-weight: 300; margin-bottom: 26px; line-height: 1.3; }
.compare h3 strong { display: inline; font-weight: 600; color: var(--red); }
.compare .black h3 { color: var(--white); }
@media (max-width: 559px) { .compare > div { padding: 34px 22px; } }

/* Chips */
.chips { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 700px) { .chips { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.chip-c { display: flex; align-items: center; gap: 12px; padding: 18px; background: var(--white); border: 1px solid #dcdce0; font-family: var(--head); font-weight: 400; font-size: 15.5px; color: var(--ink); line-height: 1.3; transition: border-color .3s, transform .35s var(--ease); }
.chip-c svg { width: 18px; height: 18px; color: var(--red); flex-shrink: 0; }
.chip-c:hover { border-color: var(--red); transform: translateY(-3px); }
.dark .chip-c { background: transparent; border-color: #2f2f2f; color: var(--white); }
@media (max-width: 559px) { .chip-c { padding: 14px 12px; font-size: 14.5px; gap: 8px; } }

/* Stats */
.stats { display: grid; gap: 15px; }
@media (min-width: 680px) { .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.stat { border: 1px solid #2f2f2f; padding: 30px 26px; }
.stat .v { display: block; font-family: var(--head); font-size: clamp(36px, 3.6vw, 48px); font-weight: 200; color: var(--red); line-height: 1.05; letter-spacing: -.03em; }
.stat .l { display: block; margin-top: 12px; font-size: 14.5px; color: rgba(255, 255, 255, .8); line-height: 1.5; }
.src { margin-top: 22px !important; font-size: 13.5px; color: var(--text-dark) !important; }
.badge-date { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border: 1px solid #333; font-size: 13px; letter-spacing: .04em; color: var(--white); margin-top: 6px; }
.badge-date::before { content: ""; width: 7px; height: 7px; background: var(--red); }

/* Notice */
.notice { display: flex; gap: 16px; padding: 22px 24px; background: var(--white); border-left: 3px solid var(--red); font-size: 15px; color: var(--ink); line-height: 1.6; margin-top: 28px; }
.notice svg { width: 22px; height: 22px; color: var(--red); flex-shrink: 0; margin-top: 2px; }
.notice.on-white { background: var(--gray-soft); }

/* Option cards */
.options { display: grid; gap: 18px; }
@media (min-width: 900px) { .options { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.option { background: var(--gray-bg); padding: 44px 32px 40px; display: flex; flex-direction: column; min-height: 330px; transition: transform .45s var(--ease), box-shadow .45s var(--ease); }
.option:hover { transform: translateY(-6px); box-shadow: 0 28px 50px -30px rgba(0, 0, 0, .4); }
.option .cond-ic { margin-bottom: 34px; }
.option .cond-ic .sub { background: var(--gray-bg); }
.option h3 { font-size: 24px; margin-bottom: 14px; }
.option p { font-size: 15.5px; color: var(--ink); line-height: 1.65; }
.option .btn { margin-top: auto; align-self: flex-start; }
.option.black { background: var(--black); }
.option.black h3 { color: var(--white); }
.option.black p { color: rgba(255, 255, 255, .86); }
.option.black .cond-ic { color: var(--white); }
.option.black .cond-ic .sub { background: var(--black); }
@media (max-width: 559px) { .option { min-height: 0; padding: 34px 22px 30px; } .option .btn { width: 100%; } }

/* Forms */
.form-wrap { display: grid; gap: 44px; }
@media (min-width: 1020px) { .form-wrap { grid-template-columns: 420px minmax(0, 1fr); gap: 72px; align-items: start; } .form-side { position: sticky; top: 110px; } }
.form { background: var(--white); padding: clamp(24px, 4vw, 48px); border: 1px solid #dcdce0; }
.form fieldset { border: 0; margin: 0 0 30px; padding: 0; min-width: 0; }
.form legend { font-family: var(--head); font-size: 19px; font-weight: 500; color: var(--ink); margin-bottom: 18px; padding: 0; display: flex; align-items: center; gap: 14px; }
.form legend span { font-size: 13px; color: var(--red); font-weight: 400; }
.fgrid { display: grid; gap: 16px; }
@media (min-width: 640px) { .fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fgrid.addr { grid-template-columns: 2fr 1fr 1fr 1fr; } .fgrid .full { grid-column: 1 / -1; } }
@media (min-width: 640px) and (max-width: 900px) { .fgrid.addr { grid-template-columns: 1fr 1fr; } .fgrid.addr > :first-child { grid-column: 1 / -1; } }
.form label { display: block; font-size: 13.5px; font-weight: 500; color: var(--ink); margin-bottom: 7px; }
.form label i { font-style: normal; color: var(--red); }
.form label small { font-weight: 300; color: var(--text); }
.form input, .form select, .form textarea { width: 100%; padding: 14px 16px; border: 1px solid #cfcfd5; border-radius: 0; background: var(--gray-soft); font: inherit; font-size: 15px; font-weight: 400; color: var(--ink); transition: border-color .25s, background .25s; -webkit-appearance: none; appearance: none; }
.form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e5242f' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.form textarea { min-height: 130px; resize: vertical; }
.form input:focus, .form select:focus, .form textarea:focus { outline: none; border-color: var(--red); background: var(--white); }
.form .file { position: relative; display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px dashed #b9b9c1; background: var(--gray-soft); cursor: pointer; font-size: 14.5px; font-weight: 400; color: var(--text); transition: border-color .25s; margin: 0; }
.form .file:hover { border-color: var(--red); }
.form .file svg { width: 22px; height: 22px; color: var(--red); flex-shrink: 0; }
.form .file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.form .submit-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; margin-top: 6px; }
.form .submit-row p { margin: 0; font-size: 13.5px; color: var(--text); max-width: 440px; line-height: 1.6; }
.form .form-ok { display: none; align-items: flex-start; gap: 14px; padding: 22px 24px; background: var(--black); color: var(--white); font-size: 15.5px; line-height: 1.6; }
.form .form-ok svg { width: 24px; height: 24px; color: var(--red); flex-shrink: 0; }
.form.sent .form-ok { display: flex; }
.form.sent > :not(.form-ok) { display: none; }
@media (max-width: 559px) { .form .submit-row .btn { width: 100%; } }
.form-side .lead-p { margin-bottom: 22px; }
.form-side p { font-size: 15.5px; }

/* Guides */
.guides { display: grid; gap: 15px; }
@media (min-width: 620px) { .guides { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1020px) { .guides { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.guide { display: flex; flex-direction: column; gap: 14px; padding: 30px 26px; background: var(--white); border: 1px solid #dcdce0; min-height: 220px; transition: border-color .3s, transform .4s var(--ease), box-shadow .4s var(--ease); }
.guide:hover { border-color: var(--red); transform: translateY(-5px); box-shadow: 0 24px 44px -30px rgba(0, 0, 0, .35); }
.guide .cond-ic { margin-bottom: 8px; }
.guide .cond-ic .sub { background: var(--white); }
.guide h3 { font-size: 18px; line-height: 1.35; }
.guide .more { margin-top: auto; width: 100%; font-size: 15px; }

/* Articles */
.articles { display: grid; border-top: 1px solid #2a2a2a; }
@media (min-width: 860px) { .articles { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; } }
.article { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 17px 0; border-bottom: 1px solid #2a2a2a; }
.article .i { font-size: 13px; color: var(--red); }
.article h3 { font-family: var(--head); font-size: 16px; font-weight: 300; color: var(--white); line-height: 1.45; }
.article .tag { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-dark); border: 1px solid #333; padding: 4px 8px; white-space: nowrap; }

/* Duo cards */
.duo { display: grid; gap: 18px; }
@media (min-width: 860px) { .duo { grid-template-columns: 1fr 1fr; } }
.duo > a, .duo > div { display: flex; flex-direction: column; gap: 14px; padding: 44px 36px; background: var(--gray-bg); transition: transform .45s var(--ease), box-shadow .45s var(--ease); }
.duo > a:hover { transform: translateY(-5px); box-shadow: 0 28px 50px -30px rgba(0, 0, 0, .4); }
.duo .black { background: var(--black); }
.duo h3 { font-size: 26px; font-weight: 300; line-height: 1.25; }
.duo h3 strong { font-weight: 600; color: var(--red); }
.duo .black h3 { color: var(--white); }
.duo p { font-size: 15.5px; color: var(--ink); margin: 0; }
.duo .black p { color: rgba(255, 255, 255, .86); }
.duo .more { margin-top: 18px; }
@media (max-width: 559px) { .duo > a, .duo > div { padding: 32px 22px; } }

/* Options with numbers (repairs) */
.opts { display: grid; gap: 15px; }
@media (min-width: 900px) { .opts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.opt { border: 1px solid #d3d3d8; padding: 38px 30px 34px; display: flex; flex-direction: column; gap: 14px; transition: border-color .35s, box-shadow .35s; }
.opt:hover { border-color: var(--red); box-shadow: 0 28px 50px -30px rgba(0, 0, 0, .3); }
.opt .n { font-family: var(--head); font-size: 54px; font-weight: 200; line-height: 1; color: var(--red); }
.opt .k { font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--red); font-weight: 500; }
.opt h3 { font-size: 23px; font-weight: 400; line-height: 1.3; }
.opt p { font-size: 15.5px; margin: 0; }
.opt.hl { background: var(--black); border-color: var(--black); }
.opt.hl h3 { color: var(--white); }
.opt.hl p { color: rgba(255, 255, 255, .86); }
.opt .btn { margin-top: auto; align-self: flex-start; }
@media (max-width: 559px) { .opt { padding: 30px 22px; } .opt .btn { width: 100%; } }

/* Q checklist */
.qlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 720px) { .qlist { grid-template-columns: 1fr 1fr; } }
.qlist li { display: flex; align-items: flex-start; gap: 16px; padding: 22px 22px; background: var(--white); border: 1px solid #dcdce0; font-family: var(--head); font-size: 16px; font-weight: 400; color: var(--ink); line-height: 1.45; transition: border-color .3s; }
.qlist li:hover { border-color: var(--red); }
.qlist li span { font-size: 13px; color: var(--red); font-weight: 400; min-width: 22px; padding-top: 2px; }

/* Chips two per row */
.chips.two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.chips.two .chip-c { padding: 20px 22px; font-size: 16.5px; }

/* Reasons — five across, full width */
@media (min-width: 1100px) { .reasons.five { grid-template-columns: repeat(5, minmax(0, 1fr)); } .reasons.five .reason { aspect-ratio: 1 / 1.05; } }
@media (min-width: 760px) and (max-width: 1099px) { .reasons.five { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Boxed market panel */
.panel { border: 1px solid #2f2f2f; padding: clamp(28px, 4vw, 48px); background: #070707; position: relative; }
.panel::before { content: ""; position: absolute; left: -1px; top: -1px; width: 64px; height: 3px; background: var(--red); }
.panel .lead-p { margin-bottom: 22px; }
.panel > p { font-size: 16px; }
.stat-row { display: grid; gap: 24px; margin-top: 34px; padding-top: 32px; border-top: 1px solid #2a2a2a; }
@media (min-width: 720px) { .stat-row { grid-template-columns: 230px minmax(0, 1fr); gap: 36px; align-items: start; } }
.stat-row .v { display: block; font-family: var(--head); font-size: clamp(38px, 3.6vw, 50px); font-weight: 200; color: var(--red); line-height: 1; letter-spacing: -.03em; }
.stat-row .l { display: block; margin-top: 12px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-dark); line-height: 1.5; }
.stat-row p { font-size: 15px; margin-bottom: 1em; }

/* What we do — two per row */
.wd-grid { display: grid; gap: 18px; }
@media (min-width: 760px) { .wd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wd-grid .cond { min-height: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 28px; align-items: start; padding: 44px 40px; }
.wd-grid .cond .cond-ic { grid-row: span 2; margin: 4px 0 0; }
.wd-grid .cond h3 { font-size: 24px; margin-bottom: 12px; }
.wd-grid .cond p { margin: 0; font-size: 16px; }
.wd-grid .cond.black h3 { font-size: 24px; color: var(--white); }
.wd-grid .cond.black p { max-width: none; }
@media (max-width: 559px) { .wd-grid .cond { grid-template-columns: 1fr; padding: 34px 24px; } .wd-grid .cond .cond-ic { grid-row: auto; margin-bottom: 24px; } }

/* Our market links */
.about-grid.center { align-items: center; }
.about-grid.center .about-text { padding-top: 0; }
.mlinks { display: grid; gap: 12px; margin-top: 34px; }
@media (min-width: 560px) { .mlinks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mlink { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: var(--white); border: 1px solid #dcdce0; font-family: var(--head); font-size: 16px; color: var(--ink); transition: border-color .3s, transform .35s var(--ease); }
.mlink .abbr { width: 46px; margin: 0; flex-shrink: 0; }
.mlink .abbr text { stroke-width: 2.2; }
.mlink svg.lucide { width: 18px; height: 18px; margin-left: auto; color: var(--red); transition: transform .3s var(--ease); }
.mlink:hover { border-color: var(--red); transform: translateY(-3px); }
.mlink:hover .abbr text { fill: var(--red); }
.mlink:hover svg.lucide { transform: translate(2px, -2px); }

/* Text on black boxes — always readable */
.black .eyebrow, .hl .eyebrow, .notify .eyebrow { color: var(--white); }
.black p, .hl p, .black li, .black .l { color: rgba(255, 255, 255, .86); }
.black h3, .hl h3 { color: var(--white); }
.black h3 strong, .hl h3 strong { color: var(--red); }