/* Shared masthead: brand first, navigation second. */
body>header{max-width:none;padding:25px 6%;min-height:132px;background:#faf8f2;color:#252c23;border-top:5px solid #536349;border-bottom:1px solid #c7c9bd;gap:32px}
body>header .brand,body>header .logo{display:flex;align-items:center;gap:20px;flex-shrink:0;color:#252c23;letter-spacing:0;text-decoration:none}
body>header .brand img,body>header .logo img{width:76px;height:86px;object-fit:contain;filter:none;mix-blend-mode:multiply}
body>header .brand>span,body>header .logo .brand-name{font-family:FreeSans,Arial,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1.05}
body>header .brand small,body>header .brand-name small{display:block;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:.055em;margin-top:10px;color:#505b48}
body>header nav{margin-left:auto;gap:25px;font-size:13px}
body>header nav>a{color:#35432e}
body>header nav>a:hover{color:#171e13;text-decoration:underline;text-underline-offset:5px}
body>header .contact,body>header .nav-cta{background:#35462e;color:#fff;border:1px solid #35462e;padding:13px 19px;font-size:13px;line-height:1.4;border-radius:2px}
body>header .contact:hover,body>header .nav-cta:hover{background:#23321e;color:#fff}
/* Light sage sections must use dark typography throughout. */
.vivid-interiors .client-section{background:#e6ecdd;color:#263222}
.vivid-interiors .client-section h2,.vivid-interiors .client-section h3{color:#263222}
.vivid-interiors .client-section h2 em{color:#53613f}
.vivid-interiors .client-section .eyebrow,.vivid-interiors .client-section .section-number{color:#505f40}
.vivid-interiors .client-section .media-card>a{color:#35462a;border-color:#697858}
.vivid-interiors .client-section .section-heading{border-color:#b5c0a7}
.vivid-interiors .client-section .button{background:#35462e;color:#fff}
.vivid-interiors .intro-video>.text-link{color:#35462a;border-color:#697858}
.vivid-interiors .experience-labels span{color:#465639}
.vivid-interiors .main-player p{color:#fff;text-shadow:0 1px 4px #000}
@media(max-width:1050px){body>header{flex-wrap:wrap;gap:18px}body>header nav{width:100%;margin:0;padding-top:16px;border-top:1px solid #d8dace;justify-content:flex-end}body>header .brand>span,body>header .logo .brand-name{font-size:31px}}
@media(max-width:600px){body>header{padding:20px 5%;min-height:0;gap:18px}body>header .brand,body>header .logo{gap:14px}body>header .brand img,body>header .logo img{width:59px;height:66px}body>header .brand>span,body>header .logo .brand-name{font-size:28px}body>header .brand small,body>header .brand-name small{font-size:12px;letter-spacing:.04em;margin-top:7px}body>header .contact{margin-left:73px;padding:10px 16px}body>header nav{justify-content:flex-start;padding-top:14px}body>header .nav-cta{max-width:none;font-size:12px}body>header nav>a:not(.nav-cta){display:none}}