/* Phoenix Tree and Land Design — shared styles */
:root{
  --ink:#0a2417; --deep:#0b2e1e; --pine:#11402a; --fern:#1e6b46;
  --moss:#2f8f55; --lime:#c8f04b; --cream:#f4f1e3; --flame:#ff7a26;
  --ember:#e0451f; --gold:#ffd24a;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--deep);color:var(--cream);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;overflow-x:hidden;}
::selection{background:var(--lime);color:var(--ink);}
a{color:inherit;}
img{display:block;}

nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;
  padding:12px 28px;background:rgba(11,46,30,.92);backdrop-filter:blur(8px);border-bottom:3px solid var(--lime);}
nav .brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.02em;font-size:16px;color:var(--cream);text-decoration:none;}
nav .brand img{width:44px;height:44px;object-fit:contain;border-radius:10px;}
nav .links{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap;align-items:center;}
nav .links a{color:var(--cream);text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.07em;
  padding:8px 13px;border:2px solid transparent;border-radius:999px;transition:.18s;}
nav .links a:hover{border-color:var(--lime);color:var(--lime);}
nav .links a.active{color:var(--lime);border-color:var(--lime);}
nav .call{background:var(--flame);color:#fff;border:2px solid var(--cream);padding:9px 16px;border-radius:999px;
  font-weight:900;font-size:13px;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:.15s;white-space:nowrap;margin-left:6px;}
nav .call:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);}

.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;padding:60px 28px 64px;overflow:hidden;border-bottom:4px solid var(--lime);}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-image:var(--hero-img);transform:scale(1.03);}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,32,21,.25) 0%,rgba(7,32,21,.55) 55%,rgba(7,32,21,.96) 100%);}
.hero-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;width:100%;}
.hero .kicker{margin-bottom:18px;}
.hero h1{font-size:clamp(44px,7vw,96px);line-height:.94;letter-spacing:-.03em;font-weight:900;text-transform:uppercase;}
.hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--lime);}
.hero h1 .flame{color:var(--flame);font-style:italic;}
.hero p{margin-top:22px;font-size:18px;line-height:1.6;max-width:56ch;color:#e7efe1;}
.hero p b{color:var(--lime);}
.hero-cta{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;}

.kicker{display:inline-block;background:var(--ink);color:var(--lime);font-weight:900;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;padding:8px 16px;border-radius:999px;border:2px solid var(--lime);transform:rotate(-2deg);}
.btn{display:inline-block;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.05em;
  padding:15px 26px;border-radius:14px;border:3px solid var(--ink);font-size:15px;transition:.15s;}
.btn-flame{background:var(--flame);color:#fff;box-shadow:6px 6px 0 var(--ink);}
.btn-flame:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink);}
.btn-ghost{background:transparent;color:var(--lime);border-color:var(--lime);}
.btn-ghost:hover{background:var(--lime);color:var(--ink);}

section{padding:84px 28px;position:relative;}
.wrap{max-width:1180px;margin:0 auto;}
h2{font-size:clamp(32px,4.4vw,58px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.03;margin-bottom:16px;}
.lead{font-size:17px;line-height:1.65;color:#d8e4d2;max-width:62ch;margin-bottom:8px;}

.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
.split + .split{margin-top:76px;}
.split.flip .split-media{order:2;}
.split-media{position:relative;border-radius:22px;overflow:hidden;border:3px solid var(--lime);box-shadow:12px 12px 0 var(--ink);aspect-ratio:4/3;}
.split.alt .split-media{border-color:var(--flame);}
.split-media img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.split-media:hover img{transform:scale(1.05);}
.split h3{font-size:clamp(26px,3vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:14px;line-height:1.05;}
.split p{font-size:16px;line-height:1.7;color:#e3ecdd;margin-bottom:14px;}

ul.svc{list-style:none;margin-top:8px;}
ul.svc li{padding:11px 4px 11px 32px;position:relative;font-size:15.5px;line-height:1.5;color:#e9f0e4;border-bottom:1px dashed rgba(200,240,75,.28);}
ul.svc li:last-child{border-bottom:none;}
ul.svc li::before{content:"";position:absolute;left:2px;top:15px;width:16px;height:16px;background:var(--lime);
  clip-path:polygon(50% 0%,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0% 50%,35% 35%);}
ul.svc b{color:#fff;}

.band{position:relative;padding:120px 28px;text-align:center;overflow:hidden;border-top:4px solid var(--flame);border-bottom:4px solid var(--flame);}
.band::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-image:var(--band-img);}
.band::after{content:"";position:absolute;inset:0;background:rgba(7,32,21,.62);}
.band .band-inner{position:relative;z-index:2;max-width:880px;margin:0 auto;}
.band h2{font-size:clamp(30px,4.6vw,56px);}
.band p{font-size:18px;line-height:1.6;color:#eaf2e4;margin-top:14px;}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;}
.card{position:relative;border-radius:20px;overflow:hidden;min-height:380px;display:flex;align-items:flex-end;
  border:3px solid var(--lime);text-decoration:none;color:var(--cream);transition:.2s;}
.card:nth-child(2){border-color:var(--flame);}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:.4s;}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(7,32,21,.92));z-index:1;}
.card:hover{transform:translateY(-6px);}
.card:hover img{transform:scale(1.07);}
.card .card-body{position:relative;z-index:2;padding:26px 24px;}
.card .card-body h3{font-size:24px;font-weight:900;text-transform:uppercase;margin-bottom:8px;}
.card .card-body p{font-size:14.5px;line-height:1.55;color:#dbe7d4;}
.card .more{display:inline-block;margin-top:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--lime);}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.stat{border:3px solid var(--lime);border-radius:18px;padding:24px 20px;background:rgba(47,143,85,.12);transition:.18s;}
.stat:hover{background:var(--lime);color:var(--ink);transform:translateY(-4px);}
.stat .big{font-size:32px;font-weight:900;letter-spacing:-.02em;}
.stat .lbl{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-top:6px;opacity:.85;}

.contact-hero{text-align:center;}
.phone{display:inline-block;margin:24px 0 12px;font-size:clamp(30px,5vw,56px);font-weight:900;color:var(--lime);
  text-decoration:none;letter-spacing:-.02em;border-bottom:5px solid var(--flame);transition:.15s;}
.phone:hover{color:#fff;}
.contact-meta{color:#cfe0c8;font-size:16px;line-height:1.9;margin-top:14px;}

footer{background:var(--ink);color:#9db89a;text-align:center;font-size:13px;padding:30px 20px;border-top:3px solid var(--lime);}
footer .fnav{margin-bottom:12px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
footer .fnav a{color:var(--cream);text-decoration:none;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em;}
footer .fnav a:hover{color:var(--lime);}
footer b{color:var(--lime);}

@media(max-width:900px){
  .split,.split.flip .split-media{grid-template-columns:1fr;order:0;}
  .cards{grid-template-columns:1fr;}
  .stats{grid-template-columns:1fr 1fr;}
  nav .links{display:none;}
}
