/* Shared transparent logo artwork; all animation styles stay inside the logo. */
.logo-animation .logo-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.logo-animation .logo-button:disabled{cursor:default}
.logo-animation .logo-art{display:block;width:100%;height:auto;pointer-events:none}
.logo-animation .logo-static-base{display:inline}
.logo-animation .animated-logo-base,.logo-animation .flying-gull{display:none}
.logo-animation[data-running="true"] .logo-static-base{display:none}
.logo-animation[data-running="true"] .animated-logo-base,.logo-animation[data-running="true"] .flying-gull{display:inline}
.logo-animation .gull-wing{transform-box:view-box}
.logo-animation .gull-wing-left{transform-origin:780px 385px}
.logo-animation .gull-wing-right{transform-origin:795px 382px}
.logo-animation[data-running="true"] .gull-wing-left{animation:gull-left-flap 2.6s ease-in-out infinite}
.logo-animation[data-running="true"] .gull-wing-right{animation:gull-right-flap 2.6s ease-in-out infinite}
@keyframes gull-left-flap{0%,100%{transform:rotate(0deg)}40%{transform:rotate(-38deg)}75%{transform:rotate(15deg)}}
@keyframes gull-right-flap{0%,100%{transform:rotate(0deg)}40%{transform:rotate(22deg)}75%{transform:rotate(-24deg)}}
.logo-animation .position-light{opacity:0}
.logo-animation[data-running="true"] .position-light{animation:position-pulse 3.2s linear infinite}
.logo-animation[data-running="true"] .port-light{animation-delay:-1.6s}
@keyframes position-pulse{0%,4%,50%,100%{opacity:0}12%,42%{opacity:1}}
.logo-animation .lighthouse-beam{opacity:0}
.logo-animation .lighthouse-sweep{transform-box:view-box;transform-origin:0 0}
.logo-animation[data-running="true"] .lighthouse-beam{opacity:1}
.logo-animation[data-running="true"] .lighthouse-sweep{animation:lighthouse-rotation 8s linear infinite}
@keyframes lighthouse-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Header placement: emblem and homepage link have separate controls. */
.site-logo-animation{--site-logo-width:128px;display:block;width:var(--site-logo-width);flex:0 0 var(--site-logo-width);line-height:0;letter-spacing:normal}
.site-logo-animation .logo-button{min-height:44px;aspect-ratio:1254/1040;position:relative;overflow:hidden}
.site-logo-animation .logo-art{position:absolute;left:0;top:calc(var(--site-logo-width) * -.076555)}
.site-header .brand{gap:14px;padding-block:6px}
.brand-home{min-width:0;text-decoration:none;line-height:1.4;display:flex;align-items:center;min-height:44px}
html{scroll-padding-top:134px}
.a11y-expanded-layout .site-header .brand{flex-wrap:wrap}
/* Larger FAQ emblem: transparent and visible at every screen size. */
.faq-logo-animation{display:block;width:min(100%,360px);margin-top:24px;line-height:0;letter-spacing:normal}
.faq-logo-animation .logo-button{min-height:44px;aspect-ratio:1254/1040;position:relative;overflow:hidden}
.faq-logo-animation .logo-art{position:absolute;left:0;top:0;transform:translateY(-7.6555%)}
@media(max-width:680px){.faq-logo-animation{width:min(100%,280px);margin:20px auto 0}}
@media print{.faq-logo-animation{display:none}}
@media(max-width:850px){.site-logo-animation{--site-logo-width:106px}.site-header .brand{gap:10px}.brand-home{font-size:.8125rem}}
@media(max-width:680px){.site-logo-animation{--site-logo-width:94px}.site-header .brand{max-width:calc(100% - 62px);flex:1 1 0;gap:8px}.brand-home{flex:1;overflow-wrap:anywhere}.js-ready .site-header .header-inner{flex-wrap:nowrap}.a11y-expanded-layout .site-header .header-inner{flex-wrap:wrap}html{scroll-padding-top:110px}}
@media(max-width:360px){.site-logo-animation{--site-logo-width:86px}.brand-home{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.logo-animation .logo-static-base{display:inline!important}.logo-animation .animated-logo-base,.logo-animation .flying-gull{display:none!important}.logo-animation .position-light,.logo-animation .lighthouse-beam{opacity:0!important}.logo-animation .position-light,.logo-animation .lighthouse-sweep,.logo-animation .gull-wing{animation:none!important}}