@import "https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;700;800;900&display=swap";:root{--blue:#3389d0;--blue-light:#5fb8f9;--blue-dark:#1d5a91;--blue-pale:#dbeffe;--mint:#34d399;--pop:#5fb8f9;--ink:#0b0b0f;--paper:#eff8ff;--body:#1f2937;--shadow:7px 7px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink)}*{box-sizing:border-box}body{color:var(--body);background-color:var(--paper);background-image:radial-gradient(#3389d038 2px, transparent 2.1px), linear-gradient(160deg, #fff 0%, var(--paper) 55%, var(--blue-pale) 100%);-webkit-font-smoothing:antialiased;background-size:16px 16px,100% 100%;background-attachment:scroll,fixed;margin:0;font-family:Nunito,system-ui,sans-serif;font-weight:700;overflow-x:hidden}h1,h2,h3,.pow,.sfx,.num{letter-spacing:.02em;color:var(--ink);margin:0;font-family:Bangers,cursive;font-weight:400;line-height:1}a{color:var(--blue-dark)}::selection{background:var(--pop);color:var(--ink)}.wrap{max-width:64rem;margin:0 auto;padding:0 1.25rem}.panel{border:5px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:14px;transition:transform .15s,box-shadow .15s}.panel:hover{animation:.4s ease-in-out wobble}@keyframes wobble{25%{transform:rotate(-1.5deg)scale(1.01)}75%{transform:rotate(1.5deg)scale(1.01)}}.sfx{color:var(--pop);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;font-size:2rem;position:absolute}.sfx.one{top:1.1rem;right:1.2rem;transform:rotate(12deg)}.sfx.two{font-size:1.6rem;bottom:-1rem;right:2rem;transform:rotate(-10deg)}header{padding:3rem 0 1rem}.hero{padding:2rem 1.5rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(var(--blue) 2.2px, transparent 2.4px) 0 0 / 12px 12px;opacity:.35;pointer-events:none;width:18rem;height:14rem;position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(120% 120% at 100% 0,#000 15%,#0000 65%);mask-image:radial-gradient(120% 120% at 100% 0,#000 15%,#0000 65%)}.hero>*{position:relative}.tag{background:var(--mint);border:3px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:.25rem .9rem;font-size:.75rem;font-weight:900;display:inline-block;transform:rotate(-2.5deg)}h1{text-transform:uppercase;margin:1.25rem 0 0}h1 span{display:block}h1 .kicker{letter-spacing:.35em;color:var(--ink);margin-bottom:.35rem;font-size:clamp(1.1rem,3.5vw,1.75rem)}h1 .blue{color:var(--blue);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink), 6px 6px 0 var(--ink);font-size:clamp(2.5rem,11vw,6rem)}.role{background:var(--pop);border:3px solid var(--ink);text-transform:uppercase;color:var(--ink);border-radius:8px;margin:.9rem 0 0;padding:.3rem .7rem;font-size:.9rem;font-weight:900;display:inline-block;transform:rotate(-.8deg)}.bubble{border:5px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:24px;max-width:46rem;margin:1.75rem 0 0;padding:1.25rem 1.4rem;font-size:1rem;line-height:1.65;position:relative}.bubble:before,.bubble:after{content:"";border:15px solid #0000;position:absolute;left:2.5rem}.bubble:before{border-top-color:var(--ink);bottom:-35px}.bubble:after{border-top-color:#fff;bottom:-26px}.links{flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;display:flex}.btn{background:var(--blue);color:#fff;border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.9375rem;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn svg{flex:none;width:17px;height:17px}.btn:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)rotate(-1.5deg)}.btn.alt{color:var(--ink);background:#fff}.btn.mint{background:var(--mint);color:var(--ink)}.btn.pop{background:var(--pop);color:var(--ink)}.stats{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2.5rem;display:grid}@media (width>=720px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{text-align:center;background:var(--pop);padding:1rem .75rem}.stat:nth-child(odd){transform:rotate(-2deg)}.stat:nth-child(2n){transform:rotate(2deg)}.pow{color:var(--blue-dark);text-shadow:2px 2px #0b0b0f26;font-size:2rem;display:block}.stat span{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:900}section{padding:2.75rem 0;position:relative}h2{margin-bottom:2rem}h2 .ribbon{background:var(--blue);color:#fff;border:4px solid var(--ink);box-shadow:var(--shadow-sm);text-transform:uppercase;border-radius:10px;padding:.4rem 1.1rem .55rem;font-size:clamp(1.75rem,5.5vw,2.75rem);display:inline-block;transform:rotate(-1.5deg)}h2 em{color:var(--mint);font-style:normal}.job{margin-bottom:1.75rem;padding:1.5rem 1.5rem 1.5rem 1.75rem;position:relative}.job:nth-child(odd){transform:rotate(-.5deg)}.num{background:var(--pop);border:4px solid var(--ink);width:2.6rem;height:2.6rem;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:1.3rem;display:grid;position:absolute;top:-1rem;left:-1rem;transform:rotate(-8deg)}.job h3{color:var(--blue-dark);font-size:1.7rem}.job .meta{background:var(--blue-pale);border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;margin:.45rem 0 1rem;padding:.15rem .5rem;font-size:.75rem;font-weight:900;display:inline-block}.job ul{margin:0;padding:0;list-style:none}.job li{margin:.65rem 0;padding-left:1.7rem;font-size:.9375rem;line-height:1.6;position:relative}.job li:before{content:"★";color:var(--blue);font-size:.9rem;position:absolute;top:.1em;left:0}.job b{background:var(--pop);border:2px solid var(--ink);border-radius:5px;padding:0 .3rem}.cards{gap:1.5rem;display:grid}@media (width>=720px){.cards{grid-template-columns:repeat(2,1fr)}}.card{padding:1.25rem}.card:nth-child(3n){transform:rotate(-1.2deg)}.card:nth-child(3n+2){transform:rotate(1deg)}.card h3 a{color:inherit;border-bottom:4px solid var(--pop);text-decoration:none}.card h3{color:var(--blue-dark);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1.4rem;display:flex}.ico{background:var(--pop);width:2.2rem;height:2.2rem;color:var(--ink);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;transform:rotate(-6deg)}.ico svg{width:18px;height:18px}.card p{margin:0;font-size:.9375rem;line-height:1.6}footer{text-align:center;padding:1rem 0 3.5rem;font-size:.875rem}footer a{font-weight:900}.hint{opacity:.55;margin-top:.5rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){.panel:hover{animation:none}.btn{transition:none}}@page{margin:14mm}@media print{body{background:#fff;font-size:10.5pt;font-weight:400}.links,.hint,.hero:before,.sfx,.num{display:none}.panel,.bubble,.hero{box-shadow:none;background:#fff;border:none;transform:none!important}.bubble:before,.bubble:after{display:none}.bubble{max-width:none;margin-top:.75rem;padding:0}.hero,.job,.card,.stat,header{padding:0}h1 .kicker{letter-spacing:.2em;margin:0;font-size:12pt}h1 .blue{-webkit-text-stroke:0;text-shadow:none;color:var(--blue-dark);font-size:26pt}h2{margin-bottom:.5rem}h2 .ribbon{color:var(--ink);box-shadow:none;background:0 0;border:none;padding:0;font-size:15pt;transform:none}h2 em{color:var(--blue-dark)}.role,.tag,.job .meta,.job b{box-shadow:none;background:0 0;border:none;padding:0;transform:none}.stat{text-align:left;background:0 0}.ico{display:none}.job,.card,.stat{break-inside:avoid}section{padding:.75rem 0}.job{margin-bottom:1rem}}
