/*
Theme Name: High Green Group
Theme URI: https://www.highgreengroup.com/
Author: High Green Group
Description: Premium corporate theme for High Green Group and its three companies.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: high-green-group
*/

:root{
  --bg:#06100b;--bg2:#0a1910;--panel:#0d2115;--text:#f4f8f5;
  --muted:#a9b8af;--green:#38c45a;--orange:#f58220;--line:rgba(255,255,255,.10);
  --max:1240px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.mont{font-family:Montserrat,sans-serif}
.green{color:var(--green)} .orange{color:var(--orange)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}
.reveal.show{opacity:1;transform:none}

/* NAV */
.hg-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid transparent;transition:.35s}
.hg-nav.scrolled{background:rgba(4,13,8,.9);backdrop-filter:blur(18px);border-color:var(--line)}
.hg-nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}
.hg-brand{font:800 20px Montserrat,sans-serif;letter-spacing:-.7px}
.hg-brand b{color:var(--green)}
.hg-links{display:flex;gap:30px;align-items:center;list-style:none}
.hg-links a{font-size:13px;color:#d5ded8;transition:.25s}
.hg-links a:hover{color:var(--green)}
.hg-nav-cta{padding:10px 18px;border:1px solid var(--green);border-radius:100px}
.hg-nav-cta:hover{background:var(--green);color:#041008!important}
.hg-menu{display:none;background:none;border:0;color:#fff;font-size:26px}

/* HERO */
.hg-hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;
background:linear-gradient(90deg,rgba(3,12,7,.97),rgba(3,12,7,.82) 42%,rgba(3,12,7,.35)),
var(--hg-hero-image) center/cover}
.hg-hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:var(--green);opacity:.08;filter:blur(110px);right:-180px;bottom:-250px}
.hg-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,var(--bg));pointer-events:none}
.hg-hero-content{position:relative;z-index:2;max-width:950px;padding-top:70px}
.hg-kicker,.hg-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--green);font-weight:800}
.hg-kicker{font-size:12px;letter-spacing:4px;margin-bottom:25px}
.hg-hero h1{font:800 clamp(48px,7vw,92px)/.98 Montserrat,sans-serif;letter-spacing:-5px;max-width:1050px}
.hg-hero h1 em{font-style:normal;color:var(--green)}
.hg-hero p{max-width:760px;color:#c3d0c8;font-size:18px;margin:30px 0 38px}
.hg-buttons{display:flex;gap:14px;flex-wrap:wrap}
.hg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;border-radius:100px;font-weight:700;font-size:13px;transition:.3s}
.hg-primary{background:var(--green);color:#041008}
.hg-primary:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(56,196,90,.18)}
.hg-secondary{border:1px solid rgba(255,255,255,.22)}
.hg-secondary:hover{border-color:var(--green);color:var(--green)}
.hg-hero-bottom{position:absolute;z-index:3;bottom:28px;left:0;width:100%}
.hg-hero-meta{display:flex;justify-content:space-between;color:#87958d;font-size:11px;text-transform:uppercase;letter-spacing:2px}

/* SECTIONS */
.hg-section{padding:125px 0}
.hg-dark2{background:var(--bg2)}
.hg-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}
.hg-intro h2{font:700 clamp(38px,5vw,66px)/1.05 Montserrat,sans-serif;letter-spacing:-3px}
.hg-intro-copy{color:var(--muted);font-size:17px;max-width:570px}
.hg-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}
.hg-stat{border-top:1px solid var(--green);padding-top:14px}
.hg-stat strong{font:700 25px Montserrat,sans-serif;display:block}
.hg-stat span{font-size:11px;color:#84938a;text-transform:uppercase;letter-spacing:1.5px}

.hg-companies{padding:125px 0;background:#040c07}
.hg-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:52px}
.hg-heading h2{font:700 clamp(38px,5vw,62px)/1.02 Montserrat,sans-serif;letter-spacing:-3px}
.hg-heading p{max-width:390px;color:var(--muted)}
.hg-company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hg-card{min-height:650px;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;transition:.5s}
.hg-card:hover{transform:translateY(-9px);border-color:rgba(56,196,90,.55)}
.hg-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(2,10,5,.95) 88%)}
.hg-card-image{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .7s}
.hg-card:hover .hg-card-image{transform:scale(1.08)}
.hg-electric{background-image:var(--hg-electric-image)}
.hg-tech{background-image:var(--hg-tech-image)}
.hg-produce{background-image:var(--hg-produce-image)}
.hg-card-content{padding:34px;position:relative}
.hg-number{font-size:11px;letter-spacing:3px;color:var(--green);font-weight:800}
.hg-card h3{font:700 30px Montserrat,sans-serif;margin:10px 0 5px}
.hg-card h4{font-size:11px;color:var(--orange);letter-spacing:1.6px;text-transform:uppercase;margin-bottom:16px}
.hg-card p{font-size:14px;color:#c0cbc4;max-width:360px}
.hg-card-link{display:inline-flex;margin-top:24px;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
.hg-card-link span{color:var(--green);margin-left:8px;transition:.25s}
.hg-card:hover .hg-card-link span{transform:translateX(6px)}

.hg-intersection{padding:140px 0;background:radial-gradient(circle at 50% 45%,rgba(56,196,90,.12),transparent 35%),var(--bg)}
.hg-intersection h2{font:700 clamp(42px,6vw,78px)/1 Montserrat,sans-serif;letter-spacing:-4px;max-width:1000px}
.hg-intersection p{color:var(--muted);max-width:760px;font-size:18px;margin-top:28px}
.hg-triad{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}
.hg-triad div{padding:28px 20px 0;border-right:1px solid var(--line)}
.hg-triad div:last-child{border:0}
.hg-triad strong{display:block;color:var(--green);font:700 18px Montserrat,sans-serif}
.hg-triad span{color:#84938a;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}

.hg-values{background:var(--bg2)}
.hg-value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:50px}
.hg-value{padding:28px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.hg-value i{display:block;font-style:normal;color:var(--green);font-size:22px;margin-bottom:20px}
.hg-value h3{font:700 18px Montserrat,sans-serif;margin-bottom:9px}
.hg-value p{font-size:13px;color:#91a098}

.hg-cta{text-align:center;padding:135px 0;background:linear-gradient(rgba(5,18,10,.9),rgba(5,18,10,.96)),var(--hg-cta-image) center/cover}
.hg-cta h2{font:700 clamp(42px,6vw,76px)/1 Montserrat,sans-serif;letter-spacing:-4px}
.hg-cta p{color:var(--muted);max-width:650px;margin:25px auto 34px}

/* FOOTER */
.hg-footer{background:#020704;padding:65px 0 25px}
.hg-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding-bottom:55px}
.hg-footer-brand p{color:#748179;max-width:350px;font-size:13px;margin-top:15px}
.hg-footer-col h4{font-size:11px;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:17px}
.hg-footer-col a{display:block;color:#8d9b93;font-size:13px;margin-bottom:9px;transition:.2s}
.hg-footer-col a:hover{color:#fff}
.hg-copy{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#5f6b64;font-size:11px}

/* WP */
.admin-bar .hg-nav{top:32px}
.wp-block-group,.wp-site-blocks{max-width:none}

/* MOBILE */
@media(max-width:950px){
 .hg-links{display:none}.hg-menu{display:block}
 .hg-links.open{display:flex;position:absolute;top:82px;left:0;width:100%;background:#06100b;flex-direction:column;padding:25px}
 .hg-intro-grid,.hg-company-grid{grid-template-columns:1fr}
 .hg-card{min-height:560px}.hg-value-grid{grid-template-columns:repeat(2,1fr)}
 .hg-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .container{width:min(100% - 32px,var(--max))}
 .hg-hero h1{letter-spacing:-2.5px}.hg-hero p{font-size:16px}
 .hg-section,.hg-companies,.hg-intersection{padding:85px 0}
 .hg-stat-row,.hg-triad,.hg-value-grid,.hg-footer-grid{grid-template-columns:1fr}
 .hg-heading{display:block}.hg-heading p{margin-top:20px}
 .hg-triad div{border-right:0;border-bottom:1px solid var(--line)}
 .hg-copy{flex-direction:column}
 .hg-hero-meta{display:none}
}

/* Full customization contact form */
.hg-contact-mini{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#adbbb3;font-size:12px;margin:20px 0 30px}
.hg-form-wrap{max-width:800px;margin:0 auto;background:rgba(255,255,255,.97);padding:30px;border-radius:22px;color:#17231b;text-align:left}
.hg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hg-field{display:flex;flex-direction:column;gap:7px}.hg-field.full{grid-column:1/-1}
.hg-field label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:#4c5951}
.hg-field input,.hg-field textarea{width:100%;padding:13px 14px;border:1px solid #d6ddd7;border-radius:10px;background:#fbfcfa;color:#16231b;font:inherit;font-size:14px;outline:none}
.hg-field textarea{min-height:130px;resize:vertical}.hg-field input:focus,.hg-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(57,196,90,.10)}
.hg-form-wrap .hg-submit{width:100%;margin-top:16px;border:0;cursor:pointer}.hg-status{margin-top:12px;font-size:13px}.hg-status.ok{color:#19743a}.hg-status.err{color:#a33}
@media(max-width:600px){.hg-form-grid{grid-template-columns:1fr}.hg-field.full{grid-column:auto}}