.studio-header .learn-nav{position:relative;display:none}
.studio-header .learn-trigger{display:flex;align-items:center;gap:6px;border:0;background:none;color:#4f5a52;font:inherit;cursor:pointer;min-height:44px;padding:10px 12px;border-radius:999px}
.studio-header .learn-trigger svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.studio-header .learn-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.studio-header .learn-menu{position:absolute;right:0;top:calc(100% + 10px);box-sizing:border-box;width:152px;padding:5px;background:#faf8f3;color:#302b35;border:1px solid #e8e3eb;border-radius:12px;box-shadow:0 10px 28px #29232f12;z-index:10}
.studio-header .learn-menu[hidden]{display:none!important}
.studio-header .learn-menu a{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;min-height:44px;padding:0 12px!important;border:0;border-radius:8px;font-size:13px;line-height:1.3;text-align:left;white-space:nowrap}
.studio-header .learn-menu a:hover,.studio-header .learn-menu a:focus-visible{background:#eee8f2;color:#302b35}
@media(max-width:760px){.studio-header nav>.nav-case-studies,.studio-header nav>.nav-blog{display:none!important}.studio-header .learn-nav{display:block}.studio-header .learn-trigger{font-size:inherit}.studio-header .learn-trigger[aria-expanded=true]{background:#ffffff30}.studio-header .learn-trigger:focus-visible{outline:2px solid #84629c;outline-offset:2px}}
@media(prefers-reduced-motion:reduce){.studio-header .learn-trigger svg{transition:none}}
.studio-header.over-service-scene .learn-trigger,.studio-header.over-dark-scene .learn-trigger{color:#fff}
.studio-header .learn-menu a{color:#302b35!important}
.studio-header.over-service-scene nav .learn-menu a,.studio-header.over-dark-scene nav .learn-menu a{color:#302b35!important}
.studio-header #learn-links a{color:#302b35!important}

/* One ink colour for the compact navigation, including its button. */
@media(max-width:760px){
 html body .studio-header nav>a,html body .studio-header .learn-trigger{color:#4f5a52!important}
 html body .studio-header:is(.over-service-scene,.over-dark-scene) nav>a,html body .studio-header:is(.over-service-scene,.over-dark-scene) .learn-trigger{color:#fff!important}
}