/* =================================================================
   VARIANT 05 — BRUTALIST (v2 with image strip + side image)
   ================================================================= */

.rp-body { background: #FFFFFF; color: #0A0A0A; }

.rp-header { background: #FFFFFF; border-bottom: 4px solid #0A0A0A; }
.rp-header__inner { height: 80px; }
.rp-btn { border-radius: 0; }
.rp-btn--primary { background: #0A0A0A; color: #fff; }
.rp-btn--primary:hover { background: var(--rp-orange); }
.rp-btn--secondary { background: #fff; color: #0A0A0A; border: 2px solid #0A0A0A; }
.rp-btn--secondary:hover { background: #0A0A0A; color: #fff; }
.rp-btn--accent { background: var(--rp-orange); color: #fff; }
.rp-btn--accent:hover { background: #0A0A0A; }
.rp-btn--ghost { background: transparent; color: #0A0A0A; border: 2px solid #0A0A0A; }
.rp-btn--ghost:hover { background: #0A0A0A; color: #fff; }
.rp-eyebrow { color: #0A0A0A; }
.rp-h1, .rp-h2, .rp-h3, .rp-h4 { color: #0A0A0A; }
.rp-header__phone { color: #0A0A0A; font-family: var(--font-mono); font-weight: 600; }

/* ----- HERO with image strip + side image ----- */
.v05-hero { padding: 0; background: #FFFFFF; border-bottom: 4px solid #0A0A0A; }
.v05-hero__strip {
  display: grid; grid-template-columns: repeat(3, 1fr);
  height: 140px;
  overflow: hidden;
  border-bottom: 4px solid #0A0A0A;
  background: #0A0A0A;
}
.v05-hero__strip img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; display: block; }
.v05-hero__grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 0; }
.v05-hero__main { padding: var(--sp-12) var(--sp-4) var(--sp-12); position: relative; z-index: 1; background: #fff; }
.v05-kicker { font-family: var(--font-mono); font-size: var(--fs-12); color: #0A0A0A; letter-spacing: 0.12em; padding-bottom: var(--sp-4); border-bottom: 2px solid #0A0A0A; margin-bottom: var(--sp-8); }
.v05-h1 { font-family: "Inter", "Helvetica Neue", sans-serif; font-size: clamp(2.5rem, 7vw, 6rem); font-weight: 800; line-height: 0.95; letter-spacing: -0.04em; text-transform: uppercase; color: #0A0A0A; }
.v05-lede { font-family: var(--font-mono); font-size: var(--fs-12); color: #0A0A0A; letter-spacing: 0.08em; margin-top: var(--sp-6); padding-top: var(--sp-4); border-top: 2px solid #0A0A0A; }
.v05-cta { display: flex; gap: 0; margin-top: var(--sp-8); flex-wrap: wrap; }
.v05-btn { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2rem; font-size: var(--fs-14); font-family: var(--font-mono); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #0A0A0A; background: #fff; border: 2px solid #0A0A0A; cursor: pointer; min-height: 56px; transition: background 120ms linear, color 120ms linear; }
.v05-btn + .v05-btn { border-left: 0; }
.v05-btn:hover { background: #0A0A0A; color: #fff; }
.v05-btn--solid { background: var(--rp-orange); color: #0A0A0A; }
.v05-btn--solid:hover { background: #0A0A0A; color: var(--rp-orange); }

.v05-hero__side { display: flex; flex-direction: column; gap: 0; border-left: 4px solid #0A0A0A; }
.v05-side__item { padding: var(--sp-6); border-bottom: 2px solid #0A0A0A; }
.v05-side__item:last-child { border-bottom: 0; }
.v05-side__num { font-family: var(--font-mono); font-size: 64px; font-weight: 700; line-height: 1; color: var(--rp-orange); }
.v05-side__lbl { font-family: var(--font-mono); font-size: var(--fs-14); color: #0A0A0A; margin-top: 8px; line-height: 1.4; }
.v05-side__item--img { padding: 0; flex: 1; min-height: 240px; }
.v05-side__item--img img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 900px) { .v05-hero__grid { grid-template-columns: 1fr; } .v05-hero__side { border-left: 0; border-top: 4px solid #0A0A0A; } .v05-hero__strip { grid-template-columns: 1fr; height: auto; } .v05-hero__strip img { height: 120px; } }

.rp-stats-strip { display: grid; grid-template-columns: repeat(6, 1fr); background: var(--rp-orange); padding: var(--sp-6) 0; border-bottom: 4px solid #0A0A0A; }
.rp-stats-strip > div { text-align: center; padding: var(--sp-3); border-right: 2px solid #0A0A0A; display: flex; flex-direction: column; gap: 4px; }
.rp-stats-strip > div:last-child { border-right: 0; }
.rp-stats-strip > div > * { color: #0A0A0A; }
.rp-stats-strip > div > span:last-child { font-size: var(--fs-12); color: #0A0A0A; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
.rp-stat__big { font-size: 40px; font-weight: 800; line-height: 1; font-family: var(--font-mono); }
@media (max-width: 900px) { .rp-stats-strip { grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); } .rp-stats-strip > div { border-right: 0; border-bottom: 2px solid #0A0A0A; } }
@media (max-width: 500px) { .rp-stats-strip { grid-template-columns: repeat(2, 1fr); } }

.v05-table { border: 4px solid #0A0A0A; }
.v05-table__head { display: grid; grid-template-columns: 60px 2fr 2fr 1.2fr; background: #0A0A0A; color: #fff; padding: var(--sp-4); font-family: var(--font-mono); font-size: var(--fs-12); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.v05-table__row { display: grid; grid-template-columns: 60px 2fr 2fr 1.2fr; padding: var(--sp-4); border-top: 2px solid #0A0A0A; font-size: var(--fs-14); align-items: center; transition: background 120ms linear; }
.v05-table__row:hover { background: var(--rp-orange-soft); }
.v05-table__row:nth-child(even) { background: #F7F7F5; }
.v05-table__row:nth-child(even):hover { background: var(--rp-orange-soft); }
.v05-table__row > span:first-child { font-family: var(--font-mono); font-weight: 600; color: var(--rp-orange); }
.v05-table__row > span:nth-child(3) { color: #4A4A4A; }
.v05-table__row > span:last-child { font-family: var(--font-mono); font-weight: 600; }
@media (max-width: 700px) { .v05-table__head, .v05-table__row { grid-template-columns: 40px 1fr; gap: 8px; } .v05-table__head > span:nth-child(n+3), .v05-table__row > span:nth-child(n+3) { display: none; } }

.rp-section--alt { background: #F7F7F5; }
.rp-section--ink { background: #0A0A0A; color: #fff; }
.rp-eyebrow--light { color: rgba(255,255,255,0.6); }
.rp-stat { border: 2px solid #0A0A0A; padding: var(--sp-6); text-align: center; }
.rp-stat__num { font-size: 64px; font-weight: 800; line-height: 1; color: var(--rp-orange); font-family: var(--font-mono); }
.rp-stat__lbl { font-size: var(--fs-12); color: #0A0A0A; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; margin-top: 8px; }

.rp-svc { border: 0; background: transparent; }
.rp-svc__item { background: transparent; border-bottom: 2px solid #0A0A0A; border-radius: 0; padding: var(--sp-5) var(--sp-3); }
.rp-svc__item:hover { background: var(--rp-orange-soft); }
.rp-svc__item:first-child { border-top: 4px solid #0A0A0A; }
.rp-svc__num { color: #0A0A0A; font-weight: 700; }
.rp-svc__body h3 { color: #0A0A0A; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: -0.01em; font-size: var(--fs-16); }
.rp-svc__price strong { color: #0A0A0A; }
.rp-quote { background: #fff; border: 2px solid #0A0A0A; border-radius: 0; }
.rp-quote__name { font-family: var(--font-mono); text-transform: uppercase; }
.rp-cities { border: 2px solid #0A0A0A; border-radius: 0; }
.rp-cities__item { background: #fff; }
.rp-faq-item { border-bottom: 2px solid #0A0A0A; }
.rp-faq-item summary { font-family: var(--font-mono); font-weight: 600; text-transform: uppercase; letter-spacing: -0.01em; }
.rp-case__body p:last-child { color: #0A0A0A; font-weight: 700; font-family: var(--font-mono); text-transform: uppercase; }
.rp-creds { border-top: 4px solid #0A0A0A; }
.rp-creds th { color: #0A0A0A; border-bottom: 2px solid #0A0A0A; }
.rp-creds td { border-bottom: 2px solid #E5E5E2; }