.hnc-navigator{position:fixed;z-index:9998;display:flex;flex-direction:row-reverse;align-items:center;gap:6px;max-width:min(330px,calc(100vw - 16px));margin:0;padding:0;background:transparent;filter:drop-shadow(0 6px 14px rgba(45,36,30,.14));touch-action:none;user-select:none;cursor:grab}.hnc-navigator.is-dragging{cursor:grabbing;transition:none!important}.hnc-navigator-figure{flex:0 0 90px;width:90px;height:108px;display:flex;align-items:flex-end;justify-content:center;cursor:grab}.hnc-navigator-image{display:block;max-width:90px;max-height:108px;width:auto;height:auto;object-fit:contain;pointer-events:none}.hnc-navigator-body{position:relative;align-self:center;max-width:220px;padding:9px 12px;border:1px solid rgba(80,65,50,.13);border-radius:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px)}.hnc-navigator-body:after{content:"";position:absolute;right:-6px;bottom:14px;width:10px;height:10px;border-top:1px solid rgba(80,65,50,.13);border-right:1px solid rgba(80,65,50,.13);background:rgba(255,255,255,.96);transform:rotate(45deg)}.hnc-navigator-message{position:relative;z-index:1;margin:0;font-size:13px;line-height:1.5;color:#3f3934}.hnc-navigator-close{position:absolute;right:-3px;top:-7px;z-index:3;width:20px;height:20px;padding:0;border:1px solid rgba(80,65,50,.14);border-radius:50%;background:#fff;color:#756b64;font-size:14px;line-height:17px;text-align:center;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.08)}.hnc-navigator.is-left{flex-direction:row}.hnc-navigator.is-left .hnc-navigator-body:after{right:auto;left:-6px;border-right:0;border-top:0;border-left:1px solid rgba(80,65,50,.13);border-bottom:1px solid rgba(80,65,50,.13)}.hnc-navigator.is-left .hnc-navigator-close{right:auto;left:-3px}.hnc-navigator.is-changing .hnc-navigator-image,.hnc-navigator.is-changing .hnc-navigator-message{opacity:.25}.hnc-navigator-image,.hnc-navigator-message{transition:opacity .18s ease}.hnc-navigator.is-collapsed{width:48px;height:48px;overflow:visible;gap:0;filter:drop-shadow(0 4px 10px rgba(45,36,30,.16))}.hnc-navigator.is-collapsed .hnc-navigator-body{display:none}.hnc-navigator.is-collapsed .hnc-navigator-figure{width:48px;height:48px;flex-basis:48px;overflow:hidden;border-radius:50%;background:rgba(255,255,255,.96);border:1px solid rgba(80,65,50,.13);cursor:pointer}.hnc-navigator.is-collapsed .hnc-navigator-image{max-width:53px;max-height:60px;transform:translateY(5px)}.hnc-navigator.is-collapsed .hnc-navigator-close{display:none}.hnc-navigator.has-update{animation:hnc-nav-nudge .65s ease}@keyframes hnc-nav-nudge{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(3px)}}.hnc-navigator.is-left.has-update{animation-name:hnc-nav-nudge-left}@keyframes hnc-nav-nudge-left{0%,100%{transform:translateX(0)}35%{transform:translateX(5px)}70%{transform:translateX(-3px)}}@media(max-width:640px){.hnc-navigator{max-width:min(220px,calc(100vw - 16px));gap:4px}.hnc-navigator-figure{flex-basis:48px;width:48px;height:58px}.hnc-navigator-image{max-width:48px;max-height:58px}.hnc-navigator-body{max-width:min(154px,calc(100vw - 72px));padding:6px 8px;border-radius:11px}.hnc-navigator-message{font-size:10.5px;line-height:1.4}.hnc-navigator.is-collapsed{width:34px;height:34px}.hnc-navigator.is-collapsed .hnc-navigator-figure{width:34px;height:34px;flex-basis:34px}.hnc-navigator.is-collapsed .hnc-navigator-image{max-width:38px;max-height:43px}}

@media(max-width:640px){.hnc-navigator.is-collapsed{width:34px;height:34px}.hnc-navigator.is-collapsed .hnc-navigator-figure{width:34px;height:34px;flex-basis:34px}.hnc-navigator.is-collapsed .hnc-navigator-image{max-width:38px;max-height:43px;transform:translateY(4px)}}

/* V0.21.4: decorative navigator in each simulator title */
.hnc-heading,.hns-heading,.hnp-heading{position:relative;overflow:hidden}
.hnc-heading-navigator{position:absolute;z-index:2;right:3.5%;bottom:-13%;width:clamp(150px,18vw,255px);height:92%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.hnc-heading-navigator img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom}
.hnc-heading-navigator-signature{right:3%;width:clamp(155px,18vw,260px)}
.hnc-heading-navigator-inprint{right:3%;width:clamp(155px,18vw,260px)}
.hnc-heading-navigator-palette{right:3%;width:clamp(155px,18vw,260px)}
.hnc-heading>.hnc-eyebrow,.hnc-heading>h2,.hnc-heading>p:last-child,.hns-heading>.hns-eyebrow,.hns-heading>h2,.hns-heading>p:last-child,.hnp-heading>.hnp-eyebrow,.hnp-heading>h2,.hnp-heading>p:last-child{position:relative;z-index:3;max-width:76%}
@media(max-width:640px){
 .hnc-heading-navigator{right:-5px;bottom:-8%;width:100px;height:58%;opacity:.96}
 .hnc-heading-navigator-signature,.hnc-heading-navigator-inprint,.hnc-heading-navigator-palette{right:-5px;width:100px}
 .hnc-heading>.hnc-eyebrow,.hnc-heading>h2,.hnc-heading>p:last-child,.hns-heading>.hns-eyebrow,.hns-heading>h2,.hns-heading>p:last-child,.hnp-heading>.hnp-eyebrow,.hnp-heading>h2,.hnp-heading>p:last-child{max-width:88%}
}

/* V0.21.5: compose PALETTE hero character and color motif as separate visual zones */
@media (min-width:641px){
 .hnc-heading-navigator-palette{right:1.8%;bottom:-12%;width:clamp(165px,17vw,245px);height:88%}
 .hnp-heading::before{right:205px;top:42px;width:92px;height:92px;background:rgba(201,135,145,.72);box-shadow:72px 36px 0 rgba(145,168,184,.74),18px 96px 0 rgba(194,171,143,.68)}
}
@media (max-width:640px){
 .hnc-heading-navigator-palette{right:-4px;bottom:-7%;width:92px;height:54%}
 .hnp-heading::before{right:74px;top:38px;width:54px;height:54px;box-shadow:42px 26px 0 rgba(145,168,184,.74),12px 58px 0 rgba(194,171,143,.68)}
}