/* WBS REAL ESTATE  |  SIGNATURE BLACK & GOLD EDITION
   Brand artwork: original emblem supplied by WBS. Layout source remains editable.
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{
  --black:#0b0b0c; --navy:#141313; --ink:#22201e;
  --gold:#c9a65e; --lightgold:#eed49d; --cream:#faf7f0; --warm:#eee9df;
  --line:#e1dace; --muted:#7b746a; --green:#7e765b; --admin-bg:#f6f3ed;
  --font:'DM Sans',Arial,sans-serif; --display:'Cormorant Garamond',Georgia,serif;
}
body{color:#211e1a;background:var(--cream);font:14px/1.75 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);letter-spacing:-.022em;line-height:1.05;font-weight:600}
h1 em,h2 em{font-family:var(--display);font-weight:500;color:var(--gold);letter-spacing:-.02em}
h2{font-size:clamp(38px,4.5vw,65px)}
.wrap{width:min(1250px,calc(100% - 76px))}
.btn{border-radius:0;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:700;padding:15px 24px;min-height:50px;gap:28px;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--black)}
.btn-gold:hover{background:#ead09d;border-color:#ead09d}
.btn-dark{background:#161413;color:#f6f1e8;border-color:#161413}
.btn-dark:hover{background:#353027}
.btn-outline{border-color:#8c7550;color:#e8cb8f}
.btn-outline:hover{background:#c5a15b;color:#151311;border-color:#c5a15b}
.text-link{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#28211a;border-color:var(--gold)}
.eyebrow,.admin-eyebrow{letter-spacing:3px;font-weight:700;font-size:10px;color:#a57e3c}
.eyebrow.light{color:#d4b477}
/* Branded navigation & actual mark */
.site-header{background:#0c0c0c;border-bottom:1px solid #433923;box-shadow:0 8px 20px #00000018}
.nav-row{min-height:103px}
.brand{gap:13px;min-width:0}
.brand-logo{width:54px;height:67px;object-fit:contain;display:block;flex-shrink:0;filter:drop-shadow(0 0 1px #d5b56b40)}
.brand-label{font:600 29px/.84 var(--display);color:#f8f1df;letter-spacing:3.5px;gap:9px}
.brand-label small{font:700 8px/1 var(--font);color:#cba862;letter-spacing:3.25px}
.public-nav{gap:30px}
.public-nav a{font-size:11px;font-weight:600;letter-spacing:.7px;color:#e5ddd0;transition:color .2s}
.public-nav a:hover{color:#ddb978}
.nav-link{color:#b8a990;font-size:11px}
.nav-cta{color:#e8cc98;border-color:#766346}
.mobile-menu{color:#e9d0a4}
/* Hero / editorial first impression */
.hero{background:#0c0c0c;overflow:hidden;position:relative}
.hero:before{content:'';position:absolute;left:0;top:0;width:70%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 55% 28%,#b68b4b13,transparent 56%)}
.hero-grid{grid-template-columns:52% 48%;min-height:730px;position:relative}
.hero-copy{padding:93px 56px 37px 0;position:relative;z-index:2}
.hero .eyebrow{margin-bottom:35px}
.hero h1{font-size:clamp(61px,6vw,100px);font-family:var(--display);font-weight:500;line-height:.99;letter-spacing:-.03em;max-width:660px;margin-bottom:31px}
.hero h1::first-line{color:#f5efe4}
.hero-copy>p{color:#b4a99c;font-size:14px;line-height:1.95;max-width:430px;margin-bottom:36px}
.hero-actions{gap:31px}
.light-link{color:#e4dac7;border-color:#b3935d}
.hero-footer{gap:22px;padding-top:70px}
.hero-footer>div{border-color:#413725;gap:7px}
.hero-footer strong{color:var(--gold);font:500 23px var(--display)}
.hero-footer span{color:#9c9388;font-size:11px;line-height:1.4}
.hero-art{min-height:730px;background:#2c2620}
.architectural-art{background:linear-gradient(125deg,#b0a08b,#655c4d 57%,#171512)}
/* An optional licensed stock illustration; if offline, existing architectural CSS remains. */
.architectural-art:after{content:'';position:absolute;inset:0;z-index:3;background-image:linear-gradient(0deg,#0a0a0a9c,transparent 58%),linear-gradient(90deg,#0a0a0a44,transparent 42%),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1250&q=82');background-size:cover;background-position:center center;filter:saturate(.73) sepia(.13)}
.architectural-art:before{background:linear-gradient(90deg,#0000001b,transparent 60%)}
.arch{filter:grayscale(.55) sepia(.2);opacity:.9}
.art-shadow{z-index:4;background:linear-gradient(180deg,transparent 45%,#0c0a08aa)}
.hero-art-tag{background:#0b0b0bdb;color:#e5d2ad;border:1px solid #806c486b;letter-spacing:2.1px;padding:13px 19px;top:26px;left:27px;right:27px;font-size:9px}
.tag-dot{background:#d5af6c}
.tag-plus{color:#d4b876;font-size:9px}
.hero-art-caption{z-index:5;color:#fff6e8;left:39px;bottom:74px;font:500 clamp(27px,3vw,41px)/1.02 var(--display);letter-spacing:-.4px}
.photo-disclaimer{position:absolute;z-index:6;bottom:22px;right:24px;color:#d2c8b5b8;font-size:8px;letter-spacing:1.5px}
/* Elevated search bar */
.search-band{background:#ece6db;border-bottom:1px solid #d9d0c3}
.quick-search{padding:29px 0;gap:13px}
.search-title{letter-spacing:2px;color:#9a783e;font-size:10px}
.quick-search label,.filters label{color:#706a61;font-weight:600;text-transform:uppercase;font-size:9px;letter-spacing:1px;gap:7px}
.quick-search select,.quick-search input,.filters select,.filters input{border:1px solid #d4cab8;background:#fdfbf7;border-radius:0;min-height:50px;color:#29241e}
/* Listings */
.section{padding:110px 0}
.section-top{margin-bottom:43px}
.section-top h2{max-width:660px}
.section-top .text-link{padding-bottom:12px}
.property-grid{gap:26px}
.property-card{background:#fffcf7;border:1px solid #e3dacd;box-shadow:0 9px 20px #40301b08}
.property-card:hover{box-shadow:0 22px 54px #40301b20;transform:translateY(-4px)}
.property-photo{height:270px;background:#ddd4c4}
.property-photo>img{filter:saturate(.85)}
.photo-label,.featured-label{background:#15120f;color:#e9cc94;border:1px solid #b597604a;letter-spacing:1.5px}
.featured-label{background:#bd9858;color:#19150e}
.property-card-content{padding:24px 25px 22px}
.location-line{color:#a38046;letter-spacing:1.2px;font-size:10px;text-transform:uppercase}
.property-name{font:600 27px/1.14 var(--display);letter-spacing:-.01em;min-height:60px}
.property-price{font:600 30px var(--display);color:#1d1710;margin:10px 0 13px}
.property-specs{border-color:#e7dfd3;color:#777064}
.empty-collection{background:#efeae0;border:1px solid #ded5c3;padding:67px 35px}
.empty-icon{font-family:var(--display);color:#b89862}
.empty-collection h3{font-size:40px;font-weight:500}
.empty-collection p{color:#766f66}
/* WBS Next section */
.statement-section{background:#0c0b0a;padding:110px 0;border-top:1px solid #c7a26733;border-bottom:1px solid #c7a26733;position:relative}
.statement-section:before{position:absolute;content:'W';font:500 440px/1 var(--display);color:#c5a1690b;left:15%;top:-55px;pointer-events:none}
.statement-grid{gap:95px;position:relative}
.statement-left h2{font-weight:500;font-size:clamp(51px,5.7vw,82px);line-height:1;max-width:630px}
.statement-left p{color:#b2a798}
.steps-list>div{border-color:#50412e;padding-top:29px;padding-bottom:29px}
.steps-list>div>span{color:#d5ae6b}
.steps-list h3{font:600 29px var(--display);margin-bottom:9px}
.steps-list p{color:#aa9e8e}
.owner-callout{background:#efe9de}
.owner-grid h2{font-size:clamp(44px,4.4vw,67px)}
.owner-grid p{color:#6d655c}
.owner-deco{background:#d8cbbb}
.deco-square{border-color:#8f8065}
.deco-square.second{border-color:#bf9655}
.owner-deco span{color:#6f5736;letter-spacing:2px}
/* Footer */
.footer{background:#090909;color:#ded5c8;padding-top:75px;border-top:1px solid #6a5531}
.footer .brand-label{font-size:27px;color:#fff1d7}
.footer .brand-logo{height:72px;width:57px}
.footer-grid{gap:75px;padding-bottom:76px}
.footer-grid p{color:#9b9082;max-width:370px;font-size:13px}
.footer-grid strong{color:#c9a361;letter-spacing:2.2px}
.footer-grid a:not(.brand),.footer-grid span{color:#c0b6a6}
.footer-bottom{border-color:#382c1e;color:#807768;letter-spacing:.5px}
/* Internal public pages */
.page-hero{background:#141110;color:#f5ead8;padding:79px 0 88px;position:relative;overflow:hidden;border-bottom:1px solid #b08c4c50}
.page-hero:after{content:'';width:310px;height:310px;border:1px solid #a58a5850;position:absolute;right:8%;top:-100px;transform:rotate(45deg)}
.page-hero h1{font-size:clamp(55px,6vw,84px);font-weight:500;max-width:900px;position:relative;z-index:1}
.page-hero p{color:#afa394}
.listing-section{background:#faf7f0}
.filters{background:#fffcf7;border-color:#e2dacd;box-shadow:0 9px 32px #38281710}
.results-heading{color:#7c7164}
.results-heading strong{color:#2f2517;font-family:var(--display);font-size:24px}
.detail-head{background:#f9f5ed}
.detail-title-row h1{font-size:clamp(41px,4.8vw,67px);font-weight:500}
.detail-price{font:600 37px var(--display)}
.gallery{background:#ded5c8}
.detail-section{background:#faf7f0}
.spec-box{background:#eee7dc}
.spec-box>div{border-color:#cfc4b2}
.spec-box strong{font:600 32px var(--display)}
.detail-block{border-color:#ded2c2}
.detail-block h2{font-size:35px;font-weight:500}
.detail-block p{color:#756c60}
.inquiry-panel{background:#fdfaf4;box-shadow:0 22px 49px #24190c13;border:1px solid #e6dac4}
.form-landing{background:radial-gradient(ellipse at 10% 80%,#98764b27,transparent 45%),#11100f}
.form-intro h1{font-family:var(--display);font-weight:500;font-size:clamp(51px,5vw,80px)}
.form-intro p{color:#baae9d}
.form-paper{background:#fffcf6;box-shadow:0 34px 75px #0004;border-top:3px solid #c2a164}
.form-paper h2{font:600 36px var(--display)}
.contact-form label,.lead-form label,.login-form label,.editor-fields label{color:#574d42}
.contact-form input,.contact-form textarea,.lead-form input,.lead-form textarea,.login-form input,.editor-fields input,.editor-fields textarea,.editor-fields select{border-color:#d9d0c3;background:#fffdfa;border-radius:0;color:#29221a}
.contact-form input:focus,.contact-form textarea:focus,.lead-form input:focus,.lead-form textarea:focus,.login-form input:focus,.editor-fields input:focus,.editor-fields textarea:focus{border-color:#c5a468;outline-color:#c5a468}
.login-section{background:radial-gradient(circle at 15% 20%,#5a432629,transparent 45%),#0a0a0a;min-height:calc(100vh - 103px)}
.login-card{background:#fbf8f1;border:1px solid #665331;box-shadow:0 30px 100px #0008}
.login-top{background:#141210;border-bottom:1px solid #7d663e;padding:32px 43px}
.login-top h1{font:500 54px var(--display);color:#f8f0de;margin-bottom:8px}
.login-top p{color:#b2a391}
.login-emblem{display:block;width:68px;height:72px;object-fit:contain;margin:0 auto 19px}
.login-top .eyebrow{justify-content:center}
.back-website{color:#7c705e}
/* Daily admin platform */
.admin-body{background:#f3efe7;color:#29241e}
.sidebar{background:#0b0b0c;border-right:1px solid #6d542f;padding-top:23px}
.sidebar-brand{padding:3px 10px 30px}
.sidebar-brand .brand-logo{height:64px;width:52px}
.sidebar-brand .brand-label{font-size:24px;color:#f9edda}
.sidebar-brand .brand-label small{font-size:7px}
.side-caption{color:#a18250;letter-spacing:2.4px}
.side-nav a{color:#b2a697;font-size:12px;border-radius:0}
.side-nav a span{color:#b99654}
.side-nav a.active,.side-nav a:hover{background:#24201b;color:#fff0d8}
.side-nav a.active{box-shadow:inset 3px 0 0 #c9a45e}
.side-bottom{border-color:#443725}
.side-bottom a,.logout-link{color:#b6a48a}
.admin-topbar{background:#fffaf2;border-color:#e3d9cb;color:#7d6d59}
.topbar-sep{color:#b8965d}
.topbar-pill{border-color:#dfd2bd;color:#8f7142}
.pulse-dot{background:#c3a36e}
.admin-heading h1{font:600 clamp(40px,4vw,54px) var(--display);color:#282119}
.admin-heading p{color:#877b6d}
.admin-eyebrow{color:#a78146}
.accent-dot{color:#c4a15f}
.metric{background:#fffcf6;border:1px solid #e5d9c9;min-height:153px;border-top:2px solid #c6a466}
.metric-label{color:#8c7b64}
.metric-label span{color:#b79350}
.metric strong{color:#242019;font:600 50px/1.25 var(--display)}
.metric small{color:#8c7e6e}
.admin-panel{background:#fffdf8;border-color:#e5d9c9}
.panel-head{border-color:#e6ded2}
.panel-head h2,.editor-panel h2{font:600 27px var(--display);color:#251d15}
.panel-head p,.editor-panel>p{color:#897d6c}
.panel-head>a{color:#947039}
.data-table th{background:#f4eee4;color:#907550}
.data-table td{color:#766b5e;border-color:#eee6d9}
.data-table strong{color:#292116}
.label-chip{background:#f3e9d7;color:#8c6d41}
.activity-item{border-color:#ece3d4}
.activity-indicator{background:#c9a262}
.action-strip{background:#191512;border:1px solid #a388525c}
.action-strip p{color:#aa9e8d}
.action-strip>a{color:#d8b677}
.admin-filters{border-color:#e6ddd1}
.admin-filters input,.admin-filters select,.lead-status-form select{border-color:#d8cab5;border-radius:0;background:#fffdfa;color:#30281e}
.editor-panel{background:#fffcf8;border-color:#e6dbcc}
.private-chip{background:#f1e8d7;color:#8d6c3c}
.editor-tip{background:#eee5d4;color:#786a57}
.upload-zone{background:#faf5ec;border-color:#c5b596;color:#847563}
.upload-zone strong{color:#6d5739}
.lead-avatar{background:#f0e3ca;color:#8f693c}
.lead-contact,.lead-info>p{color:#7e7264}
.lead-message{background:#f2ebdf;color:#746758}
.settings-form{color:#383029}
::selection{background:#caa25e;color:#100e0c}
:focus-visible{outline:2px solid #bd9857;outline-offset:3px}
@media(max-width:1100px){.wrap{width:min(100% - 42px,1250px)}.hero h1{font-size:clamp(54px,6vw,83px)}.public-nav{gap:18px}.nav-row{gap:12px}.nav-cta{padding:13px 12px}.hero-copy{padding-right:35px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.nav-row{min-height:78px}.brand-logo{height:52px;width:43px}.brand-label{font-size:25px}.public-nav{background:#0b0b0c;border-bottom:1px solid #655036;top:78px;box-shadow:0 18px 30px #0006}.public-nav a{color:#eee4d5}.hero-grid{min-height:initial}.hero-copy{padding:76px 0 48px}.hero h1{font-size:clamp(54px,9vw,79px)}.hero-art{height:435px;min-height:0}.hero-footer{padding-top:56px}.statement-grid{gap:35px}.footer-grid{gap:35px}.page-hero:after{right:-100px}}
@media(max-width:560px){.wrap{width:calc(100% - 34px)}.brand-logo{height:46px;width:39px}.brand-label{font-size:22px}.brand-label small{letter-spacing:2.5px}.nav-row{min-height:74px}.public-nav{top:74px}.nav-actions{gap:9px}.nav-link{font-size:9px}.hero h1{font-size:clamp(48px,12vw,66px)}.hero-copy{padding:63px 0 35px}.hero-art{height:350px}.hero-footer{gap:9px;padding-top:42px}.hero-footer span{font-size:9px}.hero-art-caption{left:24px;bottom:57px;font-size:31px}.photo-disclaimer{font-size:7px;right:15px;bottom:17px}.hero-art-tag{left:14px;right:14px}.quick-search{padding:23px 0}.section{padding:70px 0}.statement-section{padding:75px 0}.statement-left h2{font-size:54px}.property-photo{height:280px}.page-hero h1{font-size:53px}.login-section{min-height:75vh}.login-top{padding:30px 24px}.login-form{padding:27px 24px 15px}.sidebar-brand .brand-logo{height:52px;width:42px}.sidebar-brand .brand-label{font-size:22px}.admin-topbar{padding:0 18px}.admin-heading h1{font-size:39px}.metric strong{font-size:39px}.metric{padding:16px;min-height:132px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
