:root{--ink:#171411;--paper:#e9dfcb;--acid:#b7a43c;--pink:#c95278;--blue:#5593a0;--orange:#bf603e;--purple:#70608d;font-synthesis:none;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden}::selection{color:var(--paper);background:var(--pink)}.poster{--x:0px;--y:0px;isolation:isolate;background-color:var(--acid);border:clamp(4px, .45vw, 7px) solid var(--ink);background-image:linear-gradient(#1714112e 2px,#0000 2px),linear-gradient(90deg,#1714112e 2px,#0000 2px);background-size:clamp(30px,3vw,48px) clamp(30px,3vw,48px);place-items:center;width:100%;min-height:100svh;padding:clamp(28px,6vw,90px);display:grid;position:relative;overflow:hidden}.grid-panel{z-index:-5;background:var(--paper);border:clamp(4px, .4vw, 7px) solid var(--ink);box-shadow:14px 14px 0 var(--ink);position:absolute;inset:7% 5%;transform:rotate(-2.2deg)}.grid-panel:before{content:"";background-image:radial-gradient(var(--ink) 1.2px, transparent 1.2px);opacity:.72;background-size:12px 12px;position:absolute;inset:0}.blue-slab{z-index:-4;background:var(--blue);border-block:clamp(4px, .4vw, 7px) solid var(--ink);width:118%;height:36%;transform:rotate(4deg) translate(var(--x), var(--y));box-shadow:0 12px 0 var(--ink);transition:transform .18s ease-out;position:absolute;top:20%;left:-9%}.pink-orbit{z-index:-2;aspect-ratio:1;background:var(--pink);border:clamp(7px, 1vw, 16px) solid var(--ink);width:clamp(240px,32vw,520px);box-shadow:-18px -18px 0 var(--paper), -25px -25px 0 var(--ink);transform:translate(calc(var(--x) * -.5), calc(var(--y) * -.5));border-radius:50%;transition:transform .18s ease-out;position:absolute;bottom:clamp(-170px,-12vw,-80px);right:clamp(-170px,-10vw,-70px)}.purple-burst{z-index:-1;aspect-ratio:1;background:var(--purple);clip-path:polygon(50% 0%,60% 25%,80% 6%,77% 32%,100% 27%,81% 48%,100% 61%,74% 64%,84% 92%,60% 76%,50% 100%,41% 76%,15% 94%,27% 65%,0 61%,21% 48%,0 30%,26% 33%,20% 6%,41% 25%);width:clamp(130px,16vw,250px);filter:drop-shadow(10px 10px 0 var(--ink));transform:rotate(-13deg) translate(calc(var(--x) * .55), calc(var(--y) * .55));transition:transform .18s ease-out;position:absolute;bottom:clamp(-30px,6vh,85px);left:clamp(-50px,3vw,60px)}.orange-block{z-index:-3;background:var(--orange);border:clamp(4px, .4vw, 7px) solid var(--ink);width:clamp(110px,17vw,260px);height:clamp(70px,11vw,170px);box-shadow:12px 12px 0 var(--ink);position:absolute;top:4%;right:7%;transform:rotate(8deg)}.stripe-block{z-index:-1;background:repeating-linear-gradient(-45deg, var(--ink) 0 10px, var(--paper) 10px 20px);border:clamp(4px, .4vw, 7px) solid var(--ink);width:clamp(100px,17vw,270px);height:clamp(55px,7vw,100px);position:absolute;top:9%;left:3%;transform:rotate(-7deg)}.dot{z-index:-1;aspect-ratio:1;border:5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:50%;position:absolute}.dot--one{background:var(--pink);width:clamp(35px,5vw,75px);top:9%;left:42%}.dot--two{background:var(--paper);width:clamp(28px,4vw,62px);top:49%;right:4%}.dot--three{background:var(--orange);width:clamp(38px,6vw,90px);bottom:5%;left:26%}.title-shell{z-index:3;background:var(--ink);width:min(86vw,1240px);box-shadow:clamp(13px, 1.7vw, 26px) clamp(13px, 1.7vw, 26px) 0 var(--ink);clip-path:polygon(1% 0,100% 3%,98.8% 100%,0 96%);padding:clamp(7px,.7vw,12px);position:relative;transform:rotate(-1deg)}.title-card{background-color:var(--paper);background-image:radial-gradient(var(--ink) 1.25px, transparent 1.25px);clip-path:polygon(1% 0,100% 3%,98.8% 100%,0 96%);background-size:12px 12px;place-items:center;min-height:clamp(260px,37vw,510px);padding:clamp(35px,6vw,85px) clamp(20px,5vw,72px);display:grid;position:relative}h1{z-index:2;width:100%;color:var(--pink);letter-spacing:-.045em;white-space:nowrap;-webkit-text-stroke:clamp(2px, .28vw, 5px) var(--ink);paint-order:stroke fill;text-shadow:clamp(3px, .4vw, 6px) clamp(3px, .4vw, 6px) 0 var(--paper), clamp(7px, .85vw, 13px) clamp(7px, .85vw, 13px) 0 var(--ink);justify-content:center;align-items:baseline;gap:.16em;margin:0;font-size:clamp(4.5rem,10.5vw,10.5rem);font-weight:900;line-height:.82;display:flex;position:relative}h1 span:first-child{display:inline-block;transform:rotate(-3deg)translateY(-.08em)}h1 span:last-child{color:var(--acid);display:inline-block;transform:rotate(1.5deg)translateY(.08em)}.tape{z-index:4;background:#bf603eeb;border-inline:2px dashed #10100e99;width:clamp(75px,11vw,155px);height:clamp(27px,3.5vw,45px);display:block;position:absolute}.tape--one{top:0;left:13%;transform:translateY(-42%)rotate(-8deg)}.tape--two{bottom:0;right:10%;transform:translateY(38%)rotate(6deg)}@media (width<=720px){.poster{background-size:30px 30px;padding:24px 15px}.grid-panel{box-shadow:9px 9px 0 var(--ink);inset:6% 4%}.blue-slab{width:140%;height:43%;top:19%;left:-20%;transform:rotate(7deg)}.orange-block{top:7%;right:-9%}.stripe-block{top:10%;left:-9%}.pink-orbit{width:230px;box-shadow:-10px -10px 0 var(--paper), -16px -16px 0 var(--ink);bottom:-80px;right:-105px}.purple-burst{width:140px;bottom:8%;left:-34px}.dot--one{top:14%;left:38%}.dot--two{top:44%;right:-7px}.dot--three{bottom:7%;left:28%}.title-shell{width:92vw;box-shadow:10px 10px 0 var(--ink);padding:6px;transform:rotate(-1.5deg)}.title-card{background-size:10px 10px;min-height:clamp(285px,92vw,370px);padding:42px 13px}h1{white-space:normal;flex-direction:column;align-items:center;gap:.05em;font-size:clamp(4.25rem,23vw,6.6rem);line-height:.72}h1 span:first-child{align-self:flex-start;margin-left:6%}h1 span:last-child{align-self:flex-end;margin-right:2%;font-size:.68em}}@media (height<=540px) and (width>=721px){.title-card{min-height:55vh;padding-block:24px}h1{font-size:min(10.5vw,24vh)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
