/* Rounded channel lettering: jacket texture, enamel edges and a pink neon halo. */
@font-face{font-family:'Lilita One';src:url('assets/lilita-one.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
main{overflow-x:clip}
.brand{font-family:'Lilita One',Impact,sans-serif;letter-spacing:-.5px;line-height:.95;color:#ffd7e4;text-shadow:1px 2px #a73566,0 0 10px #ff83b65c}
.welcome{padding-top:38px;min-height:790px;max-height:900px}
.hero-copy>.eyebrow{font-size:clamp(11px,1.1vw,16px);letter-spacing:1.6px;line-height:1.6;color:#fff3e5;margin-bottom:32px}
.hero-copy>.eyebrow .dot{box-shadow:0 0 12px #f4f05c}
.welcome .neon-title{font-family:'Lilita One',Impact,sans-serif;font-size:clamp(80px,10.2vw,158px);font-weight:400;line-height:.84;letter-spacing:-.035em;transform:rotate(-4deg);text-transform:lowercase;margin:20px 0 37px;text-shadow:none;isolation:isolate}
.neon-title .neon-word{display:block;position:relative;isolation:isolate;width:max-content;max-width:100%;color:#f6b6d1;background-image:linear-gradient(165deg,#ffc8dc99,#ef649a77),url('assets/jacket-print.jpeg');background-size:auto,570px;background-position:center,44% 55%;background-blend-mode:screen;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #ffe8cf;paint-order:stroke fill;filter:drop-shadow(0 0 7px #ff54936b)}
.neon-title .neon-word:before{content:attr(data-lettering);position:absolute;inset:0;z-index:-1;color:#ed69a1;-webkit-text-fill-color:#ed69a1;-webkit-text-stroke:10px #9c2f61;paint-order:stroke fill;text-shadow:3px 5px #842a57,5px 8px #622a4c,7px 11px #28273d;transform:translate(1px,2px)}
.neon-title .neon-word:after{content:attr(data-lettering);position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #ffe8cf;filter:drop-shadow(0 0 3px #ffdcdd);pointer-events:none}
.neon-title .neon-not{margin-left:17%;transform:rotate(7deg);font-size:.85em;line-height:1.04;background-position:center,34% 70%}
.neon-title .neon-george{font-size:.94em;transform:rotate(1deg);background-position:center,53% 30%}
.welcome .intro{position:relative;margin-top:36px}
.welcome .handwritten{font-family:'Lilita One',Impact,sans-serif;font-style:normal;font-size:clamp(23px,2.2vw,34px);line-height:1.05;color:var(--yellow);transform:rotate(-2deg);text-shadow:2px 3px #163048}
.welcome .intro p{font-size:13px;line-height:1.8;margin:17px 0 21px;color:#fff0df}
.hero-art.costume{margin-top:47px}
.hero-art .sticker{font-family:'Lilita One',Impact,sans-serif;font-size:17px;letter-spacing:.2px;line-height:1.1;border-radius:5px 14px 6px 9px}
.marquee div{font-family:'Lilita One',Impact,sans-serif;font-size:30px;letter-spacing:1px}
#collective h2,.outro h2{font-family:'Lilita One',Impact,sans-serif;letter-spacing:-.025em;text-shadow:2px 3px #953e6e,4px 5px #17253c;line-height:.95}
#collective h2 em,.outro h2 em{font-family:inherit;text-shadow:2px 3px #84325e,4px 5px #17253c}
.outro h2{font-size:clamp(65px,10vw,150px)}
.outro .eyebrow{margin-bottom:25px}
.outro .outro-mark{font-family:'Lilita One',Impact,sans-serif}
.monkey-roster .monkey-bubble{left:auto;right:45%}
.monkey-outro .monkey-bubble{left:auto;right:20%}
.artist-mode .welcome .neon-title{font-size:clamp(65px,8vw,135px);text-transform:none;color:#ffd1df;text-shadow:3px 4px #9b3e6c,6px 8px #263149;overflow-wrap:anywhere;max-width:100%;line-height:.94}
.artist-mode .hero-art.costume{opacity:1}
/* Each word floats independently while its jacket fill drifts continuously. */
.neon-title{--weave-shift:0px}
.neon-title .neon-word{--word-angle:0deg;--weave-x:44%;--weave-y:55%;--weave-offset:var(--weave-shift);background-image:linear-gradient(155deg,#ffa5c447,#e981a55c),url('assets/jacket-print.jpeg');background-blend-mode:soft-light;background-size:auto,460px;background-position:center,calc(44% + var(--weave-shift)) 55%;animation:title-float 7s ease-in-out infinite alternate,title-weave 9s ease-in-out infinite alternate;will-change:transform}
.neon-title .neon-word:before{color:transparent;-webkit-text-fill-color:transparent;background-image:inherit;background-size:inherit;background-position:inherit;background-blend-mode:inherit;-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(4px 7px 0 #4b2345)}
.neon-title .neon-not{--word-angle:7deg;--weave-x:34%;--weave-y:70%;--weave-offset:calc(0px - var(--weave-shift));animation-duration:8.5s,11s;animation-delay:-3s,-4s;background-position:center,calc(34% - var(--weave-shift)) 70%}
/* Extend the painted box through the g descenders without changing the spacing. */
.neon-title .neon-george{--word-angle:1deg;--weave-x:53%;--weave-y:30%;padding-bottom:.22em;margin-bottom:-.22em;animation-duration:9s,10s;animation-delay:-6s,-7s;background-position:center,calc(53% + var(--weave-shift)) 30%}
.neon-title .neon-word:after{animation:neon-breathe 6s ease-in-out infinite alternate}
@keyframes title-float{from{transform:translate(-2px,0) rotate(calc(var(--word-angle) - 1.5deg))}to{transform:translate(7px,-9px) rotate(calc(var(--word-angle) + 1.5deg))}}
@keyframes title-weave{from{background-position:center,calc(var(--weave-x) + var(--weave-offset) - 34px) calc(var(--weave-y) - 18px)}to{background-position:center,calc(var(--weave-x) + var(--weave-offset) + 34px) calc(var(--weave-y) + 18px)}}
@keyframes neon-breathe{from{filter:drop-shadow(0 0 2px #ffdcdd);opacity:.72}to{filter:drop-shadow(0 0 6px #ff77af);opacity:1}}
body.reduced .neon-title .neon-word,body.reduced .neon-title .neon-word:after{animation:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.neon-title .neon-word,.neon-title .neon-word:after{animation:none!important;will-change:auto}}
@media(max-width:1000px){.welcome .neon-title{font-size:10.1vw}.welcome{min-height:740px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-art.costume{max-height:570px}.welcome .intro p{font-size:12px}}
@media(max-width:800px) and (min-width:551px){.welcome{padding-inline:6%;grid-template-columns:1fr 1fr;gap:5%;min-height:690px}.welcome .neon-title{font-size:10.1vw}.hero-art.costume{max-height:510px;margin-top:80px}.sticker{right:-18px}.welcome .handwritten{font-size:24px}}
@media(max-width:550px){.welcome{padding:30px 8% 65px;height:auto;max-height:none}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:32px}.welcome .neon-title{font-size:19.5vw;max-width:100%;line-height:.86;margin-top:12px;margin-bottom:38px}.neon-title .neon-word:before{-webkit-text-stroke-width:7px;text-shadow:3px 5px #842a57,5px 7px #28273d}.welcome .intro{margin-top:30px}.welcome .handwritten{font-size:25px}.welcome .intro p{font-size:12px}.hero-art.costume{margin-top:85px;width:94%;height:425px;max-height:none}.hero-art .sticker{font-size:14px;right:-18px;top:25px;padding:15px 9px}.monkey-roster{right:-30px}.outro h2{font-size:18vw}.outro .eyebrow{font-size:9px}.small-note{max-width:155px;line-height:1.5;text-align:right}.outro{padding-bottom:125px}.monkey-outro{bottom:12px}.artist-mode .welcome .neon-title{font-size:18vw}}