/* Decorative actor never changes layout or receives pointer/keyboard events. */
.penguin-nav{display:none;position:absolute;left:0;top:0;width:75.6px;height:75.6px;pointer-events:none;user-select:none;z-index:1;will-change:transform}
.penguin-nav-sprite{filter:url("/penguin-color.svg?v=2#nesta-purple");display:block;width:75.6px;height:75.6px;background-image:url('/assets/nesta-penguin-pill-sprite.png');background-size:302.4px 151.2px;background-repeat:no-repeat}
@media(min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.header-inner{position:relative;height:104px}.penguin-nav.is-enabled{display:block}.header-inner>a.site-brand{position:relative;z-index:3;background:transparent}.header-inner #navigation{z-index:2;transform:translateY(10px)}.penguin-nav.is-peeking{clip-path:none}}
@media(prefers-reduced-motion:reduce){.penguin-nav{display:none!important}}

/* An opaque tint matching 50% lavender on white keeps the title clear of the body. */
@media(min-width:1024px){.header-inner .penguin-held-pill{background:#efe9f8;box-shadow:0 2px 8px rgb(34 34 34 / .04)}}

/* Slightly larger desktop labels; mascot and CTA dimensions stay unchanged. */
@media(min-width:1024px){.header-inner #navigation>a:not(.button){font-size:17px;line-height:1.4}}
@media(min-width:1024px) and (max-width:1150px){.header-inner #navigation>a:not(.button){font-size:16px}}
/* Only the exposed character can capture a pointer. Everything around it stays clickable. */
.penguin-grab-zone{display:none;position:absolute;left:18%;top:19%;width:65%;height:70%;pointer-events:none}
@media(min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.penguin-nav.is-enabled.is-peeking .penguin-grab-zone{display:block;pointer-events:auto;cursor:grab;touch-action:none}
.penguin-nav.is-overlay{position:fixed;z-index:1000;display:block;pointer-events:none}
.penguin-nav.is-held .penguin-grab-zone{display:block;pointer-events:auto;cursor:grabbing;touch-action:none}
.penguin-is-held,.penguin-is-held *{cursor:grabbing!important;user-select:none!important}
}
.penguin-speech{position:fixed;z-index:1001;max-width:220px;padding:9px 12px;border-radius:12px;background:#fff;color:#292330;box-shadow:0 3px 18px #29233020;font-family:Satoshi,sans-serif;font-size:13px;line-height:1.4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 160ms ease-out}
.penguin-speech.is-visible{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.penguin-speech{display:none}}
@media(min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
.header-inner{position:relative;height:104px}.penguin-nav.is-static{display:block!important}.header-inner #navigation{z-index:2;transform:translateY(10px)}.header-inner>a.site-brand{position:relative;z-index:3;background:transparent}
}

/* One SVG contour prevents seams or clipped joins between tail and body. */
.penguin-speech{width:max-content;max-width:220px;min-height:40px;display:flex;align-items:center;background:transparent;border:0;box-shadow:none;isolation:isolate;overflow:visible}
.penguin-speech-outline{position:absolute;left:-18px;top:-2px;width:calc(100% + 36px);height:calc(100% + 4px);overflow:visible;z-index:-1;pointer-events:none;filter:drop-shadow(0 3px 10px #29233018)}
.penguin-speech.is-header-bubble{width:max-content;max-width:242px;padding:6px 10px;font-size:12px;line-height:1.3}

/* Small static mobile signature; absolute placement preserves header dimensions. */
.penguin-mobile{display:none}
@media(max-width:1023px){
.header-inner #menu-toggle{position:relative}
.header-inner .penguin-mobile{display:block;position:absolute;left:auto;right:calc(100% + 12px);top:calc(50% + 38px);transform:translateY(-84%);width:auto;height:32px;z-index:1;max-width:none;object-fit:contain;pointer-events:none;user-select:none}
}
@media(max-width:359px){.header-inner .penguin-mobile{right:calc(100% + 8px);height:28px}}

@media(max-width:767px){.header-inner .penguin-mobile{top:calc(50% + 36px)}}

/* A restrained lavender glass finish for the existing shared desktop pill. */
@media(min-width:1024px){
 .header-inner .penguin-held-pill{box-sizing:border-box;background:#efe9f8;border:1px solid rgb(255 255 255 / .8);box-shadow:inset 0 1px 0 rgb(255 255 255 / .9),0 2px 8px rgb(72 32 105 / .07)}
 @supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){
  .header-inner .penguin-held-pill{background:linear-gradient(180deg,rgb(244 237 251 / .78),rgb(224 210 240 / .62));-webkit-backdrop-filter:blur(10px) saturate(105%);backdrop-filter:blur(10px) saturate(105%)}
 }
}
@media(prefers-reduced-transparency:reduce){.header-inner .penguin-held-pill{background:#efe9f8;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.header-inner .penguin-held-pill{background:Canvas;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}