/* ALTARIS ADVISORY V4: approved architectural illustration series, official reversed artwork. */
:root{--navy:#122235;--navy-deep:#0b1929;--gold:#c8a87c;--gold-pale:#efd5aa;--paper:#f7f5ef;--ivory:#fffcf5}
html{scroll-padding-top:110px}
body{background:#f7f5ef}
.preview-strip{background:#ece1cb;color:#2d3441;font-size:9px;letter-spacing:.14em}
.site-header{background:#0d1b2c;color:#fff;box-shadow:0 5px 35px rgba(12,23,37,.17)}
.header-inner{min-height:85px}
.brand{background:transparent!important;padding:0!important;box-shadow:none!important;min-height:0;display:flex;align-items:center}
.brand-logo{width:218px;max-height:74px;filter:none;object-fit:contain}
.contact-strip{background:#081521}
.nav-list a{color:#d9e1e7}.nav-list a[aria-current=page],.nav-list a:hover{color:#f3d6a5}
.nav-quote{background:linear-gradient(130deg,#e7c78f,#c8a87c);color:#0b1929!important;border-radius:1px}
.nav-quote:hover{background:#f4daa9!important}
.site-footer{background:#0b1828!important;color:#c2ced7!important}
.footer-official-logo{display:block;width:230px;max-width:100%;height:auto;object-fit:contain;object-position:left top}
.footer-heading{color:#fff}.footer-links a{color:#c3cfda}.footer-description{margin-top:16px;color:#c0cad3}
.footer-bottom{border-top-color:rgba(255,255,255,.15);color:#9bafbb}
/* Full-bleed hero: original image retained, with an overlay only for legibility. No invented duplicate artwork. */
.hero-v4{isolation:isolate;background:#0b1929 url('images/home.webp') center right / cover no-repeat;min-height:680px}
.hero-v4::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,38,.97) 0%,rgba(9,24,38,.93) 31%,rgba(9,24,38,.71) 49%,rgba(9,24,38,.10) 79%,rgba(9,24,38,.03) 100%);z-index:0}
.hero-v4 .hero-layout{grid-template-columns:minmax(0,670px) 1fr;min-height:680px;align-items:center;position:relative;z-index:1}
.hero-v4 .hero-copy{padding:95px 0 108px}
.hero-v4 h1{font-size:clamp(62px,6.1vw,95px);line-height:1.02;letter-spacing:-.052em;text-wrap:balance}
.hero-v4 h1 em{color:#eccb9b}
.hero-v4 .hero-lede{color:#e4eaec;text-shadow:0 1px 7px rgba(0,0,0,.3);max-width:520px}
.hero-v4 .hero-footline{color:#d4dce2}
.btn-gold{background:#d8b886;color:#0b1929}
.btn-outline{border:1px solid rgba(255,255,255,.7);color:#fff}
/* Visual-led secondary pages: full approved art after compact hero banner */
.page-hero{padding:76px 0 88px;background:linear-gradient(120deg,#111f31,#1e3449)}
.page-hero::before,.page-hero::after{display:none}
.page-hero h1{max-width:1120px;font-size:clamp(49px,5.35vw,73px)}
.page-hero h1 em{font-style:italic;color:#edd0a7}
.page-art-section{background:#f7f5ef;padding:0 0 26px}
.page-art-section .container{max-width:1200px}
.page-art-frame{margin:-31px auto 0;position:relative;overflow:hidden;background:#f7f2e8;box-shadow:0 16px 45px rgba(15,25,37,.11);border:1px solid #e8e1d5}
.page-art-frame img{width:100%;height:auto;max-height:565px;object-fit:cover;object-position:center;display:block}
.page-art-section + .section{padding-top:58px}
.section-title em{color:#b38a57!important}
.dark-section .section-title em{color:#ecd1a3!important}
.section,.section-tight{position:relative}
.rail{background:#f9f7f0}
.rail-inner{border-bottom:1px solid #e2e0d8}
.sector-panel{background:linear-gradient(135deg,#223b50,#0f263b)}
.sector-panel.residential{background:linear-gradient(145deg,#3a4b53,#1a2835)}
.sector-panel::before,.sector-panel::after{display:none}
.responsibility-panel{border-left:3px solid #d6b78a;background:#13293f;min-height:380px;padding:45px;display:flex;flex-direction:column;justify-content:center}
.responsibility-panel h3{font-size:36px;line-height:1.15;letter-spacing:-.035em;color:#fff;font-family:var(--serif);font-weight:400;margin:10px 0 16px}
.responsibility-panel p:not(.kicker){color:#d1dee6;line-height:1.8;font-size:15px}
.responsibility-panel .kicker{color:#e2c292}
.contact-grid .office-phone-v4{padding:14px 0;border-top:1px solid #e3dfd6}
.contact-grid .office-phone-v4 span{font-size:13px;color:#5c626b}
.contact-grid .office-phone-v4 a{font-size:17px;white-space:nowrap}
.quote-band{background:#d7b789}
/* Elegant motion; never animate entire images in a way that can distort architectural imagery */
@media(prefers-reduced-motion:no-preference){
  .page-art-frame img{animation:v4-fade .8s both}
  @keyframes v4-fade{from{opacity:.45;filter:brightness(.93)}to{opacity:1;filter:brightness(1)}}
}
@media(max-width:1030px){
  .brand-logo{width:194px}
  .header-right{background:#0d1b2c!important;inset:76px 0 auto 0}
  .header-right .nav-list a{color:#e0e9ee}
  .nav-quote{color:#0d1b2c!important}
  .hero-v4{background-position:58% center}
  .hero-v4::before{background:linear-gradient(90deg,rgba(9,24,38,.97) 0%,rgba(9,24,38,.84) 46%,rgba(9,24,38,.23) 100%)}
}
@media(max-width:740px){
  .brand-logo{width:182px}
  .hero-v4{min-height:630px;background-position:67% center}
  .hero-v4::before{background:linear-gradient(90deg,rgba(9,24,38,.96),rgba(9,24,38,.86) 65%,rgba(9,24,38,.57) 100%)}
  .hero-v4 .hero-layout{min-height:630px}
  .hero-v4 .hero-copy{padding:85px 0 96px}
  .hero-v4 h1{font-size:clamp(55px,12vw,78px)}
  .page-hero{padding:65px 0 65px}
  .page-hero h1{font-size:clamp(42px,10vw,62px)}
  .page-art-frame{margin-top:-16px}
  .page-art-frame img{min-height:260px;max-height:420px;object-fit:cover}
  .page-art-section + .section{padding-top:47px}
  .responsibility-panel{padding:27px;min-height:0}
  .responsibility-panel h3{font-size:29px}
  .footer-official-logo{width:205px}
}
@media(max-width:420px){.brand-logo{width:165px}.hero-v4 h1{font-size:clamp(49px,12.6vw,61px)}.hero-v4 .eyebrow{font-size:9px}.hero-v4 .hero-lede{font-size:15px}.page-art-frame img{min-height:235px}.contact-strip span{display:none}}