/* DEV review: Unslop criteria adapted to an architectural portfolio.
   Audit method: Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0.
   Keep existing brand, content and functional components. */
body{background:var(--bg)}
.brand img{filter:brightness(0) invert(1)}
.eyebrow{letter-spacing:.055em;text-transform:none;font-weight:500}
.project-facts dt{text-transform:none;letter-spacing:.035em}
.hero.hero-with-image .hero-bg-img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:none;transition:none;filter:saturate(1.02) contrast(1.02) brightness(.9)}
@media(hover:hover) and (pointer:fine){.hero.hero-with-image .hero-bg-img{transform:translate(var(--parallax-x,0px),var(--parallax-y,0px)) scale(1.025);transform-origin:center center;transition:transform .55s cubic-bezier(.22,.8,.24,1);will-change:transform}}
.hero.hero-with-image:before{background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.54) 48%,rgba(0,0,0,.24) 100%)}
.hero.hero-with-image>div{padding-top:88px;padding-bottom:64px}
.hero .proof-line{padding:0;border:0;background:none;max-width:760px;letter-spacing:0}
:where(a,button,summary):focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
@media(max-width:980px){.site-header nav{flex-wrap:wrap;overflow:visible;column-gap:16px;row-gap:2px}.site-header nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 0}}
@media(max-width:640px){.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-facts dd{overflow-wrap:anywhere;line-height:1.45}.carousel-slide img{height:auto!important;max-height:66vh;object-fit:contain}.hero.hero-with-image{min-height:0}.hero.hero-with-image .hero-bg-img{object-position:58% center}.hero.hero-with-image>div{padding-top:48px!important;padding-bottom:40px!important}.hero.hero-with-image:before{background:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.5))}.hero .btns .btn{flex:1 1 150px;min-width:0;width:auto}.eyebrow{letter-spacing:.035em}}
@media(prefers-reduced-motion:reduce){.hero.hero-with-image .hero-bg-img{transform:none;transition:none;will-change:auto}}
