@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bm-ink:#14251f;--bm-forest:#193c2f;--bm-mint:#cde9d6;--bm-lime:#d9eea7;--bm-cream:#f5f1e8;--bm-copper:#c56f40;--bm-line:rgba(20,37,31,.13)}
body[data-page="building-materials"]{background:var(--bm-cream);color:var(--bm-ink);font-family:"DM Sans",sans-serif}
.bm-hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);background:var(--bm-forest);color:#fff;overflow:hidden}
.bm-hero-copy{padding:clamp(80px,10vw,150px) clamp(28px,7vw,110px);align-self:center;position:relative;z-index:2}
.bm-kicker{display:block;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.72rem;color:#719381;margin-bottom:22px}
.bm-hero .bm-kicker{color:var(--bm-lime)}.bm-hero h1{font:700 clamp(3.25rem,6.2vw,6.8rem)/.94 "Manrope",sans-serif;letter-spacing:-.065em;max-width:820px;margin:0}
.bm-hero h1 em{color:var(--bm-lime);font-style:normal}.bm-hero-copy>p{max-width:680px;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.75;color:#d5dfda;margin:32px 0}
.bm-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.bm-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:99px;font-weight:700;text-decoration:none;transition:.25s}
.bm-button-primary{background:var(--bm-lime);color:var(--bm-ink)}.bm-button-primary:hover{background:#fff;transform:translateY(-2px)}.bm-button-ghost{border:1px solid #637d70;color:#fff}.bm-button-ghost:hover{border-color:#fff}
.bm-trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:44px;color:#aec0b7;font-size:.85rem}.bm-hero-art{position:relative;background:#dbe7dc;min-height:620px;overflow:hidden}
.bm-sun{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--bm-lime);right:-70px;top:-60px}.bm-stack{position:absolute;left:14%;right:8%;height:22%;background:linear-gradient(125deg,#a9532b,#d88855);clip-path:polygon(3% 27%,85% 0,100% 28%,91% 100%,12% 86%)}
.bm-stack:after{content:"";position:absolute;inset:18% 8%;background:repeating-linear-gradient(130deg,transparent 0 25px,rgba(74,33,15,.16) 26px 28px)}.bm-stack.one{bottom:12%;transform:rotate(-3deg)}.bm-stack.two{bottom:30%;left:24%;right:2%;transform:rotate(5deg);filter:brightness(.86)}.bm-stack.three{bottom:48%;left:7%;right:15%;transform:rotate(-7deg);filter:brightness(1.12)}
.bm-art-label{position:absolute;right:7%;bottom:5%;font:800 clamp(4rem,8vw,8rem)/.73 "Manrope",sans-serif;letter-spacing:-.08em;color:rgba(25,60,47,.16);text-align:right}
.bm-catalog{padding:clamp(80px,9vw,140px) clamp(20px,6vw,96px)}.bm-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.bm-section-head h2,.bm-seo-copy>h2{font:700 clamp(2.3rem,4.3vw,4.7rem)/1 "Manrope",sans-serif;letter-spacing:-.055em;margin:0;max-width:760px}.bm-section-head>p{color:#607169;margin:0 0 7px}
.bm-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 220px;gap:10px;padding:10px;background:#ebe7dc;border-radius:18px;margin-bottom:28px}.bm-toolbar input,.bm-toolbar select{width:100%;border:0;background:#fff;padding:14px 16px;border-radius:11px;color:var(--bm-ink);font:600 .9rem "DM Sans",sans-serif;outline:none}.bm-search{position:relative}.bm-search span{position:absolute;left:16px;top:9px;font-size:1.5rem;color:#7b8b83}.bm-search input{padding-left:47px!important}
.bm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bm-card{background:#fff;border:1px solid var(--bm-line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:315px;box-shadow:0 16px 45px rgba(34,49,42,.055);animation:bm-rise .55s both;animation-delay:var(--delay)}
@keyframes bm-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.bm-card-visual{position:relative;overflow:hidden;background:#d9ded5}.bm-card-visual.sand{background:#e6d6b8}.bm-card-visual>img{width:100%;height:100%;object-fit:cover;display:block}.bm-card-index{position:absolute;left:18px;top:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(7px);padding:6px 8px;border-radius:99px;color:var(--bm-ink);font:700 .76rem "Manrope"}.bm-live-dot{position:absolute;bottom:16px;left:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);padding:7px 10px;border-radius:99px;font-size:.72rem;font-weight:700}.bm-live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#37a365;border-radius:50%;margin-right:6px}
.bm-material-mark{position:absolute;inset:18% 10%;transform:rotate(-8deg)}.bm-material-mark i{position:absolute;display:block;background:linear-gradient(145deg,#566f62,#263e34);border-radius:38% 62% 51% 49%;box-shadow:inset 8px 8px 15px rgba(255,255,255,.15),8px 14px 22px rgba(20,37,31,.2)}.bm-material-mark i:nth-child(1){width:75%;height:49%;left:4%;bottom:4%}.bm-material-mark i:nth-child(2){width:52%;height:37%;right:0;top:15%}.bm-material-mark i:nth-child(3){width:39%;height:30%;left:18%;top:0}.sand .bm-material-mark i{background:linear-gradient(145deg,#c89c60,#8f673d);border-radius:50% 50% 40% 40%}
.bm-card-body{padding:28px;display:flex;flex-direction:column}.bm-category{text-transform:uppercase;letter-spacing:.13em;color:#718078;font-size:.68rem;font-weight:700;margin:0 0 10px}.bm-card h3{font:700 clamp(1.5rem,2.3vw,2.25rem)/1.08 "Manrope",sans-serif;letter-spacing:-.045em;margin:0}.bm-description{color:#68756e;line-height:1.55;font-size:.86rem}.bm-card-foot{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--bm-line)}.bm-card-foot strong{font:800 1.65rem "Manrope"}.bm-card-foot small{display:block;color:#718078;margin-top:3px}.bm-card-foot a{background:var(--bm-ink);color:#fff;text-decoration:none;padding:11px 13px;border-radius:10px;font-size:.78rem;font-weight:700;white-space:nowrap}.bm-card-foot a:hover{background:var(--bm-copper)}
.bm-loading,.bm-empty{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed #a8afa8;border-radius:20px;color:#65736c}.bm-empty{display:grid;gap:8px}.bm-promise{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bm-forest);color:#fff;padding:70px clamp(20px,6vw,96px);gap:40px}.bm-promise>div{border-left:1px solid #587064;padding-left:24px}.bm-promise span{color:var(--bm-lime);font-weight:700}.bm-promise h3{font:700 1.35rem "Manrope";margin:16px 0 9px}.bm-promise p{color:#b8c8c0;line-height:1.6;margin:0}
.bm-seo-copy{max-width:1240px;margin:auto;padding:clamp(80px,9vw,140px) 24px}.bm-seo-copy>p{font-size:1.12rem;line-height:1.8;color:#53645c;max-width:940px}.bm-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:50px 0 80px}.bm-seo-grid>div{background:#ebe6d9;border-radius:18px;padding:32px}.bm-seo-grid h3{font:700 1.3rem "Manrope"}.bm-seo-grid p,.bm-seo-copy details p{color:#5f6c66;line-height:1.7}.bm-seo-copy details{border-top:1px solid var(--bm-line);padding:22px 0}.bm-seo-copy details:last-child{border-bottom:1px solid var(--bm-line)}.bm-seo-copy summary{font:700 1.05rem "Manrope";cursor:pointer}
@media(max-width:980px){.bm-hero{grid-template-columns:1fr}.bm-hero-art{min-height:460px}.bm-grid{grid-template-columns:1fr}.bm-toolbar{grid-template-columns:1fr 1fr}.bm-search{grid-column:1/-1}}
@media(max-width:620px){.bm-hero{min-height:auto}.bm-hero-copy{padding:74px 22px 60px}.bm-hero h1{font-size:3.35rem}.bm-hero-art{min-height:370px}.bm-trust{gap:12px;display:grid}.bm-section-head{align-items:start;flex-direction:column}.bm-toolbar{grid-template-columns:1fr}.bm-search{grid-column:auto}.bm-card{grid-template-columns:1fr}.bm-card-visual{min-height:220px}.bm-card-body{padding:24px}.bm-card-foot{align-items:start;flex-direction:column}.bm-card-foot a{width:100%;text-align:center}.bm-promise,.bm-seo-grid{grid-template-columns:1fr}.bm-loading,.bm-empty{padding:44px 20px}}
@media(prefers-reduced-motion:reduce){.bm-card{animation:none}.bm-button{transition:none}}