/*
Theme Name: KDT Conservation
Theme URI: https://kdtagency.co.za/
Author: KDT Conservation
Description: An editorial WordPress theme for KDT Conservation and KDT Kreative.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kdt-conservation
*/
:root{--ink:#101514;--night:#0a1010;--teal:#1fc1c7;--teal-dark:#098e96;--cream:#f3f0e8;--sand:#d6c9b3;--muted:#68706e;--line:#d8d8d1;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--teal-dark)}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.eyebrow{color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.site-header{background:#050909;color:#fff;position:relative;z-index:10}.header-inner{height:108px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:block;width:250px;height:76px;overflow:hidden;flex:0 0 auto;position:relative}.brand img{position:absolute;width:315px;max-width:none;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.main-nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.main-nav a{white-space:nowrap}.main-nav a:hover,.main-nav .current-menu-item a{color:var(--teal)}.nav-cta{padding:13px 17px;border:1px solid var(--teal);color:var(--teal)!important}.nav-toggle{display:none;border:1px solid #526262;background:none;color:#fff;padding:8px 12px;font-size:24px;line-height:1}.hero{min-height:630px;color:#fff;display:flex;align-items:center;position:relative;background:#182020 url('assets/savanna-hero.png') center 52%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,10,.82) 0%,rgba(5,12,13,.55) 46%,rgba(5,12,13,.08) 82%)}.hero .wrap{position:relative}.hero-content{max-width:680px;padding:90px 0 115px}.hero .eyebrow{color:var(--teal)}.hero h1{font-size:clamp(60px,8.5vw,126px);line-height:.91;margin:24px 0 25px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:19px;max-width:590px;color:#e8ece9;line-height:1.65;margin:0 0 36px}.btn-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;background:var(--teal);color:#071414;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--teal);min-height:52px;transition:.2s}.btn:hover{background:#fff;border-color:#fff;color:#071414}.btn-outline{background:transparent;color:#fff;border-color:#fff}.btn-outline:hover{background:#fff;color:#111}.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-dark:hover{background:var(--teal);border-color:var(--teal)}.hero-caption{position:absolute;bottom:23px;right:30px;color:#d3d3ce;font-size:11px;letter-spacing:.08em}.section{padding:100px 0}.section-head{max-width:790px}.section h2,.page-hero h1{font-size:clamp(44px,5vw,75px);line-height:1.08;margin:16px 0 25px}.section p{font-size:17px;color:#454d4a}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.intro-grid .lead{font-size:21px;color:#333b39;line-height:1.75;margin-top:47px}.rule{height:1px;background:var(--line);margin:48px 0}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.way-card{background:#f4f4ef;border-top:3px solid var(--teal);padding:34px 30px 38px;min-height:280px}.way-card .number{font-family:Georgia,serif;font-size:42px;color:var(--teal-dark);line-height:1}.way-card h3{font-size:22px;line-height:1.2;margin:22px 0 13px}.way-card p{font-size:15px;line-height:1.65;margin:0}.dark-panel{background:#0d1717;color:#fff}.dark-panel h2{max-width:830px}.dark-panel p{color:#c6d0cc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px;border-top:1px solid #31504f;padding-top:35px}.step strong{display:block;font-family:Georgia,serif;color:var(--teal);font-size:36px;font-weight:400}.step h3{font-size:17px;margin:12px 0}.step p{font-size:14px;margin:0}.kreative{background:var(--cream);position:relative;overflow:hidden}.kreative:after{content:'K';position:absolute;right:1%;top:-90px;font-family:Georgia,serif;font-size:600px;line-height:1;color:rgba(25,74,73,.055);pointer-events:none}.kreative-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:11%;align-items:center}.art-frame{height:440px;background:linear-gradient(135deg,#1d3430,#496057 45%,#b69f7b);position:relative;border:18px solid #171c1a;box-shadow:25px 28px 0 rgba(24,32,26,.13);display:flex;align-items:flex-end;padding:30px;color:#fff}.art-frame:before{content:'';position:absolute;inset:0;background:url('assets/savanna-hero.png') center/cover;filter:grayscale(.65) sepia(.45) brightness(.75)}.art-frame span{position:relative;font-family:Georgia,serif;font-size:31px;line-height:1.1}.kreative h2{font-size:clamp(48px,5vw,78px)}.kreative p{max-width:490px}.section-action{margin-top:30px}.field-notes{background:#fff}.notes-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.note-card{border-top:1px solid var(--ink);padding-top:22px}.note-card small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--teal-dark);font-weight:800}.note-card h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:27px;line-height:1.2;margin:13px 0}.note-card p{font-size:14px;line-height:1.55}.final-cta{background:var(--teal);padding:85px 0;color:#071414}.final-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta h2{font-size:clamp(40px,4.3vw,65px);line-height:1.08;max-width:770px;margin:0}.site-footer{background:#050909;color:#d9e2de;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-logo{width:245px;height:80px;overflow:hidden;position:relative}.footer-logo img{width:315px;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-footer p{font-size:14px;max-width:410px;color:#aebbb8}.site-footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--teal);margin:14px 0 20px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:8px 0;font-size:14px}.footer-bottom{border-top:1px solid #243635;margin-top:65px;padding-top:22px;font-size:12px;color:#8f9c99;display:flex;justify-content:space-between;gap:20px}.page-hero{background:#102020;color:#fff;padding:100px 0 110px;position:relative;overflow:hidden}.page-hero:before{content:'';position:absolute;inset:0;background:url('assets/savanna-hero.png') center 55%/cover;opacity:.22}.page-hero .wrap{position:relative}.page-hero h1{max-width:850px;font-size:clamp(52px,6vw,92px)}.page-hero p{max-width:650px;font-size:19px;color:#d5dedb}.page-body{padding:85px 0 110px}.page-body h2{font-family:Georgia,serif;letter-spacing:-.035em;font-weight:400;font-size:clamp(35px,4vw,58px);line-height:1.15;margin:45px 0 20px}.page-body h3{font-size:21px;margin:30px 0 10px}.page-body p{font-size:17px;line-height:1.8;max-width:780px;color:#3d4643}.page-body .narrow{max-width:790px}.page-body .two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.page-body .feature-row{padding:38px 0;border-top:1px solid var(--line)}.page-body .feature-row h3{margin-top:0}.page-body .feature-row p{margin-bottom:0}.notice{padding:28px 32px;background:#edf5f2;border-left:3px solid var(--teal);max-width:800px;margin:40px 0}.notice p{margin:0}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.post-card{border:1px solid var(--line);padding:0 0 24px}.post-card img{aspect-ratio:1.5;object-fit:cover;width:100%}.post-card-content{padding:24px}.post-card h2{font-size:29px;margin:8px 0}.post-card small{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal-dark)}.article{max-width:790px;margin:auto}.article h1{font-family:Georgia,serif;font-size:clamp(45px,6vw,80px);line-height:1.1;letter-spacing:-.04em}.article img{width:100%;height:auto}.article p,.article li{font-size:18px;line-height:1.8}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#fff;padding:8px}.alignwide{max-width:var(--max);margin-left:auto;margin-right:auto}.alignfull{max-width:none}.pagination{margin-top:45px}.pagination a,.pagination span{padding:9px 13px;border:1px solid var(--line)}
@media(max-width:1050px){.header-inner{height:88px}.brand{width:210px}.brand img{width:285px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#050909;padding:20px 24px 28px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #223}.main-nav.is-open{display:flex}.main-nav a{display:block;padding:10px 0}.main-nav .nav-cta{margin-top:10px;text-align:center}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{width:min(calc(100% - 36px),var(--max))}.header-inner{height:78px}.brand{width:195px;height:70px}.brand img{width:260px}.main-nav{top:78px}.hero{min-height:620px;background-position:66% center}.hero:before{background:linear-gradient(90deg,rgba(2,9,10,.85),rgba(2,9,10,.4))}.hero-content{padding:80px 0 100px}.hero h1{font-size:clamp(55px,15vw,84px)}.hero p{font-size:17px}.hero-caption{font-size:9px;right:18px}.section{padding:70px 0}.section h2,.page-hero h1{font-size:45px}.intro-grid,.kreative-inner,.page-body .two-col{grid-template-columns:1fr;gap:25px}.intro-grid .lead{margin-top:0}.three-grid,.notes-grid,.post-list{grid-template-columns:1fr}.way-card{min-height:auto}.steps{gap:22px}.art-frame{height:340px;order:2}.kreative-inner>div:first-child{order:1}.notes-top{display:block}.final-cta{padding:65px 0}.final-cta .wrap{display:block}.final-cta h2{margin-bottom:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.page-hero{padding:75px 0}.page-body{padding:60px 0 80px}}@media(max-width:440px){.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.hero h1{font-size:54px}.btn{width:100%}}
.brand img{width:270px}
@media(max-width:1050px){.brand img{width:260px}}
@media(max-width:700px){.brand img{width:235px}}

.main-nav li{list-style:none;margin:0;padding:0}
.social-section{background:#142423;color:#fff;padding:86px 0}.social-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center}.social-section h2{font-size:clamp(44px,5vw,72px);line-height:1.1;margin:18px 0}.social-section p{font-size:18px;line-height:1.7;color:#c9d5d1;max-width:650px;margin-bottom:30px}.social-card{border:1px solid #456260;padding:48px 35px;min-height:235px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(135deg,#203c3a,#0d1817)}.social-card .social-icon{color:var(--teal);font-size:43px;line-height:1}.social-card strong{font-size:25px}.social-card>span:last-child{font-size:14px;color:#bdd0cb;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){.social-section{padding:65px 0}.social-inner{grid-template-columns:1fr;gap:30px}.social-card{min-height:190px}}
.brand img{width:270px}
@media(max-width:1050px){.brand img{width:260px}}
@media(max-width:700px){.brand img{width:235px}}
.footer-logo img{width:270px}
