/* Areas page v8 — isolated from earlier page experiments. */
.areas-page-v8{overflow:visible}
.areas-hero-v8{min-height:560px;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(14,25,21,.96) 0%,rgba(14,25,21,.82) 43%,rgba(14,25,21,.28) 72%,rgba(14,25,21,.12) 100%),url('areas-greater-durban-hero-v8.jpg');background-size:cover;background-position:center 52%}
.areas-hero-copy-v8{padding:80px 0}
.areas-hero-copy-v8 h1{font-size:clamp(52px,6.4vw,88px);max-width:880px;margin-bottom:22px}
.areas-hero-copy-v8>p:not(.eyebrow){max-width:670px;color:#eef2ef;font-size:18px;line-height:1.65}
.areas-hero-actions-v8{display:flex;align-items:center;gap:26px;margin-top:32px}
.areas-hero-link-v8{color:#fff;font-size:13px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.6);padding:8px 0}
.areas-proof-v8{background:var(--deepgreen);color:#fff}
.areas-proof-v8 .shell{display:grid;grid-template-columns:repeat(3,1fr)}
.areas-proof-v8 .shell>div{padding:24px 28px;border-left:1px solid rgba(255,255,255,.16)}
.areas-proof-v8 .shell>div:last-child{border-right:1px solid rgba(255,255,255,.16)}
.areas-proof-v8 strong,.areas-proof-v8 span{display:block}
.areas-proof-v8 strong{font:500 19px Georgia;margin-bottom:6px}
.areas-proof-v8 span{color:#bdcbc5;font-size:10px;line-height:1.55;text-transform:uppercase;letter-spacing:.8px}
.areas-intro-v8{padding:100px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}
.areas-intro-v8 h2{font-size:clamp(42px,4.8vw,65px);margin-bottom:0}
.areas-intro-v8>div:last-child{padding-top:18px}
.areas-intro-v8>div:last-child p{color:#626662;font-size:17px;line-height:1.75;margin:0 0 18px}
.areas-coverage-v8{padding:100px 0;background:#f2f0eb}
.areas-heading-v8{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:45px}
.areas-heading-v8 h2{font-size:clamp(42px,4.8vw,64px);margin-bottom:0}
.areas-heading-v8>p{color:#626662;font-size:16px;line-height:1.7;margin:0 0 8px}
.areas-region-grid-v8{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.areas-region-grid-v8 article{min-height:265px;background:#fff;padding:32px;border-top:3px solid #272727}
.areas-region-grid-v8 article>span{display:block;color:var(--red);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.areas-region-grid-v8 h3{font:500 29px/1.15 Georgia;margin:24px 0 17px}
.areas-region-grid-v8 p{color:#626662;font-size:14px;line-height:1.85;margin:0}
.areas-region-grid-v8 .areas-region-callout-v8{background:var(--deepgreen);color:#fff;border-top-color:var(--red)}
.areas-region-callout-v8 p{color:#c4d0cb}
.areas-region-callout-v8 a{display:inline-block;color:#fff;font-size:12px;font-weight:900;margin-top:24px}
.areas-visuals-v8{padding:100px 0;display:grid;gap:30px}
.areas-visual-card-v8{display:grid;grid-template-columns:1.08fr .92fr;min-height:440px;background:#19231f;color:#fff;overflow:hidden}
.areas-visual-card-v8.reverse{grid-template-columns:.92fr 1.08fr}
.areas-visual-card-v8.reverse img{order:2}
.areas-visual-card-v8 img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}
.areas-visual-card-v8>div{padding:58px 50px;align-self:center}
.areas-visual-card-v8 h2{font-size:clamp(36px,3.8vw,52px);letter-spacing:-2px;margin:15px 0 23px}
.areas-visual-card-v8>div>p:last-child{color:#c4d0cb;font-size:16px;line-height:1.75}
.areas-whatsapp-v8{padding:92px 0;background:#202020;color:#fff}
.areas-whatsapp-v8 .shell{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}
.areas-whatsapp-v8 h2{font-size:clamp(42px,4.8vw,64px);margin:15px 0 22px}
.areas-whatsapp-v8 p:not(.eyebrow){max-width:720px;color:#bec4c1;font-size:16px;line-height:1.75}
.areas-whatsapp-actions-v8{display:grid;gap:18px;justify-items:start}
.areas-whatsapp-actions-v8>a:last-child{color:#fff;font-weight:900;font-size:13px;border-bottom:1px solid #777;padding-bottom:7px}
@media(max-width:900px){.areas-intro-v8,.areas-heading-v8{gap:50px}.areas-visual-card-v8>div{padding:42px 35px}.areas-whatsapp-v8 .shell{gap:50px}}
@media(max-width:800px){.areas-hero-v8{min-height:520px;background-position:58% center}.areas-hero-copy-v8{padding:62px 0}.areas-proof-v8 .shell{grid-template-columns:1fr}.areas-proof-v8 .shell>div,.areas-proof-v8 .shell>div:last-child{border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:17px 0}.areas-intro-v8,.areas-heading-v8,.areas-whatsapp-v8 .shell{grid-template-columns:1fr;gap:28px}.areas-intro-v8,.areas-coverage-v8,.areas-visuals-v8,.areas-whatsapp-v8{padding:72px 0}.areas-intro-v8>div:last-child{padding-top:0}.areas-region-grid-v8{grid-template-columns:1fr}.areas-visual-card-v8,.areas-visual-card-v8.reverse{grid-template-columns:1fr}.areas-visual-card-v8.reverse img{order:0}.areas-visual-card-v8 img{height:330px;min-height:0}.areas-visual-card-v8>div{padding:38px 30px}.areas-whatsapp-actions-v8{margin-top:8px}}
@media(max-width:560px){.areas-hero-copy-v8 h1{font-size:46px;letter-spacing:-2px}.areas-hero-copy-v8>p:not(.eyebrow){font-size:16px}.areas-hero-actions-v8{align-items:flex-start;flex-direction:column;gap:12px}.areas-intro-v8 h2,.areas-heading-v8 h2,.areas-whatsapp-v8 h2{font-size:40px;letter-spacing:-2px}.areas-region-grid-v8 article{min-height:0;padding:27px 24px}.areas-region-grid-v8 h3{font-size:26px}.areas-visual-card-v8 img{height:260px}.areas-visual-card-v8>div{padding:32px 24px}.areas-visual-card-v8 h2{font-size:34px}.areas-whatsapp-actions-v8 .button{width:100%;text-align:center}}