:root{--orange:#f47f45;--deep:#d96424;--ink:#171717;--paper:#fffaf5;--teal:#2f8d86;--yellow:#f2c94c;--purple:#7953a6;--red:#df4c43;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #eee}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:270px;max-width:46vw}.nav-links{display:flex;gap:26px;align-items:center;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.nav-links a{padding:10px 0;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:3px;width:0;height:3px;background:var(--orange);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.menu-btn{display:none;border:0;background:none;font-size:28px}.hero{min-height:640px;display:grid;align-items:end;position:relative;overflow:hidden;background:#202020}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.55),rgba(0,0,0,.2)),radial-gradient(circle at 20% 25%,rgba(47,141,134,.8),transparent 24%),radial-gradient(circle at 55% 30%,rgba(242,201,76,.75),transparent 22%),radial-gradient(circle at 78% 45%,rgba(244,127,69,.85),transparent 28%),radial-gradient(circle at 40% 80%,rgba(121,83,166,.7),transparent 25%);mix-blend-mode:screen}.hero:after,.page-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 90px,rgba(255,255,255,.07) 91px 95px);transform:scale(1.3) rotate(-3deg)}.hero-content{position:relative;z-index:2;color:white;padding:90px 0 80px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700}.hero h1,.page-hero h1{font-size:clamp(58px,10vw,140px);line-height:.83;margin:14px 0 28px;letter-spacing:-.06em}.hero h1 span{display:block;font-size:.42em;letter-spacing:-.03em}.hero p{font-size:clamp(22px,3vw,38px);max-width:650px;margin:0;font-weight:700}.scroll-tag{position:absolute;right:30px;bottom:30px;z-index:3;color:white;font-size:12px;letter-spacing:.16em;writing-mode:vertical-rl}.section{padding:90px 0}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-intro h2{font-size:clamp(40px,6vw,78px);line-height:.95;margin:0;max-width:760px;letter-spacing:-.045em}.section-intro p{max-width:420px;font-size:18px;line-height:1.55}.orange{color:var(--deep)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-card{min-height:220px;padding:24px;position:relative;overflow:hidden;color:white;display:flex;align-items:flex-end;background:#222}.service-card:nth-child(4n+1){background:var(--orange)}.service-card:nth-child(4n+2){background:var(--teal)}.service-card:nth-child(4n+3){background:var(--purple)}.service-card:nth-child(4n){background:var(--deep)}.service-card:before{content:"";position:absolute;width:160px;height:160px;border:28px solid rgba(255,255,255,.14);border-radius:50%;right:-50px;top:-55px}.service-card h3{font-size:23px;line-height:1;margin:0;position:relative;z-index:1}.service-card .num{position:absolute;top:18px;left:22px;font-size:12px;font-weight:700;opacity:.75}.service-card:hover{transform:translateY(-4px);transition:.25s}.split-banner{display:grid;grid-template-columns:1.1fr .9fr;min-height:460px}.split-copy{background:var(--ink);color:white;padding:70px max(40px,calc((100vw - var(--max))/2));padding-right:70px;display:flex;flex-direction:column;justify-content:center}.split-copy h2{font-size:clamp(45px,6vw,78px);line-height:.95;margin:0 0 25px}.split-art{position:relative;background:var(--paper);overflow:hidden}.split-art:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--orange) 0 22%,transparent 22% 32%,var(--teal) 32% 51%,transparent 51% 61%,var(--yellow) 61% 78%,var(--purple) 78%);clip-path:polygon(0 100%,18% 25%,35% 75%,52% 5%,68% 70%,82% 28%,100% 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;background:var(--orange);color:#fff;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em;border:0;cursor:pointer;width:max-content}.btn.dark{background:var(--ink)}.page-hero{height:390px;position:relative;overflow:hidden;background:#202020;display:flex;align-items:flex-end}.page-hero .container{position:relative;z-index:2;color:#fff;padding-bottom:45px}.page-hero h1{font-size:clamp(55px,9vw,110px);margin:0}.page-hero p{font-size:20px;max-width:650px}.service-detail{display:grid;grid-template-columns:90px 1fr 1fr;gap:35px;padding:48px 0;border-bottom:1px solid #ddd}.service-detail .big-num{font-size:48px;font-weight:800;color:var(--orange)}.service-detail h2{font-size:34px;margin:0 0 12px}.service-detail p{font-size:19px;line-height:1.5;margin-top:0}.service-detail ul{margin:0;padding-left:20px;line-height:1.8}.about-lead{font-size:clamp(28px,4vw,52px);line-height:1.15;max-width:980px;font-weight:700}.about-copy{columns:2;column-gap:60px;font-size:18px;line-height:1.75}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-cards{display:grid;gap:14px}.contact-card{padding:25px;background:var(--paper);border-left:5px solid var(--orange)}.contact-card h3{margin:0 0 10px}.contact-card p{margin:4px 0;line-height:1.5}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}.form input,.form textarea,.form select{width:100%;padding:15px;border:1px solid #ccc;font:inherit;background:#fff}.form textarea{min-height:150px;resize:vertical}.notice{font-size:13px;color:#666}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{aspect-ratio:4/3;background:linear-gradient(135deg,var(--orange),var(--purple));position:relative;display:flex;align-items:flex-end;padding:20px;color:#fff;font-weight:700}.gallery-item:nth-child(2n){background:linear-gradient(135deg,var(--teal),var(--yellow))}.gallery-item:after{content:"Replace with project image";font-size:12px;opacity:.8}.site-footer{background:#202020;color:white;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-logo{width:260px;filter:brightness(0) invert(1)}.footer-nav{display:grid;gap:10px}.footer-meta{font-size:14px;line-height:1.7;color:#ddd}.footer-bottom{border-top:1px solid #444;margin-top:35px;padding-top:20px;font-size:12px;color:#aaa;display:flex;justify-content:space-between}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 22px rgba(0,0,0,.25)}@media(max-width:900px){.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav-links.open{display:flex}.menu-btn{display:block}.services-grid{grid-template-columns:repeat(2,1fr)}.split-banner,.contact-grid{grid-template-columns:1fr}.split-art{min-height:320px}.service-detail{grid-template-columns:60px 1fr}.service-detail ul{grid-column:2}.about-copy{columns:1}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.nav{height:74px}.logo{width:210px}.nav-links{top:74px}.hero{min-height:560px}.section{padding:65px 0}.section-intro{display:block}.services-grid,.gallery-grid{grid-template-columns:1fr}.service-card{min-height:170px}.service-detail{grid-template-columns:1fr;gap:12px}.service-detail ul{grid-column:1}.form{grid-template-columns:1fr}.form .full{grid-column:1}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.page-hero{height:320px}}

/* Contact form status + anti-spam honeypot */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{display:none;margin:0 0 18px;padding:14px 16px;border-radius:8px;font-weight:700}.form-status.success{display:block;background:#edf8ef}.form-status.error{display:block;background:#fff0ed}

/* Brand Platform monochrome photography + transparent colour overlays */
.hero{background:#202020 url('../images/hero-elephants.jpg') center 48%/cover no-repeat}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.10) 72%,rgba(0,0,0,.22));mix-blend-mode:normal}.hero:after{background:none}.split-art{background:#202020 url('../images/hero-savanna-tree.jpg') center/cover no-repeat}.split-art:before{display:none}.brand-image-strip{display:grid;grid-template-columns:repeat(3,1fr);min-height:330px}.brand-image-strip div{background-size:cover;background-position:center}.brand-image-strip .avenue{background-image:url('../images/hero-tree-avenue.jpg')}.brand-image-strip .mountains{background-image:url('../images/hero-mountain-lake.jpg')}.brand-image-strip .savanna{background-image:url('../images/hero-savanna-tree.jpg')}body.page-work .page-hero{background:#202020 url('../images/hero-tree-avenue.jpg') center/cover no-repeat}body.page-about .page-hero{background:#202020 url('../images/hero-savanna-tree.jpg') center/cover no-repeat}body.page-contact .page-hero{background:#202020 url('../images/hero-mountain-lake.jpg') center/cover no-repeat}.page-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12));mix-blend-mode:normal}.page-hero:after{background:none}@media(max-width:700px){.brand-image-strip{grid-template-columns:1fr;min-height:0}.brand-image-strip div{min-height:240px}}