@import "https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;700;800;900&display=swap";:root{--rust:#ce422b;--rust-dark:#8f2a18;--ferris:#dea584;--amber:#f6a03d;--cape:#7a1f12;--ink:#160f0c;--paper:#fff3e8;--body:#2b1d17;--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(#ce422b2e 2px, transparent 2.1px), linear-gradient(160deg, #fffaf4 0%, var(--paper) 55%, #ffe3cd 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,.issue{letter-spacing:.02em;color:var(--ink);margin:0;font-family:Bangers,cursive;font-weight:400;line-height:1}a{color:var(--rust-dark)}::selection{background:var(--amber);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)}}header{padding:3rem 0 1rem}.cover{padding:2rem 1.5rem;position:relative;overflow:hidden}.cover>*{position:relative}.rays{background:repeating-conic-gradient(from 10deg at 50% 50%, var(--amber) 0 5deg, transparent 5deg 13deg);opacity:.28;pointer-events:none;width:46rem;height:46rem;position:absolute;top:-30%;left:-10%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 78%);mask-image:radial-gradient(closest-side,#000 30%,#0000 78%)}.issue{background:var(--amber);border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink);z-index:3;border-radius:8px;place-items:center;padding:.35rem .6rem;font-size:.75rem;line-height:1;display:grid;position:absolute;top:1rem;right:1.25rem;transform:rotate(6deg)}.issue b{font-size:1.5rem}@media (width<=560px){.issue{display:none}}.cover-grid{align-items:center;gap:1rem;display:grid}@media (width>=780px){.cover-grid{grid-template-columns:1fr auto}}.tag{background:var(--ferris);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 .name{color:var(--rust);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);font-size:clamp(2.5rem,11vw,6rem)}.role{background:var(--amber);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)}.mascot{justify-self:center;position:relative}.ferris{filter:drop-shadow(5px 6px #160f0c40);width:clamp(13rem,30vw,17rem);height:auto;animation:4s ease-in-out infinite bob;display:block;overflow:visible}@keyframes bob{50%{transform:translateY(-8px)rotate(-1.5deg)}}.sfx{color:var(--amber);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:2.4rem;position:absolute;bottom:.5rem;left:-.5rem;transform:rotate(-12deg)}.bubble{border:5px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:24px;max-width:46rem;margin:2rem 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(--rust);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.amber{background:var(--amber);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(--ferris);padding:1rem .85rem}.stat:nth-child(odd){transform:rotate(-2deg)}.stat:nth-child(2n){transform:rotate(2deg)}.pow{color:var(--rust-dark);font-size:2rem;display:block}.stat span{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:900}.meter{gap:3px;margin-top:.6rem;display:flex}.meter i{border:2px solid var(--ink);background:#fff;border-radius:2px;flex:1;height:9px}.meter i.on{background:var(--rust)}section{padding:2.75rem 0;position:relative}h2{margin-bottom:2rem}h2 .ribbon{background:var(--rust);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(--amber);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(--amber);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(--rust-dark);font-size:1.7rem}.job .meta{border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.05em;background:#ffe3cd;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:"";background:var(--rust);border:2px solid var(--ink);border-radius:50% 50% 50% 0;width:.7rem;height:.7rem;position:absolute;top:.45em;left:.15rem;transform:rotate(-45deg)}.job b{background:var(--amber);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(--amber);text-decoration:none}.card h3{color:var(--rust-dark);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1.4rem;display:flex}.ico{background:var(--ferris);width:2.3rem;height:2.5rem;color:var(--ink);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:45%/22% 22% 60% 60%;flex:none;place-items:center;display:grid;transform:rotate(-5deg)}.ico svg{width:18px;height:18px}footer{text-align:center;padding:1rem 0 3.5rem;font-size:.875rem}footer a{font-weight:900}@media (prefers-reduced-motion:reduce){.panel:hover,.ferris{animation:none}.btn{transition:none}}@page{margin:14mm}@media print{body{background:#fff;font-size:10.5pt;font-weight:400}.links,.rays,.issue,.sfx,.ferris,.mascot,.num,.meter,.ico{display:none}.panel,.bubble,.cover{box-shadow:none;background:#fff;border:none;transform:none!important}.panel{animation:none}.bubble:before,.bubble:after{display:none}.bubble{max-width:none;margin-top:.75rem;padding:0}.cover,.job,.card,.stat,header{padding:0}h1 .kicker{letter-spacing:.2em;margin:0;font-size:12pt}h1 .name{-webkit-text-stroke:0;text-shadow:none;color:var(--rust-dark);font-size:26pt}h2{margin:.9rem 0 .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(--rust-dark)}.role,.tag,.job .meta,.job b{box-shadow:none;background:0 0;border:none;padding:0;transform:none}.job li:before{background:0 0;border:none}.job li{padding-left:.9rem}.job li:after{content:"·";position:absolute;top:0;left:0}.stat{text-align:left;background:0 0}.card h3 a{border:none}.job,.card,.stat{break-inside:avoid}section{padding:.75rem 0}.job{margin-bottom:1rem}}
