/*
Theme Name: EDDE CREATIVE Approved
Theme URI: https://eddecreative.com
Author: EDDE CREATIVE
Description: Custom seven-page EDDE CREATIVE WordPress theme built from the approved 2026 design system.
Version: 1.0.0
Text Domain: edde-creative
*/
:root{--g:#39b54a;--bg:#090b0c;--panel:#111516;--ink:#101313;--muted:#aeb7b3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}.site-header{position:relative;z-index:20;background:#070909;border-bottom:1px solid #202525}.nav{min-height:92px;display:flex;align-items:center;gap:26px}.logo{width:170px;margin-right:auto}.menu{display:flex;gap:21px;align-items:center;font-size:13px;font-weight:800;letter-spacing:.04em}.menu a:hover,.menu .current{color:var(--g)}.btn{display:inline-block;background:var(--g);color:#071009;padding:15px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.btn.outline{background:transparent;color:#fff;border:2px solid var(--g)}.hero{min-height:600px;display:flex;align-items:center;position:relative;background-size:cover;background-position:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.96) 0%,rgba(5,7,8,.78) 47%,rgba(5,7,8,.28) 100%)}.hero.geometric{background:radial-gradient(circle at 75% 35%,#25342a 0,transparent 23%),linear-gradient(135deg,#070909 0 55%,#18341e 55% 63%,#0b0e0c 63%)}.hero.geometric:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #39b54a55;transform:rotate(45deg);right:-100px;top:40px}.hero .inner{position:relative;z-index:2;width:min(1180px,92%);margin:auto}.eyebrow{color:var(--g);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.93;margin:14px 0 20px;max-width:850px;text-transform:uppercase;letter-spacing:-.04em}.hero h1 span,.green{color:var(--g)}.hero p{max-width:660px;font-size:20px;color:#e1e6e3;margin-bottom:28px}.script{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#d9e0dc}.section{padding:84px 0}.section.white{background:#fff;color:#111}.section.soft{background:#eef1ef;color:#111}.section h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 20px;text-transform:uppercase;letter-spacing:-.03em}.lead{font-size:20px;max-width:800px;color:#c9d0cc}.white .lead,.soft .lead{color:#4d5551}.grid{display:grid;gap:22px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:#141819;border-top:4px solid var(--g);padding:30px;min-height:220px}.white .card,.soft .card{background:#fff;border:1px solid #dce2de;border-top:4px solid var(--g)}.card h3{font-size:22px;margin:4px 0 10px;text-transform:uppercase}.num{font-size:52px;font-weight:900;color:var(--g)}.strip{background:var(--g);color:#071009;padding:30px 0}.strip .grid{align-items:center}.strip strong{font-size:18px;text-transform:uppercase}.portfolio .card{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#1a1e1c,#0d0f0e)}.tag{font-size:11px;letter-spacing:.12em;color:var(--g);font-weight:900;text-transform:uppercase}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.photo{min-height:440px;background-size:cover;background-position:center;border-left:8px solid var(--g)}.quote{font-size:30px;font-weight:900;line-height:1.15}.cta{padding:80px 0;background:linear-gradient(120deg,#0b0d0c,#17331d);text-align:center}.cta h2{font-size:50px;margin:0 0 18px;text-transform:uppercase}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .full{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;padding:16px;background:#fff;border:1px solid #cbd2ce;color:#111;font:inherit}.form textarea{min-height:160px}.site-footer{background:#050606;padding:48px 0 28px;border-top:1px solid #202421}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.foot img{width:180px}.foot small{color:#9ba49f}.footlinks{display:grid;gap:8px}.legal{border-top:1px solid #202421;margin-top:30px;padding-top:22px;color:#8d9792;font-size:12px;display:flex;justify-content:space-between}.hero-home{background-image:url('assets/images/home.jpg')}.hero-about{background-image:url('assets/images/about.jpg');background-position:center 38%}.hero-services{background-image:url('assets/images/services.jpg')}.hero-work{background-image:url('assets/images/work.jpg')}.hero-approach{background-image:url('assets/images/approach.jpg')}.hero-insights{background-image:url('assets/images/insights.jpg')}.hero-contact{background:linear-gradient(135deg,#070909 0 45%,#132318 45% 58%,#090b0c 58%)}
@media(max-width:900px){.menu{display:none}.g4,.g3{grid-template-columns:repeat(2,1fr)}.split,.foot{grid-template-columns:1fr}.hero{min-height:520px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}@media(max-width:560px){.g4,.g3,.g2{grid-template-columns:1fr}.hero h1{font-size:44px}.section{padding:60px 0}.cta h2{font-size:36px}.legal{display:block}.logo{width:145px}}

/* Audited build: distinct page heroes + content integrity */
.hero{min-height:620px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.92),rgba(4,6,7,.42) 62%,rgba(4,6,7,.16))}.hero>*{position:relative;z-index:1}.section{min-height:180px}.cards,.grid,.work-grid{align-items:stretch}.card{min-height:160px}.contact-hero{background-position:center 42%}.site-logo img{height:auto;max-width:190px}.hero-home{background-image:url("assets/images/home.jpg")}.hero-about{background-image:url("assets/images/about.jpg")}.hero-services{background-image:url("assets/images/services.jpg")}.hero-work{background-image:url("assets/images/work.jpg")}.hero-approach{background-image:url("assets/images/approach.jpg")}.hero-insights{background-image:url("assets/images/insights.jpg")}.hero-contact{background-image:url("assets/images/contact.jpg")}
/* Reconciliation pass: prevent empty visual zones and keep approved page rhythm */
.card{min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}
.portfolio .card{min-height:210px;position:relative;overflow:hidden;background:linear-gradient(145deg,#101614,#050706)}
.portfolio .card:after{content:"";position:absolute;right:-38px;bottom:-55px;width:150px;height:150px;border:1px solid rgba(33,255,120,.20);transform:rotate(35deg)}
.section .photo{min-height:430px;background-size:cover;background-position:center;border-radius:2px}
.hero{min-height:620px;background-size:cover;background-position:center;display:flex;align-items:center}
.hero .inner{max-width:1180px;width:100%;margin:auto;padding:90px 42px}
.hero-home{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18)),url('assets/images/home.jpg')}
.hero-about{background-image:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.20)),url('assets/images/about.jpg')}
.hero-services{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.20)),url('assets/images/services.jpg')}
.hero-work{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18)),url('assets/images/work.jpg')}
.hero-approach{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18)),url('assets/images/approach.jpg')}
.hero-insights{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18)),url('assets/images/insights.jpg')}
.hero-contact{background-image:linear-gradient(120deg,#07100c 0%,#0b1712 55%,#07100c 100%);position:relative}
.hero-contact:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 58%,rgba(30,255,115,.09) 58% 63%,transparent 63%)}
.hero-contact .inner{position:relative;z-index:1}
.form input,.form select,.form textarea{background:#fff;color:#111;border:1px solid #cfd5d1;min-height:52px;padding:14px;width:100%;box-sizing:border-box}.form textarea{min-height:150px}.form{gap:14px}
@media(max-width:760px){.hero{min-height:520px}.hero .inner{padding:70px 22px}.card{min-height:auto}.portfolio .card{min-height:150px}}
