.hero-photo {
  inset: 0;
  background: url("assets/hero-showroom-v2.jpg") center center / cover no-repeat;
}

.hero-photo img {
  opacity: 0;
}

:root {
  --gold: #f2c66a;
  --gold2: #f2c66a;
}

.hero-actions .btn::before {
  content: "";
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  background: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

.hero-actions .btn {
  gap: 10px;
}

.hero-actions .btn:first-child::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}

.hero-actions .btn:nth-child(2)::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.1 2 3 5.1-2.2 2.2a15.6 15.6 0 0 0 6.8 6.8l2.2-2.2 5.1 3c-.6 3.2-2.7 5.1-5.2 5.1C9.4 22 2 14.6 2 7.2 2 4.7 3.9 2.6 7.1 2Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.1 2 3 5.1-2.2 2.2a15.6 15.6 0 0 0 6.8 6.8l2.2-2.2 5.1 3c-.6 3.2-2.7 5.1-5.2 5.1C9.4 22 2 14.6 2 7.2 2 4.7 3.9 2.6 7.1 2Z'/%3E%3C/svg%3E");
}

.hero-actions .btn-outline {
  background: rgba(12, 11, 9, .12);
  border-color: rgba(255, 255, 255, .72);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.portfolio > a {
  min-width: 0;
  min-height: 0;
}

.portfolio > a > figure {
  width: 100%;
  height: 100%;
}

.portfolio > a:hover img {
  transform: scale(1.025);
}

.portfolio > a img {
  transition: transform .45s;
}

@media (max-width: 720px) {
  .hero-photo {
    inset: 0;
    background-image: url("assets/hero-showroom-mobile.jpg");
    background-position: center top;
  }

  .hero-gradient {
    background:
      linear-gradient(90deg, rgba(7, 6, 5, .72), rgba(7, 6, 5, .2) 72%, rgba(7, 6, 5, .04)),
      linear-gradient(0deg, rgba(7, 6, 5, .92), rgba(7, 6, 5, .2) 68%, rgba(7, 6, 5, .08));
  }

  .portfolio > a,
  .portfolio > a.portfolio-main,
  .portfolio > a.portfolio-wide {
    flex: 0 0 82vw;
    height: 380px;
  }
}

.video-card video {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #050505;
  object-fit: contain;
}

/* One consistent GOLD DOORS accent sampled from the supplied reference. */
.logo img,
.footer-logo,
.brand-logos > img:first-child {
  filter: saturate(.72) sepia(.1) brightness(1.04);
}

.catalog .kicker,
.facts .kicker,
.brand-story .kicker,
.showrooms .kicker,
.brand-logos span,
.showroom-card .badge,
.gallery-counter {
  color: var(--gold);
}

.video-card {
  border-color: rgba(242, 198, 106, .45);
  background: linear-gradient(135deg, rgba(242, 198, 106, .09), rgba(255,255,255,.015));
}

.showroom-card .showroom-instagram {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
  color: var(--gold);
  font-weight: 700;
}

.showroom-card .showroom-instagram::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm11 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm11 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.showroom-card .showroom-instagram:hover,
.showroom-card .showroom-instagram:focus-visible {
  color: #fff;
}

html {
  scroll-padding-top: 116px;
}

.site-header {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  transform: none;
  padding-inline: max(var(--pad), calc((100vw - var(--shell)) / 2));
  z-index: 50;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}

.site-header.is-scrolled {
  background: rgba(9, 9, 8, .9);
  border-bottom-color: rgba(242, 198, 106, .34);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

@media (max-width: 720px) {
  html {
    scroll-padding-top: 88px;
  }

  .site-header {
    width: 100%;
    padding-inline: 16px;
  }

  .site-header.is-scrolled {
    background: rgba(9, 9, 8, .94);
  }
}

.final-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.final-socials a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(242, 198, 106, .58);
  border-radius: 12px;
  color: var(--gold);
  background: rgba(9, 9, 8, .38);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-weight: 700;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.final-socials a::before {
  content: "";
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  background: currentColor;
}

.final-socials .instagram-link::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm11 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm11 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.final-socials .youtube-link::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.final-socials a:hover,
.final-socials a:focus-visible {
  color: #151109;
  border-color: var(--gold);
  background: var(--gold);
}

.footer-grid {
  grid-template-columns: 1.5fr .7fr .7fr;
}

@media (max-width: 720px) {
  .final-socials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .final-socials a {
    justify-content: center;
    padding-inline: 12px;
  }
}