/* V82: one visual family for the seven main service banners.
   Own page content and offer cards retain their individual composition. */
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page){
  --vo-hero-surface:#f4f4ec;
  --vo-hero-ink:#183e30;
  --vo-hero-accent:#377758;
  --vo-hero-muted:#4e5f56;
  --vo-hero-action:#174e35;
  --vo-hero-action-hover:#0c3c28;
  --vo-hero-line:#cbd8ca;
}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero){background:var(--vo-hero-surface);color:var(--vo-hero-ink);padding-top:112px}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-grid,.vno67-hero-grid,.sv69-hero-grid,.ocn70-hero-grid,.pbr81-hero-grid){grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:center;padding-bottom:44px}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) h1{color:var(--vo-hero-ink);font-size:clamp(40px,4.1vw,58px);font-weight:680;line-height:1.12;letter-spacing:-.045em;margin-bottom:24px}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) h1 span{color:var(--vo-hero-accent)}
/* The first line on the sale-without-agency page is a complete phrase. */
html body.pbr81-page .pbr81-hero h1 .pbr81-h1-line{color:var(--vo-hero-ink)}
html body.pbr81-page .pbr81-hero h1 .pbr81-h1-location{color:var(--vo-hero-accent)}
html body.pbr81-page .pbr81-hero .pbr81-lead strong{color:var(--vo-hero-ink)}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) figcaption strong{color:#fff}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-kicker,.vno67-kicker,.sv69-kicker,.ocn70-kicker,.pbr81-kicker){color:#345342;font-size:12px;line-height:1.6;font-weight:650;letter-spacing:.065em;margin-bottom:17px}
html body.pbr81-page .pbr81-hero .pbr81-kicker{display:flex;align-items:center;gap:11px}
html body.pbr81-page .pbr81-hero .pbr81-kicker::before{content:'';height:7px;width:7px;border-radius:50%;background:#377758;box-shadow:0 0 0 4px #e1e9dc;flex-shrink:0}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-hero-lead,.vno67-hero-lead,.sv69-hero-lead,.ocn70-hero-lead,.pbr81-lead){color:var(--vo-hero-muted);font-size:17px;line-height:1.8;max-width:56ch;margin-bottom:26px}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) strong{color:var(--vo-hero-ink);font-weight:650}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-actions,.vno67-actions,.sv69-actions,.ocn70-actions,.pbr81-actions){display:flex;align-items:center;flex-wrap:wrap;gap:14px}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-button,.vno67-button,.sv69-button,.ocn70-button,.pbr81-button){display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:13px 21px;background:var(--vo-hero-action);border:2px solid var(--vo-hero-action);border-radius:10px;color:#fff;font-size:15px;line-height:1.5;font-weight:650;text-decoration:none;box-shadow:0 5px 16px #174e351a;max-width:100%}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-button,.vno67-button,.sv69-button,.ocn70-button,.pbr81-button)>span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #adceb2;border-radius:50%;font-size:18px;font-weight:400;color:#fff;line-height:1}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-button,.vno67-button,.sv69-button,.ocn70-button,.pbr81-button):hover{background:var(--vo-hero-action-hover);border-color:var(--vo-hero-action-hover);color:#fff;box-shadow:0 7px 20px #174e3524}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-hero-compare,.vno67-text-link,.sv69-link,.ocn70-link,.pbr81-secondary){display:inline-flex;align-items:center;justify-content:space-between;gap:17px;min-height:56px;padding:13px 20px;border:2px solid #78937e;border-radius:10px;background:transparent;color:#244d34;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;box-shadow:none;max-width:100%}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-hero-compare,.vno67-text-link,.sv69-link,.ocn70-link,.pbr81-secondary):hover{background:#e8eedf;border-color:#345c3d;color:#183e30;text-decoration:none}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-hero-contact,.vno67-hero-contact,.sv69-hero-contact,.ocn70-hero-contact,.pbr81-hero-note,.pbr81-hero-phone){color:var(--vo-hero-muted)}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-contact,.vno67-hero-contact,.sv69-hero-contact,.ocn70-hero-contact) a{color:#345342;min-height:40px;display:inline-flex;align-items:center;line-height:1.5}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-city-photo,.vno67-photo,.sv69-photo,.ocn70-photo,.pbr81-photo){border-radius:16px 72px 16px 16px}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.vno67-trustline,.sv69-trust,.ocn70-trust,.pbr81-trust){border-top-color:var(--vo-hero-line)}
html body.pbr81-page .pbr81-trust li{color:#385640}
html body.pbr81-page .pbr81-trust li>span{color:#377758;border-color:#8fa88a}
html body.pbr81-page .pbr81-photo figcaption{background:#10291e;color:#fff}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) .site-header .header-rail{background:#fffffff2}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) .site-header .header-cta{background:#174e35;border-color:#174e35;color:white;min-height:44px;font-size:14px;font-weight:650;box-shadow:none}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) .site-header .header-cta__arrow{background:#e5f2ab;color:#193b2b}
html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) .site-header .header-cta:hover{background:#0c3c28;color:white}
@media(max-width:1199.98px){html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-grid,.vno67-hero-grid,.sv69-hero-grid,.ocn70-hero-grid,.pbr81-hero-grid){gap:36px}}
@media(max-width:991.98px){
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero){padding-top:106px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-grid,.vno67-hero-grid,.sv69-hero-grid,.ocn70-hero-grid,.pbr81-hero-grid){grid-template-columns:1fr;gap:32px;padding-bottom:32px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) h1{font-size:48px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-visual,.vno67-hero-visual,.sv69-visual,.ocn70-visual,.pbr81-visual){width:100%;max-width:650px;justify-self:start}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) h1{max-width:none}
}
@media(max-width:767.98px){
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero){padding-top:100px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) h1{font-size:clamp(32px,7.7vw,44px);line-height:1.13;letter-spacing:-.04em;margin-bottom:21px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero) :is(.h62-hero-lead,.vno67-hero-lead,.sv69-hero-lead,.ocn70-hero-lead,.pbr81-lead){font-size:16px;line-height:1.8;margin-bottom:23px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-actions,.vno67-actions,.sv69-actions,.ocn70-actions,.pbr81-actions){flex-direction:column;align-items:stretch;gap:12px}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero-actions,.vno67-actions,.sv69-actions,.ocn70-actions,.pbr81-actions)>a{width:100%;min-height:54px;font-size:14px;padding:13px 18px;justify-content:space-between;align-self:stretch}
 html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-city-photo,.vno67-photo,.sv69-photo,.ocn70-photo,.pbr81-photo){border-radius:14px 48px 14px 14px}
 html body:is(.psh69-page,.pse69-page,.psd69-page,.ocn70-page) :is(.sv69-visual,.ocn70-visual){padding-left:18px}
}
@media(max-width:359.98px){html body.pbr81-page .pbr81-hero h1{font-size:30px}}
@media print{html body:is(.h62-page,.vno67-page,.psh69-page,.pse69-page,.psd69-page,.ocn70-page,.pbr81-page) :is(.h62-hero,.vno67-hero,.sv69-hero,.ocn70-hero,.pbr81-hero){padding-top:20px;background:white}}
