.refreshed-home > .home-wordmark { padding: 0; background: #fff; border: 0; }
.home-wordmark-art { position: relative; width: 100%; max-width: min(1080px, calc((100svh - 130px) * 1.5)); aspect-ratio: 3 / 2; margin: 0 auto; isolation: isolate; overflow: hidden; }
.home-wordmark-art img { display: block; width: 100%; height: auto; }
.home-wordmark-art .home-wordmark-cloud { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
.home-wordmark-caption { position: absolute; top: 79%; left: 24px; right: 24px; text-align: center; }
.home-wordmark-caption h2 { margin: 0 0 12px; font: 400 48px/1.15 Georgia, serif; color: #22242b; letter-spacing: 0; }
.home-wordmark-caption p { margin: 0; font: 400 22px/1.4 Urbanist, sans-serif; color: #5e5965; }
@media (max-width: 760px) {
  .home-wordmark-caption { left: 16px; right: 16px; }
  .home-wordmark-caption h2 { font-size: 28px; margin-bottom: 8px; }
  .home-wordmark-caption p { font-size: 16px; }
}
@media (max-width: 440px) {
  .home-wordmark-caption h2 { font-size: 22px; margin-bottom: 4px; }
  .home-wordmark-caption p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .home-wordmark-art .home-wordmark-cloud { display: none; } }

/* The viewport cover gives way to a clone precisely aligned with the real panel. */
main.refreshed-home > .home-wordmark,
main.refreshed-home > .home-wordmark.is-panel-active { background: #fff; }
.faybl-intro { position: fixed; inset: 0; z-index: 10000; background: #fff; overflow: hidden; touch-action: none; }
.faybl-intro-panel { position: absolute; max-width: none; margin: 0; opacity: 0; }
.faybl-intro-field { position: absolute; inset: 0; background-color: #fff; background-repeat: repeat; background-size: 1200px 800px; opacity: 0; }
.faybl-intro-skip { position: absolute; right: 24px; bottom: 24px; border: 1px solid #dcdbe2; border-radius: 4px; padding: 10px 16px; background: #fff; color: #22242b; font: 600 14px Urbanist, sans-serif; cursor: pointer; }
.faybl-intro.is-running .faybl-intro-panel { opacity: 1; }
.faybl-intro.is-running .faybl-intro-field { animation: intro-cloud-out 1300ms ease 2000ms both; }
.faybl-intro.is-running .home-wordmark-cloud { animation: intro-cloud-out 1600ms ease 3300ms both; }
.faybl-intro.is-running .home-wordmark-caption { animation: intro-message-in 1400ms ease 4900ms both; }
.faybl-intro.is-running { animation: intro-cloud-out 1600ms ease 7000ms forwards; }
@keyframes intro-cloud-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes intro-message-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .faybl-intro { display: none; } }