.brand img{display:block;width:178px;height:64px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);transition:filter .35s}
.site-header.scrolled .brand img,body:not(.page-home) .brand img{filter:none}
.footer-logo{display:block;width:190px;height:auto;filter:brightness(0) invert(1)}
.site-header nav a.active{color:var(--gold)}
.site-header nav a.active:after{right:0}
.site-header nav .nav-login{margin:-11px 0;padding:11px 16px;border:1px solid currentColor;display:flex;align-items:center;gap:12px;transition:.25s}
.site-header nav .nav-login:after{display:none}
.site-header nav .nav-login:hover{background:var(--ink);border-color:var(--ink);color:#fff}
body:not(.page-home) .site-header{height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);color:var(--ink);box-shadow:0 8px 30px rgba(0,0,0,.05)}
.page-hero{height:68vh;min-height:520px;position:relative;color:#fff;background-position:center;background-size:cover}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,18,.72),rgba(7,13,18,.15))}
.page-hero-content{position:absolute;z-index:1;left:9vw;bottom:11vh;max-width:850px}
.page-hero h1{font:600 clamp(52px,6vw,92px)/.95 'Playfair Display',serif;letter-spacing:-.04em;margin:22px 0}
.page-hero h1 em{color:#d9c09a}
.page-hero p{color:rgba(255,255,255,.82);line-height:1.8}
.project-hero,.gallery-hero,.contact-hero{background-image:url('../img/slides/talun-slide-01.webp')}
.services-hero,.about-hero{background-image:url('../img/slides/talun-slide-01.webp')}
.service-page-grid{margin-top:55px}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:55px}
.gallery-grid figure{margin:0;min-height:390px;overflow:hidden}
.gallery-grid .gallery-wide{grid-column:1/-1;min-height:560px}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gallery-grid figure:hover img{transform:scale(1.03)}
.units-section{background:#f5f3ee}
.units-section .heading-row{margin-top:55px}
.units-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:60px}
.unit-card{background:#fff;border:1px solid rgba(17,24,32,.1);overflow:hidden;transition:transform .35s,box-shadow .35s}
.unit-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(17,24,32,.1)}
.unit-image{height:430px;background:#ebe8e1;overflow:hidden}
.unit-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.unit-card:hover .unit-image img{transform:scale(1.025)}
.unit-copy{padding:30px 32px 34px}
.unit-copy>span{font-size:9px;letter-spacing:.18em;color:#b39261;font-weight:800}
.unit-copy h3{margin:12px 0 14px;font:600 32px 'Playfair Display',serif;letter-spacing:-.025em}
.unit-copy p{min-height:48px;margin:0 0 24px;color:#667078;font-size:13px;line-height:1.8}
.unit-copy a{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid rgba(17,24,32,.12);color:#111820;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.unit-copy a b{font-size:18px;font-weight:400}
.unit-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr}
.unit-featured .unit-image{height:500px}
.unit-featured .unit-copy{display:flex;flex-direction:column;justify-content:center;padding:50px}
.unit-disclaimer{margin:28px 0 0;color:#81878c;font-size:10px;line-height:1.7}
@media(max-width:800px){
  .brand img{width:145px;height:54px}
  .site-header nav{gap:24px;box-shadow:0 20px 40px rgba(0,0,0,.1)}
  .site-header nav .nav-login{justify-content:space-between;margin:0}
  .page-hero{height:62vh;min-height:480px}
  .page-hero-content{left:7vw;right:7vw;bottom:8vh}
  .page-hero h1{font-size:48px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid .gallery-wide{grid-column:auto}
  .gallery-grid figure,.gallery-grid .gallery-wide{min-height:320px}
  .units-grid{grid-template-columns:1fr;margin-top:42px}
  .unit-featured{grid-column:auto;display:block}
  .unit-image,.unit-featured .unit-image{height:330px}
  .unit-featured .unit-copy,.unit-copy{padding:26px 24px 30px}
  .unit-copy p{min-height:auto}
}

.contact-lines a{color:inherit;text-decoration:none;transition:color .25s}.contact-lines a:hover{color:#b39261}