:root{--navy:#12263d;--navy-deep:#0b192b;--gold:#dfbe83;--ink:#1d2d40;--muted:#596572;--line:#dce1e5;--paper:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad7b29;outline-offset:5px}img{display:block;max-width:100%}.wrap{max-width:1260px;width:calc(100% - 96px);margin:auto}.topbar{background:var(--navy);color:#e9eef4;font-size:12px;letter-spacing:.05em;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between}.top-divider{margin:0 14px;color:var(--gold)}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:102px;gap:30px}.brand{width:235px;flex-shrink:0}.brand img{width:100%;height:90px;object-fit:contain}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}nav a:not(.button):hover{color:#9b6f2d}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;padding:15px 24px;font-weight:600;font-size:14px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#29415b;transform:translateY(-2px)}.button.gold{background:var(--gold);color:var(--navy-deep)}.button.gold:hover{background:#edcf9a}.button.small{padding:11px 25px}.menu{display:none}.hero{display:grid;grid-template-columns:49% 51%;background:var(--navy-deep);color:#fff;min-height:650px}.hero-copy{padding:65px max(48px,calc((100vw - 1260px)/2)) 32px;padding-right:48px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 22px;color:#8a6532}.eyebrow.light{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(48px,4.8vw,74px);margin-bottom:25px}h1 em{font-weight:400;color:var(--gold)}.hero-description{color:#cbd3dc;max-width:415px;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}.text-link{font-size:14px;border-bottom:1px solid #7e8893;padding:8px 0}.hero-foot{border-top:1px solid #334154;display:flex;justify-content:space-between;gap:10px;margin-top:48px;padding-top:20px;font-size:10px;letter-spacing:.1em;color:#adbac9}.hero-photo{position:relative;min-width:0;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:45% center;position:absolute}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071222dc);padding:75px 30px 26px;display:flex;flex-direction:column;gap:4px;font-size:13px}.photo-caption span:first-child{font-size:11px;letter-spacing:.15em;color:var(--gold)}.trust{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;border-bottom:1px solid var(--line)}.trust div{padding-left:40px;border-left:1px solid var(--line)}.trust div:first-child{padding-left:0;border:0}.trust b{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block}.trust span{font-size:13px;color:var(--muted)}.section{padding-top:90px;padding-bottom:90px}h2{font-size:clamp(35px,3.6vw,49px);margin-bottom:28px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy p{color:var(--muted)}.about-copy .lead{font-size:21px;line-height:1.6;color:var(--ink)}.underlink{display:inline-block;border-bottom:1px solid #b99762;padding-bottom:6px;font-size:14px;font-weight:600}.expertise{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{font-size:15px;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service{padding:31px;background:white;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.service:hover{background:#edf1f5}.service-number{color:#987139;font-size:13px}.service h3{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;max-width:260px;margin:22px 0 16px}.service p{font-size:15px;color:var(--muted)}.service a{font-size:13px;border-bottom:1px solid #c8a16c}.more-services{margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:18px}.more-services summary{cursor:pointer;font-weight:600;font-size:15px}.other-practice{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:25px 0 10px;font-size:14px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.portrait{height:380px;overflow:hidden;background:#e7eaed}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .4s}.person:hover img{transform:scale(1.03)}.role{font-size:12px;color:#8a6532;margin:23px 0 8px}.person h3{font-family:Georgia,serif;font-size:26px;line-height:1.25;font-weight:400;margin-bottom:12px}.qualification{font-size:13px;color:var(--muted)}.ubuntu{background:var(--navy);color:white;text-align:center;padding:64px 0}.ubuntu blockquote{font-size:clamp(30px,3.6vw,48px);margin:15px 0 20px}.ubuntu p:not(.eyebrow){color:var(--gold);font-size:18px;margin-bottom:16px}.ubuntu span{font-size:14px;color:#c3cdd8}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{position:relative;background:var(--navy);border:0;padding:0;overflow:hidden;aspect-ratio:1/1.08}.gallery-item:nth-child(1),.gallery-item:nth-child(6){grid-column:span 2;aspect-ratio:2/1.05}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .35s,opacity .35s}.gallery-item:hover img{transform:scale(1.04);opacity:.85}.gallery-item span{position:absolute;bottom:12px;left:12px;background:#10233dde;padding:5px 12px;color:white;font-size:12px}.contact{background:var(--navy-deep);color:#fff}.contact-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;border-bottom:1px solid #354252;padding-bottom:40px}.contact-intro p:not(.eyebrow){color:#c7d0da}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding-top:40px}.contact h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-bottom:15px}.contact-grid p{font-size:14px;color:#c7d0da}.contact-grid .eyebrow{font-size:11px;color:var(--gold)}.contact-grid a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.contact-grid p a{text-decoration:none}footer{background:#081421;color:#a9b6c6;padding:24px 0;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:25px}.skip{position:fixed;left:10px;top:-100px;background:#fff;padding:10px;z-index:50}.skip:focus{top:10px}dialog{border:0;background:#0b192b;color:#fff;max-width:min(1000px,94vw);max-height:94vh;padding:48px 20px 15px}dialog::backdrop{background:#030914e8}dialog>img{height:70vh;width:100%;object-fit:contain}.close{position:absolute;right:12px;top:2px;background:none;border:0;color:white;font-size:32px;padding:0 12px}.viewer-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:20px}.viewer-controls button{background:transparent;color:white;border:1px solid #647084;padding:8px 15px;font-size:14px}#photo-count{font-size:14px}
@media(min-width:1500px){.hero-copy{padding-left:max(60px,calc((100vw - 1260px)/2))}.hero{min-height:710px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.brand{width:190px}.hero-copy{padding:45px 28px 28px}.hero{min-height:610px}.hero .actions{gap:12px}.hero-foot{margin-top:30px}.hero-foot span{font-size:9px}.about{gap:40px}.service{padding:23px}.portrait{height:300px}.contact-intro{gap:35px}}
@media(max-width:720px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.topbar{font-size:11px}.topbar .wrap>span{font-size:0}.topbar .wrap>span::before{content:"Pretoria & Thohoyandou";font-size:11px}.top-divider{display:none}.nav{min-height:80px}.brand{width:175px}.brand img{height:70px}.menu{display:block;background:transparent;border:1px solid var(--line);padding:7px 14px;font-size:14px;color:var(--navy)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 18px #0b192b14;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 24px 28px}.hero h1{font-size:55px}.hero h1 em br{display:none}.hero-description{max-width:480px}.hero-photo{min-height:380px}.hero-photo>img{object-position:center}.hero-foot{margin-top:30px}.trust{gap:12px;padding:23px 0}.trust div{padding-left:12px}.trust b{font-size:19px}.trust span{font-size:11px;line-height:1.4;display:block;margin-top:6px}.section{padding-top:60px;padding-bottom:60px}.about{grid-template-columns:1fr;gap:10px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:28px}.services{grid-template-columns:1fr 1fr}.service{padding:23px 18px}.service h3{font-size:24px}.service p{font-size:14px}.other-practice{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr;gap:30px}.portrait{height:420px}.portrait img{object-position:center 18%}.person h3{font-size:27px}.role{margin-top:16px}.qualification{margin-bottom:0}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery-item:nth-child(1),.gallery-item:nth-child(6){aspect-ratio:1.5}.ubuntu{padding:50px 0}.contact-intro,.contact-grid{grid-template-columns:1fr;gap:25px}.contact-intro h2{margin-bottom:0}.contact-intro .actions{gap:20px}.contact-grid{gap:32px}footer .wrap{flex-wrap:wrap;gap:12px}footer span{flex-basis:100%}.eyebrow{font-size:11px}.hero-foot span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.hero-copy{min-width:0}
@media(max-width:720px){.hero h1{font-size:clamp(38px,11.5vw,52px)}.hero h1 em br{display:block}}
nav{gap:24px}nav a[aria-current="page"]:not(.button){color:#8a6532;text-decoration:underline;text-underline-offset:9px}.page-banner{background:var(--navy-deep);color:white;padding:66px 0 60px}.page-banner h1{font-size:clamp(42px,5vw,66px);max-width:900px}.page-banner p:last-child{max-width:640px;color:#c7d0da;margin:0;font-size:18px}.compact-cta{background:var(--navy);color:white;padding:48px 0}.compact-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.compact-cta h2{font-size:38px;margin:0}.compact-cta .eyebrow{margin-bottom:15px}.home-links,.consultation{display:grid;grid-template-columns:1fr 1fr;gap:70px}.home-link-list a{display:block;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:22px}.home-link-list h3{font:28px Georgia,serif;margin:0 0 10px}.home-link-list p{color:var(--muted);margin:0}.home-link-list a:hover h3{color:#8a6532}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.article-card{border:1px solid var(--line);display:flex;flex-direction:column}.article-card>img{width:100%;height:240px;object-fit:cover}.article-content{padding:30px;display:flex;flex-direction:column;align-items:start;flex:1}.article-content .eyebrow{margin-bottom:8px}.article-date{font-size:12px;color:var(--muted)}.article-content h2{font-size:31px;line-height:1.2;letter-spacing:-.02em;margin:8px 0 20px}.article-content>p:not(.eyebrow):not(.article-date){color:var(--muted)}.article-content .underlink{margin-top:auto}.archive-note{color:var(--muted);font-size:13px;margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact h1{font-size:clamp(40px,4.5vw,60px)}.consultation p{color:var(--muted)}.consultation .lead{font-size:22px;color:var(--ink)}@media(max-width:1000px){nav{gap:16px}}@media(max-width:720px){.page-banner{padding:45px 0}.compact-cta .wrap{flex-direction:column;align-items:start}.article-grid,.home-links,.consultation{grid-template-columns:1fr;gap:28px}.article-content{padding:24px}.article-card>img{height:210px}.compact-cta h2{font-size:33px}.page-banner h1{font-size:43px}}