:root{--paper:#f7ead0;--paper-2:#f1dfbd;--ink:#111;--white:#fff;--nav-h:54px;--display:"Archivo Black", system-ui, sans-serif;--body:"Space Grotesk", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{font-family:var(--body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#0000000d 1.4px,#0000 1.6px);background-size:22px 22px;overflow-x:hidden}.topnav{z-index:100;height:var(--nav-h);background:var(--ink);border-bottom:4px solid var(--ink);align-items:center;gap:10px;padding:0 12px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);color:var(--paper);letter-spacing:.02em;white-space:nowrap;border-right:2px solid #444;flex-shrink:0;padding-right:10px;font-size:.95rem}.rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1 1 0;gap:6px;min-width:0;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.chip{white-space:nowrap;font-family:var(--body);text-transform:uppercase;letter-spacing:.03em;color:#cfc4ad;border:2px solid #0000;border-radius:999px;flex-shrink:0;padding:6px 11px;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.chip:hover{color:var(--white)}.chip.active{color:var(--ink);background:var(--accent);border-color:var(--ink)}.hero{background:var(--ink);border-bottom:5px solid var(--ink);padding:46px 20px 40px}.hero-inner{text-align:center;max-width:760px;margin:0 auto}.hero-eyebrow{font-family:var(--body);text-transform:uppercase;letter-spacing:.22em;color:#ffd400;margin-bottom:16px;font-size:.7rem;font-weight:700}.hero-title{font-family:var(--display);color:var(--paper);text-transform:uppercase;letter-spacing:-.01em;text-shadow:5px 5px #ff1e1e,9px 9px #1466ff;font-size:clamp(2.1rem,9vw,4rem);line-height:.95}.hero-title .amp{color:#ffd400;-webkit-text-fill-color:#ffd400;padding:0 .12em}.hero-sub{color:#e7dcc4;max-width:56ch;margin:22px auto 0;font-size:1rem;font-weight:500;line-height:1.55}.hero-sub em{color:#ffd400;font-style:normal;font-weight:700}.hero-pills{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px;display:flex}.pill{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:6px 15px;font-size:.72rem;box-shadow:3px 3px #ff1e1e}.cards{flex-direction:column;gap:30px;max-width:760px;margin:0 auto;padding:28px 16px 40px;display:flex}.card{background:var(--white);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--ink);scroll-margin-top:calc(var(--nav-h) + 12px)}.card-head{background:var(--accent);border-bottom:4px solid var(--ink);padding:16px 18px 14px}.card-num{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);opacity:.72;font-size:.66rem}.card-titlerow{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.card-title{font-family:var(--display);text-transform:uppercase;color:var(--ink);font-size:clamp(1.35rem,5.5vw,1.95rem);line-height:1}.card-tagline{color:var(--ink);margin-top:10px;font-size:.92rem;font-style:italic;font-weight:600;line-height:1.4}.difficulty{flex-shrink:0;gap:3px;display:flex}.pip{width:26px;height:26px}.filmstrip{background:repeating-linear-gradient(45deg, transparent 0 11px, color-mix(in srgb, var(--accent) 7%, transparent) 11px 22px), color-mix(in srgb, var(--accent) 9%, var(--white));border-bottom:4px solid var(--ink);justify-content:center;align-items:stretch;gap:4px;padding:18px 14px;display:flex}.frame-wrap{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.frame{background:var(--white);border:3px solid var(--ink);min-width:0;box-shadow:4px 4px 0 var(--ink);flex:1;padding:8px 6px 4px;position:relative}.frame-num{background:var(--accent);width:24px;height:24px;color:var(--ink);border:3px solid var(--ink);font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;display:flex;position:absolute;top:-11px;left:-11px}.flow-arrow{flex-shrink:0;width:22px;height:22px}.pose{flex-direction:column;align-items:center;gap:4px;display:flex}.pose svg{width:100%;height:auto;max-height:120px;overflow:visible}.pose figcaption{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--ink);font-size:.56rem;line-height:1.1}.steps{counter-reset:s;padding:18px 18px 8px;list-style:none}.steps li{counter-increment:s;margin-bottom:12px;padding-left:34px;font-size:.9rem;font-weight:500;line-height:1.45;position:relative}.steps li:before{content:counter(s);background:var(--accent);width:23px;height:23px;color:var(--ink);border:2.5px solid var(--ink);font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:-1px;left:0}.card-foot{background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;font-size:.72rem}.site-foot{background:var(--ink);color:#cfc4ad;text-align:center;border-top:5px solid var(--ink);padding:30px 20px}.site-foot p{max-width:44ch;margin:0 auto 12px;font-size:.9rem;font-style:italic;font-weight:600}.site-foot a{color:#ffd400;font-size:.82rem;font-weight:700;text-decoration:none}.site-foot a:hover{text-decoration:underline}@media (width>=620px){.pose svg{max-height:150px}.pose figcaption{font-size:.62rem}.steps li{font-size:.96rem}}@media (width<=380px){.pose figcaption{font-size:.5rem}.frame{padding:7px 3px 3px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}