/* The retained RenovationExpert logo, slider, stages and author blocks. */
:root{--ink:#2c2c2c;--slate:#4a6172;--brick:#b85c3a;--paper:#f7f3ef;--line:#e3ded9}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.75 Inter,Arial,sans-serif}
a{color:#914627;text-underline-offset:4px}
img{max-width:100%;height:auto}
button,input{font:inherit}
button:focus-visible,a:focus-visible{outline:3px solid var(--brick);outline-offset:4px}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.header-top,.site-branding{display:flex;align-items:center;gap:18px}
.header-top{padding:20px 0;justify-content:space-between}
.site-logo svg{display:block;max-width:100%}
.site-title{font:700 24px/1.2 'Playfair Display',Georgia,serif}
.site-title a,.card-body h3 a{color:var(--ink);text-decoration:none}
.site-description{font-size:11px;color:var(--slate)}
.header-search,.header-search-form{display:none!important}
.menu-toggle{display:none}
.main-navigation{background:var(--slate)}
.main-navigation .menu{display:flex;gap:28px;list-style:none;margin:0;padding:13px 0}
.main-navigation a{color:white;text-decoration:none;font-size:14px}
.hero-section{background:var(--paper);padding:52px 0}
.hero-content{width:min(1180px,calc(100% - 48px));margin:auto}
.hero-content h1{font:700 clamp(36px,4vw,55px)/1.18 'Playfair Display',Georgia,serif;margin:0 0 22px}
.hero-content p{max-width:760px}
.btn-primary{display:inline-block;background:var(--brick);color:white;padding:10px 22px;text-decoration:none}
.hero-slider{margin-top:28px;background:white;border-left:4px solid var(--brick)}
.hero-slide{display:none}
.hero-slide.active{display:block}
.hero-slide-inner{padding:22px 28px}
.hero-slide-inner h2,.stage-card h3{font:600 25px/1.3 'Playfair Display',Georgia,serif;margin:0 0 10px}
.hero-slide-inner p{margin:0}
.slider-controls{display:flex;gap:10px;margin:18px 0 0}
.slider-dot{width:14px;height:14px;padding:0;border:1px solid var(--slate);background:white;border-radius:50%;cursor:pointer}
.slider-dot.active{background:var(--brick);border-color:var(--brick)}
.work-stages,.posts-section{padding:44px 0}
.stages-grid,.posts-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.stage-card,.post-card,.author-box{border:1px solid var(--line);background:white;min-width:0}
.stage-card,.card-body,.author-box{padding:22px}
.stage-number{font-weight:700;color:var(--brick)}
.section-title,.bap-single-card h1,.bap-single-content h2{font-family:'Playfair Display',Georgia,serif;line-height:1.22}
.section-title{font-size:33px}
.bap-single-card h1{font-size:clamp(32px,3.5vw,46px)}
.card-image img{display:block;width:100%;height:205px;object-fit:cover}
.card-meta,.card-tags,.author-title{font-size:12px;color:var(--slate)}
.card-meta svg,.card-footer svg{width:14px;height:14px}
.card-excerpt{font-size:14px}
.author-box,.footer-expert-brand{display:flex;gap:16px;align-items:center}
.author-avatar img,.expert-photo img{width:58px;height:58px;object-fit:cover;border-radius:50%}
.pagination-wrapper{display:flex;gap:12px;margin-top:24px}
.page-numbers{padding:5px 11px;border:1px solid var(--line)}
.site-footer{background:var(--ink);color:#eee3dc;padding:35px 0 18px}
.site-footer a{color:#eee3dc}
.footer-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.footer-bottom{border-top:1px solid #ffffff30;padding-top:15px}
.lightbox-overlay{display:none}
.bap-outer{width:min(1160px,calc(100% - 48px))}
.bap-layout{grid-template-columns:minmax(0,1fr) 320px}
.bap-content,.bap-sidebar{min-width:0;overflow-wrap:anywhere}
.bap-content table{display:block;overflow:auto}
@media(max-width:820px){.stages-grid,.posts-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .container,.hero-content,.bap-outer{width:calc(100% - 36px)}
 .header-top{gap:8px}.site-branding{gap:8px;min-width:0}.site-logo{width:105px;flex:none}.site-title{font-size:20px}.site-description{font-size:9px}
 .menu-toggle{display:grid;gap:4px;padding:9px;border:1px solid var(--line);background:white;flex:none}
 .menu-toggle span{height:2px;width:20px;background:var(--ink)}
 .main-navigation{display:none}.main-navigation.is-open{display:block}.main-navigation .menu{flex-direction:column;gap:13px}
 .hero-section,.work-stages,.posts-section{padding:30px 0}
 .stages-grid,.posts-board,.footer-widgets,.bap-layout{grid-template-columns:minmax(0,1fr)}
 .bap-outer{padding:30px 0}
}