@font-face{font-family:Exo;src:url(/exo2.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Chakra;src:url(/chakrapetch.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Instrument;src:url(/instrumentserif-italic.woff2)format("woff2");font-style:italic;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060607;--panel:#101113;--muted:#a4a4ab;--line:#ffffff20;--accent:#e0302b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:#f6f6f7;margin:0;font-family:Exo,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:is(a:focus-visible,button:focus-visible,input:focus-visible){outline-offset:5px;outline:2px solid #e0302b}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Chakra,Arial,sans-serif;font-weight:600;line-height:1.05}h1{letter-spacing:-3px;font-size:clamp(76px,7.5vw,112px)}h2{letter-spacing:-1px;font-size:48px}h3{font-size:25px}em{text-transform:none;letter-spacing:-1px;font-family:Instrument,Georgia,serif;font-weight:400}h1 em{font-size:1.17em}h2 em{font-size:1.14em}p{color:#c1c1c8}strong{color:#fff;font-weight:600}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:32px 5%;display:flex}.brand{letter-spacing:3.5px;white-space:nowrap;align-items:center;gap:16px;font-size:13px;font-weight:600;display:inline-flex}.brand-symbol{width:37px;height:12px;display:block;position:relative}.brand-symbol:before{content:"";background:#fff;width:28px;height:2px;position:absolute;top:5px;left:0}.brand-symbol:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:0}.header-tag{letter-spacing:2.5px;color:#85858c;font-size:10px}.social,.download{color:#bbb;letter-spacing:.5px;font-size:12px}.eyebrow{letter-spacing:2.5px;color:#a8a8af;font-size:10px;font-weight:600}.line-label{align-items:center;gap:14px;display:flex}.line-label:before{content:"";background:#aaa;width:42px;height:1px}.line-label:after{content:"";background:var(--accent);border-radius:50%;order:-1;width:6px;height:6px}.landing{grid-template-columns:1.2fr 1fr;align-items:start;gap:8%;max-width:1320px;margin:auto;padding:68px 5% 45px;display:grid}.hero-copy{min-width:0}.hero-copy h1{margin:28px 0 24px}.hero-description{color:#a8a8af;font-size:16px;line-height:1.7}.hero-art{height:275px;margin-top:16px;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000,#000 18% 80%,#0000);mask-image:linear-gradient(#0000,#000 18% 80%,#0000)}.art-caption,.art-index{letter-spacing:2px;color:#77777e;font-size:9px;position:absolute;bottom:4px}.art-index{right:0}.access-panel{border:1px solid var(--line);background:linear-gradient(135deg,#17181b,#0b0b0e);border-radius:4px;margin-top:0;padding:35px 34px;box-shadow:0 25px 100px #0004}.panel-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.access-panel h2{margin-bottom:19px;font-size:43px}.access-panel>p{color:#a4a4ad;max-width:340px;margin-bottom:24px;font-size:14px}.field{margin:0 0 17px}.field label{color:#e5e5e9;margin:0 0 7px;font-size:12px;display:block}.field label span{color:#8e8e96;margin-left:5px;font-size:10px}.field input{color:#fff;background:#08090b;border:1px solid #ffffff25;border-radius:3px;width:100%;min-height:48px;padding:13px 14px;font-size:14px;transition:border-color .2s}.field input:focus{border-color:#fff;outline:none}.field input::placeholder{color:#6f6f79}.check{color:#aeafb6;cursor:pointer;align-items:flex-start;gap:10px;margin:5px 0 14px;font-size:11px;line-height:1.55;display:flex}.check input{accent-color:var(--accent);flex-shrink:0;width:15px;height:15px;margin:3px 0}.muted{color:var(--muted)}.form-note{color:#8e8e98;margin-bottom:21px;font-size:10px;line-height:1.65}.form-note a{color:#ccc;text-underline-offset:3px;text-decoration:underline}.button{border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;min-height:51px;padding:15px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:flex}.button span{font-size:22px;line-height:1}.primary{color:#080809;background:#f0f0f1;width:100%}.primary:hover{background:#fff;transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:wait;transform:none}.fine{text-align:center;color:#92929c;margin-top:12px;font-size:10px}.access-meta{border-top:1px solid var(--line);letter-spacing:1px;color:#898992;justify-content:space-between;margin-top:25px;padding-top:17px;font-size:10px;display:flex}.honey{opacity:0;width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.error{color:#ff8d88;margin:10px 0 15px;font-size:12px}.preview{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10%;max-width:1188px;margin:0 auto;padding:70px 0 90px;display:grid}.preview h2{margin-top:22px;font-size:39px}.chapter-preview{columns:1;margin:0;padding:0;list-style:none}.chapter-preview li{border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.chapter-preview li:first-child{padding-top:0}.chapter-preview span{color:#73737b;width:45px;font-size:10px;display:inline-block}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;max-width:1440px;margin:auto;padding:35px 5%;display:flex}footer div{color:#a3a3ac;gap:24px;font-size:11px;display:flex}footer small{color:#6e6e78;width:100%;font-size:10px}.returning{padding:15px 0}.returning p{margin-bottom:20px}.reader-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#060607ee;position:sticky;top:0}.reader{max-width:1188px;margin:auto}.reader-intro{padding:90px 0 70px}.reader-intro h1{margin:30px 0;font-size:85px}.reader-intro p{margin-bottom:30px;font-size:18px}.text-link{border-bottom:1px solid #aaa;padding-bottom:5px;font-size:12px}.reader-nav{border-block:1px solid var(--line);white-space:nowrap;color:#aaa;gap:25px;padding:19px 0;font-size:11px;display:flex;overflow-x:auto}.reader-nav a:hover{color:#fff}.chapter{border-bottom:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:8%;padding:90px 0;scroll-margin-top:10px;display:grid}.chapter-heading h2{margin-top:25px;font-size:40px}.chapter-body{min-width:0}.chapter-body>p{margin-bottom:28px;font-size:18px}.chapter-body>h3{margin:35px 0 20px}.chapter-body p:last-child{margin-bottom:0}figure{min-width:0;margin:0}figure img{border:1px solid var(--line);border-radius:4px;width:100%;display:block}figcaption{letter-spacing:2px;color:#999;margin-top:12px;font-size:9px}.two-images{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;display:grid}.two-images img{object-fit:cover;height:270px}.two-images.landscape img{height:160px}.storyboard{grid-template-columns:repeat(3,1fr);gap:25px 15px;margin:30px 0;display:grid}.storyboard img{object-fit:cover;object-position:center 40%;height:180px}pre{border:1px solid var(--line);border-left:2px solid var(--accent);background:#111215;margin:30px 0;padding:25px;font-size:13px;line-height:1.8;overflow:auto}blockquote{border:1px solid var(--line);color:#ddd;background:#101114;margin:24px 0;padding:22px;font-size:16px}blockquote small{letter-spacing:1.5px;color:#92929c;margin-bottom:12px;font-size:9px;display:block}.practice{margin-top:60px}.practice h3{margin-top:16px;font-size:32px}.practice>p{font-size:16px}.rules{grid-template-columns:1fr 1fr;gap:0 24px;margin-bottom:28px;padding:0;list-style:none;display:grid}.rules li{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.color-scenes{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;display:grid}.color-scenes img{object-fit:cover;height:300px}.palette{align-items:center;gap:10px;display:flex}.palette span{border:1px solid #ffffff40;border-radius:50%;width:26px;height:26px}.palette small{letter-spacing:1.5px;color:#aaa;margin-left:10px;font-size:9px}.motion-study{border:1px solid var(--line);background:#111215;margin:25px 0;padding:25px}.motion-study span{letter-spacing:1px;color:#aaa;font-size:9px}.motion-study div{border-top:1px solid #ffffff30;margin:28px 7px 35px;position:relative}.motion-study div:last-child{margin-bottom:12px}.motion-study i{background:#eee;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;transform:translate(-50%)}.blur-example{grid-template-columns:1fr 1.2fr;align-items:center;gap:25px;display:grid}.blur-example img{object-fit:cover;height:230px}.blur-example p{font-size:15px}.wave{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:190px;margin-bottom:25px;padding:10px 0;display:flex}.wave i{background:#ddd;border-radius:2px;flex:1}.wave i:nth-child(n+52){background:var(--accent)}.wave-labels{letter-spacing:2px;justify-content:space-around;margin-top:40px;font-size:10px;display:flex}.wave-labels span:last-child{color:var(--accent)}.pipeline{border-left:1px solid #777;margin:0;padding:0 0 0 30px;list-style:none}.pipeline li{border-bottom:1px solid var(--line);padding:20px 0;position:relative}.pipeline li:before{content:"";background:#060607;border:1px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:29px;left:-36px}.pipeline li:last-child:before{background:#fff}.pipeline h3{margin-bottom:7px;font-size:23px}.pipeline p{font-size:14px}.course-section{text-align:center;max-width:680px;margin:auto;padding:100px 0}.course-section>.line-label{justify-content:center}.course-section h2{margin:30px 0;font-size:66px}.course-section>p{font-size:17px}.course-topics{text-align:left;margin:35px 0;padding:0;list-style:none}.course-topics li{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:16px 0;font-size:15px;display:flex}.course-topics li:before{content:"";border:1px solid #aaa;border-radius:50%;flex-shrink:0;width:7px;height:7px}.course-section>.button{max-width:430px;margin:35px auto 0}.course-dialog{color:#fff;background:#111215;border:1px solid #ffffff30;border-radius:6px;width:min(500px,100% - 28px);max-height:90dvh;padding:35px;overflow:auto}.course-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.close{color:#aaa;background:0 0;border:none;width:32px;height:32px;font-size:28px;position:absolute;top:9px;right:12px}.course-dialog h2{margin:20px 0;font-size:38px}.course-dialog>p,.success>p{margin-bottom:25px;font-size:13px}.course-dialog form{text-align:left}.text-button{color:#aaa;background:0 0;border:none;margin-top:5px;padding:12px;font-size:12px;text-decoration:underline}.simple-page{max-width:800px;min-height:60vh;margin:70px auto;padding:0 24px}.simple-page h1{margin-bottom:35px;font-size:48px}.simple-page h2{margin:35px 0 15px;font-size:23px}.simple-page p{margin:15px 0}.simple-page a{text-decoration:underline}.simple-page .button{width:fit-content;margin-top:25px}.admin{max-width:1200px;margin:60px auto;padding:0 24px}.admin h1{margin:25px 0;font-size:48px}.admin-stat{flex-wrap:wrap;gap:30px;margin:30px 0;display:flex}.admin-stat strong{font-size:34px;display:block}.admin-stat span{color:#aaa;font-size:12px}.table-wrap{margin:30px 0;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid #ffffff20;padding:14px}th{color:#aaa}.admin .button{width:fit-content}.admin>p{font-size:13px}@media (min-width:1500px){.landing{gap:10%;padding-left:0;padding-right:0}.hero-art{height:310px}}@media (max-width:1280px){.preview,.reader{margin-left:5%;margin-right:5%}.landing{gap:6%}.hero-art{height:250px}.access-panel{padding:30px 27px}}@media (max-width:760px){header{padding:24px 6%}.brand{letter-spacing:2.4px;gap:11px;font-size:11px}.header-tag{display:none}.social{font-size:10px}.landing{grid-template-columns:1fr;gap:34px;padding:40px 6% 50px}.hero-copy h1{margin-top:24px;margin-bottom:24px;font-size:78px;line-height:.98}.hero-description{font-size:15px}.hero-art{max-width:550px;height:230px;margin-top:10px}.access-panel{padding:29px 23px}.access-panel h2{font-size:42px}.access-panel>p{max-width:none}.field input{font-size:16px}.check{font-size:12px}.form-note,.fine{font-size:11px}.button{min-height:54px;font-size:14px}.preview{grid-template-columns:1fr;gap:32px;margin:0 6%;padding:50px 0 60px}.preview h2{font-size:39px}.chapter-preview li{font-size:14px}.chapter-preview span{width:35px}footer{gap:24px;padding:30px 6%}footer div{flex-wrap:wrap;gap:15px 20px;font-size:10px}.reader{margin:0 6%}.reader-intro{padding:55px 0 45px}.reader-intro h1{letter-spacing:-1.5px;font-size:56px}.reader-intro p{font-size:16px}.reader-nav{gap:22px}.chapter{grid-template-columns:1fr;gap:28px;padding:55px 0}.chapter-heading h2{margin-top:22px;font-size:40px}.chapter-body>p{font-size:17px}.two-images{gap:12px}.two-images img{height:220px}.two-images.landscape img{height:135px}.storyboard{gap:18px 10px}.storyboard img{height:130px}.practice{margin-top:42px}.practice h3{font-size:30px}.color-scenes img{height:230px}.palette{gap:8px}.palette span{width:24px;height:24px}.palette small{letter-spacing:1px;margin-left:3px;font-size:8px}.blur-example{gap:18px}.blur-example p{font-size:14px}.blur-example img{height:210px}.wave{gap:3px}.course-section{padding:65px 0}.course-section h2{font-size:46px}.course-section>p{font-size:15px}.course-topics li{font-size:14px}.course-dialog{padding:32px 23px}.course-dialog h2{font-size:35px}.course-dialog>p{font-size:13px}.simple-page h1,.admin h1{font-size:37px}.simple-page{margin-top:50px}.reader-header .download{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.brand-avatar{object-fit:contain;border-radius:50%;flex-shrink:0;width:44px;height:44px;display:block}.course-announcement{letter-spacing:4px;color:#929299;margin:55px 0 23px;font-weight:600;font-size:11px!important}.course-section>.course-interest{text-align:center;letter-spacing:2px;background:linear-gradient(110deg,#d8d8d8,#f8f8f8);border-radius:999px;justify-content:center;max-width:680px;min-height:100px;margin:0 auto;padding:25px 26px;font-family:Chakra,Arial,sans-serif;font-size:28px;line-height:1.2}.course-interest:hover{background:#fff;transform:translateY(-2px)}@media (max-width:760px){.brand-avatar{width:36px;height:36px}.course-announcement{letter-spacing:2.6px;margin-top:42px;font-size:10px!important}.course-section>.course-interest{letter-spacing:1px;min-height:82px;padding:23px 15px;font-size:clamp(17px,5vw,24px)}}.hero-art{aspect-ratio:16/9;height:auto;padding-bottom:24px;overflow:visible}.hero-art img{aspect-ratio:16/9;object-fit:contain;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 12% 85%,#0000);mask-image:linear-gradient(#0000,#000 12% 85%,#0000)}body{isolation:isolate;background:#060607;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:url(/img/site-night.svg) 50%/cover no-repeat;position:fixed;inset:0}header{background:#0606077a}.access-panel{background:linear-gradient(135deg,#17181bf7,#0b0b0ef7)}.hero-art img{-webkit-mask-image:linear-gradient(#0000,#000 13% 83%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 13% 83%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:760px){body:before{background-position:62%}}.hero-art img{-webkit-mask-image:none;mask-image:none}.animated-hero svg{width:100%;height:auto;display:block;overflow:visible}.hero-pose{transform-box:view-box;transform-origin:0 0;animation-duration:6s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.hero-pose-0{animation-name:hero-sketch}.hero-pose-1{animation-name:hero-construction}.hero-pose-2{animation-name:hero-jump}@keyframes hero-sketch{0%,8%{opacity:.25;transform:translate(0)}18%{opacity:1;transform:translateY(16px)}28%,78%{opacity:.55;transform:translate(0)}90%,to{opacity:.25;transform:translate(0)}}@keyframes hero-construction{0%,18%{opacity:.18;transform:translate(-22px,28px)}34%,45%{opacity:1;transform:translate(0)}58%,78%{opacity:.6;transform:translate(0)}90%,to{opacity:.18;transform:translate(-22px,28px)}}@keyframes hero-jump{0%,30%{opacity:.12;transform:translate(-100px,75px)rotate(-3deg)}39%{opacity:1}53%{opacity:1;transform:translate(-35px,-48px)rotate(-1deg)}67%,79%{opacity:1;transform:translate(0)rotate(0)}89%{opacity:0;transform:translate(35px,45px)}90%,to{opacity:.12;transform:translate(-100px,75px)rotate(-3deg)}}.hero-motion-toggle{color:#a4a4ab;letter-spacing:.5px;text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:10px;text-decoration:underline;position:absolute;bottom:-3px;right:0}.is-paused .hero-pose{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hero-pose{opacity:1;animation:none;transform:none}.hero-motion-toggle{display:none}}.rig-hero{aspect-ratio:888/560;padding:0}.rig-hero iframe{aspect-ratio:888/560;color-scheme:normal;background:0 0;border:0;width:100%;height:100%;display:block}