:root{--ink:#171917;--muted:#6b706c;--paper:#f4f3ef;--white:#fff;--line:#d8dad4;--green:#315c49;--lime:#c7e36f;--orange:#e46f37;--shadow:0 22px 60px rgba(19,25,21,.15);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper)}.catalog-page{background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}p,h1,h2{margin-top:0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;height:78px;padding:0 clamp(18px,4vw,64px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--ink);font-size:13px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:700}.site-nav{display:flex;justify-content:center;gap:30px;font-size:14px;font-weight:700}.site-nav a:hover{color:var(--green)}.header-contact{padding:11px 18px;color:#fff;background:var(--green);font-size:13px;font-weight:800}
.home-hero{position:relative;display:flex;align-items:center;min-height:650px;overflow:hidden;color:#fff;background:#202521}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,17,.88) 0%,rgba(16,20,17,.55) 48%,rgba(16,20,17,.12) 100%)}.hero-content{position:relative;z-index:1;width:min(720px,88%);margin-left:clamp(22px,8vw,120px)}.eyebrow{margin-bottom:12px;color:var(--orange);font-size:12px;font-weight:900}.hero-content .eyebrow{color:var(--lime)}.hero-content h1{margin-bottom:22px;font-size:clamp(52px,6vw,84px);line-height:1.04}.hero-content>p:not(.eyebrow){max-width:630px;margin-bottom:26px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:3px;font-weight:800;cursor:pointer}.button-light{color:var(--ink);background:var(--lime)}.button-outline{color:#fff;border-color:rgba(255,255,255,.6)}.button-dark{color:#fff;background:var(--ink)}.scroll-cue{position:absolute;right:5vw;bottom:28px;z-index:2;font-size:12px}.scroll-cue span{margin-left:8px;font-size:18px}
.catalog-home{padding:48px clamp(18px,4vw,64px) 54px;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading h2,.strength-copy h2,.form-heading h2,.catalog-inquiry h2{margin-bottom:0;font-size:clamp(28px,3vw,42px)}.section-heading>p{max-width:460px;margin:0;color:var(--muted);line-height:1.7}.catalog-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-entry{position:relative;height:285px;overflow:hidden;background:#222}.catalog-entry img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .25s ease,opacity .25s ease}.catalog-entry:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.catalog-entry>span{position:absolute;z-index:1;right:18px;bottom:18px;left:18px;color:#fff}.catalog-entry small,.catalog-entry strong,.catalog-entry em{display:block}.catalog-entry small{margin-bottom:8px;color:var(--lime);font-weight:900}.catalog-entry strong{font-size:25px}.catalog-entry em{margin-top:6px;color:rgba(255,255,255,.75);font-size:12px;font-style:normal}.catalog-entry:hover img{opacity:1;transform:scale(1.035)}
.home-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:50px clamp(18px,6vw,90px);background:#e7e8e2}.strength-copy>p:not(.eyebrow){max-width:650px;margin:18px 0;color:var(--muted);line-height:1.8}.strength-points{display:flex;flex-wrap:wrap;gap:8px}.strength-points span{padding:8px 11px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}.compact-inquiry,.catalog-inquiry form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-heading{grid-column:1/-1;margin-bottom:4px}.compact-inquiry label,.catalog-inquiry label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.compact-inquiry input,.compact-inquiry textarea,.catalog-inquiry input,.catalog-inquiry textarea{width:100%;padding:10px 11px;border:1px solid var(--line);background:#fff}.form-wide{grid-column:1/-1}.form-status{min-height:18px;margin:0;color:var(--green);font-size:12px;font-weight:800}
.site-footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(18px,4vw,64px);color:rgba(255,255,255,.72);background:var(--ink);font-size:13px}.site-footer strong{color:#fff}
.floating-actions{position:fixed;right:22px;bottom:30px;z-index:50;display:grid;gap:13px}.floating-action{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:22px;font-weight:900}.floating-action.whatsapp{background:#2fc65a}.floating-action.message{background:#ff8a00}
.catalog-hero{min-height:340px;padding:76px clamp(18px,8vw,120px);color:#fff;background:linear-gradient(100deg,rgba(20,25,22,.95),rgba(49,92,73,.78)),url("assets/real-photos/materials.jpg") center/cover}.catalog-hero>div{max-width:760px}.back-link{display:inline-block;margin-bottom:40px;color:rgba(255,255,255,.75);font-size:13px}.catalog-hero h1{margin-bottom:18px;font-size:clamp(48px,7vw,86px);line-height:1}.catalog-hero p:last-child{max-width:650px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8}.catalog-products{padding:58px clamp(18px,4vw,64px) 72px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.catalog-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.catalog-filter{min-height:39px;padding:0 15px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.catalog-filter.is-active,.catalog-filter:hover{color:#fff;background:var(--green);border-color:var(--green)}#catalogResult{margin:0;color:var(--muted);font-size:13px;white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{background:#fff;border:1px solid var(--line)}.catalog-card img{width:100%;height:310px;object-fit:cover}.catalog-card>div{padding:22px}.catalog-card span{color:var(--orange);font-size:12px;font-weight:900}.catalog-card h2{margin:8px 0 10px;font-size:23px}.catalog-card p{min-height:48px;color:var(--muted);line-height:1.6}.text-action{padding:0;border:0;color:var(--green);background:none;font-weight:900;cursor:pointer}.catalog-inquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:64px clamp(18px,8vw,120px);color:#fff;background:var(--green)}.catalog-inquiry>div>p:last-child{max-width:520px;color:rgba(255,255,255,.72);line-height:1.8}.catalog-inquiry .eyebrow{color:var(--lime)}
@media(max-width:980px){.site-nav{gap:16px}.catalog-entry-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-bottom,.catalog-inquiry{grid-template-columns:1fr}.home-bottom{gap:28px}.catalog-inquiry{gap:32px}}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;height:68px}.brand strong{font-size:15px}.brand small,.site-nav{display:none}.header-contact{padding:10px 12px}.home-hero{min-height:600px}.hero-content{margin:0 22px;width:auto}.hero-content h1{font-size:44px}.hero-content>p:not(.eyebrow){font-size:15px}.hero-actions{align-items:stretch;flex-direction:column;max-width:240px}.scroll-cue{display:none}.catalog-home{padding-top:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.catalog-entry-grid,.catalog-grid{grid-template-columns:1fr}.catalog-entry{height:250px}.home-bottom{padding-top:44px;padding-bottom:44px}.compact-inquiry,.catalog-inquiry form{grid-template-columns:1fr}.form-heading,.form-wide{grid-column:1}.site-footer{flex-direction:column}.catalog-hero{min-height:300px;padding-top:50px}.catalog-hero h1{font-size:48px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar>div{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:5px}.catalog-filter{flex:0 0 auto}.catalog-grid{gap:14px}.catalog-card img{height:280px}.catalog-inquiry{padding-top:48px;padding-bottom:48px}.floating-actions{right:14px;bottom:18px}.floating-action{width:48px;height:48px}}