/* Brickandwalls World-Class Experience Layer V1 — 2026-09-25 */
:root{
 --bw-red:#e32636;--bw-red-dark:#b71828;--bw-yellow:#ffd21c;--bw-yellow-2:#ffe36b;
 --bw-ink:#0b1728;--bw-navy:#101d2f;--bw-text:#263448;--bw-muted:#667386;--bw-bg:#f6f8fb;
 --bw-white:#fff;--bw-border:#e5eaf0;--bw-soft:#fff8d8;--bw-green:#137a52;
 --bw-radius:18px;--bw-radius-lg:26px;--bw-shadow:0 16px 45px rgba(11,23,40,.08);--bw-shadow-hover:0 24px 60px rgba(11,23,40,.14);
 --bw-content:1380px;
}
html{font-size:16px;scroll-padding-top:94px;background:var(--bw-bg)}
body{background:var(--bw-bg);color:var(--bw-text);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;text-rendering:optimizeLegibility}
body::selection{background:var(--bw-yellow);color:var(--bw-ink)}
img,svg{max-width:100%} a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
button,input,select,textarea{font:inherit} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(227,38,54,.22);outline-offset:3px}
.bw-main{max-width:none!important;margin:0!important;overflow:hidden}
.bw-main>section,.bw-main>div{position:relative}

