/* Lux International Realty LLC — faithful approved B mockup refinement */
body.lux-option-b .topbar{
 height:100px!important;
 padding:0 clamp(28px,6.25vw,106px)!important;
 background:linear-gradient(180deg,rgba(9,10,10,.57),rgba(9,10,10,.17))!important;
 border-bottom:1px solid rgba(224,198,153,.27)!important;
}
body.lux-option-b .topbar .brand{
 width:344px!important;min-width:344px!important;max-width:344px!important;
}
body.lux-option-b .topbar .brand .lux-editorial-logo{
 width:344px!important;max-width:344px!important;height:96px!important;
 object-fit:contain!important;object-position:left center!important;
}
body.lux-option-b .topbar .nav{
 font-family:'Playfair Display',Georgia,serif!important;
 font-size:14px!important;font-weight:400!important;letter-spacing:0!important;
 gap:clamp(13px,1.5vw,24px)!important;
}
body.lux-option-b .topbar .nav .nav-owner{
 font-family:'DM Sans',sans-serif!important;
 font-size:10px!important;letter-spacing:.115em!important;
 padding:15px 18px!important;
}
body.lux-option-b .trend-hero{
 min-height:575px!important;
 height:auto!important;
 padding:148px 6.5vw 45px!important;
 display:flex!important;align-items:flex-start!important;
 background-position:center 55%!important;
}
body.lux-option-b .trend-hero-shade{
 background:linear-gradient(90deg,rgba(8,9,10,.7) 0%,rgba(9,9,9,.46) 43%,rgba(8,9,10,.15) 100%)!important;
}
body.lux-option-b .trend-hero-inner{width:100%!important;max-width:1300px!important}
body.lux-option-b .trend-kicker{
 font-size:10px!important;letter-spacing:.13em!important;
 color:#efe4d0!important;
}
body.lux-option-b .trend-hero h1{
 max-width:700px!important;
 font-size:clamp(49px,4.25vw,65px)!important;
 line-height:1.02!important;
 letter-spacing:-.025em!important;
 margin:17px 0 15px!important;
 color:#f8f1e6!important;
}
body.lux-option-b .trend-hero-lead{
 font-size:14px!important;line-height:1.58!important;
 max-width:500px!important;margin:0 0 28px!important;
 color:rgba(255,255,255,.94)!important;
}
body.lux-option-b .trend-search{
 width:min(1150px,100%)!important;max-width:1150px!important;
 grid-template-columns:190px minmax(210px,1.35fr) 220px 220px 205px!important;
 background:#f9f7f3!important;box-shadow:0 12px 30px rgba(0,0,0,.13)!important;
 border:5px solid #f9f7f3!important;
}
body.lux-option-b .trend-search label{
 min-height:58px!important;padding:7px 17px!important;
 border-right:1px solid #e0dbd2!important;
}
body.lux-option-b .trend-search label>span{font-size:9px!important;color:#6b645c!important}
body.lux-option-b .trend-search input,body.lux-option-b .trend-search select{
 font-size:13px!important;color:#211e19!important
}
body.lux-option-b .trend-search button{
 min-height:60px!important;background:#ac874d!important;
 border:0!important;color:#fff!important;
 font-size:13px!important;font-weight:700!important;
 letter-spacing:.16em!important;
}
body.lux-option-b .trend-search button:hover{background:#94713d!important}
body.lux-option-b .trend-hero-links{display:none!important}
body.lux-option-b .trend-scroll{display:none!important}
body.lux-option-b .topbar.lux-scrolled{height:83px!important}
body.lux-option-b .topbar.lux-scrolled .brand .lux-editorial-logo-dark{height:73px!important}
@media(max-width:1280px){
 body.lux-option-b .topbar .brand{width:300px!important;min-width:300px!important;max-width:300px!important}
 body.lux-option-b .topbar .brand .lux-editorial-logo{max-width:300px!important;width:300px!important;height:88px!important}
 body.lux-option-b .topbar .nav{font-size:12px!important;gap:14px!important}
 body.lux-option-b .trend-search{grid-template-columns:155px minmax(210px,1.4fr) 175px 180px 155px!important}
}
@media(max-width:950px){
 body.lux-option-b .topbar{height:88px!important}
 body.lux-option-b .topbar .nav{display:none!important}
 body.lux-option-b .topbar .public-nav.open{display:flex!important;top:88px!important}
 body.lux-option-b .topbar.lux-scrolled .public-nav.open{top:83px!important}
 body.lux-option-b .trend-hero{padding-top:140px!important;min-height:570px!important}
 body.lux-option-b .trend-search{grid-template-columns:1fr 1fr!important}
 body.lux-option-b .trend-search button{grid-column:1/-1!important}
}
@media(max-width:650px){
 body.lux-option-b .topbar{height:78px!important;padding:0 20px!important}
 body.lux-option-b .topbar .brand{width:225px!important;min-width:225px!important;max-width:225px!important}
 body.lux-option-b .topbar .brand .lux-editorial-logo{width:225px!important;max-width:225px!important;height:70px!important}
 body.lux-option-b .topbar .public-nav.open{top:78px!important}
 body.lux-option-b .trend-hero{padding:120px 20px 45px!important;min-height:0!important}
 body.lux-option-b .trend-hero h1{font-size:clamp(42px,10vw,55px)!important}
 body.lux-option-b .trend-hero-lead{font-size:13px!important}
 body.lux-option-b .trend-search{grid-template-columns:1fr!important;width:100%!important}
 body.lux-option-b .trend-search button{grid-column:auto!important}
}
