/* The original navbar image remains the default, including without JavaScript. */
.gy-logo-in-flight { visibility: hidden !important; }
.gy-logo-intro { position: fixed; inset: 0; z-index: 10000; pointer-events: none; overflow: hidden; }
.gy-logo-veil { position: absolute; inset: 0; background: #ffffff; opacity: 1; }
.gy-logo-stage { position: absolute; transform-origin: 0 0; will-change: transform; }
.gy-logo-piece, .gy-logo-whole { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; }
.gy-logo-piece { will-change: transform, opacity; }
.gy-logo-whole { opacity: 0; }
.gy-logo-intro--video .gy-logo-veil { background: #ffffff; }
.gy-logo-film { position: absolute; left: 50%; top: 50%; max-width: none; transform: translate(-50%,-50%); object-fit: fill; }
.gy-logo-film-mark { position: absolute; inset: 0; background: #173a39; mask-size: contain; mask-position: center; mask-repeat: no-repeat; opacity: 0; }
.gy-logo-wordmark { position: absolute; left: 50%; transform: translateX(-50%); color: #173a39; text-align: center; white-space: nowrap; font: inherit; font-size: clamp(24px,3vw,36px); font-weight: 300; line-height: 1.2; letter-spacing: -.025em; opacity: 0; }
.gy-logo-wordmark span { display: block; font-size: 9px; letter-spacing: .3em; text-transform: uppercase; margin-top: 9px; }
.gy-logo-intro--video .gy-logo-skip { color: #173a39; }
.gy-logo-skip { position: absolute; right: 32px; bottom: 26px; pointer-events: auto; background: transparent; color: #43534a; border: 0; padding: 10px 4px; min-height: 44px; font: inherit; font-size: 13px; cursor: pointer; text-underline-offset: 5px; }
.gy-logo-replay { position: absolute; right: 2rem; top: calc(1.5rem + 48px); min-height: 44px; background: transparent; color: white; border: 0; border-radius: 0; padding: .5rem 0; font: inherit; font-size: .8rem; cursor: pointer; text-shadow: 0 1px 5px rgb(0 0 0 / 60%); text-underline-offset: 5px; }
.gy-logo-skip:hover, .gy-logo-replay:hover { text-decoration: underline; }
.gy-logo-replay[hidden] { display: none; }
.gy-logo-replay:disabled { cursor: default; opacity: .6; }
.gy-logo-skip:focus-visible { outline: 2px solid #203f38; outline-offset: 5px; }
@media (max-width: 767px) {
  .gy-logo-replay { right: 1rem; top: calc(1rem + 48px); }
  .gy-logo-skip { right: 20px; bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .gy-logo-intro, .gy-logo-replay { display: none !important; }
  .gy-logo-in-flight { visibility: visible !important; }
}

html[data-gy-intro-loading]::after { content: ""; position: fixed; inset: 0; z-index: 9999; background: #fff; pointer-events: none; }

.gy-webflow-home { position: relative; }
.gy-webflow-home .gy-logo-replay { top: 10px; right: 5%; color: #173a39; text-shadow: none; }