/* Header */
.bw-header,.bw-topbar{position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,234,240,.9)!important;box-shadow:0 6px 24px rgba(11,23,40,.035)}
.bw-header{min-height:82px!important;padding:10px clamp(18px,4vw,64px)!important;gap:22px!important}
.bw-brand-wrap{min-width:250px}.bw-brand-text strong{font-size:23px!important;letter-spacing:-.7px}.bw-brand-text small{letter-spacing:1.15px}
.bw-nav{gap:4px!important}.bw-nav a{font-size:13px!important;font-weight:750!important;padding:10px 11px!important;border-radius:10px!important;color:var(--bw-ink)!important}
.bw-nav a:hover,.bw-nav a.is-active,.bw-nav a.bw-primary-active{background:var(--bw-soft)!important;color:var(--bw-red-dark)!important}
.bw-btn,.bw-search-submit,.bw-ai-box button,.bw-connect-actions button,.bw-property-actions button{border-radius:11px!important;min-height:44px!important;font-weight:800!important;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.bw-btn:hover,.bw-search-submit:hover,.bw-ai-box button:hover,.bw-connect-actions button:hover,.bw-property-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(227,38,54,.18)}
.bw-btn-red,.bw-search-submit,.bw-ai-box button{background:var(--bw-red)!important;color:#fff!important}.bw-btn-red:hover,.bw-search-submit:hover,.bw-ai-box button:hover{background:var(--bw-red-dark)!important}

/* Hero system */
.bw-hero,.bw-page-hero,.bw-ai-hero{isolation:isolate;padding:clamp(58px,7vw,104px) max(24px,calc((100vw - var(--bw-content))/2))!important;border-bottom:1px solid rgba(11,23,40,.06)}
.bw-hero{min-height:560px;background:radial-gradient(circle at 84% 22%,rgba(255,255,255,.92),transparent 27%),linear-gradient(115deg,#ffd21c 0%,#ffe56e 58%,#fff9d9 100%)!important}
.bw-page-hero,.bw-ai-hero{background:radial-gradient(circle at 90% 12%,rgba(255,255,255,.88),transparent 26%),linear-gradient(118deg,#fff1a5 0%,#fff8d7 62%,#fff 100%)!important}
.bw-hero::after,.bw-page-hero::after,.bw-ai-hero::after{content:"";position:absolute;right:-110px;bottom:-150px;width:420px;height:420px;border:70px solid rgba(227,38,54,.055);border-radius:50%;z-index:-1}
.bw-hero-copy{max-width:860px!important;margin-bottom:34px}.bw-kicker{font-size:11px!important;letter-spacing:1.7px!important;font-weight:900!important;color:var(--bw-red)!important}
.bw-hero h1,.bw-page-hero h1,.bw-ai-hero h1{color:var(--bw-ink)!important;font-weight:850;letter-spacing:-2.5px!important;text-wrap:balance}
.bw-hero h1{font-size:clamp(46px,5.4vw,76px)!important;max-width:900px!important}.bw-page-hero h1,.bw-ai-hero h1{font-size:clamp(38px,4.2vw,60px)!important;max-width:980px!important}
.bw-hero p,.bw-page-hero p,.bw-ai-hero p{font-size:clamp(16px,1.45vw,19px)!important;line-height:1.65!important;color:#34445a;max-width:850px!important}
.bw-trust-row{gap:10px!important}.bw-trust-row span{background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(11,23,40,.04);padding:10px 14px!important}

/* Search */
.bw-search-box{max-width:1120px;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 22px 60px rgba(11,23,40,.13)!important}
.bw-search-tabs{gap:5px!important}.bw-search-tabs button{border-radius:9px!important;padding:9px 14px!important;color:#4a586a}.bw-search-tabs button.is-active{background:var(--bw-red)!important;color:#fff!important}
.bw-location-row{border:1px solid #ccd4df!important;border-radius:13px!important;padding:7px 8px!important;box-shadow:inset 0 1px 0 rgba(11,23,40,.02)}
.bw-location-row:focus-within{border-color:var(--bw-red)!important;box-shadow:0 0 0 4px rgba(227,38,54,.08)}
.bw-search-tags span{background:#fafbfc;border-color:#e6eaf0!important;padding:6px 10px!important;font-size:11px!important}

/* Rhythm + grids */
.bw-contained,.bw-section,.bw-passport,.bw-connect{width:min(var(--bw-content),calc(100% - 40px));margin-left:auto!important;margin-right:auto!important}
.bw-contained{padding:32px 0 0!important}.bw-section{margin-top:clamp(42px,5vw,72px)!important;margin-bottom:clamp(42px,5vw,72px)!important}
.bw-grid{gap:20px!important}.bw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bw-card,.bwm-project-card,.bwm-role,.bwm-partner-form-wrap,.bw-property-media,.bw-property-actions,.bw-journey-step{border:1px solid var(--bw-border)!important;border-radius:var(--bw-radius)!important;background:#fff!important;box-shadow:0 8px 26px rgba(11,23,40,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bw-card:hover,.bwm-project-card:hover,.bwm-role:hover,.bw-journey-step:hover{transform:translateY(-4px);box-shadow:var(--bw-shadow-hover);border-color:#d6dde6!important}
.bw-card{padding:24px!important;min-height:176px}.bw-card h3{font-size:18px!important;color:var(--bw-ink);letter-spacing:-.25px}.bw-card p{font-size:13.5px!important;line-height:1.65!important}
.bw-icon{width:48px!important;height:48px!important;border-radius:13px!important;background:linear-gradient(145deg,var(--bw-yellow),#fff0a0)!important;color:var(--bw-red-dark)!important}
.bw-section-head h2{font-size:clamp(25px,2.2vw,34px);letter-spacing:-.8px;color:var(--bw-ink)}

/* Inventory + empty states */
.bw-empty{min-height:200px!important;border:1px dashed #cfd7e2!important;background:linear-gradient(145deg,#fff,#fafbfd)!important;border-radius:22px!important}.bw-empty-icon{color:var(--bw-red)!important}
[class*="inventory"] .bw-card,[class*="result"] .bw-card{min-height:auto}

/* Property / project intelligence */
.bwm-section{padding:52px 0 68px!important}.bw-container{width:min(var(--bw-content),calc(100% - 40px))!important}
.bwm-hero{padding:72px 0 56px!important;background:linear-gradient(120deg,#fff 0%,#fff9e6 60%,#ffe46c 145%)!important}.bwm-hero h1{font-size:clamp(38px,4vw,58px)!important;letter-spacing:-2px!important;color:var(--bw-ink)}
.bwm-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.bwm-project-card{overflow:hidden!important}.bwm-project-cover{height:210px!important;background:linear-gradient(145deg,#fff8ce,#ffd21c)!important;color:var(--bw-red)!important}.bwm-project-body{padding:20px!important}.bwm-project-body h3{font-size:19px;color:var(--bw-ink)}
.bwm-project-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important}.bwm-project-banner{min-height:390px!important;border-radius:22px!important;background:linear-gradient(145deg,#f3f6f9,#fff)!important;border:1px solid var(--bw-border)}
.bwm-project-title h1{font-size:clamp(32px,3.2vw,46px)!important;letter-spacing:-1.4px;color:var(--bw-ink)}.bwm-project-price strong{color:var(--bw-red)!important}
.bwm-property-row{border-radius:12px!important;padding:15px!important;background:#fff}.bwm-match-band{background:linear-gradient(125deg,#0b1728,#182b43)!important;padding:48px 0!important}
.bw-property-layout{grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr)!important;gap:24px!important}.bw-property-media{min-height:470px!important}.bw-property-actions{padding:25px!important;position:sticky;top:104px}

/* Decision passport / consultation */
.bw-passport{border:1px solid #f0df91;background:linear-gradient(135deg,#fffdf2,#fff7c9)!important;padding:32px!important;border-radius:24px!important;box-shadow:0 12px 35px rgba(97,77,0,.05)}
.bw-connect{background:linear-gradient(125deg,#0b1728 0%,#142b46 100%)!important;border-radius:26px!important;padding:clamp(30px,4vw,48px)!important;box-shadow:0 24px 65px rgba(11,23,40,.18)}
.bw-connect h2{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-1px}.bw-connect>p{font-size:15px;line-height:1.7!important}

/* Forms, AI, maps */
.bw-ai-box textarea,.bwm-project-search,.bwm-partner-form label,input,select,textarea{border-color:#dce2e9}.bw-ai-box textarea{border:1px solid #cfd7e2!important;box-shadow:0 8px 24px rgba(11,23,40,.04)}
.bw-map{border-radius:22px!important;background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),repeating-linear-gradient(45deg,#e8edf2,#e8edf2 8px,#dfe6ec 8px,#dfe6ec 16px)!important}
.bw-modal{border-radius:22px!important;box-shadow:0 36px 100px rgba(0,0,0,.28)!important}

/* Footer */
.bw-footer{margin-top:72px!important;background:#091522!important;min-height:150px!important;padding:38px max(24px,calc((100vw - var(--bw-content))/2))!important;border-top:4px solid var(--bw-yellow);color:#fff}.bw-footer a{opacity:.88}.bw-footer a:hover{opacity:1;color:var(--bw-yellow)}

/* Professional micro-details */
.bw-status,.bwm-heading span,.bwm-project-body p,.bwm-role span{color:var(--bw-muted)!important}.bwm-project-meta{border-color:var(--bw-border)!important}.bwm-project-meta a,.bw-section-head a{color:var(--bw-red)!important}.bw-safety-note,.bw-ai-note{line-height:1.65!important}

/* Tablet */
@media(max-width:1120px){
 .bw-header{flex-wrap:wrap!important}.bw-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bwm-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bwm-project-layout,.bw-property-layout,.bw-map-layout{grid-template-columns:1fr!important}.bw-property-actions{position:static}.bw-hero{min-height:auto}
}
/* Mobile */
@media(max-width:760px){
 html{scroll-padding-top:0}.bw-header{position:relative!important;padding:10px 16px!important}.bw-brand-wrap{min-width:0!important}.bw-nav{width:100%;padding:8px 0 4px!important}.bw-nav a{justify-content:flex-start!important;padding:12px 14px!important}.bw-hero,.bw-page-hero,.bw-ai-hero{padding:48px 20px!important}.bw-hero h1{font-size:clamp(40px,12vw,56px)!important;letter-spacing:-1.8px!important}.bw-page-hero h1,.bw-ai-hero h1{font-size:clamp(34px,10vw,46px)!important;letter-spacing:-1.4px!important}.bw-contained,.bw-section,.bw-passport,.bw-connect,.bw-container{width:calc(100% - 28px)!important}.bw-grid-3,.bw-grid-4,.bwm-project-grid,.bwm-partner-grid,.bw-journey{grid-template-columns:1fr!important}.bw-card{min-height:0}.bw-location-row{grid-template-columns:30px 1fr!important}.bw-gps,.bw-search-submit{grid-column:1/-1!important;width:100%}.bw-search-box{padding:12px!important}.bw-connect{padding:28px 20px!important}.bw-footer{padding:34px 20px!important}.bwm-project-title{display:block!important}.bwm-project-price{text-align:left!important;margin-top:12px}.bwm-match-band form{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}