.rail-brand,.brand{gap:0}.apedin-wordmark{--wordmark-font:26px;--wordmark-icon-width:68px;--wordmark-icon-height:70px;display:inline-flex;align-items:center;gap:0;white-space:nowrap;color:#f1f1e9;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-1px;line-height:1}.apedin-word{font-size:var(--wordmark-font)}.apedin-in-mark{margin-left:-5px;position:relative;display:inline-block;width:var(--wordmark-icon-width);height:var(--wordmark-icon-height);flex:0 0 var(--wordmark-icon-width);letter-spacing:-1px}.apedin-in-mark img{display:block;width:var(--wordmark-icon-width);height:var(--wordmark-icon-height);object-fit:contain}.apedin-in-mark>span{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font-size:var(--wordmark-font);font-weight:800;line-height:1;color:#f1f1e9}@media(max-width:760px){.apedin-wordmark{--wordmark-font:24px;--wordmark-icon-width:64px;--wordmark-icon-height:66px}}

/* Foil sits behind the letter cutouts; the ape keeps its dark centre. */
.rail-brand .apedin-wordmark{--brand-foil:linear-gradient(125deg,#f4e8ff 0%,#aadff0 18%,#faf8ef 31%,#d8b4e9 45%,#a9c9f4 57%,#fff1cf 72%,#edb9d9 85%,#d5f3f1 100%)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.rail-brand .apedin-word{background:var(--brand-foil);background-clip:text;-webkit-background-clip:text;color:transparent}
}
@supports ((mask-image:url('/ape-icon.png')) or (-webkit-mask-image:url('/ape-icon.png'))){
.rail-brand .apedin-in-mark::before{content:"";position:absolute;inset:0;background:var(--brand-foil);-webkit-mask:url('/ape-icon.png') center/contain no-repeat;mask:url('/ape-icon.png') center/contain no-repeat}
.rail-brand .apedin-in-mark img{opacity:0}
.rail-brand .apedin-in-mark::after{content:"";position:absolute;inset:0;transform:scale(.88);background:#1e1e1e;-webkit-mask:url('/ape-face-mask.svg') center/contain no-repeat;mask:url('/ape-face-mask.svg') center/contain no-repeat}
.rail-brand .apedin-in-mark>span{z-index:1;color:#f1f1e9;text-shadow:none}
}
@media(forced-colors:active){.rail-brand .apedin-word{background:none;color:LinkText}.rail-brand .apedin-in-mark::before,.rail-brand .apedin-in-mark::after{display:none}.rail-brand .apedin-in-mark img{opacity:1}.rail-brand .apedin-in-mark>span{color:#fff;text-shadow:none}}

@supports ((background-clip:text) or (-webkit-background-clip:text)){
.rail-brand .apedin-word,.rail-brand .apedin-in-mark>span{
background-image:linear-gradient(115deg,#a2ddeb 0%,#f6e4fb 18%,#b6a5dd 32%,#fff7db 46%,#96d8e9 60%,#ebafd3 76%,#eeeafa 90%,#a2ddeb 100%);
background-size:250% 100%;background-position:15% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;
-webkit-text-stroke:.35px #15151d;filter:drop-shadow(0 -1px 0 #08080ccc) drop-shadow(0 1px 0 #ffffff35);text-shadow:none;
animation:apedin-foil-depth 10s ease-in-out infinite alternate}
}
@keyframes apedin-foil-depth{from{background-position:15% 50%}to{background-position:85% 50%}}
@media(prefers-reduced-motion:reduce){.rail-brand .apedin-word,.rail-brand .apedin-in-mark>span{animation:none}}
body.reduced-motion .rail-brand .apedin-word,body.reduced-motion .rail-brand .apedin-in-mark>span{animation:none}
@media(forced-colors:active){.rail-brand .apedin-word,.rail-brand .apedin-in-mark>span{background:none;color:LinkText;-webkit-text-stroke:0;filter:none;animation:none}}
