/* Approved wordmark with a short chromatic click response. */
.header .brand-home{display:block;position:relative;flex:0 0 auto;width:204px;line-height:0;isolation:isolate}
.brand-home img{display:block;width:100%;height:auto}
.brand-home::before,.brand-home::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;mask-image:url('/assets/brand/ventures-wordmark.svg');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
.brand-home::before{background:#00edff}.brand-home::after{background:#dbff00}
.brand-home.is-glitching::before{animation:brand-glitch-cyan .6s steps(1,end)}
.brand-home.is-glitching::after{animation:brand-glitch-yellow .6s steps(1,end)}
@keyframes brand-glitch-cyan{0%{opacity:.95;transform:translate(-3px,0);clip-path:inset(8% 0 58% 0)}25%{transform:translate(4px,1px);clip-path:inset(55% 0 16% 0)}50%{transform:translate(-2px,-1px);clip-path:inset(25% 0 35% 0)}75%{opacity:.6;transform:translate(1px,0);clip-path:inset(0 0 70% 0)}100%{opacity:0;transform:none}}
@keyframes brand-glitch-yellow{0%{opacity:.95;transform:translate(3px,1px);clip-path:inset(52% 0 12% 0)}25%{transform:translate(-4px,0);clip-path:inset(15% 0 60% 0)}50%{transform:translate(2px,1px);clip-path:inset(60% 0 8% 0)}75%{opacity:.6;transform:translate(-1px,0);clip-path:inset(30% 0 42% 0)}100%{opacity:0;transform:none}}
@media(max-width:900px){.header .brand-home{width:172px}}
@media(max-width:680px){.header .brand-home{width:150px}}
@media(max-width:380px){.header .brand-home{width:102px}}
@media(prefers-reduced-motion:reduce){.brand-home.is-glitching::before,.brand-home.is-glitching::after{animation:none}}

.brand-home.is-glitching img{animation:brand-liquid .6s cubic-bezier(.2,.8,.2,1);transform-origin:38% 50%}
.brand-spark{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;border-radius:50%;background:#dbff00;box-shadow:0 0 5px #dbff00;opacity:0;pointer-events:none}
.brand-spark:nth-of-type(even){background:#00edff;box-shadow:0 0 5px #00edff;width:2px;height:2px}
.brand-home.is-glitching .brand-spark{animation:brand-particle .6s cubic-bezier(.12,.65,.25,1) both}
@keyframes brand-liquid{0%{transform:none;filter:none}18%{transform:perspective(320px) rotateY(-5deg) skewX(-7deg) scale(1.035,.91);filter:drop-shadow(2px 2px 0 #00a6a8) drop-shadow(-1px -1px 3px #dbff0077)}40%{transform:perspective(320px) rotateY(3deg) skewX(4deg) scale(.98,1.07);filter:drop-shadow(-1px 2px 0 #8b9b22) drop-shadow(1px -1px 2px #00edff66)}65%{transform:skewX(-1.5deg) scale(1.01,.985);filter:drop-shadow(0 1px 0 #789099)}100%{transform:none;filter:none}}
@keyframes brand-particle{0%{opacity:0;transform:translate(0,0) scale(.3)}12%{opacity:1}70%{opacity:.6}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1)}}
@media(prefers-reduced-motion:reduce){.brand-home.is-glitching img,.brand-home.is-glitching .brand-spark{animation:none}}

/* Quiet hamburger, with a brief colour sweep and an open-state cross. */
.header .menu-toggle{position:relative;flex-shrink:0}
.header .menu-toggle span{position:absolute;left:50%;top:50%;width:18px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#eef1f2 0 32%,#00edff 45%,#dbff00 55%,#eef1f2 68% 100%);background-size:300% 100%;background-position:100% 50%;transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s}
.header .menu-toggle span:nth-child(1){transform:translate(-50%,-6px)}
.header .menu-toggle span:nth-child(2){transform:translate(-50%,-.75px)}
.header .menu-toggle span:nth-child(3){transform:translate(-50%,4.5px)}
.header .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translate(-50%,-.75px) rotate(45deg)}
.header .menu-toggle[aria-expanded=true] span:nth-child(2){transform:translate(-50%,-.75px) scaleX(.2);opacity:0}
.header .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translate(-50%,-.75px) rotate(-45deg)}
.header .menu-toggle:is(:hover,:focus-visible,[aria-expanded=true]) span{animation:menu-colour-sweep .85s ease-out both}
.header .menu-toggle:is(:hover,:focus-visible,[aria-expanded=true]) span:nth-child(2){animation-delay:.04s}
.header .menu-toggle:is(:hover,:focus-visible,[aria-expanded=true]) span:nth-child(3){animation-delay:.08s}
@keyframes menu-colour-sweep{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.header .menu-toggle span{animation:none!important;transition:none}}