/*
Theme Name: Grintech Systems Premium
Theme URI: https://example.invalid/
Author: Grintech Systems
Description: Bespoke responsive solar energy and storage company theme with project gallery, video hero and SDG information.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: grintech-premium
*/
:root{--forest:#123b2b;--green:#1d6b45;--mint:#d8f1dc;--lime:#d6f04a;--ink:#17251e;--muted:#61736a;--cream:#f6f9f3;--line:#e2eae2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.65;background:white}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit} .container{width:min(1190px,90%);margin:auto}.site-header{position:sticky;top:0;z-index:99;background:#fff;box-shadow:0 5px 30px #173b2710}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:var(--green);color:var(--lime);border-radius:13px;font-size:30px;font-weight:900}.brand-name{font-weight:900;letter-spacing:-.9px;font-size:22px;line-height:1.05}.brand-name small{display:block;font-size:9px;letter-spacing:2px;color:var(--green);font-weight:800;margin-top:6px}.nav-links{display:flex;gap:26px;align-items:center;font-weight:700;font-size:13px}.nav-links a:hover{color:var(--green)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:100px;padding:13px 22px;background:var(--lime);color:#173923;font-weight:800;transition:transform .2s,box-shadow .2s;border:0;cursor:pointer}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0002}.btn.dark{background:var(--forest);color:#fff}.btn.outline{background:transparent;border:1px solid #ffffffaa;color:white}.nav-toggle{display:none;background:transparent;border:0;font-size:29px;cursor:pointer}.hero{background:var(--forest);color:#fff;position:relative;min-height:665px;display:flex;align-items:center;overflow:hidden}.hero-video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(6,35,25,.96) 0%,rgba(6,35,25,.82) 43%,rgba(6,35,25,.18) 100%)}.hero-content{position:relative;z-index:2;padding:95px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.4px;text-transform:uppercase;color:var(--green)}.hero .eyebrow{color:var(--lime)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(43px,5.6vw,77px);line-height:1.07;letter-spacing:-3.4px;max-width:780px;margin:22px 0}h1 em{color:var(--lime);font-style:normal}.hero p{max-width:600px;font-size:18px;color:#e0ece4}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.hero-side{position:absolute;right:5%;bottom:30px;z-index:2;background:#ffffffd9;color:var(--forest);padding:12px 18px;border-radius:13px;font-weight:800;font-size:12px}.trust{background:#eaf3e8;border-bottom:1px solid #dbe8da}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.trust-item{font-size:13px;font-weight:800;display:flex;align-items:center;gap:10px}.trust-item b{font-size:24px;color:var(--green)}section.content-section{padding:105px 0}.section-title{font-size:clamp(32px,4vw,51px);letter-spacing:-2px;line-height:1.12;margin:13px 0 20px}.section-intro{color:var(--muted);max-width:680px;font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.image-frame{border-radius:28px;overflow:hidden;min-height:450px;position:relative}.image-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-caption{position:absolute;bottom:18px;left:18px;background:white;padding:15px 21px;border-radius:13px;font-size:13px;font-weight:800}.check-list{padding:0;list-style:none}.check-list li{padding:8px 0 8px 30px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.soft{background:var(--cream)}.center{text-align:center}.center .section-intro{margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.service-card{border-radius:22px;overflow:hidden;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #102f1910}.service-card img{height:220px;width:100%;object-fit:cover}.service-card-body{padding:25px}.service-card h3{font-size:21px;line-height:1.25}.service-card p{font-size:14px;color:var(--muted)}.service-card .number{color:var(--green);font-weight:900;font-size:12px;letter-spacing:2px}.stats-band{background:var(--forest);color:white;padding:55px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stats-grid strong{font-size:clamp(27px,3.5vw,44px);color:var(--lime);display:block;line-height:1.2}.stats-grid span{font-size:13px;color:#d1e1d6}.projects{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:42px}.project{position:relative;min-height:260px;border-radius:20px;overflow:hidden;background:#dde7df}.project:first-child{grid-row:span 2}.project img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s}.project:hover img{transform:scale(1.045)}.project figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 20px 18px;color:#fff;font-weight:800;background:linear-gradient(transparent,#0a241acc)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}.process-item{padding:27px;border-radius:20px;background:#fff;border:1px solid var(--line)}.process-item b{font-size:31px;color:var(--green)}.process-item h3{margin:15px 0 8px}.process-item p{font-size:14px;color:var(--muted)}.sdg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sdg-card{padding:29px;border-radius:21px;background:#fff;border:1px solid var(--line)}.sdg-number{font-size:35px;font-weight:900;color:var(--green)}.sdg-card h3{font-size:19px;margin:10px 0}.sdg-card p{font-size:14px;color:var(--muted)}.sdg-note{font-size:12px;color:var(--muted);margin-top:25px}.cta-section{background:linear-gradient(110deg,#0d3326,#20613d);color:white;padding:80px 0}.cta-section h2{font-size:clamp(35px,4vw,54px);letter-spacing:-2px;line-height:1.15;max-width:700px}.cta-section p{color:#d6e6dc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-panel{background:var(--cream);padding:38px;border-radius:25px}.contact-panel a{color:var(--green);font-weight:800;overflow-wrap:anywhere}.contact-panel p{margin-bottom:20px}.footer{background:#0b281d;color:#d5e3d8;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer h3{color:white}.footer a{display:block;margin:10px 0}.footer a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff25;margin-top:45px;padding-top:20px;font-size:12px}.page-banner{background:var(--forest);color:#fff;padding:90px 0}.page-banner h1{font-size:55px}.skip-link{position:absolute;left:-999px;top:5px}.skip-link:focus{left:10px;z-index:999;background:white;padding:10px}.video-fallback{display:none}.wp-block-image img{height:auto}@media(max-width:980px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:25px 5%;box-shadow:0 18px 20px #0002;flex-direction:column;align-items:flex-start}.nav-links.is-open{display:flex}.nav-links a{color:var(--ink)}.split{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.nav-wrap{height:72px}.nav-links{top:72px}.brand-name{font-size:17px}.brand-mark{width:40px;height:40px}.hero{min-height:660px}.hero-content{padding:70px 0 95px}h1{letter-spacing:-1.9px}.hero-overlay{background:linear-gradient(90deg,#062319ed,#062319a6)}.hero-side{left:5%;right:auto}.trust-grid{grid-template-columns:repeat(2,1fr)}section.content-section{padding:70px 0}.split,.contact-grid{grid-template-columns:1fr}.image-frame{min-height:330px}.cards,.sdg-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.projects{grid-template-columns:1fr 1fr}.project:first-child{grid-column:span 2;grid-row:auto}.project{min-height:210px}.process-grid{grid-template-columns:1fr 1fr;gap:10px}.process-item{padding:18px}.page-banner h1{font-size:42px}.footer-grid{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official Grintech Systems logo */
.brand-logo{width:clamp(175px,19vw,255px);height:auto;max-height:72px;object-fit:contain;object-position:left center}
@media(max-width:680px){.brand-logo{width:185px;max-height:58px}}

/* Solar-only hero: real Grintech project photographs, no real-estate footage */
.hero-solar-showcase{position:absolute;inset:0;overflow:hidden;z-index:0;background:#102c22}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:grintechSolarCycle 24s infinite;transform:scale(1.045)}
.hero-slide-1{animation-delay:0s}.hero-slide-2{animation-delay:6s}.hero-slide-3{animation-delay:12s}.hero-slide-4{animation-delay:18s}
@keyframes grintechSolarCycle{0%{opacity:0;transform:scale(1.045)}5%,21%{opacity:1}25%,100%{opacity:0;transform:scale(1.13)}}
.hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(4,29,21,.91) 0%,rgba(4,29,21,.72) 48%,rgba(4,29,21,.28) 100%)}
@media(max-width:680px){.hero-slide{background-position:55% center}.hero-overlay{background:linear-gradient(90deg,rgba(4,29,21,.9),rgba(4,29,21,.58))}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none;opacity:0}.hero-slide-1{opacity:1}}