@layer framework{:root{--pine:#173d35;--deep:#0b2924;--leaf:#84995e;--sage:#dfe7d8;--sand:#f3f0e7;--cream:#fbfaf6;--ink:#17201d;--muted:#66706b;--white:#fff;--clay:#c9a879;--width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3rem,6vw,5.8rem)}h2{font-size:clamp(2.35rem,4vw,4.2rem)}h3{font-size:1.7rem}.site-header{z-index:20;height:88px;padding:0 max(24px,calc((100vw - var(--width))/2));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf6f2;border-bottom:1px solid #173d351f;align-items:center;gap:34px;display:flex;position:sticky;top:0}.brand{margin-right:auto;display:flex}.brand img{object-fit:contain;width:142px;height:76px}.site-header nav{align-items:center;gap:25px;font-size:13px;font-weight:700;display:flex}.site-header nav a{border-bottom:3px solid #0000;padding:31px 0 25px}:is(.site-header nav a:hover,.site-header nav a:focus-visible){border-color:var(--leaf)}.button{border:1px solid var(--pine);justify-content:center;align-items:center;min-height:50px;padding:12px 22px;font-size:14px;font-weight:800;display:inline-flex}.button.primary{background:var(--pine);color:#fff}.button.light{background:var(--sand);border-color:var(--sand);color:var(--pine)}.button.outline-light{color:#fff;border-color:#fff}.mobile-menu{display:none}.home-hero,.page-hero{background:var(--deep);color:#fff;position:relative;overflow:hidden}.home-hero{align-items:center;min-height:760px;display:flex}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:url(/assets/jobs/dtc-commercial-hero.webp) 50%/cover}.hero-shade{background:linear-gradient(90deg,#041a15f2 0%,#041a15cc 50%,#041a1533 82%)}.hero-copy{z-index:2;width:min(780px,100% - 48px);margin-left:max(24px,calc((100vw - var(--width))/2));padding:100px 0 160px;position:relative}.hero-copy h1{margin-bottom:25px}.hero-copy>p:not(.eyebrow){color:#e1e8e3;max-width:700px;font-size:1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--leaf);font-size:11px;font-weight:800}.eyebrow.light{color:#c7d2a6}.actions{align-items:center;gap:14px;margin:32px 0 18px;display:flex}.direct{text-decoration:underline}.proof-card{z-index:3;right:max(24px,calc((100vw - var(--width))/2));background:var(--sand);width:355px;color:var(--ink);border-radius:34px 34px 80px;padding:32px 36px;position:absolute;bottom:34px;box-shadow:0 24px 70px #0003}.proof-card ul{padding-left:20px}.proof-card li{border-bottom:1px solid #173d3521;padding:7px 0}.proof-card a,.text-link{color:var(--pine);font-weight:800}.proof-strip{z-index:4;max-width:var(--width);background:#fff;border-radius:0 0 70px 20px;grid-template-columns:repeat(3,1fr);margin:-2px auto 0;display:grid;position:relative;box-shadow:0 15px 50px #173d3514}.proof-strip div{padding:28px 32px}.proof-strip strong,.proof-strip span{display:block}.proof-strip span{color:var(--muted);font-size:13px}.intro,.services,.projects-home,.faq-section,.content-shell{max-width:var(--width);margin:auto;padding:110px 28px}.intro{grid-template-columns:1fr 1fr;align-items:start;gap:90px;display:grid}.intro .lead{font-size:1.25rem}.audiences{padding:135px max(28px,calc((100vw - var(--width))/2));background:var(--sage);border-radius:120px 0;position:relative}.section-heading{max-width:760px;margin-bottom:45px}.audience-grid,.service-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.audience-grid article,.service-grid article,.content-card{background:#fff;border-radius:30px 30px 78px;padding:38px}.audience-grid span,.service-grid span,.section-number{color:var(--leaf);font-weight:800}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article{flex-direction:column;min-height:315px;display:flex}.service-grid article a{color:var(--pine);margin-top:auto;font-weight:800}.service-grid .primary-service{background:var(--deep);color:#fff}.service-grid .primary-service a{color:#d8e6b7}.projects-home{max-width:none;padding-left:max(28px,calc((100vw - var(--width))/2));padding-right:max(28px,calc((100vw - var(--width))/2));background:#fff;border-radius:110px 0 0}.project-grid{grid-template-columns:1.2fr .9fr .9fr;gap:14px;display:grid}.project{color:#fff;background-position:50%;background-size:cover;border-radius:34px 34px 84px;flex-direction:column;justify-content:flex-end;height:480px;padding:28px;display:flex;position:relative;overflow:hidden}.project:before{content:"";background:linear-gradient(#0000 35%,#051e18e6);position:absolute;inset:0}.project>*{position:relative}.project h3{margin:5px 0}.project-dtc{background-image:url(/assets/jobs/dtc-retail-planting.webp)}.project-tabak{background-image:url(/assets/jobs/tabak-landscape-wide.webp)}.project-erf{background-image:url(/assets/jobs/erf188-residential-garden.webp)}.about-band{padding:120px max(28px,calc((100vw - var(--width))/2));background:var(--deep);color:#fff;border-radius:0 110px 0 0;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-photo{background:url(/assets/jobs/tabak-established-courtyard.webp) 50%/cover;border-radius:30px 80px 30px 30px;height:570px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.faq-list details{border-bottom:1px solid #173d352e;padding:22px 0}.faq-list summary{cursor:pointer;font-size:1.12rem;font-weight:800}.faq-list p{color:var(--muted);padding-top:15px}.cta{padding:110px max(28px,calc((100vw - var(--width))/2));text-align:center;background:var(--pine);color:#fff;border-radius:110px 0 0}.cta h2,.cta p{max-width:760px;margin-left:auto;margin-right:auto}.cta p{color:#dbe5df}.page-hero{grid-template-columns:1.05fr .95fr;min-height:590px;display:grid}.page-hero-copy{padding:100px max(28px,calc((100vw - var(--width))/2)) 100px max(28px,calc((100vw - var(--width))/2));flex-direction:column;justify-content:center;padding-right:55px;display:flex}.page-hero h1{font-size:clamp(3rem,5vw,5rem)}.page-hero-copy>p:not(.eyebrow){color:#dce4df;font-size:1.2rem}.page-hero img{object-fit:cover;border-radius:0 0 0 100px;width:100%;height:100%}.text-link.light{color:#fff}.content-shell{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.content-card{border:1px solid #173d3514}.content-card.featured{background:var(--sage);grid-column:1/-1;padding:55px}.content-card ul{padding-left:20px}.content-card li{margin:8px 0}.faq-section,.contact-grid{grid-column:1/-1}.contact-grid{grid-template-columns:.75fr 1.25fr;gap:70px;padding:20px 0;display:grid}.contact-grid>div>a{color:var(--pine);font-size:1.25rem;font-weight:800;display:block}.enquiry-form{background:#fff;border-radius:30px 30px 80px;grid-template-columns:1fr 1fr;gap:20px;padding:40px;display:grid;box-shadow:0 25px 70px #173d351a}.enquiry-form label{font-size:13px;font-weight:800}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;font:inherit;background:#fff;border:1px solid #aeb9b1;border-radius:8px;margin-top:6px;padding:13px;display:block}.enquiry-form .full{grid-column:1/-1}.enquiry-form .check{align-items:flex-start;gap:10px;font-weight:500;display:flex}.enquiry-form .check input{width:auto;margin-top:5px}.honeypot{position:absolute!important;left:-9999px!important}.enquiry-form :focus{outline:3px solid var(--clay);outline-offset:3px}.button:focus-visible{outline:3px solid var(--clay);outline-offset:3px}a:focus-visible{outline:3px solid var(--clay);outline-offset:3px}summary:focus-visible{outline:3px solid var(--clay);outline-offset:3px}footer{padding:70px max(28px,calc((100vw - var(--width))/2));color:#cbd6d0;background:#071d19;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:50px;font-size:13px;display:grid}footer>div{flex-direction:column;align-items:flex-start;gap:7px;display:flex}footer h2{text-transform:uppercase;letter-spacing:.12em;color:#fff;font:800 13px Arial,sans-serif}.footer-brand img{width:160px}.text-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (max-width:980px){.site-header nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{font-weight:800}.mobile-menu div{background:#fff;width:240px;padding:20px;position:absolute;top:38px;right:0;box-shadow:0 20px 40px #00000026}.mobile-menu a{padding:9px;display:block}.home-hero{align-items:flex-start;min-height:860px}.hero-copy{padding-top:95px}.proof-card{width:auto;left:28px;right:28px}.audience-grid,.project-grid{grid-template-columns:1fr}.project{height:390px}.page-hero{grid-template-columns:1fr}.page-hero img{border-radius:0 0 70px;height:380px}.content-shell{grid-template-columns:1fr}.content-card.featured{grid-column:auto}.faq-section,.contact-grid{grid-template-columns:1fr}.faq-section{gap:25px}.about-band{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media (max-width:640px){.site-header{height:74px;padding:0 20px}.brand img{width:108px;height:62px}.header-cta{display:none}.home-hero{min-height:950px}.hero-copy{width:calc(100% - 40px);margin-left:20px;padding:70px 0 360px}.hero-copy h1{font-size:3.35rem}.actions{flex-direction:column;align-items:stretch}.proof-card{padding:27px;bottom:32px}.proof-strip{border-radius:0 0 55px;grid-template-columns:1fr}.proof-strip div+div{border-top:1px solid #e3e6e2}.intro{grid-template-columns:1fr;gap:25px;padding:85px 20px}.audiences,.services,.projects-home,.faq-section,.content-shell{padding:90px 20px}.service-grid{grid-template-columns:1fr}.about-band{padding:90px 20px}.about-photo{height:370px}.page-hero-copy{padding:80px 20px 60px}.page-hero img{height:300px}.content-card,.content-card.featured{padding:30px}.enquiry-form{grid-template-columns:1fr;padding:28px}.enquiry-form .full{grid-column:auto}.cta{padding:90px 20px}footer{grid-template-columns:1fr;padding:60px 20px}}}.audience-grid article{padding:0 0 36px;overflow:hidden}.audience-grid article>span,.audience-grid article>h3,.audience-grid article>p{margin-left:32px;margin-right:32px;display:block}.audience-grid article>span{margin-top:25px}.audience-image{background-position:50%;background-size:cover;height:220px}.commercial-audience{background-image:url(/assets/jobs/dtc-planting-detail.webp)}.residential-audience{background-image:url(/assets/jobs/erf188-garden-wide.webp)}.mature-audience{background-image:url(/assets/jobs/oranjezicht-terraced-garden.webp)}.visual-story{padding:120px max(28px,calc((100vw - var(--width))/2));background:var(--pine);color:#fff;border-radius:0 120px;grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px;display:grid}.visual-copy p:not(.eyebrow){color:#dbe5df}.visual-mosaic{grid-template:290px 290px/1.2fr .8fr;gap:14px;display:grid}.visual-mosaic figure{background-position:50%;background-size:cover;border-radius:26px;margin:0;position:relative;overflow:hidden}.visual-mosaic figure:after{content:"";background:linear-gradient(#0000 45%,#051e18cc);position:absolute;inset:0}.visual-mosaic figcaption{z-index:1;font-weight:800;position:absolute;bottom:18px;left:22px}.mosaic-commercial{background-image:url(/assets/jobs/tabak-commercial-courtyard.webp);grid-row:1/3}.mosaic-detail{background-image:url(/assets/jobs/dtc-retail-planting.webp)}.mosaic-residential{background-image:url(/assets/jobs/erf188-residential-garden.webp)}@media (max-width:980px){.visual-story{grid-template-columns:1fr}.visual-mosaic{grid-template:330px 250px 250px/1fr}.mosaic-commercial{grid-row:auto}}@media (max-width:640px){.visual-story{border-radius:0 70px;padding:90px 20px}.audience-image{height:190px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-picker select{background:var(--cream);min-height:38px;color:var(--ink);cursor:pointer;border:1px solid #173d3540;border-radius:20px;padding:6px 8px;font-weight:800}.mobile-contact-actions{display:none}.reviews-preview{padding:120px max(28px,calc((100vw - var(--width))/2));background:var(--sage);border-radius:110px 0;grid-template-columns:.72fr 1.28fr;gap:65px;display:grid}.review-preview-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.review-preview-grid article{background:#fff;border-radius:28px 28px 68px;padding:32px}.review-preview-grid article:first-child{grid-column:1/-1}.review-preview-grid span{color:var(--leaf);letter-spacing:.16em}.review-preview-grid h3{margin:14px 0 8px}.review-preview-grid small{color:var(--muted)}.home-enquiry{padding:120px max(28px,calc((100vw - var(--width))/2));grid-template-columns:.7fr 1.3fr;align-items:start;gap:75px;display:grid}.home-contact-lines a{color:var(--pine);font-size:1.15rem;font-weight:800;display:block}.reviews-intro [aria-disabled=true]{pointer-events:none;opacity:.75}@media (max-width:1100px){.site-header{gap:18px}.site-header nav{gap:16px}.site-header nav a{font-size:12px}.language-picker select{width:72px}}@media (max-width:980px){.reviews-preview,.home-enquiry,.review-preview-grid{grid-template-columns:1fr}.review-preview-grid article:first-child{grid-column:auto}.language-picker{margin-left:auto}.mobile-contact-actions{z-index:19;background:var(--deep);color:#fff;grid-template-columns:1fr 1fr;display:grid;position:sticky;top:74px}.mobile-contact-actions a{text-align:center;padding:9px;font-size:12px;font-weight:800}.mobile-contact-actions a+a{border-left:1px solid #ffffff40}}@media (max-width:640px){.reviews-preview,.home-enquiry{padding:90px 20px}.language-picker select{width:64px;padding:5px;font-size:12px}.site-header{gap:10px}}

@media(max-width:620px){.hero-bg{background-image:url("/assets/jobs/dtc-commercial-hero-800.webp")}.project-dtc{background-image:url("/assets/jobs/dtc-retail-planting-800.webp")}.project-tabak{background-image:url("/assets/jobs/tabak-landscape-wide-800.webp")}.project-erf{background-image:url("/assets/jobs/erf188-residential-garden-800.webp")}.about-photo{background-image:url("/assets/jobs/tabak-established-courtyard-800.webp")}.commercial-audience{background-image:url("/assets/jobs/dtc-planting-detail-800.webp")}.residential-audience{background-image:url("/assets/jobs/erf188-garden-wide-800.webp")}.mature-audience{background-image:url("/assets/jobs/oranjezicht-terraced-garden-800.webp")}.mosaic-commercial{background-image:url("/assets/jobs/tabak-commercial-courtyard-800.webp")}.mosaic-detail{background-image:url("/assets/jobs/dtc-retail-planting-800.webp")}.mosaic-residential{background-image:url("/assets/jobs/erf188-residential-garden-800.webp")}}