#v3-randburg.v14-randburg-concept3{--c3-black:#050806;--c3-panel:#0c110e;--c3-line:rgba(255,255,255,.12);--c3-lime:#b7ff18;--c3-cream:#f4f1e8;background:var(--c3-black);color:var(--c3-cream)}
#v3-randburg.v14-randburg-concept3 .v3-city-hero{position:relative;display:grid;align-content:end;min-height:min(88vh,860px);overflow:hidden;padding-top:clamp(9rem,18vw,15rem);isolation:isolate;background:#000}
#v3-randburg.v14-randburg-concept3 .v14-randburg-concept3-video{position:absolute;z-index:-3;inset:0;display:grid;place-items:center;background:#000;overflow:hidden}
#v3-randburg.v14-randburg-concept3 .v14-randburg-concept3-video video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;opacity:.999;transform:translateZ(0)}
#v3-randburg.v14-randburg-concept3 .v14-randburg-concept3-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 48%,rgba(0,0,0,.24) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-code{opacity:.12;z-index:-1}
#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-hero-content{position:relative;z-index:2;width:min(760px,68vw);max-width:none}
#v3-randburg.v14-randburg-concept3 .v3-city-hero h1{max-width:11ch;font-size:clamp(4rem,9vw,8.5rem);line-height:.84;letter-spacing:-.065em;text-wrap:balance}
#v3-randburg.v14-randburg-concept3 .v3-city-hero .locality-subtitle{max-width:660px;font-size:clamp(1.2rem,2.2vw,1.75rem)}
#v3-randburg.v14-randburg-concept3 .v14-randburg-hero-support{max-width:650px;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.65}
#v3-randburg.v14-randburg-concept3 .v14-randburg-hero-support strong{color:var(--c3-lime)}
#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-facts{position:relative;z-index:2;max-width:none;border-top-color:rgba(255,255,255,.24)}
#v3-randburg.v14-randburg-concept3 .v3-proof-rail{background:#080c09;border-color:var(--c3-line)}
#v3-randburg.v14-randburg-concept3>section:not(.v3-city-hero):not(.v3-proof-rail):not(.v14-randburg-preserved-media){content-visibility:auto;contain-intrinsic-size:800px}
#v3-randburg.v14-randburg-concept3 .v3-boundary,#v3-randburg.v14-randburg-concept3 .v3-intents,#v3-randburg.v14-randburg-concept3 .v3-brief,#v3-randburg.v14-randburg-concept3 .v3-localities{border-block:1px solid var(--c3-line)}
#v3-randburg.v14-randburg-concept3 .challenge-grid article,#v3-randburg.v14-randburg-concept3 .v3-boundary-grid article,#v3-randburg.v14-randburg-concept3 .v3-intent-grid a,#v3-randburg.v14-randburg-concept3 .service-card,#v3-randburg.v14-randburg-concept3 .priority-locality-grid a,#v3-randburg.v14-randburg-concept3 .faq-grid details{border-color:var(--c3-line);box-shadow:none}
#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(4rem,8vw,8rem) var(--pad);background:#080c09;border-block:1px solid var(--c3-line)}
#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media-copy h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.95;margin:.5rem 0 1.25rem}
#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media-copy p:last-child{color:rgba(255,255,255,.7);max-width:54ch}
#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media figure{margin:0;border:1px solid var(--c3-line);background:#050806;overflow:hidden}
#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#000}
#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media figcaption{padding:1rem 1.1rem;background:#050806;color:#f4f1e8;border-top:1px solid var(--c3-line);font-size:.82rem;line-height:1.55}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 var(--pad) clamp(2rem,5vw,4rem);background:var(--c3-line);border:1px solid var(--c3-line)}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups article{padding:clamp(1.4rem,3vw,2.5rem);background:#0a0e0b;min-height:220px}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups h3{font-size:clamp(1.35rem,2.2vw,2.1rem);line-height:1;margin:.65rem 0 1rem}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups article>p:last-child{color:rgba(255,255,255,.68);line-height:1.6}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups nav{display:grid;gap:.15rem;margin-top:1.25rem}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups nav a{display:flex;justify-content:space-between;padding:.62rem 0;border-top:1px solid var(--c3-line);color:var(--c3-cream);text-decoration:none;font-weight:700}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups nav a::after{content:'↗';color:var(--c3-lime)}
#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups nav a:hover{color:var(--c3-lime)}
#v3-randburg.v14-randburg-concept3 .v3-guides .city-guide-grid a{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
#v3-randburg.v14-randburg-concept3 .v3-guides .city-guide-grid a:hover{transform:translateY(-4px);border-color:var(--c3-lime)}
#v3-randburg.v14-randburg-concept3 .v3-guides .v14-guide-card-media{margin:-1.2rem -1.2rem 1rem;overflow:hidden;background:#111}
#v3-randburg.v14-randburg-concept3 .v3-guides .v14-guide-card-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center center}
#v3-randburg.v14-randburg-concept3 .v3-guides .v14-guide-card-media figcaption{padding:.7rem .85rem;background:#172019;color:#f5f7f2;font-size:.76rem;line-height:1.45;font-style:normal}
#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid a:last-child:nth-child(3n+1){grid-column:1/-1;min-height:0}
#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid a:nth-last-child(2):nth-child(3n+1),#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid a:last-child:nth-child(3n+2){grid-column:span 1}
#v3-randburg.v14-randburg-concept3 .v3-faq details{background:#0a0e0b}
#v3-randburg.v14-randburg-concept3 .v3-faq summary{font-size:clamp(1rem,1.6vw,1.25rem)}
#v3-randburg.v14-randburg-concept3 .wl-context-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--c3-line);border:1px solid var(--c3-line)}
#v3-randburg.v14-randburg-concept3 .wl-context-groups>div{margin:0;padding:clamp(1.25rem,2.5vw,2.25rem);background:#0a0e0b}
#v3-randburg.v14-randburg-concept3 .wl-context-groups h3{color:var(--c3-lime)}
@media(max-width:900px){#v3-randburg.v14-randburg-concept3 .v3-city-hero{min-height:820px;padding-top:12rem}#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-hero-content{width:min(100%,700px)}#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media{grid-template-columns:1fr}}
@media(max-width:900px){#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups{grid-template-columns:1fr}#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups article{min-height:0}#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid a:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:700px){#v3-randburg.v14-randburg-concept3 .v3-city-hero{min-height:760px;padding:8rem 1.25rem 7rem;overflow:hidden}#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-code{display:none}#v3-randburg.v14-randburg-concept3 .v14-randburg-concept3-scrim{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.22) 100%)}#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-hero-content{width:100%;max-width:100%;min-width:0;padding-bottom:1rem}#v3-randburg.v14-randburg-concept3 .v3-city-hero .city-hero-content>*{max-width:100%;overflow-wrap:anywhere}#v3-randburg.v14-randburg-concept3 .v3-city-hero h1{font-size:clamp(3rem,16vw,4.5rem)}#v3-randburg.v14-randburg-concept3 .v3-city-hero .hero-actions{display:grid;grid-template-columns:1fr;width:100%;align-items:stretch}#v3-randburg.v14-randburg-concept3 .v3-city-hero .hero-actions a{width:100%;min-width:0;white-space:normal}#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media{padding-inline:1rem}#v3-randburg.v14-randburg-concept3 .v14-randburg-preserved-media img{aspect-ratio:4/3}#v3-randburg.v14-randburg-concept3 .v14-randburg-area-groups{margin-inline:1rem}#v3-randburg.v14-randburg-concept3 .wl-context-groups{grid-template-columns:1fr}#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid{grid-template-columns:1fr}#v3-randburg.v14-randburg-concept3 .v3-guides .priority-locality-grid a{grid-column:auto!important}.mobile-dock{left:8px!important;right:8px!important;transform:none!important;width:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.mobile-dock a{grid-template-columns:22px minmax(0,1fr)!important;column-gap:4px!important;padding-inline:4px!important}.mobile-dock .dock-icon{width:22px!important;height:22px!important}.mobile-dock strong{font-size:8px!important;letter-spacing:.025em!important}.mobile-dock a::after{font-size:6.8px!important}}
@media(prefers-reduced-motion:reduce){#v3-randburg.v14-randburg-concept3 .v14-randburg-concept3-video video{animation:none}}