:root{--ink:#121412;--paper:#FBF8F1;--paper-2:#F0EADC;--punch:#46D957;--sun:#FFD23F;--night:#0A0F0C;--turf:#111C17;--chalk:#ECE5D3;--mist:#97A399;--brass:#C9A25A;--ember:#E0703F;--line:rgba(201,162,90,.18);--display:"Big Shoulders Display","Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.comic{background:var(--paper);color:var(--ink);color-scheme:light}body.dark{background:var(--night);color:var(--chalk);color-scheme:dark}h1,h2,h3{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:.005em;margin:0;text-wrap:balance}p{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:1180px;margin:0 auto;padding-inline:20px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.comic .eyebrow{color:var(--ink)}.dark .eyebrow{color:var(--brass)}:focus-visible{outline:3px solid var(--punch);outline-offset:3px;border-radius:4px}section{padding-block:clamp(72px,10vw,128px)}.head{display:grid;gap:18px;max-width:780px;margin-bottom:52px}.head h2{font-size:clamp(44px,6.5vw,84px)}.head p{font-size:19px;max-width:640px}.comic .head p{color:#3d423d}.dark .head p{color:var(--mist)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:900;font-size:21px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:14px 24px;transition:transform .15s ease,box-shadow .15s ease}.comic .btn{border:3px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink);color:var(--ink)}.comic .btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.comic .btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.comic .btn-go{background:var(--punch)}.comic .btn-alt{background:var(--paper)}.dark .btn{border-radius:999px;border:1px solid transparent}.dark .btn-go{background:var(--brass);color:var(--night)}.dark .btn-alt{border-color:var(--line);color:var(--chalk);background:transparent}.dark .btn:hover{transform:translateY(-1px)}.actions{display:flex;flex-wrap:wrap;gap:16px}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:6px;box-shadow:6px 6px 0 var(--ink)}.dots{background-image:radial-gradient(var(--ink) 1.3px,transparent 1.6px);background-size:12px 12px}.badge{display:inline-block;justify-self:start;width:max-content;max-width:100%;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:var(--sun);border:3px solid var(--ink);padding:4px 12px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20}.comic .nav{background:var(--paper);border-bottom:3px solid var(--ink)}.dark .nav{background:#0a0f0ce0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:.04em;text-transform:uppercase}.logo-mark{width:32px;height:32px;border-radius:50%;position:relative;flex:none}.comic .logo-mark{border:3px solid var(--ink);background:var(--punch)}.comic .logo-mark:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--ink)}.dark .logo-mark{border:1.5px solid var(--brass)}.dark .logo-mark:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--ember)}.menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;font-weight:700;font-size:15px}.comic .menu a:not(.btn){color:var(--ink)}.dark .menu a:not(.btn){color:var(--mist)}.menu a[aria-current=page]:not(.btn){text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.comic .menu a[aria-current=page]{text-decoration-color:var(--punch)}.dark .menu a[aria-current=page]{color:var(--chalk);text-decoration-color:var(--brass)}.menu .btn{font-size:17px;padding:9px 16px}.comic .menu .btn{box-shadow:3px 3px 0 var(--ink)}.menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;color:inherit}.menu-toggle span{display:block;width:26px;height:3px;background:currentColor;margin:5px 0;border-radius:2px}footer{padding-block:48px}.comic footer{border-top:3px solid var(--ink);background:var(--paper-2)}.dark footer{border-top:1px solid var(--line)}footer .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.6fr));gap:32px}footer p{max-width:360px;margin-top:12px}.comic footer p{color:#3d423d}.dark footer p{color:var(--mist)}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer a{text-decoration:none;font-weight:600}footer small{display:block;margin-top:28px;font-family:var(--mono);font-size:12px;opacity:.7}@media(max-width:860px){.menu-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px 26px}.comic .menu{background:var(--paper);border-bottom:3px solid var(--ink)}.dark .menu{background:var(--night);border-bottom:1px solid var(--line)}.nav.open .menu{display:flex}footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}