:root{--green:#123d31;--green-2:#0b2c25;--green-3:#245a49;--gold:#c8892d;--gold-2:#e1ad57;--cream:#f6f1e9;--paper:#fffdf9;--ink:#1e2623;--muted:#69726d;--line:#dedfd9;--shadow:0 16px 45px rgba(29,42,37,.1);--radius:14px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{background:var(--green-2);color:#f8f1dc;font-size:12px}.topbar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:8px 0}.topbar span{text-align:center;white-space:nowrap}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.96);border-bottom:1px solid rgba(20,61,49,.08);backdrop-filter:blur(12px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:22px}.brand{width:260px;flex:0 0 auto}.brand img{width:100%;height:62px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;justify-content:center;gap:19px;flex:1}.main-nav a{font-size:13px;font-weight:700;white-space:nowrap;position:relative}.main-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-cta{white-space:nowrap}.nav-toggle{display:none;border:0;background:transparent;padding:10px}.nav-toggle span{display:block;width:25px;height:2px;background:var(--green);margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.25s;cursor:pointer}.btn-gold{background:var(--gold);color:white;box-shadow:0 7px 20px rgba(200,137,45,.22)}.btn-gold:hover{background:#b8751f;transform:translateY(-1px)}.btn-outline-light{border-color:rgba(255,255,255,.85);color:white;background:rgba(10,25,20,.15)}.btn-outline-light:hover{background:white;color:var(--green)}
.hero{position:relative;min-height:610px;color:white;overflow:hidden;background:#17392e}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,20,.9) 0%,rgba(10,25,20,.64) 42%,rgba(10,25,20,.1) 72%),url('https://cdn.aqbear.com/greenbb.aqbear.com/template/default/pc/skin/greenbb/media/home-hero-bamboo-poster.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-inner{position:relative;min-height:610px;display:flex;align-items:center}.hero-copy{max-width:650px;padding:70px 0}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{color:#f1bd67}.hero h1,.page-hero h1,.detail-copy h1,.error-page h1{font:700 clamp(42px,5vw,70px)/1.03 var(--serif);margin:0 0 22px}.hero p:not(.eyebrow){max-width:650px;font-size:18px;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.trust-grid article{padding:0 26px;border-right:1px solid var(--line)}.trust-grid article:last-child{border-right:0}.trust-grid b{display:block;color:var(--green);font-size:15px}.trust-grid span{font-size:13px;color:var(--muted)}
.section{padding:88px 0}.section.soft{background:var(--cream)}.section-heading{margin-bottom:38px;max-width:720px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section h2,.split-copy h2,.cta-band h2,.contact-panel h2,.faq-layout h2,.detail-copy h1{font:700 clamp(32px,4vw,48px)/1.12 var(--serif);margin:0 0 15px}.section-heading>p:last-child{color:var(--muted);margin:0}.card-grid{display:grid;gap:22px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.image-card,.catalog-card,.project-card,.material-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 8px 28px rgba(27,45,38,.045);transition:.3s}.image-card:hover,.catalog-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.image-card img{width:100%;height:210px;object-fit:cover}.image-card.wide img{height:235px}.image-card>div,.catalog-card>div,.project-card>div{padding:20px}.image-card h3,.catalog-card h3,.feature-card h3,.material-card h3{font:700 20px/1.25 var(--serif);margin:0 0 9px}.image-card p,.catalog-card p,.feature-card p,.material-card p{color:var(--muted);font-size:14px;margin:0 0 14px}.image-card a,.catalog-card a,.project-card a{color:var(--gold);font-weight:800;font-size:13px}.feature-grid{display:grid;gap:16px}.feature-grid.five{grid-template-columns:repeat(5,1fr)}.feature-grid.four{grid-template-columns:repeat(4,1fr)}.feature-card{padding:28px 20px;text-align:center;background:white;border:1px solid var(--line);border-radius:8px}.feature-card>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 16px;border-radius:50%;color:var(--gold);background:#fff6e8;font-weight:900;font-size:21px}.feature-card h3{font-size:17px}.feature-card p{margin:0}.split-section{display:grid;grid-template-columns:1fr 1.06fr;background:#f8f3eb}.split-section.reverse .split-image{order:2}.split-image img{width:100%;height:100%;min-height:520px;object-fit:cover}.split-copy{padding:72px clamp(40px,7vw,110px);align-self:center}.split-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.mini-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.mini-features b{display:block;color:var(--green);margin-bottom:5px}.mini-features span{font-size:13px;color:var(--muted)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.steps.six{grid-template-columns:repeat(6,1fr)}.steps li{background:white;border:1px solid var(--line);padding:24px 14px;text-align:center;border-radius:8px;position:relative}.steps li b{display:block;color:var(--gold);font-size:12px;margin-bottom:8px}.steps li span{font-weight:800;font-size:13px}.steps li:not(:last-child):after{content:'+';position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:900}.quote-section{background:linear-gradient(90deg,#f4eee5,#fff)}.quote-grid{display:grid;grid-template-columns:.85fr 1.55fr;gap:60px;align-items:start}.check-list{padding:0;margin:24px 0;list-style:none}.check-list li{position:relative;padding-left:27px;margin:9px 0}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:white;border:1px solid var(--line);padding:30px;border-radius:10px;box-shadow:var(--shadow)}.quote-form label{font-size:12px;font-weight:800;color:#36413c}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;border:1px solid #d9dedb;border-radius:4px;background:#fff;padding:12px 13px;color:var(--ink);outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,137,45,.12)}.quote-form .full{grid-column:1/-1}.quote-form .btn{justify-self:start}.form-status{grid-column:1/-1;margin:0;color:var(--green);font-size:13px;font-weight:700}
.site-footer{background:var(--green-2);color:rgba(255,255,255,.76);padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:45px}.footer-grid h3{color:white;font:700 17px var(--serif);margin:0 0 15px}.footer-grid a{display:block;font-size:13px;margin:7px 0}.footer-grid a:hover{color:var(--gold-2)}.footer-brandline{display:flex;align-items:center;gap:12px}.footer-brandline img{width:58px;height:68px;object-fit:contain}.footer-brandline strong{display:block;color:white;font-size:15px}.footer-brandline span{display:block;color:var(--gold-2);font-size:12px;font-weight:900;letter-spacing:.18em}.footer-brand p{font-size:13px;max-width:290px}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;margin-top:45px;font-size:11px}
.page-hero{position:relative;color:white;background:linear-gradient(90deg,rgba(10,28,23,.9),rgba(10,28,23,.42)),var(--hero) center/cover no-repeat}.page-hero.compact{padding:105px 0}.page-hero .container{max-width:1180px}.page-hero h1{max-width:820px;font-size:clamp(38px,5vw,62px)}.page-hero p:not(.eyebrow){max-width:680px;color:rgba(255,255,255,.88);font-size:17px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-bar button{border:1px solid var(--line);background:white;padding:10px 17px;border-radius:50px;cursor:pointer;font-weight:800;font-size:13px}.filter-bar button.active,.filter-bar button:hover{background:var(--green);color:white;border-color:var(--green)}.catalog-card img{width:100%;height:275px;object-fit:cover}.tag{display:inline-block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.catalog-card[hidden]{display:none}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin:0}.product-detail{padding-top:70px}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.gallery-main{width:100%;height:580px;object-fit:cover;border-radius:10px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.thumbs button{border:2px solid transparent;padding:0;background:none;cursor:pointer;border-radius:6px;overflow:hidden}.thumbs button:hover{border-color:var(--gold)}.thumbs img{width:100%;height:105px;object-fit:cover}.detail-copy{position:sticky;top:110px;padding-top:20px}.lead{font-size:18px;color:var(--muted)}.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.detail-points span{background:var(--cream);padding:10px 12px;border-radius:4px;font-size:13px;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.two-col.align-start{align-items:start}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;background:white}.table-wrap th,.table-wrap td{padding:14px 16px;border:1px solid var(--line);text-align:left;font-size:14px}.table-wrap th{width:34%;background:#f6f4ee;color:var(--green)}
.application-list{display:grid;gap:70px}.application-row{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.application-row.reverse img{order:2}.application-row img{width:100%;height:410px;object-fit:cover;border-radius:10px}.application-row>div>span{color:var(--gold);font-weight:900;font-size:12px}.application-row h2{font:700 38px var(--serif);margin:4px 0 14px}.application-row p,.application-row li{color:var(--muted)}.application-row a{color:var(--gold);font-weight:800}.stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-panel div,.about-numbers div{background:var(--cream);padding:30px;border-radius:8px}.stats-panel b,.about-numbers b{display:block;font:700 36px var(--serif);color:var(--gold)}.stats-panel span,.about-numbers span{font-size:13px;font-weight:800}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:item}.timeline li{background:white;border:1px solid var(--line);padding:27px 20px;border-radius:8px;position:relative}.timeline li:before{counter-increment:item;content:'0' counter(item);display:block;color:var(--gold);font-weight:900;font-size:12px;margin-bottom:10px}.timeline b{font:700 18px var(--serif)}.timeline p{font-size:13px;color:var(--muted);margin-bottom:0}.material-card{padding:30px}.material-card span{font-size:12px;color:var(--green);font-weight:800}.rounded-image{width:100%;height:500px;object-fit:cover;border-radius:10px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.swatches span{position:relative;padding:18px 8px 18px 50px;background:white;border:1px solid var(--line);border-radius:5px;font-size:13px;font-weight:800}.swatches span:before{content:'';position:absolute;left:12px;top:50%;width:27px;height:27px;border-radius:50%;background:var(--sw);transform:translateY(-50%);border:1px solid rgba(0,0,0,.08)}.note{font-size:12px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr}.project-card img{width:100%;height:320px;object-fit:cover}.project-card.featured img{height:100%;min-height:430px}.project-card h2{font:700 30px var(--serif);margin:5px 0 13px}.project-card p{color:var(--muted)}.about-numbers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}.contact-panel{background:var(--green);color:white;padding:40px;border-radius:10px}.contact-panel .eyebrow{color:var(--gold-2)}.contact-panel h2{color:white}.contact-panel p{color:rgba(255,255,255,.75)}.contact-panel dl{margin:28px 0 0}.contact-panel dt{color:var(--gold-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.contact-panel dd{margin:3px 0 18px}.quote-form.large{padding:36px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.accordion article{border-bottom:1px solid var(--line)}.accordion button{width:100%;border:0;background:none;text-align:left;padding:20px 34px 20px 0;font-weight:800;cursor:pointer;position:relative}.accordion button:after{content:'+';position:absolute;right:5px;color:var(--gold);font-size:20px}.accordion article.open button:after{content:'−'}.accordion article>div{display:none;padding:0 20px 18px 0;color:var(--muted)}.accordion article.open>div{display:block}.error-page{min-height:66vh;display:grid;place-items:center;text-align:center;padding:80px 0}.error-page img{width:120px;height:130px;object-fit:contain;margin:0 auto 20px}.error-page p{color:var(--muted);max-width:560px;margin-left:auto;margin-right:auto}
@media(max-width:1100px){.brand{width:210px}.main-nav{gap:12px}.main-nav a{font-size:11px}.feature-grid.five{grid-template-columns:repeat(3,1fr)}.steps.six{grid-template-columns:repeat(3,1fr)}.steps li:nth-child(3):after{display:none}.timeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar-grid{grid-template-columns:1fr 1fr}.header-cta{display:none}.nav-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:100%;left:0;right:0;background:white;display:none;flex-direction:column;align-items:stretch;padding:18px 25px 28px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{font-size:14px;padding:8px 0}.main-nav a:after{display:none}.hero,.hero-inner{min-height:560px}.trust-grid{grid-template-columns:1fr 1fr;row-gap:22px}.trust-grid article:nth-child(2){border-right:0}.card-grid.four{grid-template-columns:1fr 1fr}.card-grid.three,.catalog-grid{grid-template-columns:1fr 1fr}.feature-grid.four,.feature-grid.five{grid-template-columns:1fr 1fr}.split-section,.quote-grid,.two-col,.detail-grid,.contact-layout,.faq-layout{grid-template-columns:1fr}.split-section.reverse .split-image{order:0}.split-image img{min-height:400px}.detail-copy{position:static}.gallery-main{height:500px}.application-row,.application-row.reverse{grid-template-columns:1fr}.application-row.reverse img{order:0}.timeline{grid-template-columns:1fr 1fr}.project-card.featured{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:nth-child(n+4){margin-top:12px}.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.project-card.featured img{min-height:0}.cta-band{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.topbar-grid{display:flex;overflow:auto;justify-content:flex-start}.topbar span{min-width:max-content}.brand{width:190px}.header-inner{min-height:68px}.brand img{height:54px}.hero h1,.page-hero h1{font-size:40px}.hero-copy{padding:55px 0}.hero p:not(.eyebrow){font-size:16px}.trust-grid{grid-template-columns:1fr}.trust-grid article{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.section{padding:65px 0}.card-grid.four,.card-grid.three,.feature-grid.four,.feature-grid.five,.steps.six,.timeline{grid-template-columns:1fr}.steps li:after{display:none!important}.split-copy{padding:55px 25px}.mini-features{grid-template-columns:1fr}.quote-form{grid-template-columns:1fr;padding:22px}.quote-form .full,.form-status{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero.compact{padding:75px 0}.gallery-main{height:380px}.detail-points{grid-template-columns:1fr}.application-row img{height:300px}.stats-panel,.about-numbers{grid-template-columns:1fr}.swatches{grid-template-columns:1fr 1fr}.project-card img{height:240px}}