/* Homepage palette: gloss white, smoked black, metallic gold and frosted glass. */
.agency-home {
  --lux-ink: #121212;
  --lux-slate: #666;
  --lux-gold: 194, 154, 76;
  --lux-gold-soft: 231, 211, 164;
  --lux-smoke: 26, 26, 26;
  background: #fff;
  color: #171717;
}

.agency-home .site-header {
  border-bottom-color: rgba(var(--lux-gold), .16);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .055), inset 0 -1px 0 rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: blur(22px) saturate(128%);
  backdrop-filter: blur(22px) saturate(128%);
}

.agency-home .site-header__brand span {
  color: transparent;
  background: linear-gradient(100deg, #7f6027, #d8bd79 48%, #8d692d);
  -webkit-background-clip: text;
  background-clip: text;
}

.agency-home .agency-kicker {
  color: #8b6b32;
}

.agency-home .site-header__nav a[aria-current="page"]::after,
.agency-home .site-header__quick-nav a[aria-current="page"]::after {
  background: linear-gradient(90deg, #8c6829, #d6b96f, #8c6829);
}

.agency-home .agency-hero__facts li::before {
  background: #b48b3f;
  box-shadow: 0 0 0 4px rgba(var(--lux-gold), .12), 0 0 14px rgba(var(--lux-gold), .16);
}

.agency-home .agency-hero {
  position: relative;
  background: #fff;
}

.agency-home .agency-hero__copy {
  position: relative;
  z-index: 1;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 4% 8%, rgba(var(--lux-gold-soft), .16), transparent 29%),
    radial-gradient(circle at 92% 86%, rgba(var(--lux-smoke), .055), transparent 27%),
    #fff;
}

.agency-home .agency-hero__copy::before {
  position: absolute;
  z-index: -1;
  top: 8%;
  right: -16%;
  width: 42%;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--lux-gold), .22);
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle, rgba(255, 255, 255, .78), rgba(var(--lux-gold-soft), .09) 55%, transparent 72%);
  box-shadow: 0 0 90px rgba(var(--lux-gold), .10), inset 0 0 46px rgba(255, 255, 255, .74);
  pointer-events: none;
}

