@font-face{font-family:Anton;src:url('Anton.ttf') format('truetype');font-display:swap}@font-face{font-family:Archivo;src:url('ArchivoRegular.ttf') format('truetype');font-display:swap}@font-face{font-family:Archivo;src:url('ArchivoBold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:SpaceMono;src:url('SpaceMono.ttf') format('truetype');font-display:swap}
:root{--paper:#d8d1c2;--ink:#15110d;--blue:#0074cc;--pink:#ff2d55;--yellow:#ffe600;--soft:#5a5248}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Archivo,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:.23em}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}.skip{position:fixed;z-index:100;left:20px;top:-100px;padding:10px 20px;background:var(--yellow)}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;border-top:5px solid var(--blue);border-bottom:2px solid var(--ink);padding:17px 3.5vw;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:28px/1 Anton,sans-serif;text-decoration:none;white-space:nowrap}.brand b{font-weight:400;background:var(--pink);padding:3px 5px;color:var(--paper)}.site-header nav{display:flex;gap:22px;align-items:center}.site-header nav a{font:13px/1.4 SpaceMono,monospace;text-decoration:none}.site-header nav a[aria-current]{border-bottom:3px solid var(--blue);padding-bottom:5px}.logo-link{display:block;width:125px;flex-shrink:0;background:var(--paper);padding:4px}.logo-link img{display:block;width:100%}.hero{position:relative;padding:30px 5vw 50px;overflow:hidden;border-bottom:3px solid var(--ink);background-image:radial-gradient(circle at 85% 50%,#0074cc22,transparent 45%),radial-gradient(circle at 10% 60%,#ff2d5522,transparent 35%),radial-gradient(#15110d19 .65px,transparent .8px);background-size:auto,auto,5px 5px}.hero-top{display:flex;justify-content:space-between;gap:18px;font:12px/1.7 SpaceMono,monospace;margin-bottom:32px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:4vw;align-items:end;max-width:1500px;margin:auto}.eyebrow{font:12px/1.7 SpaceMono,monospace;text-transform:uppercase;letter-spacing:.045em}.hero h1{font:clamp(56px,7.2vw,110px)/1.07 Anton,sans-serif;margin:20px 0 8px;letter-spacing:-.015em}.hero h1 span{display:block}.hero h1 span:nth-child(2){color:transparent;-webkit-text-stroke:1.7px var(--ink)}.hero h1 span:nth-child(3){background:var(--pink);color:var(--paper);padding:0 .09em;width:max-content;max-width:100%}.hero-aside{max-width:550px;padding-bottom:6px}.course-label{font:clamp(24px,2.5vw,38px)/1.2 Anton,sans-serif;margin:0 0 20px;color:var(--blue)}.facts{display:flex;gap:65px;margin:25px 0}.facts strong{font:58px/1 Anton,sans-serif;color:var(--blue)}.facts small{display:block;color:var(--ink);font:12px/1.5 SpaceMono,monospace;margin-top:8px}.button{display:inline-block;background:var(--yellow);border:2px solid var(--ink);padding:12px 18px;text-decoration:none;font-weight:700;box-shadow:4px 4px 0 var(--ink)}.button:hover{background:var(--ink);color:var(--yellow)}.text-link{display:block;margin-top:22px;font:13px/1.5 SpaceMono,monospace}.hero-line{height:2px;background:var(--blue);transform:rotate(-1deg);margin-top:40px;box-shadow:0 6px 0 var(--pink)}.course-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:5vw;padding:55px 5vw}.contents{align-self:start;position:sticky;top:115px}.contents summary{font:13px/1.5 SpaceMono,monospace;cursor:pointer;padding:0 0 15px;border-bottom:2px solid var(--ink)}.contents nav{display:flex;flex-direction:column;max-height:calc(100vh - 185px);overflow-y:auto;scrollbar-width:thin}.contents a{display:flex;align-items:baseline;gap:12px;padding:13px 8px 13px 0;border-bottom:1px solid #15110d30;text-decoration:none;font-size:13px;line-height:1.4}.contents a span{font:11px SpaceMono,monospace;color:var(--blue)}.contents a.active{font-weight:700;color:var(--blue)}.chapters{min-width:0}.chapter{border-top:3px solid var(--ink);padding:28px 0 55px;margin:0 0 28px;scroll-margin-top:110px}.chapter-top{display:flex;align-items:center;gap:15px;margin-bottom:20px}.serial{font:18px Anton,sans-serif;display:inline-block;padding:4px 12px;background:var(--pink);color:var(--paper)}.chapter-top p{margin:0}.chapter h2{font:clamp(32px,3.5vw,49px)/1.15 Anton,sans-serif;text-transform:uppercase;margin:15px 0 34px;color:var(--blue);overflow-wrap:anywhere}.chapter h3{font:25px/1.3 Anton,sans-serif;margin:30px 0 10px;overflow-wrap:anywhere}.chapter p{max-width:75ch}.chapter .body-copy{margin:14px 0 22px}.chapter a{overflow-wrap:anywhere}.meta{font:13px/1.7 SpaceMono,monospace;color:var(--soft);margin:22px 0 12px;white-space:normal}.work-number{font:47px/1 Anton,sans-serif;color:var(--blue);margin:34px 0 15px}.note{font-size:14px;color:var(--soft);line-height:1.6}.dark{background:var(--ink);color:var(--paper);margin-left:-28px;margin-right:-28px;padding:28px;border-top:5px solid var(--blue)}.dark h2,.dark .work-number{color:var(--yellow)}.dark .meta,.dark .note{color:#cbc4b8}.dark a:hover{color:var(--yellow)}.table-scroll{overflow:auto;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:15px;min-width:530px}caption{text-align:left;font:12px SpaceMono,monospace;margin:0 0 16px}th,td{padding:19px 14px 19px 0;border-bottom:1px solid #15110d40;text-align:left;vertical-align:top}thead th{font:12px SpaceMono,monospace;border-bottom:2px solid var(--ink)}tbody th{font:22px/1.3 Anton,sans-serif;color:var(--blue);min-width:82px}td:nth-child(2){width:37%}small{display:block;font-size:12px;line-height:1.5;margin-top:9px;color:var(--soft)}.video-section{margin-top:65px}.video-grid{display:grid;gap:30px;margin-top:30px}.video-card{border:2px solid var(--ink)}.video-stage{aspect-ratio:16/9;position:relative;background:repeating-radial-gradient(ellipse at 20% 180%,transparent 0 30px,#d8d1c255 31px 32px,transparent 33px 55px),var(--blue);overflow:hidden}.load-video{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:none;border:0;color:#fff;font-weight:700}.load-video .play{width:70px;height:70px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:30px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.load-video small{color:#fff;font-family:SpaceMono,monospace}.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-copy{padding:20px 26px 27px}.video-copy h3{margin:9px 0 15px}.video-copy a{font-size:14px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:25px 0}.resource-grid a{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #15110d40;text-decoration:none;font-size:15px}footer{border-top:3px solid var(--ink);padding:40px 5vw;display:flex;gap:35px;align-items:center;justify-content:space-between}footer p{font-size:13px}footer>a:last-child{font-size:13px}
@media(min-width:1600px){.hero{padding-left:calc((100vw - 1350px)/2);padding-right:calc((100vw - 1350px)/2)}}
@media(max-width:1050px){.site-header{flex-wrap:wrap;gap:16px}.site-header nav{order:3;width:100%;justify-content:space-between}.hero h1{font-size:8vw}.course-layout{grid-template-columns:205px minmax(0,1fr);gap:35px;padding-left:4vw;padding-right:4vw}.contents{top:150px}.contents nav{max-height:calc(100vh - 210px)}html{scroll-padding-top:150px}.chapter{scroll-margin-top:145px}.dark{margin-left:-16px;margin-right:-16px;padding:22px 16px}}
@media(max-width:720px){body{font-size:16px}.site-header{padding:14px 5vw;gap:12px}.brand{font-size:24px}.logo-link{width:104px}.site-header nav a{font-size:11px}.site-header nav{gap:10px}.hero{padding-top:24px}.hero-top{display:block;font-size:11px}.hero-top span{display:block;margin-top:12px}.hero-grid{display:block}.hero h1{font-size:clamp(45px,12vw,85px)}.hero-aside{margin-top:36px}.course-label{font-size:29px}.facts{gap:60px}.course-layout{display:block;padding:35px 5vw}.contents{position:static;margin-bottom:35px}.contents nav{max-height:290px}.contents summary{font-size:14px}.contents a{font-size:14px}.chapter h2{font-size:35px}.chapter h3{font-size:25px}.chapter-top .eyebrow{font-size:11px}.resource-grid{grid-template-columns:1fr}.dark{margin:0 -5vw 35px;padding:28px 5vw}.video-copy{padding:18px}.hero h1 span:nth-child(3){overflow-wrap:anywhere}footer{flex-wrap:wrap}footer .brand{font-size:26px}.table-scroll{box-shadow:inset -3px 0 0 #15110d20}.chapter{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.contents,.hero-line,.video-stage,.skip{display:none}.hero,.course-layout{padding:0;display:block}.hero{background:none}.hero h1{font-size:42pt}.hero-grid{display:block}.hero-aside{max-width:none}.chapter,.dark{break-inside:auto;background:white;color:black;padding:0;margin:20pt 0}.chapter h2,.dark h2{font-size:23pt;color:black}h2,h3{break-after:avoid}p,li{orphans:3;widows:3}.video-card{break-inside:avoid}a{color:black}.table-scroll{overflow:visible}body{background:white;font-size:11pt}.dark .note,.dark .meta{color:#333}footer{padding:10pt 0}.button{display:none}}