@font-face{font-family:BRYKWild;src:url('/assets/loitering-club/fonts/WildBasic.otf') format('opentype');font-display:swap;font-weight:400}
@font-face{font-family:BRYKMarker;src:url('/assets/loitering-club/fonts/MarkerFelt.otf') format('opentype');font-display:swap;font-weight:400}
.wall-graffiti-layer{mix-blend-mode:normal;overflow:visible}
.wall-graffiti-layer span{font-family:BRYKWild,BRYKMarker,cursive;font-weight:400;font-style:normal;font-size:clamp(26px,4.2vw,66px);line-height:1.1;letter-spacing:0;white-space:nowrap;-webkit-text-stroke:1px #211008;paint-order:stroke fill;text-shadow:2px 3px 0 #180b05,4px 6px 0 #080604,0 0 3px var(--tag-color)}
.wall-graffiti-layer span:nth-child(1){left:5%;top:13%;transform:rotate(-9deg)}
.wall-graffiti-layer span:nth-child(2){--tag-color:#e5dfcd;right:4%;top:29%;font-family:BRYKMarker,cursive;font-size:clamp(22px,3.4vw,52px);transform:rotate(8deg)}
.wall-graffiti-layer span:nth-child(3){left:7%;bottom:15%;transform:rotate(-4deg)}
.wall-graffiti-layer span::after{inset:auto -2% -.08em;height:.12em;opacity:.85;filter:none;clip-path:polygon(0 25%,77% 0,100% 60%,16% 100%);background:var(--tag-color)}
.wall-graffiti-layer span::before{content:'';position:absolute;left:8%;top:76%;width:85%;height:1.1em;z-index:-1;background:linear-gradient(var(--tag-color),var(--tag-color)) 8% 0/3px 73% no-repeat,linear-gradient(var(--tag-color),var(--tag-color)) 33% 0/5px 100% no-repeat,linear-gradient(var(--tag-color),var(--tag-color)) 76% 0/3px 55% no-repeat,radial-gradient(ellipse,var(--tag-color) 60%,transparent 70%) 33% 100%/7px 9px no-repeat;transform-origin:top;transform:scaleY(0)}
.cinematic-hero.is-logo-painting .wall-graffiti-layer span{animation-name:wallInkReveal;animation-duration:.75s}
.cinematic-hero.is-logo-painting .wall-graffiti-layer span::before{animation:wallInkRun 2.1s cubic-bezier(.2,.55,.4,1) .85s both}
.wall-paint-runs{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden}
.wall-paint-runs i{--ink:#ee731d;--length:26%;position:absolute;left:9%;top:0;width:7px;height:var(--length);background:linear-gradient(90deg,#ffffff28,transparent 48%),var(--ink);border-radius:0 0 70% 45%;transform:scaleY(0);transform-origin:50% 0;opacity:.85;box-shadow:1px 1px 2px #09040066}
.wall-paint-runs i::before{content:'';position:absolute;left:50%;bottom:-3px;width:calc(100% + 3px);height:12px;border-radius:50% 50% 45% 45%;transform:translateX(-50%);background:var(--ink)}
.wall-paint-runs i:nth-child(2){left:12%;width:3px;--length:17%}
.wall-paint-runs i:nth-child(3){left:17%;width:10px;--length:36%}
.wall-paint-runs i:nth-child(4){left:22%;width:4px;--length:12%}
.wall-paint-runs i:nth-child(5){left:74%;width:5px;--length:18%;--ink:#ddd8c8}
.wall-paint-runs i:nth-child(6){left:79%;width:9px;--length:30%;--ink:#ddd8c8}
.wall-paint-runs i:nth-child(7){left:85%;width:4px;--length:14%;--ink:#ddd8c8}
.wall-paint-runs i:nth-child(8){left:92%;width:7px;--length:42%}
.wall-paint-runs i:nth-child(9){left:96%;width:3px;--length:25%}
.cinematic-hero.is-logo-painting .wall-paint-runs i{animation:wallInkRun 2.8s cubic-bezier(.12,.55,.28,1) .1s both}
.cinematic-hero.is-logo-painting .wall-paint-runs i:nth-child(2n){animation-delay:.4s}
.cinematic-hero.is-wall-breaking .wall-graffiti-layer,.cinematic-hero.is-wall-breaking .wall-paint-runs{transition:opacity .35s;opacity:0}
@keyframes wallInkReveal{from{opacity:0;clip-path:inset(-50% 110% -150% -10%)}to{opacity:.94;clip-path:inset(-50% -10% -150% -10%)}}
@keyframes wallInkRun{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
@media(max-width:700px){
 .wall-graffiti-layer span:first-child{top:7%;left:5%;font-size:clamp(23px,6.6vw,42px)}
 .wall-graffiti-layer span:nth-child(2){top:25%;right:6%;font-size:clamp(19px,5.3vw,34px)}
 .wall-graffiti-layer span:nth-child(3){top:auto;bottom:18%;left:6%;font-size:clamp(23px,6.7vw,42px)}
 .wall-paint-runs i{max-height:24%;width:4px}
}
@media(prefers-reduced-motion:reduce){.cinematic-hero.is-logo-painting .wall-paint-runs i,.cinematic-hero.is-logo-painting .wall-graffiti-layer span::before{animation:none;transform:scaleY(1)}}
.motion-off .wall-paint-runs i,.motion-off .wall-graffiti-layer span::before{animation:none!important;transform:scaleY(1)}