/* TurtleLuck logo scroll: one calm cross-fade in place. Loads AFTER tl-header.css.
   Only height (bar), background/backdrop (bar), transform and opacity animate. */
:root{--lg-dur:300ms;--lg-ease:cubic-bezier(.28,.11,.32,1)}
html header.site.gn{background-color:rgba(255,255,255,1);-webkit-backdrop-filter:saturate(100%) blur(0px);backdrop-filter:saturate(100%) blur(0px);
  transition:background-color var(--lg-dur) var(--lg-ease),backdrop-filter var(--lg-dur) var(--lg-ease),-webkit-backdrop-filter var(--lg-dur) var(--lg-ease),box-shadow var(--lg-dur) var(--lg-ease)}
html header.site.gn.is-small{background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
html header.site.gn .wrap{transition:height var(--lg-dur) var(--lg-ease)}
/* mark group (turtle + Luck. artwork), wrapped by JS so it scales as one unit from its left edge */
html header.site.gn .gn-logo .lg-mark{display:flex;align-items:flex-end;gap:4px;transform-origin:0 50%;will-change:transform,opacity;
  transition:opacity var(--lg-dur) var(--lg-ease),transform var(--lg-dur) var(--lg-ease)}
html header.site.gn .gn-logo .lg-turtle,html header.site.gn .gn-logo .lg-word{display:block!important;opacity:1!important;transform:none!important;transition:none!important}
html header.site.gn.is-small .gn-logo .lg-mark{opacity:0;transform:translate3d(0,-2px,0) scale(.96);pointer-events:none}
/* text logo: same left edge, vertically centred */
html header.site.gn .gn-logo .lg-text{display:inline!important;position:absolute;left:0;top:50%;transform-origin:0 50%;
  opacity:0;transform:translate3d(0,calc(-50% + 2px),0) scale(.98);will-change:transform,opacity;animation:none!important;
  transition:opacity var(--lg-dur) var(--lg-ease),transform var(--lg-dur) var(--lg-ease)}
html header.site.gn.is-small .gn-logo .lg-text{opacity:1;transform:translate3d(0,-50%,0) scale(1)}
html header.site.gn.lg-noanim,html header.site.gn.lg-noanim *{transition:none!important}
@media (prefers-reduced-motion:reduce){
  html header.site.gn,html header.site.gn .wrap{transition:none!important}
  html header.site.gn .gn-logo .lg-mark,html header.site.gn.is-small .gn-logo .lg-mark{transform:none!important}
  html header.site.gn .gn-logo .lg-text,html header.site.gn.is-small .gn-logo .lg-text{transform:translate3d(0,-50%,0)!important}
  html header.site.gn .gn-logo .lg-mark,html header.site.gn .gn-logo .lg-text{transition:opacity 200ms linear!important}
}