.nav{height:136px;padding-top:5px;padding-bottom:5px}
.brand{gap:0}
.brand img{display:block;width:auto;height:126px;object-fit:contain}
.hero-logo{position:absolute;z-index:3;top:48%;left:50%;width:min(78%,560px);padding:0;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.hero-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 15px rgba(17,18,24,.16))}
.hero-logo .floating-card{left:50%;bottom:-24px;width:max-content;max-width:80%;justify-content:center;padding:9px 16px;transform:translateX(-50%) rotate(-2deg);box-shadow:0 12px 26px rgba(17,18,24,.25);font-size:.78rem;line-height:1.25;text-align:left}
.hero-logo .floating-card b{font-family:"Barlow Condensed";font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}
.hero{min-height:calc(100vh - 136px)}
footer .brand img{height:120px;filter:drop-shadow(0 2px 5px rgba(255,255,255,.12))}
.work{background:#f5f3ee}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.work figure{margin:0;background:#111218;color:#fff;overflow:hidden;position:relative;min-height:440px}
.work figure img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;transition:transform .4s ease,filter .4s ease}
.work figure:hover img{transform:scale(1.025);filter:saturate(1.08)}
.work-feature img{object-position:center 38%}
.work figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:55px 22px 20px;background:linear-gradient(transparent,rgba(17,18,24,.92));display:grid}
.work figure figcaption b{font:700 1.35rem "Barlow Condensed";text-transform:uppercase}
.work figure figcaption span{font-size:.78rem;color:#d7d8dc}
.facebook-link{display:inline-block;margin-top:25px;color:#2f63ff;font-weight:700;text-decoration:none}
@media(max-width:800px){
  .nav{height:96px}
  .brand img{height:88px}
  .hero-logo{top:47%;width:min(82%,390px);padding:0}
  .hero-logo .floating-card{bottom:-25px;max-width:88%;padding:8px 12px;font-size:.74rem}
  .hero-logo .floating-card b{font-size:1rem}
  .nav nav{top:96px}
  .hero{min-height:calc(100vh - 96px)}
  footer .brand img{height:105px}
  .work-grid{grid-template-columns:1fr}
  .work figure,.work figure img{min-height:360px}
}