/* Beyarslan's supplied architectural identity, adapted to the site header. */
.brand-image{display:flex;width:282px;max-width:100%;gap:0;line-height:1}
.brand-image .brand-logo{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:3/1}
.header-inner{min-height:105px}
.footer-brand.brand-image{width:270px;max-width:100%;padding:0;background:transparent;border:0;border-radius:0}
/* A single gold treatment keeps the full wordmark legible on the dark footer. */
.footer-brand .brand-logo{filter:brightness(0) saturate(100%) invert(82%) sepia(22%) saturate(761%) hue-rotate(351deg) brightness(90%) contrast(94%)}
.brand-showcase{margin:0;background:#24211d;border:1px solid #c4a67433;overflow:hidden;border-radius:3px}
.brand-showcase img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.brand-showcase figcaption{padding:16px 22px;font-size:11px;letter-spacing:.08em;color:#dfc79f;border-top:1px solid #c4a67433}
.brand-text{font-size:22px;font-weight:800;letter-spacing:.035em}
.hero-visual:not(:has(img)),.about-image:not(:has(img)),.brand-showcase:not(:has(img)){display:none}
.hero-grid:not(:has(.hero-photo)),.about-grid:not(:has(img)){grid-template-columns:1fr}
.hero-grid:not(:has(.hero-photo)){min-height:480px}
.post-card .image-link:not(:has(img)){display:none}
@media(max-width:1190px){.brand-image{width:245px}.header-inner{gap:18px}.footer-brand.brand-image{width:100%}}
@media(max-width:980px){.brand-image{width:268px}.header-inner{min-height:94px}.footer-brand.brand-image{width:260px}}
@media(max-width:700px){.brand-image{width:250px;max-width:calc(100% - 62px)}.header-inner{min-height:87px;gap:16px}.footer-brand.brand-image{width:280px;max-width:100%}.brand-showcase figcaption{padding:14px 17px;font-size:10px}}
@media(max-width:370px){.brand-image{width:220px}.header-inner{min-height:81px}.footer-brand.brand-image{width:260px}}

/* Charcoal, brushed gold and warm stone echo the supplied brand signage. */
:root{--charcoal:#24211d;--metal:#dfb778;--metal-hover:#ebc991;--bronze:#77572e;--ivory:#fffdf8}
body{background:var(--ivory)}
.site-header{background:#fffdf8fa;border-bottom-color:#dfd2bc}
.topbar{background:#eee6d8;color:#6c5a40}
.hero{background:linear-gradient(110deg,#f8f4ec 0%,#eee5d6 100%)}
.hero h1{color:var(--charcoal)}
.hero h1 em{color:var(--bronze)}
.button,.cta-inner .button-light{background:var(--metal);border-color:var(--metal);color:var(--charcoal)}
.button:hover,.cta-inner .button-light:hover{background:var(--metal-hover);border-color:var(--metal-hover);color:var(--charcoal)}
.button-outline{background:transparent;border-color:#b99a6c;color:var(--bronze)}
.button-outline:hover{background:#eee0c9;border-color:#b99a6c;color:var(--charcoal)}
.button-light{background:#f6e7cd;border-color:#f6e7cd;color:var(--charcoal)}
.nav-link.active,.nav-link:hover{color:var(--bronze)}
.nav-link.active:after{background:#b68645}
.hero-image-card{background:#fffaf1;border-left:3px solid #bc9154}
.trust-strip{background:#fffdf8}
.service-card{background:#fffdf8}
.service-card:hover{background:#f7efe1;border-color:#c1a071}
.process-section,.aside-quote{background:var(--charcoal)}
.process-section .eyebrow,.aside-quote .eyebrow{color:#e4be84}
.process-step>span{color:#e4be84}
.process-section p,.aside-quote p{color:#d2c5b1}
.site-footer{background:#24211d}
.floating-contact{background:var(--charcoal);border-color:#b8925a;color:#f4dfba}
.floating-contact:hover{background:#383026}
.filter-button.is-active{background:var(--charcoal);border-color:var(--charcoal);color:#f4d8aa}
.quote-form{background:#fffdf8}
.form-consent input{accent-color:#8c672f}
@media(max-width:700px){
    .mobile-contact-bar{background:#fffaf2;border-color:#d7c7aa}
    .mobile-contact-bar>a{background:#f5eddf;border-color:#d7c7aa;color:#644a28}
    .mobile-contact-bar>a:first-child{background:var(--metal);border-color:var(--metal);color:var(--charcoal)}
}