/* Water-damage 10% offer (inc/water-offer.php). Linked only on the pages that show it. */
.offer-chip{margin:1.3em 0 0}
.page-hero .offer-chip a{display:inline-block;font-size:.92rem;line-height:1.45;color:var(--bone);background:rgba(11,19,34,.62);border:1px solid rgba(212,168,75,.62);border-left:3px solid var(--accent);border-radius:2px;padding:.55em 1.1em;text-decoration:none;transition:.3s var(--ease)}
.page-hero .offer-chip a:hover{border-color:var(--accent-2);background:rgba(11,19,34,.88)}
.offer-chip b{color:var(--accent);font-weight:700;white-space:nowrap;margin-right:.2em}
.offer-chip .arr{display:inline-block;color:var(--accent);margin-left:.15em;transition:transform .3s var(--ease)}
.offer-chip a:hover .arr{transform:translateX(3px)}

.offer{padding-top:0}
.offer-card{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(28px,4.5vw,56px);border:1px solid rgba(212,168,75,.38);border-radius:3px;background:linear-gradient(135deg,rgba(212,168,75,.11),rgba(212,168,75,.02) 60%),var(--ink-2)}
.offer-num{font-family:var(--display);font-weight:800;color:var(--accent);line-height:.85;font-size:clamp(4.4rem,9vw,8rem);letter-spacing:-.045em;text-align:center}
.offer-num small{display:block;font-size:.19em;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--bone);margin-top:.7em;padding-left:.32em}
.offer-body .kicker{margin:0}
.offer-body h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:700;letter-spacing:-.022em;line-height:1.08;margin:.35em 0 .5em}
.offer-body h2 em{color:var(--accent)}
.offer-body p{color:var(--muted);margin:0 0 .9em;max-width:60ch}
.offer-body p.offer-lead{color:var(--bone)}
.offer-actions{display:flex;flex-wrap:wrap;gap:12px;margin:1.5em 0 1.4em}
.offer-body p.offer-fine{font-size:.78rem;line-height:1.6;margin:0;max-width:78ch;padding-top:1.1em;border-top:1px solid var(--line)}
@media(max-width:760px){
  .offer-card{grid-template-columns:1fr;gap:18px}
  .offer-num{text-align:left;font-size:4.2rem}
  .offer-num small{display:inline-block;margin:0 0 0 .5em;font-size:.24em;padding-left:0;vertical-align:.5em}
}
@media(max-width:560px){.offer-actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.offer-chip a,.offer-chip .arr{transition:none}}