/* Brand animation: the original animation travels into a permanent header dock. */
.site-header {position:fixed; min-height:90px; padding:12px clamp(18px,5vw,64px); transition:background .3s,box-shadow .3s;}
.site-header.is-scrolled {background:rgba(7,21,18,.96);backdrop-filter:blur(18px);box-shadow:0 1px 0 #ef8a3438,0 10px 35px #0002;}
.brand {gap:12px;font-size:clamp(1rem,1.6vw,1.45rem)}
.logo-dock {display:block;flex:none;width:52px;height:58px;}
.hero-logo-card {width:clamp(250px,27vw,390px);aspect-ratio:540/597;filter:none;border-radius:0;}
.logo-fallback {width:100%;height:auto;}
.brand-flight {position:fixed;left:0;top:0;width:360px;aspect-ratio:540/597;z-index:22;pointer-events:none;transform-origin:0 0;will-change:transform;}
.brand-flight wlzbbq-logo {position:absolute;width:200%;height:321.60804%;left:-50%;top:-131.9933%;overflow:visible;pointer-events:none;}
.hero-logo-card.motion-ready .logo-fallback {visibility:hidden;}
.about-portrait img {aspect-ratio:1;height:auto;object-fit:contain;}
section[id] {scroll-margin-top:110px;}
@media(max-width:920px){
 .site-header {display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:8px 18px;min-height:100px;}
 .site-header nav {grid-column:1/-1;grid-row:2;flex-wrap:nowrap;justify-content:space-between;gap:10px;font-size:.8rem;overflow-x:auto;padding-bottom:4px;}
 .site-header .language-switch {grid-column:2;grid-row:1;align-self:center;}
 .logo-dock {width:40px;height:45px;}
 .hero-content {padding-top:140px;}
 .hero-logo-card {width:clamp(180px,46vw,270px);}
 .hero-layout {gap:28px;}
 .brand {font-size:1.05rem;gap:9px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.site-header{transition:none}.brand-flight{will-change:auto}}
@media(max-width:620px){.site-header nav{gap:5px;font-size:clamp(.65rem,2.95vw,.8rem)}.site-header .language-switch a{padding:5px 8px}.brand{font-size:clamp(.88rem,4.3vw,1.05rem)}}

@media(min-width:921px){
 .hero-layout {grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);}
 .hero-logo-card {width:100%;max-width:540px;}
 .hero-content h1 {font-size:clamp(3.6rem,8vw,7.4rem);}
}