.brand,.footer-logo{width:auto;height:auto;display:inline-flex;align-items:center;gap:.75rem;filter:none}
.logo-mark{width:2.45rem;height:2.45rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-soft);font-family:Manrope,sans-serif;font-size:.72rem;letter-spacing:.08em}
.logo-type{font-family:Manrope,sans-serif;font-size:.9rem;letter-spacing:.14em;color:#fff;white-space:nowrap}
.footer-logo .logo-mark{width:3rem;height:3rem}.footer-logo .logo-type{font-size:1rem}
.contact-links .icon,.directory-list .icon,.contact-note .icon{display:block;visibility:visible;stroke:currentColor;fill:none}
.contact-links a:hover{color:var(--gold-soft)}.directory-list>a>.icon{color:var(--gold)}
.intro-visual{display:flex;flex-direction:column;align-items:flex-start}.intro-visual figure{margin:1rem 0 0;width:100%;max-width:420px;position:relative;overflow:hidden;border-radius:.65rem}.intro-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1);transition:filter .45s ease,transform .6s ease}.intro-visual figure:hover img{filter:grayscale(0);transform:scale(1.025)}.intro-visual figcaption{position:absolute;left:.75rem;bottom:.75rem;background:rgba(9,9,8,.82);padding:.45rem .65rem;color:var(--gold-soft);font-size:.68rem;letter-spacing:.06em}
#main>.section:first-of-type{padding-block:clamp(3.5rem,6vw,5.5rem)}
#main>.section:first-of-type .split{align-items:center;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,5vw,5rem)}
#main>.section:first-of-type .copy-large{font-size:clamp(1.65rem,2.65vw,2.9rem)}
.cta{padding:clamp(3.5rem,6vw,5.5rem) var(--pad)}.cta .section-title{font-size:clamp(2rem,4vw,4rem);margin-bottom:1.6rem}
.project img,.service-feature img,.image-pair img{filter:grayscale(1);transition:filter .45s ease,transform .6s ease}
.project:hover img,.project:focus-within img,.service-feature:hover img,.image-pair img:hover{filter:grayscale(0);transform:scale(1.025)}
.service-feature{background:#181714}.service-feature:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(216,197,162,.12);pointer-events:none}
@media(max-width:800px){#main>.section:first-of-type .split{grid-template-columns:1fr}.intro-visual figure{max-width:none}.logo-type{font-size:.8rem}.logo-mark{width:2.3rem;height:2.3rem}.site-header.open .brand{position:relative;z-index:3}}
@media(max-width:560px){.cta{padding-block:3.25rem}.cta .section-title{font-size:2rem}.footer-logo .logo-type{font-size:.9rem}}