
.v1{--accent:#0b8c63;--accent-2:#e74743;--ink:#16352b;--muted:#65766c;--soft:#eff5ef;--dark:#0b3529;--line:#d7e4db;--heading:'Manrope',sans-serif;--body:'DM Sans',sans-serif;background:#fff}
.v1 .header-cta{background:#e84646}.v1 .hero-v1{background:linear-gradient(145deg,#f2f7f1,#fbfcf7);overflow:hidden;padding:59px 0 33px}.v1 .hero-v1-grid{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:2.5vw}.v1 .hero-copy{padding:38px 0 60px;position:relative;z-index:1}.v1 .hero-copy h1{font-size:clamp(3.1rem,5.2vw,5.8rem);margin:23px 0 25px}.v1 .hero-copy em{font-family:'Playfair Display',serif;font-weight:500;color:#0b8c63}.v1 .hero-copy p{font-size:18px;max-width:540px}.v1 .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.v1 .hero-note{display:flex;align-items:center;gap:16px;margin-top:45px;font-weight:800;line-height:1.4}.v1 .metric{font-size:56px;line-height:1;color:#0b8c63;letter-spacing:-.07em;font-family:var(--heading)}.v1 .hero-note small{font-weight:500;color:#728378;font-size:11px}.v1 .hero-visual{position:relative;margin-right:-6vw}.v1 .hero-photo{border-radius:230px 0 0 24px;overflow:hidden;min-height:570px}.v1 .hero-photo img{object-fit:cover;width:100%;height:570px;animation:herozoom 16s ease-in-out infinite alternate}.v1 .hero-float{position:absolute;bottom:30px;left:-45px;background:white;box-shadow:0 20px 60px #0d362729;border-radius:12px;padding:22px 25px;max-width:260px}.v1 .hero-float>span{font-size:10px;color:#0b8c63;letter-spacing:.12em;font-weight:800}.v1 .hero-float strong{display:block;font-size:18px;line-height:1.25;margin:9px 0 15px}.v1 .hero-float a{font-size:12px;font-weight:800;color:#0b8c63;display:inline-flex;gap:9px;align-items:center}.v1 .hero-float svg{width:16px}.v1 .hero-scroll{display:flex;justify-content:space-between;padding:15px 0 10px;color:#758b7d;font-size:10px;letter-spacing:.17em;font-weight:800}.v1 .heading-row h2 em{font-family:'Playfair Display',serif;color:#0b8c63;font-weight:500}.v1 .service-tiles{display:grid;grid-template-columns:1fr 1fr;gap:19px}.v1 .service-tile{min-height:395px;position:relative;overflow:hidden;border-radius:17px;background:#183c31;color:white;isolation:isolate}.v1 .service-tile:nth-child(2),.v1 .service-tile:nth-child(3){min-height:365px}.v1 .service-picture{position:absolute;inset:0}.v1 .service-picture img{width:100%;height:100%;object-fit:cover}.v1 .service-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#042c24f2 0%,#06352a50 54%,transparent 100%);z-index:0}.v1 .service-overlay{position:absolute;inset:auto 29px 23px;z-index:1}.v1 .service-index{font-size:10px;letter-spacing:.15em;font-weight:800;color:#bfe5ce}.v1 .service-overlay h3{font-size:28px;color:white;margin:10px 0 6px;max-width:390px}.v1 .service-overlay p{color:#e4efe8;font-size:14px;max-width:400px;margin:0 42px 0 0}.v1 .round-arrow{position:absolute;right:0;bottom:0;width:41px;height:41px;border:1px solid #ffffff80;border-radius:100%;display:flex;align-items:center;justify-content:center}.v1 .about-teaser{background:#f3f7f2}.v1 .about-teaser-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.v1 .about-photo{height:520px;border-radius:16px 150px 16px 16px}.v1 .about-copy h2{margin:18px 0;font-size:clamp(2.4rem,3.5vw,3.65rem)}.v1 .about-copy p{font-size:17px}.v1 .about-rule{border-top:1px solid #d3dfd4;display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:38px;padding-top:18px}.v1 .about-rule strong{font-size:18px}.v1 .about-rule span{color:#638075;font-size:12px}.v1 .process-preview .steps-grid .step-card{border-radius:12px;background:white;box-shadow:0 6px 29px #123d2920}.v1 .process-preview .steps-grid{gap:20px}.v1 .cta-section{background:linear-gradient(120deg,#073d30,#0a6346)}
@keyframes herozoom{to{transform:scale(1.065)}}
@media(max-width:1000px){.v1 .hero-photo,.v1 .hero-photo img{min-height:470px;height:470px}.v1 .hero-float{left:-24px}.v1 .hero-copy h1{font-size:clamp(2.9rem,5.1vw,4.6rem)}}
@media(max-width:700px){.v1 .hero-v1{padding:29px 0 0}.v1 .hero-v1-grid{display:flex;flex-direction:column;gap:5px}.v1 .hero-copy{padding:12px 0 22px;width:100%}.v1 .hero-copy h1{font-size:clamp(2.85rem,11vw,4.15rem);margin:16px 0}.v1 .hero-copy p{font-size:16px}.v1 .hero-actions{margin-top:24px}.v1 .hero-note{margin-top:26px}.v1 .hero-visual{width:100%;margin:0}.v1 .hero-photo{border-radius:90px 10px 10px 10px;min-height:290px}.v1 .hero-photo img{height:310px;min-height:310px}.v1 .hero-float{bottom:15px;left:12px;padding:13px 15px;max-width:195px}.v1 .hero-float strong{font-size:13px}.v1 .hero-float>span,.v1 .hero-float a{font-size:10px}.v1 .hero-scroll{padding:13px 0}.v1 .service-tiles{gap:10px}.v1 .service-tile,.v1 .service-tile:nth-child(2),.v1 .service-tile:nth-child(3){min-height:315px}.v1 .service-overlay{inset:auto 13px 16px}.v1 .service-overlay h3{font-size:19px;overflow-wrap:break-word}.v1 .service-overlay p{font-size:12px;line-height:1.5;margin-right:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v1 .round-arrow{display:none}.v1 .about-teaser-grid{grid-template-columns:1fr;gap:28px}.v1 .about-photo{height:335px;border-radius:14px 95px 14px 14px}.v1 .about-rule{display:block}.v1 .about-rule span{display:block;margin-top:4px}}
@media(max-width:385px){.v1 .service-tiles{grid-template-columns:1fr}.v1 .service-tile,.v1 .service-tile:nth-child(2),.v1 .service-tile:nth-child(3){min-height:290px}}

/* V1: approachable green editorial visual panels */
.v1 .visual-showcase{background:#e9f2eb}
.v1 .visual-feature-frame{border-radius:130px 17px 17px 17px}
.v1 .visual-thumb.is-active{box-shadow:inset 4px 0 #0b8c63}
.v1 .visual-photo-caption strong{font-weight:800}
@media(max-width:700px){.v1 .visual-feature-frame{border-radius:65px 10px 10px 10px}}


/* V1 full-bleed hero: the real photograph fills the viewport, with live text on top. */
.v1 .hero-v1{position:relative;isolation:isolate;min-height:660px;background:#062c23;color:#fff;padding:0;overflow:hidden}
.v1 .hero-v1-grid{position:relative;display:flex;align-items:center;min-height:625px;gap:0}
.v1 .hero-copy{position:relative;z-index:3;width:min(60%,740px);padding:89px 0 70px}
.v1 .hero-copy h1{font-size:clamp(2.85rem,4.35vw,5.05rem);line-height:1.08;max-width:770px}
.v1 .hero-copy h1 em{color:#a6ebbb}
.v1 .hero-copy p{color:#ecf8f1;max-width:580px}
.v1 .hero-copy .eyebrow{color:#b5f4d0}
.v1 .hero-copy .hero-actions .btn-outline{color:#fff;border-color:#d7f3e3}
.v1 .hero-note{color:#f4fff5;margin-top:35px}
.v1 .hero-note small{color:#cce6d9}
.v1 .metric{color:#a6ebbb;font-size:48px}
.v1 .hero-visual{position:absolute;z-index:0;inset:0;left:50%;right:auto;width:100vw;height:100%;margin:0;transform:translateX(-50%);pointer-events:none}
.v1 .hero-visual .hero-photo{position:absolute;inset:0;border-radius:0;min-height:100%;height:100%;overflow:hidden}
.v1 .hero-photo img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:62% center}
.v1 .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,25,.94) 0%,rgba(5,43,34,.82) 40%,rgba(5,40,33,.30) 78%,rgba(4,27,22,.20) 100%),linear-gradient(0deg,rgba(5,34,26,.40),transparent 45%);pointer-events:none}
.v1 .hero-visual .hero-float{pointer-events:auto;left:auto;right:max(5vw,35px);bottom:50px;max-width:248px;z-index:2;color:#16352b}
.v1 .hero-scroll{position:relative;z-index:2;color:#e6fff1;padding-bottom:25px}
.v1 .cta-section{--cta-photo:url('images/skyline-wide-1536.webp');--cta-overlay:linear-gradient(90deg,rgba(4,42,32,.96),rgba(8,67,48,.85) 52%,rgba(8,53,39,.54))}
.v1 .process-preview{background:linear-gradient(140deg,#fff 0%,#f1f7f0 100%)}
.v1 .about-copy h2{font-size:clamp(2.15rem,3.1vw,3.4rem)}
@media(min-width:701px) and (max-width:1080px){
 .v1 .hero-copy{width:66%}
 .v1 .hero-visual .hero-float{right:24px;bottom:34px;max-width:205px}
 .v1 .hero-copy h1{font-size:clamp(2.8rem,4.7vw,4.3rem)}
}
@media(max-width:700px){
 .v1 .hero-v1{padding:0;min-height:720px}
 .v1 .hero-v1-grid{display:block;min-height:675px}
 .v1 .hero-copy{width:100%;padding:56px 0 202px;margin:0}
 .v1 .hero-copy h1{font-size:clamp(2.55rem,9.2vw,3.75rem);line-height:1.13;max-width:560px}
 .v1 .hero-copy p{font-size:15.5px}
 .v1 .hero-visual{width:100vw;height:100%;margin:0}
 .v1 .hero-photo{height:100%;min-height:100%;border-radius:0}
 .v1 .hero-photo img{width:100%;height:100%;min-height:100%;object-position:57% center}
 .v1 .hero-photo:after{background:linear-gradient(180deg,rgba(3,29,23,.94) 0%,rgba(2,33,27,.79) 53%,rgba(3,31,26,.60) 100%)}
 .v1 .hero-visual .hero-float{bottom:27px;right:16px;left:auto;max-width:205px}
 .v1 .hero-scroll{padding:5px 0 17px}
 .v1 .hero-note{margin-top:24px}
 .v1 .metric{font-size:43px}
 .v1 .cta-section{--cta-photo:url('images/skyline-wide-800.webp')}
}
@media(max-width:390px){
 .v1 .hero-v1{min-height:722px}
 .v1 .hero-v1-grid{min-height:683px}
 .v1 .hero-copy{padding-top:40px;padding-bottom:195px}
 .v1 .hero-copy h1{font-size:clamp(2.3rem,9.5vw,3.2rem)}
 .v1 .hero-visual .hero-float{padding:12px 14px;max-width:180px;bottom:22px}
}


/* Hero image visibility: reveal original clean photography while retaining readable live copy. */
.v1 .hero-photo:after{background:linear-gradient(90deg,rgba(3,31,25,.74) 0%,rgba(5,43,34,.52) 39%,rgba(5,40,33,.13) 76%,rgba(4,27,22,.04) 100%),linear-gradient(0deg,rgba(5,34,26,.17),transparent 48%)}
@media(max-width:700px){.v1 .hero-photo:after{background:linear-gradient(180deg,rgba(3,29,23,.78) 0%,rgba(2,33,27,.62) 46%,rgba(3,31,26,.30) 100%)}}
