@layer page {
.pg-home [data-logo-flight-destination] { visibility: hidden; pointer-events: none; display: flex; align-items: center; min-height: 44px; }
.pg-home [data-logo-flight-destination][data-logo-flight-state="docked"] { visibility: visible; pointer-events: auto; }
.pg-home .header-logo-name { position: relative; display: block; width: calc(var(--logo-h) * 2.021667613); height: var(--name-h); }
.pg-home .header-logo-name img { width: 100%; height: 100%; }
.pg-home .header-logo-name .header-logo-yellow { position: absolute; inset: 0; display: none; object-fit: contain; }
.pg-home .poster-wordmark[data-logo-flight-source="away"] { visibility: hidden; }
.pg-home .logo-flight { position: fixed; top: 0; left: 0; z-index: 1; display: block; max-width: none; transform-origin: 0 0; pointer-events: none; }
.pg-home .logo-flight img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.pg-home .logo-flight .logo-flight-yellow { display: none; object-fit: contain; }
.pg-home .logo-flight[hidden] { display: none; }
.pg-home .logo-flight[data-moving] { will-change: transform; }
.pg-home .poster-motto[data-moving] { will-change: transform, opacity; }
.pg-home .header-actions, .pg-home .menu-toggle { position: relative; z-index: 2; }
@media (min-width: 1024px) {
.pg-home [data-logo-flight-variant="yellow"] .header-logo-name > img:not(.header-logo-yellow) { visibility: hidden; }
.pg-home [data-logo-flight-variant="yellow"] .header-logo-yellow { display: block; }
.pg-home .logo-flight[data-yellow] .logo-flight-name { opacity: calc(1 - var(--logo-yellow, 0)); }
.pg-home .logo-flight[data-yellow] .logo-flight-yellow { display: block; opacity: var(--logo-yellow, 0); }
.pg-home .logo-flight[data-moving][data-yellow] .logo-flight-name,
.pg-home .logo-flight[data-moving][data-yellow] .logo-flight-yellow { will-change: opacity; }
}
}
