.content-page { background: var(--paper); }
.content-wrap { margin: 0 auto; max-width: 1280px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); }
.breadcrumbs { align-items: center; color: #7c847d; display: flex; flex-wrap: wrap; font-family: var(--mono); font-size: 9px; gap: 9px; padding-bottom: 24px; padding-top: 24px; }
.breadcrumbs a:hover { color: var(--wood-dark); }
.breadcrumbs span[aria-hidden="true"] { color: #b2b6b0; }
.detail-hero { display: grid; gap: clamp(42px, 7vw, 100px); grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); padding-bottom: 72px; padding-top: clamp(48px, 7vw, 92px); }
.detail-hero-copy { align-self: center; }
.detail-hero h1 { font-size: clamp(43px, 5.4vw, 76px); letter-spacing: -.05em; line-height: 1.08; margin: 0 0 26px; }
.detail-hero-lead { color: var(--muted); font-size: 16px; line-height: 1.9; margin: 0; max-width: 540px; }
.detail-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 25px; margin-top: 34px; }
.detail-phone { border-bottom: 1px solid var(--ink); font-family: var(--mono); font-size: 13px; font-weight: 700; padding-bottom: 5px; }
.detail-phone small { color: var(--muted); font-family: var(--sans); font-size: 9px; font-weight: 400; margin-right: 8px; }
.detail-hero-media { min-height: 500px; overflow: hidden; position: relative; }
.detail-hero-media img { height: 100%; object-fit: cover; width: 100%; }
.detail-hero-media span { background: var(--paper); bottom: 0; color: var(--muted); font-family: var(--mono); font-size: 9px; padding: 12px 16px; position: absolute; right: 0; }
.entity-strip { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); }
.entity-strip > div, .entity-strip > address { font-style: normal; min-width: 0; padding: 22px 22px 22px 0; }
.entity-strip > :not(:first-child) { border-left: 1px solid var(--line); padding-left: 22px; }
.entity-strip span { color: #8b918b; display: block; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; margin-bottom: 5px; }
.entity-strip strong { display: block; font-size: 12px; line-height: 1.55; }
.entity-strip a { color: var(--wood-dark); }
.content-section { padding-bottom: clamp(75px, 9vw, 120px); padding-top: clamp(75px, 9vw, 120px); }
.content-section + .content-section { border-top: 1px solid var(--line); }
.content-heading { display: grid; gap: 40px; grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr); margin-bottom: 45px; }
.content-heading h2 { font-size: clamp(32px, 4vw, 53px); letter-spacing: -.04em; line-height: 1.18; margin: 0; }
.content-heading > p { color: var(--muted); font-size: 13px; line-height: 1.9; margin: 7px 0 0; max-width: 570px; }
.spec-grid { border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, 1fr); }
.spec-grid > div { border-bottom: 1px solid var(--line); display: grid; gap: 22px; grid-template-columns: 110px 1fr; min-height: 118px; padding: 25px 28px 25px 0; }
.spec-grid > div:nth-child(even) { border-left: 1px solid var(--line); padding-left: 28px; }
.spec-grid dt { color: var(--wood-dark); font-family: var(--mono); font-size: 9px; }
.spec-grid dd { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0; }
.boundary-band { background: var(--ink-soft); color: #f4f2ec; }
.boundary-band .content-section { border: 0; }
.boundary-band .eyebrow { color: #e8a77e; }
.boundary-grid { border-top: 1px solid rgba(255, 255, 255, .18); display: grid; grid-template-columns: 1fr 1fr; }
.boundary-grid article { min-height: 255px; padding: 33px 40px 35px 0; }
.boundary-grid article + article { border-left: 1px solid rgba(255, 255, 255, .18); padding-left: 40px; }
.boundary-grid h3 { font-size: 20px; margin: 0 0 18px; }
.boundary-grid ul { color: #b5beb7; font-size: 12px; line-height: 1.9; margin: 0; padding-left: 18px; }
.buy-steps { border-top: 1px solid var(--line); counter-reset: buy-step; display: grid; grid-template-columns: repeat(3, 1fr); }
.buy-steps article { border-bottom: 1px solid var(--line); min-height: 205px; padding: 28px 32px 30px 0; }
.buy-steps article:not(:nth-child(3n + 1)) { border-left: 1px solid var(--line); padding-left: 32px; }
.buy-steps article::before { color: var(--wood); content: "0" counter(buy-step); counter-increment: buy-step; font-family: var(--mono); font-size: 10px; }
.buy-steps h3 { font-size: 17px; margin: 18px 0 8px; }
.buy-steps p { color: var(--muted); font-size: 12px; line-height: 1.8; margin: 0; }
.content-faq { border-top: 1px solid var(--line); margin: 0; }
.content-faq > div { border-bottom: 1px solid var(--line); display: grid; gap: 38px; grid-template-columns: .8fr 1.2fr; padding: 24px 0; }
.content-faq dt { font-size: 15px; font-weight: 700; }
.content-faq dd { color: var(--muted); font-size: 13px; line-height: 1.9; margin: 0; }
.related-grid { border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); }
.related-grid a { border-bottom: 1px solid var(--line); min-height: 155px; padding: 24px 24px 25px 0; }
.related-grid a:not(:first-child) { border-left: 1px solid var(--line); padding-left: 24px; }
.related-grid span { color: var(--wood); font-family: var(--mono); font-size: 9px; }
.related-grid strong { display: block; font-size: 15px; margin: 25px 0 6px; }
.related-grid small { color: var(--muted); font-size: 10px; }
.content-cta { background: var(--wood-dark); color: #fff; padding-bottom: clamp(65px, 8vw, 100px); padding-top: clamp(65px, 8vw, 100px); }
.content-cta-inner { align-items: center; display: flex; justify-content: space-between; }
.content-cta h2 { font-size: clamp(34px, 4.5vw, 62px); letter-spacing: -.04em; line-height: 1.15; margin: 0 0 12px; }
.content-cta p { color: #e4cbbb; font-size: 13px; margin: 0; }
.content-cta-actions { align-items: stretch; display: flex; gap: 12px; }
.content-cta-actions a { align-items: center; display: flex; font-size: 12px; font-weight: 700; justify-content: space-between; min-width: 190px; padding: 16px 18px; }
.content-cta-actions a:first-child { background: #fff; color: var(--ink); }
.content-cta-actions a:last-child { border: 1px solid rgba(255, 255, 255, .4); }
.company-story { display: grid; gap: clamp(40px, 7vw, 95px); grid-template-columns: 1fr 1fr; }
.company-story img { height: 100%; min-height: 430px; object-fit: cover; width: 100%; }
.company-story-copy { align-self: center; }
.company-story-copy h2 { font-size: clamp(34px, 4vw, 55px); letter-spacing: -.04em; line-height: 1.2; margin: 0 0 24px; }
.company-story-copy p { color: var(--muted); font-size: 13px; line-height: 1.95; margin: 0 0 16px; }
.proof-list { border-top: 1px solid var(--line); }
.proof-list div { border-bottom: 1px solid var(--line); display: grid; gap: 35px; grid-template-columns: 180px 1fr; padding: 24px 0; }
.proof-list dt { font-size: 13px; font-weight: 700; }
.proof-list dd { color: var(--muted); font-size: 12px; line-height: 1.85; margin: 0; }
.status-pending { color: var(--wood-dark); font-weight: 700; }

@media (max-width: 900px) {
  .detail-hero { grid-template-columns: 1fr; }
  .detail-hero-media { min-height: 470px; }
  .entity-strip { grid-template-columns: repeat(2, 1fr); }
  .entity-strip > :nth-child(3) { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .entity-strip > :nth-child(4) { border-top: 1px solid var(--line); }
  .content-heading { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: repeat(2, 1fr); }
  .related-grid a:nth-child(3) { border-left: 0; padding-left: 0; }
  .content-cta-inner { align-items: flex-start; flex-direction: column; gap: 34px; }
}

@media (max-width: 640px) {
  .content-wrap { padding-left: 20px; padding-right: 20px; }
  .breadcrumbs { padding-bottom: 15px; padding-top: 15px; }
  .detail-hero { gap: 36px; padding-bottom: 50px; padding-top: 40px; }
  .detail-hero h1 { font-size: clamp(39px, 12vw, 50px); }
  .detail-hero-lead { font-size: 14px; }
  .detail-actions { align-items: stretch; flex-direction: column; }
  .detail-phone { align-self: flex-start; }
  .detail-hero-media { min-height: 330px; }
  .entity-strip { grid-template-columns: 1fr; }
  .entity-strip > :not(:first-child), .entity-strip > :nth-child(3), .entity-strip > :nth-child(4) { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .content-heading { gap: 20px; margin-bottom: 32px; }
  .spec-grid { grid-template-columns: 1fr; }
  .spec-grid > div, .spec-grid > div:nth-child(even) { border-left: 0; gap: 12px; grid-template-columns: 1fr; min-height: 0; padding: 21px 0; }
  .boundary-grid { grid-template-columns: 1fr; }
  .boundary-grid article { min-height: 0; padding: 27px 0; }
  .boundary-grid article + article { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .18); padding-left: 0; }
  .buy-steps { grid-template-columns: 1fr; }
  .buy-steps article, .buy-steps article:not(:nth-child(3n + 1)) { border-left: 0; min-height: 0; padding: 23px 0 25px; }
  .content-faq > div { gap: 13px; grid-template-columns: 1fr; padding: 22px 0; }
  .content-faq dd { font-size: 12px; }
  .related-grid { grid-template-columns: 1fr; }
  .related-grid a, .related-grid a:not(:first-child), .related-grid a:nth-child(3) { border-left: 0; min-height: 0; padding: 20px 0; }
  .related-grid strong { margin-top: 10px; }
  .content-cta-actions { flex-direction: column; width: 100%; }
  .content-cta-actions a { min-width: 0; width: 100%; }
  .company-story { grid-template-columns: 1fr; }
  .company-story img { min-height: 330px; }
  .proof-list div { gap: 12px; grid-template-columns: 1fr; }
}
