/* ALTARIS V3 DESIGN REFINEMENTS — preview only */
:root{--navy:#122235;--navy-deep:#0c1725;--gold:#c8a87c;--gold-pale:#e7d5b9}
/* Restore the full dark framing while keeping the official wordmark readable in a compact ivory mount */
.contact-strip{background:#0b1522;color:#b5c0c9;border-bottom:1px solid rgba(255,255,255,.11)}
.contact-strip-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.contact-strip span{font-size:9px;letter-spacing:.20em;font-weight:700}
.contact-strip a{font-size:12px;letter-spacing:.06em;color:#edd5ae;font-weight:700;text-decoration:none}
.contact-strip a:hover{text-decoration:underline}
.site-header{background:#0c1725;color:#fff;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.10)}
.header-inner{min-height:86px}
.brand{background:#f7f5f0;padding:7px 13px 7px 10px;box-shadow:0 0 0 1px rgba(255,255,255,.11);min-height:50px;align-items:center}
.brand-logo{width:197px;height:auto}
.nav-list a{color:#d6dddf;font-weight:550}
.nav-list a:hover,.nav-list a[aria-current="page"]{color:var(--gold-pale)}
.nav-quote{background:var(--gold);color:#0c1725!important}
.nav-quote:hover{background:#ecd6b8;color:#0c1725!important}
.mobile-toggle{color:#fff;border-color:rgba(255,255,255,.36)}
/* Never use a massive Altaris logo or fake architectural sketch as decorative imagery. */
.hero-editorial{display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1;position:relative}
.hero-editorial-panel{width:100%;max-width:410px;min-height:380px;padding:34px 34px 31px;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(160deg,rgba(25,49,70,.96),rgba(14,28,43,.6));border:1px solid rgba(200,168,124,.35);box-shadow:0 24px 65px rgba(0,0,0,.15)}
.hero-editorial-panel::before{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.hero-editorial-panel::after{content:'';position:absolute;top:0;right:55px;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(200,168,124,.28),transparent);pointer-events:none}
.hero-editorial-eyebrow{font-size:9px!important;font-weight:800;letter-spacing:.24em;color:var(--gold-pale);margin:0 0 19px;position:relative}
.hero-editorial-head{font-family:var(--serif);font-size:clamp(57px,6vw,89px);line-height:1.03;letter-spacing:-.067em;color:#fff;white-space:nowrap;position:relative}
.hero-editorial-head em{font-style:italic;font-weight:400;color:var(--gold-pale)}
.hero-editorial-statement{font-family:var(--serif);font-size:25px!important;line-height:1.35!important;color:#d8e0e4!important;max-width:320px;position:relative;margin:24px 0 0!important}
.hero-editorial-rule{height:1px;background:rgba(200,168,124,.65);margin:33px 0 22px;position:relative}
.hero-editorial-list{display:flex;gap:15px;flex-wrap:wrap;color:#d7dfe4;font-weight:650;letter-spacing:.07em;font-size:9px;position:relative}
.section-title em{color:#b58b54;font-weight:400;font-style:italic}
.dark-section .section-title em{color:var(--gold-pale)}
/* Dark footer looks deliberate and doesn't force a black-on-white logo treatment across the width */
.site-footer{background:#0b1522;color:#bfccd5;border-top:1px solid rgba(200,168,124,.15)}
.footer-brand-treatment{display:inline-block;color:white;border-left:2px solid var(--gold);padding:1px 0 2px 16px}
.footer-brand-name{font-size:27px;letter-spacing:.22em;font-weight:700;line-height:1}
.footer-brand-subname{font-size:10px;letter-spacing:.29em;margin-top:9px;color:#d4d9df}
.footer-brand-tagline{font-size:9px;letter-spacing:.12em;margin-top:19px;color:var(--gold-pale)}
.footer-description{color:#b5c3cd;margin-top:21px}
.footer-heading{color:#fff}
.footer-links a{color:#b9c7d0}
.footer-links a:hover{color:var(--gold-pale)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);color:#98a8b4}
.footer-bottom a{color:#e0ceb0}
.residential-practical-panel{background:#f7f4ee;border:1px solid #d8c9b2;min-height:440px;padding:38px 39px;color:var(--navy);box-shadow:0 16px 35px rgba(12,23,37,.045)}
.residential-panel-eyebrow{font-size:10px;letter-spacing:.22em;font-weight:750;color:#977247!important;margin:0 0 17px}
.residential-practical-panel h3{font-family:var(--serif);font-weight:500;font-size:clamp(27px,2.7vw,39px);line-height:1.17;letter-spacing:-.045em;margin:0 0 14px}
.residential-practical-panel>p:not(.residential-panel-eyebrow){font-size:14px;line-height:1.8;color:#64707b;margin:0 0 21px}
.residential-panel-point{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;border-top:1px solid #d9d4ca;padding:15px 0}
.residential-panel-point span{color:#a17d4f;font-family:var(--serif);font-size:21px}
.residential-panel-point strong{display:block;font-size:14px;color:#17273a}
.residential-panel-point small{display:block;font-size:12px;color:#5b6976;line-height:1.6;margin-top:4px}
.residential-panel-link{display:inline-block;margin-top:20px;text-decoration:none;font-size:12px;font-weight:700;color:var(--navy);padding-bottom:5px;border-bottom:1px solid var(--gold)}
.contact-phone-line{margin-top:20px!important}
.contact-phone-line a{white-space:nowrap}
@media (max-width:1220px){.brand-logo{width:167px}.nav-list{gap:11px}.header-right{gap:13px}}
@media (max-width:1030px){.header-inner{min-height:76px}.header-right{background:#0c1725;border-bottom:1px solid rgba(255,255,255,.2);inset:76px 0 auto 0}.nav-list a{color:#e2e8ee}.nav-quote{color:#0c1725!important}}
@media (max-width:740px){.contact-strip span{font-size:7px;letter-spacing:.07em}.contact-strip a{font-size:11px}.brand-logo{width:160px}.hero-editorial{display:none}.hero-copy{padding:68px 0 83px}.residential-practical-panel{min-height:0;padding:27px}}
@media (max-width:420px){.brand-logo{width:150px}.brand{padding:5px 9px}.contact-strip span{display:none}.contact-strip-inner{justify-content:flex-end}}
@media (prefers-reduced-motion:no-preference){.hero-editorial-panel{animation:hero-panel-in .9s .16s both}@keyframes hero-panel-in{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}}