/* The owner-supplied stacked wordmark: keep aspect ratio and comfortable clear space.
   Black on the light header/footer, unfiltered original white over the charcoal mist.
   The gold-tinted derivative is supplied as an optional asset, not the default logo. */
.site-header { padding-block: 18px; }
.wordmark { align-items: center; width: 128px; }
.site-logo { display: block; width: 124px; height: auto; object-fit: contain; }
.wordmark-sub { font-size: 5px; letter-spacing: .12em; line-height: 1.5; margin-top: 11px; white-space: nowrap; }
.footer-logo { display: inline-block; width: 148px; max-width: 100%; line-height: 1; }
.footer-brand-logo { display: block; width: 148px; max-width: 100%; height: auto; object-fit: contain; }
.footer-logo > span { margin-top: 15px; font-size: 8px; letter-spacing: .3em; }
.hero-brand-logo {
  display: block; position: absolute; z-index: 1;
  width: 70%; max-width: 340px; height: auto;
  left: 50%; top: 44%; transform: translate(-50%, -50%);
  object-fit: contain;
}
.hero-stage .hero-art .art-orbit { opacity: .62; }
@media (max-width: 760px) {
  .site-header { padding-block: 16px; }
  .wordmark { width: 106px; }
  .site-logo { width: 100px; height: auto; }
  .wordmark-sub { font-size: 4.6px; letter-spacing: .04em; margin-top: 9px; }
  .footer-logo, .footer-brand-logo { width: 142px; }
  .hero-brand-logo { width: 73%; max-width: 290px; top: 43%; }
}
@media (max-width: 360px) {
  .site-logo { width: 94px; }
  .wordmark { width: 100px; }
  .hero-brand-logo { width: 72%; }
}

/* Hero ring: a true circle, centered (Dasha, Nov 10). */
.hero-stage .hero-art .art-orbit{height:80%;width:auto;aspect-ratio:1/1;max-width:90%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}

/* Hero manifesto (Dasha, Nov 10) */
.hero-manifesto{line-height:.95}.hero-manifesto em{color:#d8c39a}.hero-brandline{display:block;margin-top:22px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#d8c39a}

.hero-copy .hero-brandline{display:block;margin:4px 0 30px;padding-top:22px;border-top:1px solid rgba(216,195,154,.45);max-width:420px;font-family:var(--serif);font-size:clamp(30px,7vw,46px);font-weight:400;letter-spacing:.06em;text-transform:none;line-height:1.1;color:#d8c39a}

/* No ring around hero logo (Dasha, Nov 10) */
.hero-stage .hero-art .art-orbit{display:none!important}

.service-strip i:nth-of-type(3){display:inline!important}

/* Brand line same font as manifesto, gold (Dasha) */
.hero-copy h1 .hero-brandline{display:inline;margin:0;padding:0;border:0;max-width:none;font:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;text-transform:none;color:#d8c39a}

/* Creativity white, no underline (Dasha) */
.hero-copy h1.hero-manifesto em{color:#fffaf0!important;text-decoration:none!important;border:0!important;box-shadow:none!important;background:none!important}
.hero-copy h1.hero-manifesto em::after,.hero-copy h1.hero-manifesto em::before{display:none!important}
.hero-copy h1 .hero-brandline{border:0!important;padding-top:0!important}