@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700;900&display=block');
:root{--cream:#FFFDF5;--ink:#000;--red:#FF6B6B;--yellow:#FFD93D;--violet:#C4B5FD;--white:#fff}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;min-height:100vh;background-image:linear-gradient(to right,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.08) 1px,transparent 1px);background-size:38px 38px}a{color:var(--ink);text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:28px}.hero{border:4px solid var(--ink);background:var(--yellow);box-shadow:12px 12px 0 var(--ink);padding:clamp(24px,5vw,54px);margin:24px 0 42px;position:relative}.eyebrow{display:inline-block;border:4px solid var(--ink);background:var(--white);padding:8px 12px;text-transform:uppercase;letter-spacing:.18em;font-size:13px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}h1{font-size:clamp(3rem,10vw,7.5rem);line-height:.88;margin:24px 0 18px;font-weight:900;letter-spacing:-.08em;text-transform:uppercase}.lede{font-size:clamp(1.05rem,2.2vw,1.45rem);max-width:780px;line-height:1.35}.actions,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.btn,.card{display:block;border:4px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:18px;transition:transform .12s linear,box-shadow .12s linear}.btn{background:var(--red);text-transform:uppercase;font-weight:900;letter-spacing:.08em;text-align:center}.btn:hover,.card:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--ink)}.btn:active,.card:active{transform:translate(4px,4px);box-shadow:none}.card:nth-child(3n+1){background:var(--white)}.card:nth-child(3n+2){background:var(--violet)}.card:nth-child(3n){background:var(--yellow)}.card img{width:100%;height:230px;object-fit:cover;border:4px solid var(--ink);background:var(--white);display:block;margin-bottom:12px}.card strong{display:block;font-size:1.25rem;font-weight:900;text-transform:uppercase;line-height:1.05}.card span{display:block;margin-top:8px}.topic{border:4px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:22px;margin-bottom:30px}.topic p{font-size:1.05rem;line-height:1.5}.badge{display:inline-block;border:4px solid var(--ink);background:var(--red);padding:8px 12px;box-shadow:4px 4px 0 var(--ink);transform:rotate(1.5deg);text-transform:uppercase;font-weight:900}.footer{margin:36px 0 10px}.stamp{position:absolute;right:24px;top:24px;border:4px solid var(--ink);background:var(--violet);padding:10px 14px;box-shadow:6px 6px 0 var(--ink);transform:rotate(8deg);font-weight:900;text-transform:uppercase}.thumb{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px}.thumb div{margin:0;padding:0;border:0;background:transparent;text-align:left;width:auto;height:auto}.thumb div a{display:block}.thumb p{margin:0;font-weight:900;text-transform:uppercase}.block{clear:both}@media(max-width:700px){.wrap{padding:16px}.hero{box-shadow:7px 7px 0 var(--ink)}.stamp{position:static;display:inline-block;margin-top:16px}.card,.btn{box-shadow:6px 6px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.host-btn{font-size:1.35rem;padding:24px;display:block;margin-top:14px}.host-callout{background:var(--violet)}