*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f3e9;color:#173f2b;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,65px);background:#fffaf1;box-shadow:0 2px 12px #193b2715}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:800;font-size:clamp(17px,1.9vw,27px);white-space:nowrap}.brand-mark{font-size:1.5em;letter-spacing:-3px}.site-header nav{display:flex;gap:clamp(2px,1.4vw,20px);flex-wrap:wrap}.site-header nav a{padding:10px 13px;border-radius:24px;text-decoration:none;font-weight:700;font-size:clamp(12px,1vw,16px)}.site-header nav a:hover,.site-header nav a.active{background:#245a32;color:white}main{max-width:1600px;margin:auto}.page-art{display:block;width:100%;height:auto}.content,.intro{padding:clamp(26px,4vw,65px) clamp(22px,6vw,100px);background:#fffaf1}.content{line-height:1.7}.content p,.intro p{max-width:1000px;font-size:clamp(16px,1.5vw,21px)}h1{font-size:clamp(29px,3.6vw,52px);line-height:1.13;color:#184a2d;margin:0 0 18px}h2{font-size:clamp(24px,2.6vw,36px);margin:0 0 15px}.intro{background:linear-gradient(110deg,#fff9ee,#f2e8d6)}.intro p{line-height:1.65}.eyebrow{letter-spacing:.23em;color:#9c7939;font-weight:800}.button{display:inline-block;text-decoration:none;background:#245a32;color:white;border-radius:32px;padding:14px 25px;font-weight:700;margin:8px 12px 8px 0}.button.ghost{background:#d7ac60;color:#193e28}.fineprint{font-size:14px!important;color:#536455;max-width:1100px}.tech{background:#f3eadb}.tech .page-art{max-width:1100px;margin:28px auto;border-radius:15px;box-shadow:0 10px 30px #173f2b22}.contact a:not(.button){color:#1e6336}footer{background:#163e2b;color:#fff4de;text-align:center;padding:32px 16px;display:flex;flex-direction:column;gap:8px;line-height:1.5}footer a{color:#ffe1a1}footer small{opacity:.78}@media(max-width:850px){.site-header{flex-direction:column;text-align:center}.site-header nav{justify-content:center}.site-header nav a{padding:8px}.brand{white-space:normal}.content,.intro{padding:28px 20px}}
/* Approved staggered home headline: live, accessible text (not a fixed-size image). */
.staggered-headline{display:flex;flex-direction:column;gap:clamp(12px,2vw,30px);max-width:1100px;margin:0 0 30px;font-size:clamp(28px,3.8vw,56px);line-height:1.12;letter-spacing:-.025em}
.staggered-headline span{display:block}
.staggered-headline span:first-child{align-self:flex-start;text-align:left}
.staggered-headline span:last-child{align-self:flex-end;text-align:right}
@media(max-width:620px){.staggered-headline{gap:15px;font-size:clamp(27px,7vw,38px)}.staggered-headline span:last-child{max-width:95%}}

/* About HSi: three evenly spaced values, with the obsolete fourth tile removed. */
.about-intro{background:#fff9ed;padding:24px clamp(24px,6vw,92px) 30px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);position:relative}.about-columns>div+div{border-left:2px solid #c79c55;padding-left:clamp(20px,4vw,60px)}.about-columns h2{font-size:clamp(23px,2.2vw,32px);letter-spacing:.055em;margin:0 0 14px;color:#12422b}.about-columns h2:after{content:"";display:block;width:125px;height:4px;background:linear-gradient(90deg,#caa147,transparent);margin-top:8px}.about-columns p{color:#10151a;font-size:clamp(15px,1.4vw,20px);line-height:1.33;margin:0}.about-maple{position:absolute;right:-65px;top:20px;font-size:68px;opacity:.20;pointer-events:none}.about-values{background:linear-gradient(180deg,#154c31f2 0%,#164c34ee 75%,#164c34a8 100%),url('images/about-forest.webp') center bottom/cover;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:32px clamp(20px,5vw,75px) 45px;color:#fff;gap:0}.about-value{display:flex;align-items:flex-start;justify-content:center;gap:18px;padding:0 clamp(12px,2vw,35px);min-width:0}.about-value+.about-value{border-left:1px solid #d5e2d0a8}.about-icon{font-size:clamp(38px,4.4vw,65px);line-height:1;color:#e5c276;min-width:55px;text-align:center}.about-value h3{font-size:clamp(18px,1.9vw,28px);line-height:1.07;margin:2px 0 10px}.about-value p{font-size:clamp(14px,1.35vw,19px);line-height:1.25;margin:0}@media(max-width:780px){.about-columns{grid-template-columns:1fr;gap:24px}.about-columns>div+div{border-left:0;padding-left:0}.about-maple{display:none}.about-values{grid-template-columns:1fr;gap:25px}.about-value{justify-content:flex-start;padding:0 10px}.about-value+.about-value{border-left:0;border-top:1px solid #d5e2d0a8;padding-top:24px}}

/* Keep HSi navigation visible while scrolling */
header {
    position: sticky;
    top: 0;
    z-index: 1000;
}
/* Clickable areas over the two buttons in the homepage image */

.home-hero {
    position: relative;
}

.hero-link {
    position: absolute;
    display: block;
    z-index: 10;
}

/* Explore VIG Performance */
.hero-performance {
    left: 3.5%;
    top: 74.8%;
    width: 20%;
    height: 8%;
}

/* Start a Conversation */
.hero-contact {
    left: 24.5%;
    top: 74.8%;
    width: 14.5%;
    height: 8%;
}