*{box-sizing:border-box}html{scroll-behavior:smooth;--paper:#f7efd9;--ink:#191b16;--accent:#d02b18;--accent-ink:#fff;--line:#c7bda5;--display:Impact,"Arial Narrow",sans-serif}body{background:var(--paper);color:var(--ink);margin:0;font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:6px}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,a{touch-action:manipulation}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);letter-spacing:-.045em;font-weight:700;line-height:.99}h1{max-width:970px;font-size:clamp(56px,6.3vw,104px)}h1 em{font-style:normal}h2{font-size:clamp(40px,4.6vw,70px)}h3{letter-spacing:-.03em;font-size:28px;line-height:1.2}.prototype{color:#f7f6ed;letter-spacing:.08em;background:#161a18;justify-content:space-between;align-items:center;gap:16px;padding:10px 4%;font:11px/1.4 monospace;display:flex}.quiet{color:#b6bcb8}.themes{gap:4px;display:flex}.themes a{color:#f7f6ed;background:0 0;border:1px solid #69726b;border-radius:2px;min-height:40px;padding:9px 14px;font:12px Arial}.themes a[aria-current=page]{color:#161a18;background:#f7f6ed}.skip{z-index:10;background:var(--paper);padding:10px;position:absolute;top:-100px;left:10px}.skip:focus{top:10px}.opening{isolation:isolate;position:relative}header{z-index:2;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%;display:flex;position:relative}.brand{letter-spacing:-1.5px;white-space:nowrap;font-size:28px;font-weight:900;text-decoration:none}.brand span{color:var(--accent)}nav{gap:32px;display:flex}nav a{padding:8px 0;font-size:15px;text-decoration:none}nav a:hover,.text-link:hover{text-decoration:underline}.hero{min-height:760px;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:1050px;padding:55px 5% 70px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.15em;margin-bottom:22px;font:11px/1.5 monospace}.intro{max-width:620px;margin-top:25px;font-size:21px;line-height:1.5}.actions{flex-wrap:wrap;align-items:center;gap:30px;margin-top:32px;display:flex}.button{background:var(--accent);color:var(--accent-ink);justify-content:space-between;align-items:center;gap:36px;min-height:56px;padding:17px 24px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(.9)}.text-link{font-size:16px}.hero-art{z-index:-1;position:absolute;inset:0}.hero-art img{object-fit:cover;width:100%;height:100%;display:block}.story-tag{z-index:1;background:var(--paper);color:var(--ink);border:1px solid var(--ink);min-width:275px;box-shadow:5px 5px 0 var(--ink);padding:20px 26px;text-decoration:none;position:absolute;bottom:30px;right:5%}.story-tag .eyebrow{margin:0 0 5px;display:block}.story-tag strong{font-size:23px}.story-tag>span:last-child{float:right;padding-left:20px;font-size:24px}.window-bar{display:none}.section{max-width:1600px;margin:auto;padding:100px 6%;scroll-margin-top:20px}.build{grid-template-columns:1fr 1fr;align-items:center;gap:9%;display:grid}.build-copy>p:not(.eyebrow){max-width:490px;margin-top:25px}.note{opacity:.72;font-size:13px}.product{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 12%,transparent);padding:30px}.product-bar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:40px;font-size:14px;display:flex}.product-bar span{text-transform:uppercase;font:10px monospace}.product>p{margin:12px 0 20px;font-size:14px}.preferences{flex-wrap:wrap;gap:10px;display:flex}.preferences button{color:inherit;border:1px solid var(--line);background:0 0;min-height:44px;padding:11px 15px;font-size:14px}.preferences button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.preference-result{border-top:1px solid var(--line);min-height:70px;margin-top:25px;padding-top:22px;font-size:14px}.courses{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9%;display:grid}.section-heading>p:last-child{margin-top:25px;font-size:15px}.lessons{padding-top:10px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;align-items:center;gap:20px;padding:24px 0;font-size:20px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary>span{color:var(--accent);font:12px monospace}summary b{margin-left:auto;font-size:25px}details[open] summary b{transform:rotate(45deg)}details p{padding:0 0 25px 36px;font-size:16px}.about{border-top:1px solid var(--line);text-align:center;padding-top:110px;padding-bottom:110px}.about>p:not(.eyebrow){max-width:620px;margin:25px auto}.about a{margin-top:8px;display:inline-block}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:35px 5%;display:flex}footer p,footer>a:last-child{font-size:13px}[data-theme=comic] .hero-art{top:20px;left:25%}[data-theme=comic] .hero-art:after{content:"";background:linear-gradient(110deg,var(--paper) 0%,var(--paper) 21%,transparent 66%);position:absolute;inset:0}[data-theme=comic] .hero-copy{max-width:880px}[data-theme=comic] h1{max-width:790px}[data-theme=comic] .intro{max-width:530px}[data-theme=comic] .hero{border-bottom:3px solid var(--ink)}[data-theme=comic] .button{box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink)}[data-theme=anime]{--paper:#0c2532;--ink:#f5f0e3;--accent:#ff7854;--accent-ink:#16232a;--line:#365260;--display:Arial,Helvetica,sans-serif}[data-theme=anime] header,[data-theme=cinematic] header{background:0 0}[data-theme=anime] .hero{min-height:850px;overflow:visible}[data-theme=anime] .hero-art{top:-100px}[data-theme=anime] .hero-art:after{content:"";background:linear-gradient(#071e2bd9,#071e2b55 58%,#071e2b11);position:absolute;inset:0}[data-theme=anime] .hero-copy{text-align:center;max-width:1000px;margin:auto;padding-top:35px}[data-theme=anime] h1{font-size:clamp(52px,5.8vw,88px);line-height:1.05}[data-theme=anime] .intro{margin:24px auto 0}[data-theme=anime] .actions{justify-content:center}[data-theme=anime] .story-tag{box-shadow:none;background:#0c2532eb;border-color:#718491}[data-theme=retro]{--paper:#fff0bf;--ink:#07382b;--accent:#ae3508;--accent-ink:#fff9e8;--line:#a5a17d;--display:Georgia,"Times New Roman",serif}[data-theme=retro] body{font-family:Courier New,monospace}[data-theme=retro] .hero{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);min-height:710px;margin:10px 4% 55px}[data-theme=retro] .window-bar{background:var(--ink);color:var(--paper);justify-content:space-between;padding:9px 15px;font-size:13px;display:flex}[data-theme=retro] .hero-copy{max-width:760px;padding:40px 4%}[data-theme=retro] h1{color:var(--accent);font-size:clamp(55px,5.8vw,88px)}[data-theme=retro] .intro{max-width:530px;font-size:18px}[data-theme=retro] .hero-art{top:40px;left:30%}[data-theme=retro] .hero-art:after{content:"";background:linear-gradient(90deg,var(--paper),#fff0bfdd 15%,transparent 60%);position:absolute;inset:0}[data-theme=retro] .button{box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink)}[data-theme=cinematic]{--paper:#15120f;--ink:#f6eddf;--accent:#e6ac66;--accent-ink:#21170d;--line:#4c4035;--display:Georgia,"Times New Roman",serif}[data-theme=cinematic] .brand{font-family:Georgia,serif;font-weight:400}[data-theme=cinematic] .hero{align-items:flex-end;min-height:780px;display:flex;overflow:visible}[data-theme=cinematic] .hero-art{top:-100px}[data-theme=cinematic] .hero-art:after{content:"";background:linear-gradient(90deg,#100e0be8,#100e0b44 75%),linear-gradient(#0000 20%,#15120fe6);position:absolute;inset:0}[data-theme=cinematic] .hero-copy{max-width:960px;padding-bottom:80px}[data-theme=cinematic] h1{font-size:clamp(52px,5.9vw,90px);font-weight:400}[data-theme=cinematic] h1 em{font-style:italic}[data-theme=cinematic] .story-tag{box-shadow:none;background:0 0;border:0;border-left:1px solid #8a7761;min-width:230px;bottom:45px}@media (width>=1600px){.hero-copy{margin-left:max(0px,50vw - 800px)}.hero{min-height:850px}}@media (width<=1000px){h1{font-size:68px}.hero-copy{max-width:750px}.intro{font-size:19px}.hero{min-height:800px}[data-theme=retro] .hero-copy{max-width:650px}[data-theme=cinematic] .hero-copy{padding-bottom:155px}.build,.courses{gap:5%}.section{padding:70px 5%}footer{flex-wrap:wrap}}@media (width<=700px){.prototype{flex-direction:column;gap:8px;padding:10px 12px}.themes{width:100%}.themes a{flex:1;padding:10px 7px}.quiet{display:none}header{flex-wrap:wrap;gap:12px;padding:20px}.brand{font-size:25px}nav{border-top:1px solid var(--line);justify-content:space-between;gap:22px;width:100%;padding-top:10px}nav a{font-size:14px}.hero,.hero-art,.hero-copy{position:relative}.hero{min-height:0!important;display:block!important;overflow:hidden!important}.hero-copy{background:var(--paper);text-align:left!important;max-width:none!important;margin:0!important;padding:30px 22px 35px!important}h1,[data-theme] h1{letter-spacing:-.045em;font-size:clamp(42px,10.8vw,72px);line-height:1.02}.eyebrow{margin-bottom:18px;font-size:10px}.intro,[data-theme] .intro{max-width:520px;margin:22px 0 0;font-size:17px}.actions,[data-theme] .actions{justify-content:flex-start;gap:23px;margin-top:26px}.button{gap:26px;padding:16px 20px}.hero-art,[data-theme] .hero-art{z-index:0;width:100%;height:400px;position:relative;inset:auto}.hero-art img{object-position:50% 55%}[data-theme] .hero-art:after{display:none}.story-tag,[data-theme] .story-tag{background:var(--paper);border:0;border-top:1px solid var(--line);min-width:0;box-shadow:none;margin:0;padding:24px 22px;display:block;position:relative;inset:auto}.story-tag strong{font-size:23px}[data-theme=retro] .hero{margin:5px 14px 30px}[data-theme=retro] .window-bar{gap:10px;font-size:10px}[data-theme=retro] .window-bar span{white-space:nowrap}[data-theme=retro] .hero-copy{padding:28px 17px 35px!important}[data-theme=anime] .hero-art{height:460px}[data-theme=cinematic] .hero-art img{object-position:60% 50%}.section{padding:60px 22px}.build,.courses{grid-template-columns:1fr;gap:35px}h2{font-size:43px}.product{box-shadow:4px 4px 0 color-mix(in srgb,var(--ink) 12%,transparent);padding:23px}.product-bar{margin-bottom:30px}.product-bar span{font-size:9px}h3{font-size:26px}.section-heading>p:last-child{font-size:15px}summary{gap:14px;font-size:17px}details p{padding-left:27px}.about{text-align:left}.about>p:not(.eyebrow){margin:25px 0}footer{padding:30px 22px;display:block}footer p{margin:12px 0}footer>a:last-child{padding:10px 0;display:inline-block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.themes a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.error-page{place-content:center;gap:30px;min-height:80vh;padding:40px;display:grid}.error-page h1{font-size:clamp(64px,15vw,160px)}