
/* ATRIUM 191 native WP layer, day/night shell with original CI colors */
:root{--page-bg:#ffffff;--panel-bg:#f4f6f8;--panel-dark:#e7ecf1;--text-main:#072847;--text-muted:#4a5560;--border-dynamic:#c9d4e0;--nav-bg:rgba(255,255,255,.95)}
html[data-atrium-theme="dark"]{color-scheme:dark;--page-bg:#071b34;--panel-bg:#102847;--panel-dark:#193455;--text-main:#f6f8fc;--text-muted:#d0dae7;--border-dynamic:#2e4868;--nav-bg:rgba(7,27,52,.96);--cu-l:#dfba7f;--glaze:#b2cbe8;--ink:#f6f8fc;--white:#071b34;--salt:#071b34;--salt2:#102847;--line:#2e4868;--stone:#d0dae7;--cu-d:#e0b079}
html:not([data-atrium-theme="dark"]){--ink:#072847;--white:#fff;--salt:#f4f6f8}
body.atrium-site{background:var(--page-bg);color:var(--text-main);transition:background .25s,color .25s}
header.top{background:var(--nav-bg)!important;border-color:var(--border-dynamic)!important} header.top .wrap{gap:.8rem;max-width:1360px}header.top nav.main{gap:.6rem}header.top nav.main a{white-space:nowrap;font-size:.86rem;color:var(--text-main)}
.logo{flex:none}.logo img{max-width:124px;height:auto}html[data-atrium-theme="dark"] .logo img{filter:brightness(0) invert(1)}
.atrium-mode{display:flex;gap:2px;border:1px solid var(--border-dynamic);background:var(--panel-bg);border-radius:30px;padding:3px;margin-left:8px;flex:none}
.atrium-mode button{cursor:pointer;display:flex;align-items:center;gap:4px;border:0;border-radius:20px;padding:6px 9px;color:var(--text-main);background:transparent;font:600 .72rem system-ui}
.atrium-mode button[aria-pressed="true"]{background:var(--text-main);color:var(--page-bg)}
html[data-atrium-theme="dark"] .hero:after{background:linear-gradient(180deg,rgba(4,12,32,.54),rgba(4,15,38,.73) 55%,rgba(4,15,38,.96))}
html:not([data-atrium-theme="dark"]) .hero:after{background:linear-gradient(180deg,rgba(7,40,71,.15),rgba(7,40,71,.55) 55%,rgba(7,40,71,.92))}
html[data-atrium-theme="dark"] .s,html[data-atrium-theme="dark"] .s.alt,html[data-atrium-theme="dark"] .card,html[data-atrium-theme="dark"] .filters,html[data-atrium-theme="dark"] .unit{background:var(--panel-bg);color:var(--text-main);border-color:var(--border-dynamic)}
html[data-atrium-theme="dark"] .s.alt{background:var(--page-bg)}
html[data-atrium-theme="dark"] footer{background:#08172d;color:#eff4fa} html[data-atrium-theme="dark"] footer a{color:#d7e6f9}
html[data-atrium-theme="dark"] p,html[data-atrium-theme="dark"] .lead,html[data-atrium-theme="dark"] .src{color:var(--text-muted)}
html[data-atrium-theme="dark"] .hero p,html[data-atrium-theme="dark"] .hero .meta,html[data-atrium-theme="dark"] .hero .sub{color:#f4f1e7}
html[data-atrium-theme="dark"] .hero .btn.ghost{color:#fff;border-color:#fff}
html[data-atrium-theme="dark"] .btn:not(.cu):not(.ghost){background:#d6b681;color:#10233a;border-color:#d6b681}
html[data-atrium-theme="dark"] .btn.cu{color:#132d49;background:#d6b681}
html[data-atrium-theme="dark"] .eyebrow{color:#e0b079}
html[data-atrium-theme="dark"] a:not(.btn):not(.unit):not(.logo){color:#d3e4f8}
.atrium-faq-group{margin:3.25rem 0}.atrium-faq{margin:.5rem 0;border:1px solid var(--border-dynamic);border-radius:8px;background:var(--panel-bg);overflow:hidden}.atrium-faq summary{cursor:pointer;padding:1.1rem 1.35rem;font-weight:600}.atrium-faq summary:hover{background:var(--panel-dark)}.atrium-faq>div{padding:.15rem 1.35rem 1.2rem;border-top:1px solid var(--border-dynamic)}.atrium-source{margin-top:3rem;padding:1.5rem;background:var(--panel-bg)}
main#main{min-height:50vh}figure{margin:0}figure img{border-radius:3px}.ribbon{font-size:.72rem}
#atrium-demo-contact{display:grid;gap:.75rem}#atrium-demo-contact select{max-width:100%;padding:.75rem} .draft{border-left:4px solid #cc9e67;padding:.75rem 1.25rem;background:var(--panel-bg)}
@media(max-width:1160px){header.top .wrap{flex-wrap:wrap}.atrium-mode{margin-left:auto;order:2}nav.main{order:3;width:100%;justify-content:space-around;flex-wrap:wrap}}
@media(max-width:740px){header.top .wrap{min-height:66px}.logo img{max-width:118px}.atrium-mode{order:1;margin-left:auto}.atrium-mode button{padding:6px 7px}.atrium-mode span{display:none}.menu-btn{display:inline-flex;margin-left:0;order:2}.main{display:none!important;order:3}.main.open{display:flex!important;width:100%;flex-direction:column;align-items:stretch;padding:.75rem 0}.menu-btn{min-height:35px}.hero{min-height:70vh}}
@media(prefers-reduced-motion:reduce){body.atrium-site{transition:none}}

/* Real architecture media, apartment-specific plan cutouts */
.atrium-unit-plan{margin-top:2rem;background:#fff;border:1px solid var(--border-dynamic);padding:1rem;border-radius:10px}
.atrium-unit-plan img{display:block;width:100%;max-height:800px;object-fit:contain;object-position:center;background:#fff}
.atrium-unit-plan figcaption{padding:.7rem 0 .2rem;color:#475569!important}
.atrium-unit-thumb{display:block;width:100%;height:155px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid #dfe6ee;margin:0 0 .8rem}
.atrium-full-plan{margin-top:2rem;border:1px solid var(--border-dynamic);padding:1rem;border-radius:10px}
.atrium-full-plan summary{cursor:pointer;font-weight:600}.atrium-full-plan figure{margin-top:1rem}
.logo img{width:56px;height:56px;max-width:56px;object-fit:contain;border-radius:4px}
html[data-atrium-theme="dark"] .logo img{filter:none}
@media(max-width:740px){.atrium-unit-plan{padding:.4rem}.atrium-unit-thumb{height:125px}.logo img{height:43px;width:43px;max-width:43px}}