.agency-home .agency-button {
  border-color: rgba(18, 18, 18, .68);
  background: linear-gradient(120deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .54));
  box-shadow: 0 10px 28px rgba(0, 0, 0, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.agency-home .agency-button--dark {
  border-color: rgba(var(--lux-gold), .32);
  background:
    linear-gradient(108deg, transparent 25%, rgba(255, 255, 255, .10) 47%, transparent 60%),
    linear-gradient(125deg, #050505 0%, #242424 67%, #080808 100%);
  box-shadow: 0 15px 34px rgba(0, 0, 0, .21), inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 -1px 0 rgba(var(--lux-gold), .16);
}

.agency-home .agency-hero__image,
.agency-home .agency-model-card figure {
  background: #f0f0f0;
}

.agency-home .agency-hero__image {
  box-shadow: -24px 0 70px rgba(0, 0, 0, .11);
}

.agency-home .agency-hero__image::after {
  background:
    linear-gradient(180deg, rgba(var(--lux-gold-soft), .055) 0%, transparent 48%, rgba(0, 0, 0, .49) 100%),
    linear-gradient(110deg, rgba(var(--lux-gold), .065), transparent 38%);
}

.agency-home .agency-model-card a {
  border-color: rgba(var(--lux-gold), .18);
  background: linear-gradient(145deg, #fff 45%, rgba(244, 244, 244, .78));
  box-shadow: 0 17px 44px rgba(0, 0, 0, .08), inset 0 1px 0 #fff;
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.agency-home .agency-model-card figure {
  position: relative;
}

.agency-home .agency-model-card figure::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(145deg, rgba(var(--lux-gold-soft), .10), transparent 38%, rgba(0, 0, 0, .08));
  pointer-events: none;
}

.agency-home .agency-model-card span {
  color: #8c6b31;
}

.agency-home .agency-process .agency-kicker,
.agency-home .agency-process li > span {
  color: #c7a75f;
}

.agency-home .agency-process {
  background:
    radial-gradient(circle at 12% 15%, rgba(var(--lux-gold), .13), transparent 26%),
    radial-gradient(circle at 88% 92%, rgba(255, 255, 255, .045), transparent 31%),
    linear-gradient(132deg, #070707, #222 55%, #0a0a0a);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(var(--lux-gold), .10);
}

.agency-home .agency-process li {
  background: linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 56%);
}

.agency-home .agency-locations {
  border-color: rgba(21, 21, 21, .12);
}

.agency-home .agency-locations__list,
.agency-home .agency-locations__list span {
  border-color: rgba(79, 62, 30, .16);
}

.agency-home .agency-locations__list span {
  color: #242a2e;
  background: linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(245, 245, 245, .62));
  box-shadow: inset 0 1px 0 #fff;
  transition: color .25s ease, background .25s ease, box-shadow .25s ease;
}

.agency-home .agency-locations__list span:last-child {
  color: #fff;
  background:
    linear-gradient(108deg, transparent 24%, rgba(255, 255, 255, .09) 48%, transparent 62%),
    linear-gradient(125deg, #070707, #2a2a2a 68%, #090909);
  box-shadow: 0 13px 30px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(var(--lux-gold), .18);
}

.agency-home .agency-ambassador {
  border-color: rgba(var(--lux-gold), .17);
  background:
    radial-gradient(circle at 9% 25%, rgba(var(--lux-gold-soft), .19), transparent 30%),
    radial-gradient(circle at 88% 75%, rgba(var(--lux-smoke), .055), transparent 28%),
    linear-gradient(132deg, rgba(255, 255, 255, .98), rgba(245, 245, 245, .74));
  box-shadow: inset 0 1px 0 #fff, 0 22px 65px rgba(0, 0, 0, .06);
  -webkit-backdrop-filter: blur(16px) saturate(112%);
  backdrop-filter: blur(16px) saturate(112%);
}

.agency-home .agency-ambassador > div:last-child p,
.agency-home .agency-section-heading > div:last-child p,
.agency-home .agency-locations__copy > p:not(.agency-kicker),
.agency-home .agency-inquiry > header > p,
.agency-home .agency-hero__lead {
  color: #626262;
}

.agency-home .agency-inquiry {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 5% 18%, rgba(var(--lux-gold-soft), .17), transparent 25%),
    radial-gradient(circle at 96% 78%, rgba(var(--lux-smoke), .055), transparent 28%),
    #fff;
}

.agency-home .agency-inquiry > * {
  position: relative;
  z-index: 1;
}

.agency-home .agency-brief.home-form {
  border: 1px solid rgba(var(--lux-gold), .20);
  color: #272727;
  background: rgba(255, 255, 255, .68);
  box-shadow: 0 28px 78px rgba(0, 0, 0, .105), inset 0 1px 0 rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(22px) saturate(118%);
  backdrop-filter: blur(22px) saturate(118%);
}

.agency-home .agency-brief label {
  color: #4f4f4f;
}

.agency-home .agency-brief label span,
.agency-home .agency-brief .home-form__note {
  color: #828282;
}

.agency-home .agency-brief input,
.agency-home .agency-brief select,
.agency-home .agency-brief textarea {
  border-color: rgba(61, 53, 38, .18);
  color: #242424;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 7px 20px rgba(0, 0, 0, .045), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.agency-home .agency-brief input::placeholder,
.agency-home .agency-brief textarea::placeholder {
  color: #8b8b8b;
}

.agency-home .agency-brief input:focus,
.agency-home .agency-brief select:focus,
.agency-home .agency-brief textarea:focus {
  border-color: #b18a42;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 0 0 3px rgba(var(--lux-gold), .11), 0 9px 24px rgba(0, 0, 0, .06);
}

.agency-home .agency-brief .home-form__selection {
  border-color: rgba(var(--lux-gold), .22);
  background: linear-gradient(110deg, rgba(255, 255, 255, .88), rgba(var(--lux-gold-soft), .20));
}

.agency-home .agency-brief .home-form__selection span,
.agency-home .agency-brief .home-form__selection button {
  color: #816229;
}

.agency-home .agency-brief .home-form__selection button {
  border-color: #a37b33;
}

.agency-home .agency-brief > button {
  border-color: rgba(var(--lux-gold), .34);
  background:
    linear-gradient(108deg, transparent 26%, rgba(255, 255, 255, .11) 48%, transparent 61%),
    linear-gradient(125deg, #050505 0%, #252525 70%, #080808 100%);
  box-shadow: 0 15px 32px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(var(--lux-gold), .18);
}

.agency-home .site-footer {
  background:
    radial-gradient(circle at 8% 12%, rgba(var(--lux-gold), .10), transparent 27%),
    radial-gradient(circle at 92% 90%, rgba(255, 255, 255, .045), transparent 30%),
    linear-gradient(135deg, #070707, #1e1e1e 58%, #080808);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(var(--lux-gold), .08), 0 -18px 50px rgba(0, 0, 0, .07);
}

@media (hover: hover) and (pointer: fine) {
  .agency-home .agency-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 34px rgba(0, 0, 0, .115), inset 0 1px 0 rgba(255, 255, 255, .92);
  }

  .agency-home .agency-button--dark:hover {
    background:
      linear-gradient(108deg, transparent 20%, rgba(var(--lux-gold-soft), .13) 48%, transparent 64%),
      linear-gradient(125deg, #090909, #303030 72%, #0b0b0b);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(var(--lux-gold), .24);
  }

  .agency-home .agency-model-card:hover a {
    transform: translateY(-4px);
    border-color: rgba(var(--lux-gold), .34);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .13), inset 0 1px 0 #fff;
  }

  .agency-home .agency-locations__list span:not(:last-child):hover {
    background: linear-gradient(135deg, #fff, rgba(var(--lux-gold-soft), .20));
    box-shadow: inset 3px 0 0 rgba(var(--lux-gold), .52), 0 8px 22px rgba(0, 0, 0, .06);
  }

  .agency-home .agency-brief > button:hover {
    color: #fff;
    background:
      linear-gradient(108deg, transparent 22%, rgba(var(--lux-gold-soft), .14) 48%, transparent 64%),
      linear-gradient(125deg, #090909, #303030 72%, #0b0b0b);
    box-shadow: 0 17px 36px rgba(0, 0, 0, .23), inset 0 -1px 0 rgba(var(--lux-gold), .22);
  }
}

@media (max-width: 700px) {
  .agency-home .site-header {
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
  }

  .agency-home .agency-hero__copy::before {
    top: 4%;
    right: -28%;
    width: 72%;
    opacity: .76;
  }

  .agency-home .agency-hero__image {
    box-shadow: 0 -14px 38px rgba(0, 0, 0, .09);
  }

  .agency-home .agency-model-card a {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .075);
  }

  .agency-home .agency-ambassador {
    background:
      radial-gradient(circle at 8% 18%, rgba(var(--lux-gold-soft), .17), transparent 38%),
      radial-gradient(circle at 91% 86%, rgba(var(--lux-smoke), .05), transparent 32%),
      rgba(250, 250, 250, .82);
  }

  .agency-home .agency-brief.home-form {
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .075);
  }
}