@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--forest:#123d24;--forest2:#0b2c1a;--leaf:#68b547;--leaf2:#8ccf64;--ink:#101713;--cream:#f3f1e8;--white:#fff;--muted:#667168;--line:#dfe5df;--wood:#a8783f;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}
.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s;background:linear-gradient(#08170fdd,transparent)}.site-header.scrolled{background:#0b2c1af5;box-shadow:0 8px 30px #0002}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:150px;height:68px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.nav{display:flex;gap:26px;align-items:center}.nav>a:not(.btn){text-decoration:none;color:#fff;font-weight:600;font-size:.92rem}.nav-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:var(--leaf);color:#0a1b0f;padding:15px 22px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-small{padding:11px 16px;font-size:.78rem}.btn-outline{background:transparent;border:1px solid #ffffffaa;color:#fff}.btn-whatsapp{background:#7acb50}.btn-light{background:#fff;color:var(--forest)}
.hero{min-height:760px;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,#275f37 0,#123d24 35%,#081b11 78%)}.hero:after{content:"";position:absolute;inset:auto -10% -45% 35%;height:650px;border-radius:50%;border:110px solid #ffffff08;transform:rotate(-12deg)}.hero-texture{position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(115deg,transparent 0 34px,#fff 35px 36px);mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding-top:80px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.77rem;font-weight:800;color:var(--leaf2)}.eyebrow.dark{color:#3f7d35}.hero h1,.section h2,.whatsapp-cta h2,.quote-section h2{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;line-height:.98;margin:.2em 0}.hero h1{font-size:clamp(3.4rem,7vw,6.5rem);max-width:820px}.hero h1 span{color:var(--leaf2)}.lead{font-size:1.18rem;max-width:680px;color:#e5eee7}.hero-actions{display:flex;gap:12px;margin:30px 0 20px;flex-wrap:wrap}.micro{font-size:.84rem;color:#b9c7bc}.micro a{font-weight:800}.hero-mark{height:420px;position:relative}.tree-rings{position:absolute;inset:20px;border:2px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff05}.hero-badge{position:absolute;right:15%;top:35%;font:700 5rem Oswald;color:#fff;text-align:center}.hero-badge small{display:block;font:700 .75rem Inter;text-transform:uppercase;letter-spacing:.15em;color:var(--leaf2)}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:25px;text-align:center;border-right:1px solid var(--line)}.trust-grid div:last-child{border:0}.trust strong,.trust span{display:block}.trust strong{font-family:Oswald;text-transform:uppercase;font-size:1.2rem;color:var(--forest)}.trust span{font-size:.78rem;color:var(--muted)}
.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section h2,.whatsapp-cta h2,.quote-section h2{font-size:clamp(2.5rem,5vw,4.5rem);color:var(--forest)}.section-heading p{max-width:560px;color:var(--muted)}.cards.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{background:#fff;padding:38px;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 45px #16351d0b;transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #16351d18}.service-no{font:700 2rem Oswald;color:var(--leaf)}.service-card h3{font:700 2rem Oswald;text-transform:uppercase;margin:.2em 0}.service-card p{color:var(--muted)}.service-card a{color:var(--forest);font-weight:800;text-decoration:none}.pending-note{font-size:.82rem;color:var(--muted);margin-top:22px}
.dark-section{background:var(--forest2);color:#fff}.dark-section h2{color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lead-small{font-size:1.08rem;color:#c9d5cc}.text-link{color:var(--leaf2);font-weight:800}.benefits{display:grid;gap:8px}.benefits>div{display:flex;gap:20px;padding:20px;border-bottom:1px solid #ffffff1c}.benefits b{color:var(--leaf2);font:700 1.4rem Oswald}.benefits span{display:flex;flex-direction:column}.benefits small{color:#aebdb1;margin-top:3px}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:14px}.photo-placeholder{border-radius:8px;background:linear-gradient(135deg,#dce5db,#b7c7b8);display:flex;align-items:end;padding:18px;overflow:hidden;position:relative}.photo-placeholder:before{content:"";position:absolute;width:180px;height:180px;border:26px solid #ffffff45;border-radius:50%;right:-25px;top:-25px}.photo-placeholder span{position:relative;font-weight:800;color:#28432f}.photo-placeholder.wide{grid-row:span 2}
.whatsapp-cta{background:var(--leaf);padding:62px 0}.whatsapp-cta h2{color:#0d2e19;margin:.15em 0}.whatsapp-cta p{max-width:700px}.split.compact{grid-template-columns:1.5fr .5fr;gap:40px}
.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.area-grid span{background:#fff;border:1px solid var(--line);padding:24px 15px;text-align:center;font-weight:800;border-radius:6px;color:var(--forest)}
.quote-section{background:var(--forest);color:#fff}.quote-section h2{color:#fff}.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-stack{display:grid;gap:10px;margin-top:35px}.contact-stack a{display:flex;justify-content:space-between;text-decoration:none;border-bottom:1px solid #ffffff22;padding:14px 0}.contact-stack span{color:#a9b9ad}.quote-form{background:#fff;color:var(--ink);padding:34px;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:grid;gap:7px;font-weight:700;font-size:.82rem;margin-bottom:16px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #ccd5cd;background:#f9faf8;border-radius:5px;padding:13px;font:inherit}.form-note{font-size:.75rem;color:var(--muted)}
footer{background:#081b11;color:#cbd5ce;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer-brand img{width:170px;background:#fff;border-radius:7px;padding:4px}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid a{text-decoration:none}.footer-grid strong{color:#fff;margin-bottom:7px}.footer-bottom{border-top:1px solid #ffffff16;margin-top:40px;padding-top:20px;font-size:.75rem}.mobile-actions{display:none}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){
 .container{width:min(100% - 28px,var(--max))}.nav-wrap{height:76px}.brand img{width:120px;height:58px}.nav-toggle{display:block;background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:4px;padding:8px 12px}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b2c1a;padding:22px 18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:720px}.hero-grid{grid-template-columns:1fr}.hero-mark{display:none}.hero h1{font-size:clamp(3.2rem,15vw,5.2rem)}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div:nth-child(2){border-right:0}.section{padding:72px 0}.section-heading,.split,.quote-grid{grid-template-columns:1fr;display:grid;gap:28px}.cards.two{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.photo-placeholder.wide{grid-column:span 2;grid-row:auto}.split.compact{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60;box-shadow:0 -8px 24px #0002}.mobile-actions a{text-align:center;padding:14px;background:#fff;color:var(--forest);font-weight:800;text-decoration:none}.mobile-actions a:last-child{background:var(--leaf);color:#0c2414}body{padding-bottom:50px}
}
@media(max-width:520px){.hero-actions .btn{width:100%}.form-row{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.gallery{display:grid;grid-template-columns:1fr}.photo-placeholder.wide{grid-column:auto}.trust-grid div{padding:18px 8px}.quote-form{padding:22px}}


/* ===== V2: approved charcoal / black visual direction ===== */
:root{
  --charcoal:#151a18;
  --charcoal2:#0c100e;
  --charcoal3:#202622;
  --soft:#f4f3ee;
}

body{background:var(--soft)}
.site-header{background:linear-gradient(#090d0bea,rgba(9,13,11,.68),transparent)}
.site-header.scrolled{background:#0c100ef7}

.hero{
  min-height:720px;
  background:
    radial-gradient(circle at 78% 28%,rgba(104,181,71,.16),transparent 30%),
    linear-gradient(110deg,#0a0e0c 0%,#151b17 48%,#233127 100%);
}
.hero-texture{
  opacity:.13;
  background-image:
    radial-gradient(circle at 78% 25%,transparent 0 95px,#fff 96px 97px,transparent 98px 125px,#fff 126px 127px,transparent 128px),
    repeating-linear-gradient(115deg,transparent 0 45px,#fff 46px 47px);
}
.hero h1 span{color:#70c447}
.hero-badge{color:#fff}
.hero-badge small{color:#7bd050}

.trust{background:#171c19;color:#fff;border:0}
.trust-grid div{border-right:1px solid #ffffff28}
.trust strong{color:#fff}
.trust span{color:#9ca8a0}
.trust-grid div:before{content:"✓";display:block;color:#70c447;font-weight:900;font-size:1.2rem;margin-bottom:3px}

.section{background:#f4f3ee}
.service-card{
  color:#fff;
  border:1px solid #ffffff12;
  background:
    radial-gradient(circle at 100% 0,rgba(104,181,71,.15),transparent 36%),
    linear-gradient(145deg,#252c27,#111512);
  box-shadow:0 18px 50px #00000018;
  min-height:270px;
}
.service-card h3{color:#fff}
.service-card p{color:#cbd1cc}
.service-card a{color:#7bd050}
.service-no{color:#70c447}
.pending-note{opacity:.75}

.dark-section{
  background:
    radial-gradient(circle at 95% 50%,rgba(168,120,63,.18),transparent 24%),
    linear-gradient(105deg,#101512,#171d19 70%,#0c100e);
  border-top:1px solid #ffffff0d;
  border-bottom:1px solid #ffffff0d;
}
.dark-section .eyebrow{color:#72c94a}
.benefits>div{background:#ffffff05;border:1px solid #ffffff0c;border-radius:5px;margin-bottom:4px}
.benefits b{color:#72c94a}

#work{background:#f7f6f1}
.photo-placeholder{
  background:
    linear-gradient(145deg,rgba(112,196,71,.14),transparent),
    #222923;
  border:1px solid #313b33;
}
.photo-placeholder span{color:#fff}
.photo-placeholder:before{border-color:#70c44720}

.whatsapp-cta{
  color:#fff;
  background:
    radial-gradient(circle at 88% 50%,rgba(112,196,71,.2),transparent 27%),
    linear-gradient(90deg,#0c100e,#183322 65%,#101512);
  border-top:1px solid #ffffff0d;
  border-bottom:1px solid #ffffff0d;
}
.whatsapp-cta h2{color:#fff}
.whatsapp-cta .eyebrow{color:#75ca4e}
.whatsapp-cta .btn-light{background:#70c447;color:#0a120c}

#areas{background:#f4f3ee}
.area-grid span{
  color:#fff;
  background:#171c19;
  border:1px solid #252d27;
  box-shadow:inset 0 3px 0 #70c447;
}
.area-grid span:before{content:"●";color:#70c447;margin-right:9px}

.quote-section{
  background:
    radial-gradient(circle at 15% 30%,rgba(104,181,71,.12),transparent 30%),
    linear-gradient(120deg,#111613,#202722);
}
.quote-form{
  background:#181e1a;
  color:#fff;
  border:1px solid #303a32;
  box-shadow:0 25px 60px #0005;
}
.quote-form input,.quote-form select,.quote-form textarea{
  background:#f8f8f5;
  color:#101713;
  border-color:#d5d8d5;
}
.quote-form .form-note{color:#9eaaa1}

footer{background:#090d0b}
.footer-brand img{background:#111;border:1px solid #273028}

@media(min-width:851px){
  .hero-copy{padding:35px 0}
  .hero-mark:after{
    content:"BRUCE'S";
    position:absolute;
    right:4%;
    bottom:0;
    font:700 6.5rem Oswald;
    color:#ffffff06;
    letter-spacing:.03em;
  }
}


/* ===== V3: prominent hero logo matching approved reference ===== */
@media(min-width:851px){
  .site-header .brand{
    position:absolute;
    left:max(24px,calc((100vw - var(--max))/2));
    top:112px;
    z-index:4;
    pointer-events:auto;
  }
  .site-header .brand img{
    width:355px;
    height:355px;
    object-fit:contain;
    padding:0;
    border-radius:0;
    background:transparent;
    filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));
  }
  .nav-wrap{justify-content:flex-end}
  .nav{gap:25px}
  .hero-grid{
    grid-template-columns:360px minmax(0,1fr) 330px;
    gap:42px;
    max-width:var(--max);
  }
  .hero-copy{
    grid-column:2;
    padding-top:55px;
  }
  .hero-mark{
    grid-column:3;
    height:460px;
  }
  .hero h1{
    font-size:clamp(3.6rem,5.7vw,5.7rem);
    max-width:720px;
  }
  .hero .lead{max-width:690px}
  .hero-actions{flex-wrap:nowrap}
  .hero-actions .btn{white-space:nowrap}
}
@media(max-width:850px){
  .site-header .brand img{
    background:transparent;
    padding:0;
    border-radius:0;
    width:126px;
    height:64px;
    object-fit:contain;
  }
}


/* ===== V4: hero logo stays in hero only; no page-scroll overlap ===== */
@media(min-width:851px){
  /* Undo V3's viewport-fixed-header positioning for the large logo */
  .site-header .brand{
    display:none;
  }

  /* Give the hero its own large logo using the same transparent artwork */
  .hero:before{
    content:"";
    position:absolute;
    z-index:3;
    left:max(24px,calc((100vw - var(--max))/2));
    top:128px;
    width:355px;
    height:355px;
    background:url("assets/bruces-tree-felling-logo-transparent.png") center/contain no-repeat;
    filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));
    pointer-events:none;
  }

  /* Keep the headline shifted right, as in the approved concept */
  .hero-grid{
    grid-template-columns:360px minmax(0,1fr) 330px;
  }
}

/* Mobile keeps the compact navigation logo and never creates the large hero overlay */
@media(max-width:850px){
  .hero:before{display:none}
}

/* ===== V5: real content, photography & pre-launch polish ===== */
.hero-v5{position:relative;overflow:hidden;background:#0d1510;min-height:690px}.hero-v5 .hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,13,9,.97) 0%,rgba(7,13,9,.91) 32%,rgba(7,13,9,.60) 58%,rgba(7,13,9,.18) 100%),url('assets/projects/hero-tree-work.webp');background-size:cover;background-position:center 46%;filter:saturate(.92) contrast(1.04)}.hero-v5 .hero-texture{opacity:.28}.hero-v5 .hero-grid{position:relative;z-index:2}.hero-v5 .hero-copy{padding-top:36px}.hero-v5 .hero-badge{background:rgba(12,20,14,.74);backdrop-filter:blur(4px);border:1px solid rgba(111,211,72,.3)}
.emergency{background:#62ca3b;color:#081007}.emergency-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.emergency-inner>div:first-child{display:flex;gap:18px;align-items:baseline}.emergency-inner strong{font-family:'Oswald',Arial,sans-serif;font-size:1.1rem;letter-spacing:.06em}.emergency-inner span{font-weight:650}.emergency-inner>div:last-child{display:flex;gap:10px}.emergency-inner a{color:#081007;border:1px solid rgba(8,16,7,.35);border-radius:7px;padding:9px 13px;font-weight:850;text-decoration:none}.emergency-inner a:last-child{background:#101713;color:white;border-color:#101713}
.service-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid-v5 .service-card{min-height:280px}.photo-card{position:relative;overflow:hidden;padding-top:112px!important}.photo-card:before{content:"";position:absolute;inset:0 0 auto;height:105px;background:linear-gradient(0deg,rgba(17,24,19,.5),transparent),var(--card-img) center/cover no-repeat}.photo-card>*{position:relative;z-index:1}.emergency-card{border-color:#63ce3d!important;box-shadow:inset 0 0 0 1px rgba(99,206,61,.22)}.emergency-card .service-no{color:#63ce3d}
.real-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:14px}.real-gallery figure{margin:0;overflow:hidden;border-radius:8px;background:#111}.real-gallery .gallery-feature{grid-column:span 2;grid-row:span 2}.real-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.real-gallery figure:hover img{transform:scale(1.025)}
.social-placeholder{background:#f2f3ef}.social-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#101713;color:#fff;padding:28px 32px;border-radius:10px}.social-panel div{display:flex;flex-direction:column;gap:5px}.social-panel strong{font-size:1.15rem}.social-panel span{color:#c7d0c9;max-width:720px}.social-panel .btn{white-space:nowrap}
@media(max-width:1000px){.service-grid-v5{grid-template-columns:repeat(2,1fr)}.emergency-inner,.emergency-inner>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}.real-gallery{grid-template-columns:repeat(2,1fr)}.real-gallery .gallery-feature{grid-column:span 2}}
@media(max-width:850px){.hero-v5{min-height:auto}.hero-v5 .hero-photo{background-image:linear-gradient(180deg,rgba(7,13,9,.76),rgba(7,13,9,.94) 68%),url('assets/projects/hero-tree-work.webp');background-position:center top}.hero-v5 .hero-copy{padding-top:20px}.emergency-inner{padding:13px 18px}.emergency-inner>div:last-child{width:100%;flex-wrap:wrap}.social-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.service-grid-v5{grid-template-columns:1fr}.real-gallery{display:grid;grid-template-columns:1fr;grid-auto-rows:220px}.real-gallery .gallery-feature{grid-column:auto;grid-row:auto}.social-panel{padding:22px}.emergency-inner>div:last-child a{flex:1;text-align:center;font-size:.88rem}}

.optional{font-weight:400;opacity:.7}.form-help{display:block;margin-top:.45rem;opacity:.72;line-height:1.45}.quote-form input[type=file]{padding:.8rem;background:rgba(255,255,255,.06)}

/* ===== V5.6: Facebook connection ===== */
.facebook-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,500px);gap:44px;align-items:center;background:#101713;color:#fff;padding:34px;border-radius:10px;overflow:hidden}.facebook-copy{display:block}.facebook-kicker{display:inline-block;color:#63ce3d;font-family:'Oswald',Arial,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.facebook-copy h3{font-size:clamp(1.65rem,3vw,2.35rem);margin:0 0 12px}.facebook-copy p{color:#c7d0c9;line-height:1.7;max-width:600px;margin:0 0 22px}.facebook-feed{width:100%;max-width:500px;min-height:520px;background:#fff;border-radius:8px;overflow:hidden;justify-self:end}.facebook-feed iframe{display:block;width:100%;max-width:500px}.facebook-feed noscript a{display:block;padding:24px;color:#101713}.footer-grid a[href*="facebook.com"]{color:#c7d0c9}
@media(max-width:850px){.facebook-panel{grid-template-columns:1fr;gap:26px;padding:24px}.facebook-feed{justify-self:stretch;margin:0 auto;width:100%;max-width:500px}}
@media(max-width:540px){.facebook-panel{padding:18px}.facebook-feed{min-height:520px}.facebook-copy .btn{width:100%;text-align:center}}