/* Existing workshop aesthetic: Pixelify Sans, Space Mono, cream, cobalt and lime.
   Design variance 5, motion intensity 1, visual density 3. Native static CSS. */
@font-face{font-family:Pixelify;src:url('/assets/fonts/PixelifySans[wght].ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Space Mono;src:url('/assets/fonts/SpaceMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Heading Numbers';src:url('/assets/fonts/SpaceMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap;unicode-range:U+0030-0039}
:root{--paper:#f5f1e8;--ink:#3022c9;--highlight:#d5ff36;--rule:#3022c942;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Space Mono',monospace}body:before{content:'';position:fixed;inset:0;background:url('/assets/paper.png') repeat;background-size:550px 350px;opacity:.08;pointer-events:none;z-index:-1}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,video:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.page{max-width:1440px;padding:0 64px;margin:auto}header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule)}.wordmark{font:36px/1 Pixelify,monospace;text-decoration:none}nav{font-size:13px}nav a{text-decoration:none}.skip{position:absolute;left:16px;top:-100px;background:var(--highlight);padding:12px;z-index:10}.skip:focus{top:16px}.hero{padding:64px 0 60px}.intro{font-size:14px;margin:0 0 24px}h1,h2,h3{font-weight:400}h1{font:clamp(64px,6.4vw,96px)/1.04 Pixelify,monospace;letter-spacing:-.035em;margin:0 0 30px}h1 span{background:linear-gradient(transparent 55%,var(--highlight) 55%,var(--highlight) 94%,transparent 94%)}.summary{font-size:18px;line-height:1.6;max-width:600px;margin:0 0 30px;letter-spacing:-.035em}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.button{display:inline-block;padding:15px 20px;background:var(--ink);color:var(--paper);text-decoration:none;white-space:nowrap;border:1px solid var(--ink);font-size:14px}.button:hover{background:var(--highlight);color:var(--ink)}.text-link{font-size:13px}figure{margin:0;justify-self:end;width:100%}video{display:block;width:100%;aspect-ratio:9/16;background:#141414;border-radius:16px}figcaption{font-size:10px;line-height:1.7;margin-top:14px}h2{font:42px/1.15 Pixelify,monospace;letter-spacing:-.02em;margin:0 0 20px}h3{font-size:19px;line-height:1.5;margin:0 0 16px}.details{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding:56px 0;border-top:1px dashed var(--ink)}.details p,.resources p{max-width:630px;font-size:14px;line-height:1.8;margin:0 0 16px}.planning{padding-top:3px}.resources{padding:44px 0 60px;border-top:1px solid var(--rule)}.resources h2{font-size:36px}.resource-links{display:flex;flex-wrap:wrap;gap:18px 40px;font-size:13px;margin-top:25px}footer{border-top:1px solid var(--rule);padding:24px 0 32px;display:flex;gap:22px;font-size:11px}footer span{margin-right:auto}
@media(min-width:1600px){.hero{padding-top:74px;padding-bottom:74px}}
@media(max-width:1000px){.page{padding:0 32px}h1{font-size:64px}.details{gap:40px}.summary{font-size:16px}.button{font-size:12px;padding:14px}.text-link{font-size:12px}}
@media(max-width:700px){.page{padding:0 22px}header{height:78px;gap:12px}.wordmark{font-size:28px}nav{font-size:10px}.hero{padding-top:40px}h1{font-size:clamp(44px,11.5vw,72px);margin-bottom:25px}.intro{font-size:11px;margin-bottom:22px}.summary{font-size:14px;max-width:38ch}.button{font-size:12px;padding:15px 16px}.actions{gap:22px}.text-link{font-size:11px}figure{align-self:center;max-width:280px}.details{grid-template-columns:1fr;gap:22px;padding:38px 0}h2{font-size:34px}.details p,.resources p{font-size:13px}.resources{padding:36px 0 42px}.resources h2{font-size:32px}.resource-links{flex-direction:column;gap:20px;font-size:12px}footer{flex-wrap:wrap;gap:16px;font-size:10px}footer span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Selected workshop examples use the existing type, colours and video frames. */
.examples{padding:44px 0 56px;border-top:1px solid var(--rule)}.examples-intro{max-width:680px;font-size:14px;line-height:1.8;margin:0 0 30px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.video-grid figure{min-width:0;justify-self:stretch}.video-grid figcaption strong{display:block;font-size:13px;font-weight:400;margin-bottom:5px}
@media(max-width:1000px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.video-grid figure{max-width:320px;justify-self:center}}
@media(max-width:700px){.examples{padding:36px 0 38px}.examples-intro{font-size:13px}.video-grid{gap:28px 20px}}
@media(max-width:539px){.video-grid{grid-template-columns:1fr}.video-grid figure{max-width:280px}}

/* Clear numerals in every heading; the digit-only face leaves word styling intact. */
h1,h2{font-family:'Heading Numbers',Pixelify,monospace}
h3,h4,h5,h6{font-family:'Heading Numbers','Space Mono',monospace}