/*
Theme Name: BRICKS AND Boards
Author: BRICKS AND Boards
Description: A complete WordPress website for construction, interiors, and architecture.
Version: 2.0.0
Text Domain: bricks-and-boards
*/
:root{--ink:#263631;--paper:#f7f3ec;--cream:#eee5d9;--accent:#c85d3d;--gold:#c59b58;--line:#d9d0c5;--muted:#66736c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.site-header{height:80px;padding:0 8%;display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid #e8e1d6;position:sticky;top:0;z-index:20}.site-brand{font:800 22px Montserrat,Arial,sans-serif;white-space:nowrap}.site-brand span{color:var(--ink)}.site-brand b{color:var(--accent)}.site-nav{display:flex;gap:24px;margin-left:auto}.site-nav a{font-size:12px;font-weight:800;letter-spacing:.2px}.site-nav a:hover{color:var(--accent)}.header-cta,.btn{display:inline-block;padding:13px 19px;border:0;border-radius:4px;background:var(--accent);color:#fff;font:800 12px Manrope,Arial,sans-serif;letter-spacing:.2px;cursor:pointer}.menu-toggle{display:none;border:0;background:none;font-size:25px}.bb-hero{min-height:590px;padding:68px 8%;display:flex;align-items:center;gap:60px;background:linear-gradient(90deg,#f7f3ecf5 0%,#f7f3ecd9 48%,#f7f3ec40 100%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1900&q=85') center/cover}.bb-hero-copy{max-width:670px}.bb-eyebrow,.tag{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2.3px}.bb-hero h1,.page-hero h1,.bb-page-intro h1,.bb-contact-page h1{margin:15px 0;font:800 clamp(42px,4.5vw,66px) Montserrat,Arial,sans-serif;line-height:1.08;letter-spacing:-2px}.bb-hero h1 b,.page-hero b,.intro h2 b,.bb-page-intro b,.bb-contact-page b{color:var(--accent)}.bb-hero-copy>p{max-width:610px;color:#4f5d56;font-size:18px;line-height:1.7}.bb-trust{display:flex;gap:9px;margin:26px 0}.bb-trust span{display:grid;grid-template-columns:18px auto;column-gap:7px;align-items:center;padding:11px;background:#fffdf9d9;border:1px solid var(--line);border-radius:5px;color:var(--accent);font-size:12px;font-weight:800}.bb-trust b{color:var(--ink)}.bb-trust small{grid-column:2;color:var(--muted);font-size:10px}.bb-hero-call{display:inline-block;padding:15px 22px;background:var(--accent);color:#fff;border-radius:4px;font-weight:800}.bb-lead-form{width:350px;flex:none;padding:30px;background:#fffdf9f5;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 38px #3c312422}.bb-lead-form h2{margin-bottom:8px;text-align:center;font:800 23px Montserrat,Arial,sans-serif}.bb-lead-form p{text-align:center;color:var(--muted);font-size:13px}.bb-lead-form input{display:block;width:100%;margin:9px 0;padding:14px;border:1px solid var(--line);border-radius:4px;background:#fff;font:14px Manrope,Arial,sans-serif}.bb-lead-form button{width:100%;padding:15px;border:0;border-radius:4px;background:var(--accent);color:#fff;font:800 13px Manrope,Arial,sans-serif;cursor:pointer}.bb-lead-form small{display:block;margin-top:12px;color:var(--muted);font-size:10px;line-height:1.45}.section{padding:85px 8%}.intro{max-width:760px}.intro h2{margin:12px 0;font:800 clamp(32px,3.5vw,48px) Montserrat,Arial,sans-serif;line-height:1.18}.intro>p{color:var(--muted);line-height:1.7}.service-grid,.package-grid,.gallery-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.service,.project-card{position:relative;min-height:300px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#444 center/cover;color:#fff}.service:before,.project-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#16221edc,transparent 72%)}.service>*,.project-card>*{position:relative}.service h3,.project-card h3{margin:0;font:800 23px Montserrat,Arial,sans-serif}.service p{font-size:13px;line-height:1.6}.service a{color:#f3c17a;font-size:12px;font-weight:800}.why{padding:80px 8%;background:var(--paper)}.why h2{margin:12px 0;font:800 clamp(32px,3.5vw,48px) Montserrat,Arial,sans-serif}.guarantees{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border:1px solid var(--line);background:#fff}.guarantees article{min-height:170px;padding:28px;border-right:1px solid var(--line)}.guarantees article:last-child{border:0}.guarantees span{color:var(--accent);font-weight:800}.guarantees h3{margin:18px 0 8px;font:800 18px Montserrat,Arial,sans-serif}.guarantees p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.package-grid article{position:relative;padding:28px;border:1px solid var(--line);background:#fff}.package-grid .popular{border:3px solid var(--accent)}.package-grid h3{margin:0;font:800 23px Montserrat,Arial,sans-serif}.price{margin:18px 0 8px;color:var(--accent);font:800 27px Montserrat,Arial,sans-serif}.price small{font:600 12px Manrope,Arial,sans-serif;color:var(--muted)}.package-grid p,.package-grid li{color:var(--muted);font-size:13px;line-height:1.65}.package-grid ul{padding-left:18px}.final-cta{padding:85px 20px;background:var(--ink);color:#fff;text-align:center}.final-cta h2{margin:15px 0 30px;font:800 clamp(32px,3.5vw,48px) Montserrat,Arial,sans-serif}.page-hero{padding:100px 8%;background:linear-gradient(120deg,#253832,#485c53);color:#fff}.page-hero p{max-width:580px;color:#e9e4dc;line-height:1.7}.gallery-filter{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.gallery-filter a{padding:10px 14px;background:var(--paper);font-size:12px;font-weight:800}.gallery-filter .active{background:var(--accent);color:#fff}.project-card span{margin-bottom:8px;color:#f4c47e;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.testimonial{min-height:270px;padding:29px;border:1px solid var(--line);background:var(--paper)}.quote{height:48px;color:var(--accent);font:800 60px Georgia,serif}.testimonial .content{min-height:120px;line-height:1.7}.testimonial strong{display:block;font-size:13px}.empty{padding:25px;background:var(--paper);color:var(--muted)}.bb-process-hero{padding:90px 8%;background:linear-gradient(120deg,#553a26,#92603a);color:#fff}.bb-process-hero>span,.bb-page-intro>span,.bb-contact-page>div>span{color:#f0c27d;font-size:11px;font-weight:800;letter-spacing:2px}.bb-process-hero>h1{margin:14px 0 58px;font:800 clamp(38px,4vw,60px) Montserrat,Arial,sans-serif;line-height:1.12}.bb-process-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.bb-process-steps article{position:relative;padding-top:52px}.bb-process-steps article:before{content:'';position:absolute;top:20px;left:0;right:0;border-top:1px solid #f0c27d99}.bb-process-steps i{position:absolute;top:0;display:grid;place-items:center;width:39px;height:39px;border:1px solid #f0c27d;border-radius:50%;color:#f8ddb2;font:700 12px Manrope,Arial,sans-serif;font-style:normal}.bb-process-steps h3{margin:0 0 10px;font:800 16px Montserrat,Arial,sans-serif}.bb-process-steps p{margin:0;color:#fff0de;font-size:13px;line-height:1.55}.bb-page-intro{padding:90px 12%;background:var(--paper)}.bb-page-intro>span,.bb-contact-page>div>span{color:var(--accent)}.bb-page-intro p{max-width:670px;color:var(--muted);font-size:18px;line-height:1.7}.bb-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:75px 12%}.bb-detail-grid article{padding:30px;border:1px solid var(--line)}.bb-detail-grid article>b{color:var(--accent);font-size:12px;letter-spacing:1px}.bb-detail-grid h2{font:800 25px Montserrat,Arial,sans-serif}.bb-detail-grid p{margin:0;color:var(--muted);line-height:1.7}.bb-contact-page{min-height:570px;padding:80px 12%;display:flex;align-items:center;justify-content:space-between;gap:50px;background:var(--paper)}.bb-contact-page>div{max-width:560px}.bb-contact-page>div p{color:var(--muted);line-height:1.7}.bb-contact-page a{color:var(--accent);font-size:22px;font-weight:800}.site-footer{padding:70px 8% 20px;background:#e9dfd3;color:#59635d}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px}.footer-grid p{max-width:310px;font-size:14px;line-height:1.7}.footer-grid h3{margin:4px 0 18px;color:var(--ink);font-size:11px;letter-spacing:2px;text-transform:uppercase}.footer-grid>div:not(:first-child) a{display:block;margin-bottom:12px;font-size:14px}.whatsapp-link{display:inline-block;margin-top:7px;padding:11px 16px;background:#25D366;color:#fff;border-radius:4px;font-size:12px;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;border-top:1px solid #cfc2b4;font-size:12px}@media(max-width:950px){.site-nav{gap:14px}.bb-hero{gap:24px}.bb-lead-form{width:315px}.bb-process-steps{grid-template-columns:repeat(3,1fr);row-gap:28px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{height:67px;padding:0 6%}.site-brand{font-size:18px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:20px 6%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column}.site-nav.open{display:flex}.header-cta{display:none}.bb-hero{display:block;min-height:unset;padding:55px 7%}.bb-hero h1{font-size:40px}.bb-trust{display:block}.bb-trust span{margin:8px 0}.bb-lead-form{width:auto;margin-top:30px}.service-grid,.package-grid,.gallery-grid,.testimonial-grid,.guarantees,.bb-detail-grid,.bb-process-steps{grid-template-columns:1fr}.section,.why{padding:60px 7%}.guarantees article{border-right:0;border-bottom:1px solid var(--line)}.bb-process-hero,.bb-page-intro,.bb-contact-page{padding:60px 7%}.bb-contact-page{display:block}.bb-contact-page .bb-lead-form{margin-top:30px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}