/* Original reference palette; retain the enhanced geometry and typography. */
.about-page,.reference-page{--gold:#b9e42c;--gold-border:#d8e2cf;--about-gold:#b9e42c;--about-border:#d8e2cf;background:#fff;color:#06382d}
.about-page>header,.reference-page>header{background:#fff;color:#06382d;border-bottom-color:#e5ebe3}
.about-page>header img,.reference-page>header img{filter:none}
.about-page>header nav a:hover,.about-page>header nav a[aria-current],.reference-page>header nav a:hover,.reference-page>header nav a[aria-current]{color:#06382d;border-bottom-color:#8fb32c}
.about-page>header .rounded-full,.reference-page>header .rounded-full{background:#033729;color:#fff;border-color:#033729}
.about-page>header details nav,.reference-page>header details nav{background:#fff;border-color:#d8e2cf;color:#06382d}
.about-page .about-eyebrow,.reference-page .eyebrow{color:#288570}
.about-pattern,.about-solutions,.about-company,.about-mission,.about-certifications,.reference-page #bmao{background:#f7f9f3}
.about-benefits,.about-why{background:#eef1eb}
.about-solutions h2,.about-company h2,.about-page .about-section-heading h2,.reference-page .section-title,.reference-page #bmao h2{color:#06382d}
.about-solutions-description,.about-company-description,.about-certification-description,.reference-page #bmao h2+p+p,.reference-page .contact-details>div:first-child>p:not(.eyebrow){color:#35564a}
.reference-page #bmao h2+p{color:#237258}
.reference-page .card,.about-why-card{background:#fff;color:#06382d;border-color:#d8e2cf;box-shadow:0 4px 16px #07392e0a}
.reference-page .offerings-grid-section .card p,.reference-page .industries-grid-section ul,.about-why-copy p{color:#35564a}
.about-why-copy a{color:#246b4b}
.reference-page .industries-grid-section li::marker{color:#4f821f}
.about-page .about-button,.reference-page .btn,.reference-page .card .btn{background:#fff;color:#06382d;border-color:#a8cc32}
.about-page .about-button span,.reference-page .btn>span{color:inherit}
.about-page .about-button-dark,.reference-page .btn-dark,.reference-page .card .btn-dark,.reference-page #contact-form button{background:#033729;color:#fff;border-color:#8eb834}
.about-page .about-button:hover,.reference-page .btn:hover{background:#b9e42c;color:#06382d}
.about-hero{background:#033729}
.about-hero-shade{background:linear-gradient(90deg,#033729ed,#03372980 47%,#03372910),linear-gradient(0deg,#03372966,transparent 35%)}
.reference-page .reference-hero{background:#033729}
.reference-page .reference-hero>div.absolute{background:linear-gradient(90deg,#033729ee,#03372970 50%,transparent),linear-gradient(0deg,#03372955,transparent 35%)}
.about-hero h1 em{color:#c1df58}
.about-page .about-hero p,.reference-page .reference-hero p:not(.eyebrow){color:#f0f5ed}
.reference-page .reference-hero .eyebrow,.reference-page .reference-banner .eyebrow,.reference-page #location .eyebrow{color:#c5e477}
.about-stats{background:#033729;border-color:#6f9260}
.about-stats dl>div{border-color:#ffffff40}
.about-benefit,.about-purpose{border-color:#b4c891}
.about-purpose h3,.about-partnership h2 span,.reference-page .reference-banner h2 .text-lime{color:#b9e42c}
.about-landfill,.about-seedling{box-shadow:0 12px 32px #07392e12}
.about-carousel-controls button{color:#06382d;border-color:#71903f}
.about-carousel-controls button:hover{background:#e0ebce}
.reference-page .contact-details address h3{color:#288570}
.reference-page #contact-form{background:#033729;border-color:#b4c891}
.reference-page #contact-form .field{background:#0a4433;border-color:#78977e}
.reference-page #contact-form button{background:#fff;color:#06382d}
.reference-page #location .section-title{color:#fff}
.reference-page .reference-footer,.about-footer{background:#033729;color:#fff}
.reference-page .reference-footer-description,.about-footer-description{color:#e1ebe0}
.reference-page .reference-footer-bottom,.about-footer-bottom{border-color:#ffffff40}
.page-gallery .gallery-scene{background:#033324}
.page-gallery .gallery-shade{background:linear-gradient(180deg,#03332430,#03332488 25%,#033324eb 58%,#033324 95%)}
.page-gallery .gallery-eyebrow{color:#d9e8c8}
.page-gallery .gallery-tabs{border-color:#b9e42c}
.page-gallery .gallery-tabs button[aria-selected="true"]{background:#fff;color:#033729;border-color:#b9e42c}
.page-gallery .gallery-card{border-color:#a8cc32}
.page-gallery .gallery-controls button{color:#fff;border-color:#fff}
.page-gallery .gallery-progress{background:#a5bcb3}
.page-gallery .gallery-progress>span{background:#fff}
.corporate-play{background:#fff;color:#033729;border-color:#b9e42c;box-shadow:0 0 0 12px #b9e42c18,0 12px 40px #0003}
.corporate-dialog{background:#fff;color:#06382d;border-color:#b4c891}
.corporate-dialog-header,.corporate-dialog-actions{border-color:#d8e2cf}
.corporate-dialog-actions{background:#f7f9f3}
.corporate-close{color:#06382d;background:#f0f5e8;border-color:#d8e2cf}
.corporate-close:hover{background:#dceabf}
.corporate-dialog label{color:#35564a}
.corporate-dialog input:not([type="hidden"]),.corporate-dialog select,.corporate-dialog textarea{background:#fff;color:#06382d;border-color:#bdcebb}
.corporate-fields{scrollbar-color:#8aaa65 #f7f9f3}
/* Float navigation over the hero, as on the homepage. */
/* Why Choose: alternating image/text panels from the supplied reference. */
.about-why{background:#e8e8e8;padding:32px 0 22px}
.about-why .about-section-heading .about-eyebrow{display:block;margin:0 0 16px;color:#288570;font-size:11px;line-height:1.5;letter-spacing:.04em}
.about-why .about-section-heading h2{margin:0;color:#062f27;text-transform:uppercase;font-size:32px;line-height:1.3}
.about-why-grid{gap:36px;margin-top:44px;align-items:stretch}
.about-why-card{height:auto;min-height:370px;display:flex;flex-direction:column;padding:12px;gap:24px;background:#033729;color:#fff;border:0;border-radius:0;box-shadow:none}
.about-why-card>img{width:100%;height:147px;object-fit:cover;flex-shrink:0;border-radius:0}
.about-why-copy,.about-why-reversed .about-why-copy{border:1px solid #c2d1c9;padding:24px 18px;flex:1;display:flex;flex-direction:column;min-height:174px}
.about-why-copy h3{font-size:17px;line-height:1.4;font-weight:600;color:#fff}
.about-why-copy p{font-size:15px;line-height:1.45;color:#fff;margin:14px 0 18px}
.about-why-copy a{font-size:14px;line-height:1.4;color:#b9e42c;margin-top:auto}
.about-why-reversed .about-why-copy{order:-1}
.about-why .about-carousel-controls{margin-top:16px;gap:12px}
.about-why .about-carousel-controls button{width:34px;height:34px;border:1px solid #25342d;color:#172b23;background:transparent;font-size:25px}
.about-why .about-carousel-controls button:hover{background:#fff}
@media(max-width:1023px){.about-why-grid{gap:20px}.about-why-copy,.about-why-reversed .about-why-copy{padding:20px 14px}.about-why-card{gap:18px}}
@media(max-width:767px){.about-why{padding:40px 0 24px}.about-why .about-section-heading h2{font-size:26px}.about-why-grid{margin-top:28px}.about-why-card>img{height:200px}}
.about-page>header,.reference-page>header{position:absolute;inset:0 0 auto;z-index:20;background:transparent;border:0;color:#fff}
.about-page>header img,.reference-page>header img{filter:brightness(0) invert(1)}
.about-page>header nav a:hover,.about-page>header nav a[aria-current],.reference-page>header nav a:hover,.reference-page>header nav a[aria-current]{color:#fff;border-bottom-color:#b9e42c}
.about-page>header .rounded-full,.reference-page>header .rounded-full{background:#03372955;color:#fff;border:1px solid #b9e42c;border-radius:6px}
.about-page>header .rounded-full:hover,.reference-page>header .rounded-full:hover{background:#033729}
.about-page>header details nav,.reference-page>header details nav{background:#033729;color:#fff;border-color:#ffffff30}
.about-hero{height:676px}
.about-hero-copy{padding-top:208px}
.reference-page .reference-hero{min-height:616px}
.reference-page .reference-hero>.container-page{padding-top:201px}
.page-gallery .gallery-intro{padding-top:201px}
.page-gallery .gallery-scene{height:879px}
.page-gallery .gallery-stage{top:492px}
.page-gallery .gallery-controls{top:793px}
.page-gallery .gallery-progress{top:856px}
.page-gallery #video-panel{top:492px}
@media(max-width:1099px){.page-gallery .gallery-scene{height:auto}.page-gallery .gallery-stage,.page-gallery .gallery-controls,.page-gallery .gallery-progress,.page-gallery #video-panel{top:auto}}
@media(max-width:1023px){.about-hero{height:auto;min-height:580px}.about-hero-copy{padding-top:170px}.reference-page .reference-hero{min-height:520px}.reference-page .reference-hero>.container-page{padding-top:160px}}
@media(max-width:767px){.page-gallery .gallery-intro{padding-top:145px}}

/* Responsive feature slider; all cards remain available without JavaScript. */
.about-why-grid.feature-slider{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-why-grid.feature-slider .about-why-card[hidden]{display:none}
@media(max-width:1023px){.about-why-grid.feature-slider{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.about-why-grid.feature-slider{grid-template-columns:minmax(0,1fr)}}

/* Keep shared navigation visible while scrolling on every page. */
body.about-page>header,body.reference-page>header{position:fixed;inset:0 0 auto;z-index:100;background:transparent;transition:background-color .25s ease}
html{scroll-padding-top:112px}
@media(max-width:1023px){html{scroll-padding-top:96px}}

body.about-page>header.is-scrolled,body.reference-page>header.is-scrolled{background:#041e16}
body.page-product>header:not(.is-scrolled){color:#06382d}
body.page-product>header:not(.is-scrolled) img{filter:none}
body.page-product>header:not(.is-scrolled) nav a{color:#06382d}
@media(prefers-reduced-motion:reduce){body.about-page>header,body.reference-page>header{transition:none}}

/* Shared footer: brand on the left, navigation on the right. */
.about-footer>.about-wrap,.reference-page .reference-footer>.container-page{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}
.about-footer>.about-wrap>a,.reference-footer>.container-page>a{grid-column:1;grid-row:1}
.about-footer .about-footer-description,.reference-page .reference-footer-description{grid-column:1;grid-row:2;margin:0}
.about-footer nav,.reference-page .reference-footer nav{grid-column:2;grid-row:1 / 3;justify-content:flex-end;justify-self:end;margin:0;max-width:100%}
.about-footer .about-footer-bottom,.reference-page .reference-footer-bottom{grid-column:1 / -1;width:100%}
@media(max-width:900px){
 .about-footer>.about-wrap,.reference-page .reference-footer>.container-page{grid-template-columns:minmax(0,1fr)}
 .about-footer nav,.reference-page .reference-footer nav{grid-column:1;grid-row:3;width:100%;justify-content:flex-end}
}

/* Edge-to-edge gallery landscape and refined showcase. */
.page-gallery .gallery-scene{height:1010px;background:#03271e}
.page-gallery .gallery-landscape{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.page-gallery .gallery-shade{background:linear-gradient(180deg,#001b1855 0%,#002b2390 38%,#002b23e8 78%,#00271fee 100%)}
.page-gallery .gallery-intro{padding-top:155px}
.page-gallery .gallery-eyebrow{color:#dae7a8;letter-spacing:.2em;font-size:10px}
.page-gallery .gallery-intro h1{font-family:Arial,sans-serif;font-size:clamp(40px,4.5vw,64px);font-weight:400;letter-spacing:-2px;margin-top:12px}
.page-gallery .gallery-intro h1 span{color:#dce8a4}
.page-gallery .gallery-description{max-width:690px;font-family:Arial,sans-serif;font-size:15px;line-height:1.7;margin-top:16px}
.page-gallery .gallery-tabs{margin-top:24px;border-color:#dce8a455;background:#00271f44}
.page-gallery .gallery-tabs button{font-family:Arial,sans-serif;font-size:13px}
.page-gallery .gallery-tabs button[aria-selected="true"]{background:#fff;border-color:#fff;color:#07382c}
.page-gallery .gallery-stage{top:410px}
.page-gallery .gallery-card{border-color:#d7e4b566;border-radius:12px}
.page-gallery .gallery-card-shade{background:linear-gradient(180deg,transparent 30%,#00271f66 60%,#00271ff5 100%)}
.page-gallery .gallery-caption h2{font-family:Arial,sans-serif;font-size:15px;line-height:1.35}
.page-gallery .gallery-number{font-family:Arial,sans-serif;font-size:12px;color:#d6e3a1}
.page-gallery .gallery-controls{top:770px;gap:16px}
.page-gallery .gallery-controls button{width:36px;height:36px;border:1px solid #dbe8c655;color:#e4edcb;font-size:23px}
.page-gallery .gallery-progress{top:830px;width:150px;background:#dbe8c633}
.page-gallery .gallery-progress>span{background:#d6e3a1;height:2px;margin:0}
.page-gallery #video-panel{top:410px}
.gallery-outro{position:absolute;bottom:72px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:Arial,sans-serif}
.gallery-outro>p{font-size:22px;line-height:1.4;color:#fff}
.gallery-outro>p span{color:#dce8a4}
.gallery-outro>div{display:flex;align-items:center;gap:26px}
.gallery-outro>div>p{font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:1.5px;color:#dbe5d6}
.gallery-outro .btn{background:#fff;color:#07382c;border:1px solid #fff;border-radius:4px;font-size:11px;gap:24px}
@media(max-width:1099px){
 .page-gallery .gallery-scene{height:auto;padding-bottom:40px}
 .page-gallery .gallery-intro{padding:130px 20px 0}
 .page-gallery .gallery-stage,.page-gallery .gallery-controls,.page-gallery .gallery-progress,.page-gallery #video-panel{top:auto}
 .gallery-outro{position:relative;bottom:auto;margin-top:24px}
 .page-gallery .gallery-card:nth-child(n) .gallery-caption h2{font-size:16px}
}
@media(max-width:767px){.gallery-outro,.gallery-outro>div{align-items:flex-start;flex-direction:column}.gallery-outro>p{font-size:20px}.page-gallery .gallery-description .reference-break{display:none}}

/* Curved gallery: all slots follow the arc; only interaction enlarges a card. */
@media(min-width:1100px){
 .page-gallery .gallery-scene{height:950px}
 .page-gallery .gallery-stage{top:400px;left:0;margin:0;width:100%;height:340px;scale:1;perspective:none}
 .page-gallery .gallery-card:nth-child(n){width:12.8vw;height:var(--card-height);transform-origin:center;z-index:1;box-shadow:none;border-color:#d7e4b566;--gallery-transform:translateX(var(--card-x)) translateY(var(--card-y)) perspective(480px) rotateY(var(--card-angle));transform:var(--gallery-transform);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
 .page-gallery .gallery-card:nth-child(1){--card-x:-2vw;--card-y:0px;--card-angle:28deg;--card-height:310px}
 .page-gallery .gallery-card:nth-child(2){--card-x:11.15vw;--card-y:22px;--card-angle:23deg;--card-height:276px}
 .page-gallery .gallery-card:nth-child(3){--card-x:24.3vw;--card-y:43px;--card-angle:16deg;--card-height:245px}
 .page-gallery .gallery-card:nth-child(4){--card-x:37.45vw;--card-y:54px;--card-angle:6deg;--card-height:230px}
 .page-gallery .gallery-card:nth-child(5){--card-x:50.6vw;--card-y:54px;--card-angle:-6deg;--card-height:230px}
 .page-gallery .gallery-card:nth-child(6){--card-x:63.75vw;--card-y:43px;--card-angle:-16deg;--card-height:245px}
 .page-gallery .gallery-card:nth-child(7){--card-x:76.9vw;--card-y:22px;--card-angle:-23deg;--card-height:276px}
 .page-gallery .gallery-card:nth-child(8){--card-x:90vw;--card-y:0px;--card-angle:-28deg;--card-height:310px}
 .page-gallery .gallery-card:nth-child(n) .gallery-caption{left:12px;right:12px;bottom:17px}
 .page-gallery .gallery-card:nth-child(n) .gallery-caption h2{font-size:clamp(11px,.9vw,15px);line-height:1.35;font-weight:400}
 .page-gallery .gallery-stage:not(.is-sliding) .gallery-card:focus-visible{transform:translateX(var(--card-x)) translateY(var(--card-y)) scale(1.22);z-index:10;box-shadow:0 18px 36px #00170e66}
 .page-gallery .gallery-controls{top:750px}
 .page-gallery .gallery-progress{top:805px}
}
@media(min-width:1100px) and (hover:hover){
 .page-gallery .gallery-stage:not(.is-sliding) .gallery-card:hover{transform:translateX(var(--card-x)) translateY(var(--card-y)) scale(1.22);z-index:10;border-color:#d9e8a9;box-shadow:0 18px 36px #00170e66}
}
.page-gallery .gallery-caption::after{content:'';display:block;width:24px;height:1px;background:#d7e69c;margin-top:12px}
.page-gallery .gallery-shade{background:linear-gradient(180deg,#001b1870 0%,#002b23b8 38%,#002b23f5 74%,#00271f 100%)}
@media(prefers-reduced-motion:reduce){.page-gallery .gallery-card:nth-child(n){transition:none}}
/* Compact inline gallery navigation matching the reference. */
.page-gallery .gallery-controls{align-items:center;gap:18px}
.page-gallery .gallery-controls button{width:32px;height:32px;font-family:Arial,sans-serif;font-size:18px;border:1px solid #dbe8c626;color:#cbd9c5;background:transparent}
.page-gallery .gallery-controls .gallery-progress{position:static;inset:auto;transform:none;margin:0;width:90px;height:1px;background:#dbe8c633}
.page-gallery .gallery-controls .gallery-progress>span{height:2px;margin-top:-.5px;width:30%;background:#c7d68b}

@media(max-width:1099px){.page-gallery .gallery-stage{gap:10px}}

/* Let the slide animation interpolate final positions without competing CSS transitions. */
.page-gallery .gallery-stage.is-sliding .gallery-card:nth-child(n){transition:none!important;will-change:transform}
.page-gallery .gallery-controls .gallery-progress>span{transition:transform .85s cubic-bezier(.25,.1,.25,1)}


/* Seamless background below the gallery showcase. */
body.page-gallery,.page-gallery .reference-footer{background:#00271f}
.page-gallery .reference-footer{border-top:0}