@font-face{font-family:Berolina;src:url("fonts/Berolina.ttf") format("truetype");font-display:swap}
@font-face{font-family:Knorke;src:url("fonts/Knorke.ttf") format("truetype");font-display:swap}
@font-face{font-family:Biedermeier;src:url("fonts/BiedermeierKursiv.ttf") format("truetype");font-display:swap}
@font-face{font-family:Rounded;src:url("fonts/Helvetica Rounded Bold.otf") format("opentype");font-display:swap}
@font-face{font-family:PostBus;src:url("fonts/PostBusPro.ttf") format("truetype");font-display:swap}

*{box-sizing:border-box}
:root{--blue:#0000ee;--purple:#861ebe;--yellow:#fed301;--olive:#c1c584;--red:#d91e24;--page:1440px}
html{scroll-behavior:smooth;background:#aaa}
body{margin:0;min-width:320px;overflow-x:hidden;color:#111;background:#aaa url("assets/intro-heavenly-bg.avif") center top/1440px auto no-repeat;font-family:"Times New Roman",serif}
img{display:block;max-width:100%}
a{color:var(--blue)}
.effect-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

/* Mobile foundation */
.site-header{position:relative;width:100%;height:190px;margin:auto;background:linear-gradient(#f5f5f5 24%,#fff);overflow:hidden}
.header-strip{position:absolute;inset:0 0 auto;width:100%;height:34px;object-fit:fill}
.header-artwork{position:absolute;right:56px;bottom:0;width:150px;height:96px}
.header-art{width:100%;height:100%;object-fit:cover;object-position:left}
.header-artwork__link{position:absolute;z-index:1;top:0;height:100%}
.header-artwork__link--kaik{inset:0;width:100%;height:100%}
.header-artwork__link:focus-visible{outline:3px solid #0000ee;outline-offset:-3px}
.header-photo{position:absolute;right:0;bottom:0;width:56px;height:96px;color:#9d9d9d;font:400 8px/1 "Arial Narrow",Arial,sans-serif;text-align:center;text-transform:lowercase}
.header-photo img{width:100%;height:100%;object-fit:cover}
.header-photo span{position:absolute;left:50%;top:10px;width:46px;transform:translateX(-50%);text-decoration:underline}
.header-photo:focus-visible{outline:3px solid #0000ee;outline-offset:-3px}
.header-copy{position:absolute;left:14px;right:150px;bottom:18px;height:120px;color:#3d3d3d}
.header-label{position:absolute;left:0;bottom:48px;font:20px/1 Knorke,sans-serif;text-transform:uppercase}
.header-copy strong{position:absolute;left:0;bottom:20px;font:21px/1 Rounded,sans-serif;letter-spacing:-.04em}
.header-copy small{position:absolute;left:160px;bottom:58px;width:180px;text-align:center;font:12px/1 Rounded,sans-serif}
.header-copy em{display:none}
.utility-nav{width:100%;margin:auto;padding:8px 10px;display:flex;gap:14px;overflow-x:auto;background:#fff;color:var(--blue);font:bold 14px/1.15 "Times New Roman",serif;white-space:nowrap}
.utility-nav a{text-decoration:underline;min-height:44px;display:flex;align-items:center}
.mobile-nav{display:block;position:sticky;z-index:100;top:7px;width:calc(100% - 20px);margin:8px auto;background:#687447 url("assets/final/menu-bg.avif") center/cover;border:1px solid #dfe994;color:#fff;font:bold 15px/1.15 "Times New Roman",serif;box-shadow:0 5px 18px #0008}
.mobile-nav summary{min-height:44px;padding:13px;cursor:pointer}.mobile-nav nav{display:grid;padding:0 8px 8px}.mobile-nav a{min-height:44px;padding:12px 6px;color:#fff;border-top:1px solid #cad58c}
.index-card{display:none}
main{width:100%;margin:auto}
.chapter{position:relative;width:100%;padding:28px 14px;background-position:center;background-size:cover}
.chapter-grid{display:block}.chapter-orbit,.marginalia{display:none}
.panel{position:relative;width:100%;font-size:17px;line-height:1.25}.panel p{margin:0 0 22px}
.chapter-heading{text-align:center;margin-bottom:28px}.chapter-heading>span{font:18px/1.2 Rounded,sans-serif}.chapter-heading h1,.chapter-heading h2{margin:6px 0 0;font-weight:400}
.side-note{margin:20px auto 0;max-width:310px;text-align:center;font:15px/1.3 Arial,sans-serif}.side-note h3{margin:14px 0;font:42px/.9 Biedermeier,serif}.side-note>img{margin:0 auto 20px}

.chapter--intro{background:#56666b url("assets/figma-final/bg-intro.avif") center/cover no-repeat}
.panel--intro{padding:34px 18px 90px;color:#d5d4c5;background:#0008;border:2px solid var(--purple);border-radius:80px 80px 260px 260px;box-shadow:inset 0 0 40px #000}
.chapter-heading--violet{color:var(--purple)}.chapter-heading--violet h1{font:43px/.88 Berolina,serif;text-transform:uppercase}
.intro-story{max-width:346px;margin:auto;text-align:justify}.intro-story blockquote{margin:-7px 0 0;text-align:center;font:47px/.88 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em;text-shadow:0 8px 16px #57175e,0 20px 16px #57175e}
.dream-collage{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;margin:16px -10px 24px}.dream{height:155px;margin:0;overflow:hidden;border-radius:50%;filter:blur(1px);-webkit-mask-image:radial-gradient(ellipse,#000 52%,transparent 77%);mask-image:radial-gradient(ellipse,#000 52%,transparent 77%)}.dream img{width:100%;height:100%;object-fit:cover}.dream--two{transform:scale(1.14)}
.panel--intro>.lede{text-align:center;color:#d9b6e0;font:28px/1 Biedermeier,serif}.question-cluster{display:grid;gap:6px;margin:25px 0;text-align:center;color:#9dd7dc;font:24px/1 Berolina,serif}.intro-answer{text-align:center;font-family:Rounded,sans-serif}.web-sticker,.tiny-gif{display:none}

.chapter--one{background:#173021 url("assets/figma-final/bg-forest.avif") center/cover no-repeat}
.panel--dark{padding:34px 18px;color:#fff;background:#050505ed url("assets/final/raw-11.avif") center/cover}
.chapter-heading--yellow h2{font:43px/.9 Knorke,sans-serif;text-transform:uppercase;text-shadow:0 0 16px #fff,0 0 25px #786aff}.body-copy{letter-spacing:.08em}
.schematic-board{position:relative;height:310px;margin-top:28px;background:#fff;color:#000;overflow:hidden}.schematic-board img{position:absolute;object-fit:contain}.schematic-board__main{left:0;top:0;width:58%;height:100%}.schematic-board__map{right:2%;bottom:2%;width:34%;height:42%;transform:rotate(4deg)}.schematic-board__body{right:9%;top:7%;width:28%;height:54%;mix-blend-mode:multiply}.schematic-board figcaption{position:absolute;right:4%;top:26%;display:grid;text-align:center;text-transform:uppercase;font-family:"Arial Narrow",Arial,sans-serif}.schematic-board figcaption strong{font-size:30px}.schematic-board figcaption span{font-size:20px}
.caption-strip{padding:7px 10px!important;background:var(--olive);color:#d05631;text-align:center;font:bold 13px/1.25 Arial,sans-serif;letter-spacing:0!important}.logic-flow{display:grid;gap:8px;margin:42px 0 16px;text-align:center;text-transform:uppercase}.logic-flow span{font:38px/1 Berolina;color:var(--yellow);transform:rotate(90deg)}.quote{text-align:center;color:var(--yellow);font-style:italic}.cutout-card{border-radius:50%;overflow:hidden}.mini-poster{box-shadow:6px 6px var(--yellow)}
.handwritten-strip{position:relative;width:100%;margin-top:12px;padding:12px 12px 0;background:#fff;color:#bb2c00;text-align:center;font:14px/1.2 "Arial Narrow",Arial,sans-serif;overflow:hidden}.handwritten-strip p{margin:0 auto 7px}.handwritten-strip img{width:100%;height:170px;object-fit:cover}.handwritten-strip a{position:absolute;right:10%;top:86px;font:bold 15px Arial,sans-serif;text-transform:uppercase}

.chapter--two{background:#bfdbff url("assets/figma-final/bg-sky.avif") center/cover no-repeat;color:var(--red)}
.panel--sky{padding:34px 18px;color:var(--red);background:linear-gradient(#edfaffeb,#fff5a8e8 46%,#9feff4e8)}
.chapter-heading--red h2{font:46px/.86 PostBus,sans-serif;letter-spacing:-.04em;text-shadow:1px 1px #8affee,-1px -1px #fff}.panel--sky .body-copy,.manifesto{text-align:center}.manifesto{font-family:Arial,sans-serif}.web-origin{text-align:center;margin:45px 0 26px}.web-origin h3{font:32px/.95 Biedermeier,serif}.web-origin em{font-size:40px;color:#ec009e;text-shadow:2px 2px #55eaf3}.web-tags,.traits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.web-tags span,.traits span{padding:6px 10px;border-radius:50%;background:#df1923;color:#fff;font:bold 15px Arial,sans-serif;box-shadow:2px 2px #009aff}
.web-collage{display:grid;gap:8px;margin:25px 0 50px}.web-collage img{width:100%;border:2px solid #2436ef}.ufo-religions{text-align:center}.ufo-religions h3{margin:0 0 18px;font:58px/.82 Berolina,serif;text-shadow:2px 2px #6ff}.portal-row{display:grid;margin:30px 0}.portal-row img{width:100%;max-height:260px;object-fit:contain;filter:drop-shadow(0 0 14px #f0f)}.timecube-card{display:grid;gap:12px;padding:16px;background:#07072c;color:#fff;border:4px ridge #9198ff}.timecube-card h3{margin:0;color:#fff600;font:39px/1 Knorke,sans-serif}.timecube-card img{width:100%}

.chapter--three{background:#d9d9d9 url("assets/figma-final/bg-paper.avif") center/cover no-repeat;color:#000}
.panel--paper{padding:0 18px 34px;background:#fffffff3}.chapter-kicker{margin:0 -18px 24px;padding:9px;background:#000;color:#bcb9a4;text-align:center;font:14px/1.15 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.chapter-heading--olive{color:#ada265}.chapter-heading--olive h2{font:51px/.84 Biedermeier,serif;color:var(--olive)}.then-now{display:grid;gap:14px;margin:34px 0;text-align:center}.then-now article{padding:12px;background:#fff;border:1px solid #111}.then-now h3{font:27px/.9 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.then-now img{width:100%;height:220px;object-fit:contain}.then-now .equals{font:60px/1 Biedermeier;color:#827352}.myth-collage{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:32px 0;padding:12px;background:#fff}.myth-collage img{width:100%;height:170px;object-fit:contain;mix-blend-mode:multiply}.closing-line{text-align:center;letter-spacing:.1em}
.site-footer{width:100%;margin:auto;padding:55px 18px;text-align:center;background:#fff;color:#333;font:16px/1.4 Arial,sans-serif}

@media(min-width:761px){
  body{overflow-x:hidden}
  .site-header{width:min(100%,var(--page));height:260px}
  .header-strip{height:50px}
  .header-artwork{right:101px;bottom:29px;width:274px;height:165px}
  .header-photo{right:0;bottom:29px;width:101px;height:165px;font-size:11.856px;line-height:12px}
  .header-photo span{top:18px;width:45px}
  .header-copy{left:20px;right:auto;top:86px;bottom:auto;width:847px;height:174px}
  .header-label{left:0;bottom:51px;font-size:31px;line-height:30px}
  .header-copy strong{left:0;bottom:18px;font-size:34px;line-height:26px}
  .header-copy small{left:117px;bottom:52px;width:244px;font-size:20px;line-height:12px}
  .header-copy em{display:block;position:absolute;left:527px;top:7px;width:320px;text-align:center;color:#dcdcdc;font:84px/.66 Biedermeier,serif}
  .utility-nav{width:min(100%,var(--page));height:46px;padding:4px 24px;justify-content:space-between;gap:8px;overflow:hidden;font-size:clamp(11px,1.11vw,16px);white-space:normal}.utility-nav a{min-width:0;min-height:0;text-align:center;justify-content:center}
  .mobile-nav{display:none}
  main{width:min(100%,var(--page))}
  .chapter{padding:60px 1.944%}
  .chapter-grid{display:grid;grid-template-columns:17.775% 1.734% 62.139% .578% 17.775%;align-items:start}
  .chapter-grid>:first-child{grid-column:1}.chapter-grid>.panel{grid-column:3}.chapter-grid>.side-note{grid-column:5}
  .panel{font-size:20px}.side-note{max-width:none;margin:0;font-size:16px}
  .index-card{display:flex;position:fixed;z-index:80;left:max(14px,calc(50vw - 692px));top:18px;width:min(17.083vw,246px);padding:7px 6px;flex-direction:column;opacity:0;pointer-events:none;background:#687447 url("assets/final/menu-bg.avif") center/cover;border:1px solid #cbdc88;box-shadow:inset 0 0 25px #000c,0 4px 15px #0007;transition:opacity .18s}
  .index-card.is-scrolled{opacity:1;pointer-events:auto}.index-card a{display:grid;grid-template-columns:30px 1fr;align-items:center;min-height:44px;color:#fff;font:bold 16px/1.15 "Times New Roman",serif;text-decoration:underline}.index-card img{width:30px;height:30px;object-fit:contain}.index-card a.is-active{color:#fff69b;background:#33431088}
  .chapter--intro{min-height:1230px;padding-top:60px;background-position:center 35%}
  .panel--intro{padding:40px 40px 105px;border-radius:200px 200px 1000px 1000px}.chapter-heading--violet h1{font-size:69px;line-height:.84}.chapter-heading>span{font-size:23px}.intro-story blockquote{font-size:62px}.dream-collage{margin:20px -20px 30px}.dream{height:244px}.panel--intro>.lede{font-size:34px}.question-cluster{display:flex;justify-content:space-around;font-size:30px}
  .chapter-orbit{display:block;grid-column:1;padding-top:0}.chapter-orbit img{width:246px;height:286px;object-fit:contain;filter:drop-shadow(0 0 18px #fff)}
  .side-note--intro{padding-top:250px}.side-note--intro .web-sticker,.side-note--intro .tiny-gif{display:none}
  .chapter--one{padding-top:70px;min-height:1970px;background-position:center top}.panel--dark{padding:41px 27px}.chapter-heading--yellow h2{font-size:46px}.schematic-board{height:406px}.schematic-board figcaption strong{font-size:45px}.schematic-board figcaption span{font-size:36px}.caption-strip{font-size:15px}.logic-flow{grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;margin-top:65px}.logic-flow span{transform:none;font-size:48px}.side-note--dees{padding-top:245px}.side-note h3{font-size:54px}.handwritten-strip{width:80.491%;margin-left:auto;padding:10px 9px 0;font-size:16px}.handwritten-strip img{height:255px}.handwritten-strip a{right:17%;top:62px;font-size:21px}
  .chapter--one .side-note{color:#fff;text-shadow:0 1px 3px #000}
  .marginalia{display:none}
  .chapter--two{min-height:3000px;padding-top:80px;background-position:center top}.panel--sky{padding:42px 40px}.chapter-heading--red h2{font-size:68px}.web-origin{margin-top:70px}.web-origin h3{font-size:42px}.web-origin em{font-size:58px}.web-collage{grid-template-columns:1.25fr .8fr;gap:10px}.web-collage img:nth-child(3){margin-top:-75px}.web-collage img:nth-child(4){margin-top:-120px}.ufo-religions h3{font-size:82px}.portal-row{grid-template-columns:1fr .65fr 1fr;align-items:center}.portal-row img{max-height:360px}.timecube-card{grid-template-columns:1.2fr .8fr .8fr;align-items:center}.side-note--sky{padding-top:360px}
  .chapter--three{min-height:1600px;padding-top:80px;background-position:center top}.panel--paper{padding:0 24px 40px}.chapter-kicker{margin:0 -24px 30px;font-size:16px}.chapter-heading--olive h2{font-size:101px;line-height:.84}.then-now{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.then-now img{height:260px}.myth-collage{grid-template-columns:repeat(4,1fr);padding:20px}.myth-collage img{height:300px}.side-note--paper{padding-top:200px}
  .site-footer{width:min(100%,var(--page))}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Figma section 1628:2454 */
.site-header{height:218px;background:transparent;overflow:hidden}
.header-strip,.header-copy{display:none}
.header-copy-art{position:absolute;top:24px;left:24px;width:min(58.819%,847px);height:194px;object-fit:cover;object-position:left top}
.header-artwork{top:24px;right:101px;bottom:auto;width:274px;height:165px}
.header-photo{top:24px;right:0;bottom:auto;width:101px;height:165px}
.header-art{object-position:center}
.utility-nav{height:40.32px;padding:0 24px;align-items:flex-start;background:#fff;font:bold 16px/1.26 "Times New Roman",serif}
.utility-nav.is-intro-pinned{position:sticky;z-index:95;top:0}
.utility-nav.is-stuck{background:linear-gradient(180deg,#f5f5f5 0%,rgba(255,255,255,.82) 100%)}
.utility-nav a{min-height:0;text-align:center;align-items:flex-start;justify-content:center}
.utility-nav a:nth-child(3){text-transform:uppercase}

.chapter--intro{min-height:0;padding:88px 28px 28px;background:#ff1616}
.chapter--intro .chapter-grid{display:grid;grid-template-columns:246px 24px minmax(0,860px) minmax(0,254px);align-items:start}
.chapter--intro .chapter-orbit{display:block;position:sticky;z-index:20;grid-column:1;top:64.32px;padding:0}
.chapter--intro .chapter-orbit img{width:246px;height:286.5px;object-fit:cover;filter:none}
.chapter--intro .panel--intro{grid-column:3;display:flex;width:860px;height:auto;min-height:1152.5px;padding:40px;flex-direction:column;gap:40px;align-items:center;color:#d5d4c5;background:rgba(0,0,0,.5);border:0;border-radius:200px 200px 1000px 1000px;box-shadow:none;overflow:visible}
.chapter--intro .panel--intro::after{content:"";position:absolute;z-index:10;inset:-1px;border:1px solid #861ebe;border-radius:inherit;box-shadow:inset -4px 9px 17.5px #fff,inset 9px -10px 28.9px #000;pointer-events:none}
.panel--intro .chapter-heading{position:relative;z-index:0;display:flex;width:100%;margin:0;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;color:#861ebe}
.panel--intro .chapter-heading::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:900.2px;height:340.2px;background:url("assets/section-intro/title-glow.svg") center/100% 100% no-repeat;transform:translate(-50%,-50%);pointer-events:none}
.panel--intro .chapter-heading>span,.panel--intro .chapter-heading h1{position:relative;z-index:1}
.panel--intro .chapter-heading>span{font:23.301px/32.039px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.466px;text-transform:lowercase;filter:url(#intro-label-inner-shadow)}
.panel--intro .chapter-heading h1{width:807px;margin:0;color:#861ebe;font-family:Berolina,serif;font-size:69.207px;font-weight:400;line-height:58.311px;letter-spacing:0;text-transform:uppercase;overflow-wrap:break-word;filter:url(#intro-title-inner-shadow)}
.intro-collage{display:block;width:862px;height:473.5px;margin:0;max-width:none;flex:none;object-fit:cover}
.intro-body{width:323px;margin:0;color:#d5d4c5;font-family:"Arial Narrow",Arial,sans-serif;font-size:21.146px;font-weight:400;line-height:20.723px;text-align:justify;white-space:normal;overflow:visible;word-break:break-word;-webkit-font-smoothing:antialiased;font-synthesis:none}
.panel--intro .intro-body p{margin:0}
.intro-body__regular,.intro-body strong{color:#d5d4c5;word-wrap:break-word}
.intro-body__regular{font-weight:400;text-transform:none}
.intro-body strong{font-weight:700;text-transform:uppercase}
.intro-body{filter:url(#intro-body-effects)}
.panel--intro .intro-answer{width:323.98px;margin:0;color:#d5d4c5;font-family:"Times New Roman",serif;font-size:24.741px;font-style:italic;font-weight:400;line-height:22.019px;letter-spacing:-1.237px;text-align:center;text-transform:uppercase;white-space:normal;filter:url(#intro-answer-effects);-webkit-font-smoothing:antialiased;font-synthesis:none}
.panel--intro .intro-answer p{margin:0 0 16px}
.panel--intro .intro-answer p:last-child{margin-bottom:0}

@media(max-width:760px){
  .site-header{height:154px}
  .header-copy-art{top:14px;left:12px;width:75%;height:140px;object-fit:contain;object-position:left bottom}
  .header-artwork{top:14px;right:51px;width:25%;height:82px}
  .header-photo{top:14px;width:51px;height:82px}
  .utility-nav{height:auto;min-height:42px;padding:4px 10px;font-size:12px;overflow-x:auto}
  .chapter--intro{min-height:0;padding:34px 14px;background:#ff1616}
  .chapter--intro .chapter-grid{display:block}
  .chapter--intro .chapter-orbit{display:none}
  .chapter--intro .panel--intro{width:100%;height:auto;min-height:0;padding:32px 16px 78px;border-radius:70px 70px 280px 280px}
  .panel--intro .chapter-heading{gap:12px}
  .panel--intro .chapter-heading::before{width:135%;height:190px}
  .panel--intro .chapter-heading>span{font-size:17px;line-height:24px}
  .panel--intro .chapter-heading h1{width:100%;font-size:clamp(34px,11vw,52px);line-height:.84}
  .intro-collage{width:calc(100% + 32px);height:auto;margin:0}
  .intro-body{width:min(100%,323px);font-size:18px}
  .panel--intro .intro-answer{width:min(100%,324px);font-size:20px}
}

/* Figma footer desktop 1632:3256 / mobile 1639:3491 */
.site-footer{position:relative;display:flex;width:100%;height:538px;margin:0;padding:0;flex-direction:column;align-items:flex-start;color:#fff;background-image:url("assets/footer/desktop-bg-2.avif"),url("assets/footer/desktop-bg-1.avif");background-position:center;background-size:cover;font-style:normal;text-align:center;overflow:hidden}
.footer-submit{font:700 18px/16.2px "Arial Narrow",Arial,sans-serif;letter-spacing:-.72px;text-transform:uppercase;white-space:nowrap}
.footer-submit a{color:inherit;text-decoration:underline}
.footer-submit--top{position:relative;width:100%;height:29px;padding:5px 10px 7px;background:#000;color:#fff}
.footer-task{position:relative;display:flex;width:100%;height:480px;padding:8px 0;flex-direction:column;align-items:center;justify-content:space-between}
.footer-task__brief{display:flex;width:100%;flex-direction:column;gap:4px;align-items:center}
.footer-task__title{width:248.5px;height:77.5px;object-fit:cover}
.footer-task__columns{display:flex;width:100%;gap:56px;align-items:flex-end;justify-content:center}
.footer-task__item{display:flex;width:160px;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.footer-task__item strong,.footer-task__combine,.footer-task__requirements>strong{font:700 18px/19px "Arial Narrow",Arial,sans-serif;letter-spacing:-.72px;text-transform:uppercase;text-decoration:underline}
.footer-task__item span,.footer-task__requirements span{font:400 14px/14px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.56px}
.footer-task__combine{width:208px;line-height:18px}
.footer-task__format,.task-popup__format{font:400 14px/14px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.56px}
.footer-task__requirements{display:flex;width:100%;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.footer-task__requirements>strong{line-height:14.624px}
.footer-task__requirements img{width:38.352px;height:47px}
.logo-download{color:inherit;text-decoration:underline}
.footer-task__deadline,.task-popup__deadline{width:208px;font:700 18px/18px "Arial Narrow",Arial,sans-serif!important;letter-spacing:-.72px;text-transform:uppercase;text-decoration:underline}
.footer-meta{position:relative;display:flex;width:100%;height:29px;padding:7px 10px;align-items:flex-end;justify-content:space-between;color:rgba(0,0,0,.3);white-space:nowrap}
.footer-meta>span:first-of-type{font:700 18px/14.624px "Arial Narrow",Arial,sans-serif;letter-spacing:-.72px;text-transform:uppercase}
.footer-meta>span:last-of-type{font:400 14px/16.379px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.56px;text-transform:lowercase}
.footer-submit--bottom{position:absolute;left:50%;top:5px;color:#00e;transform:translateX(-50%)}

@media(max-width:760px){
  .site-footer{height:600px;background-image:url("assets/footer/mobile-bg.avif");background-size:cover;align-items:center;justify-content:space-between}
  .footer-task{height:auto;min-height:0;flex:1 1 0;padding:8px 0}
  .footer-task__title{content:url("assets/footer/mobile-title.avif")}
  .footer-task__columns{gap:56px}
  .footer-task__requirements img{content:url("assets/footer/mobile-mark.svg")}
  .footer-meta{height:auto;padding:7px 10px;gap:8px;flex-direction:column;align-items:center;justify-content:flex-start;color:rgba(0,0,0,.3)}
  .footer-submit--bottom{position:static;order:-1;color:#00e;transform:none}
}

/* Figma section 1632:2751 — Lesson 1 */
.index-card{display:none!important}
.chapter--one{min-height:0;padding:24px;background:#ff1616;color:#fff}
.lesson-one-layout{display:grid;grid-template-columns:262px 8px 1114px;align-items:start;width:1384px;margin:0 auto}
.lesson-rail{grid-column:1;justify-self:end;width:246px;color:#fff;transform:scale(var(--lesson-rail-scale,1));transform-origin:right top}
.lesson-rail.is-fixed{position:fixed;z-index:90;top:8px;left:var(--lesson-rail-left,max(44px,calc(50vw - 676px)))}
.lesson-rail__nav{position:relative;display:flex;width:246px;height:237px;padding:30px 10px;flex-direction:column;gap:15px;justify-content:center;background-image:url("assets/lesson-one/menu-bg.avif");background-position:left top;background-size:641px 86.915px;box-shadow:inset 0 0 25.8px rgba(255,255,255,.8)}
.lesson-rail__nav a{display:grid;grid-template-columns:30px 1fr;gap:4px;align-items:center;min-width:0;color:#fff;font:700 14px/1.26 "Times New Roman",serif;text-decoration:underline;text-shadow:0 4px 8.8px #000}
.lesson-rail__nav img{width:30px;height:30px;object-fit:cover;filter:drop-shadow(0 4px 4.4px #000)}
.lesson-rail__task-trigger{display:block;width:246px;color:inherit;text-decoration:none;cursor:pointer}
.lesson-rail__task{display:flex;width:246px;height:290px;padding:30px 10px;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:rgba(255,255,255,.5)}
.lesson-rail__task img{width:162px;height:164px;object-fit:cover;image-rendering:auto}
.lesson-rail__task span{width:155.4px;color:#0000ff;font:700 22.4px/1.26 "Times New Roman",serif;text-align:center;text-transform:uppercase;text-decoration:underline;text-shadow:0 2px 8.7px #fff,0 2px 8.7px #fff}
.lesson-rail__card{position:relative;width:246px;height:310px}
.lesson-rail__card img{width:100%;height:100%;object-fit:cover}
.lesson-rail__card::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 5.8px #fff,inset 0 0 22px #fff;pointer-events:none}
.lesson-rail__order{width:246px;height:286.5px;margin-top:23px;object-fit:cover}

.lesson-one-main{grid-column:3;display:flex;width:1114px;flex-direction:column;gap:10px}
.lesson-one-top{display:flex;width:1114px;gap:8px;align-items:stretch}
.lesson-core{position:relative;display:flex;width:860px;height:auto;min-height:1710.9px;padding:40px 80px;flex-direction:column;gap:24px;align-items:center;overflow:visible}
.lesson-core::before{content:"";position:absolute;z-index:0;inset:0;background-image:url("assets/lesson-one/starfield.avif");background-position:left top;background-size:430px 764.444px;background-repeat:repeat;opacity:.8;pointer-events:none}
.lesson-core>*{position:relative;z-index:1}
.lesson-heading{display:flex;width:630.916px;flex-direction:column;gap:13.641px;align-items:center;text-align:center}
.lesson-heading>span{width:100%;color:#fff;font:400 23.301px/32.039px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.466px;text-transform:lowercase;filter:url(#intro-label-inner-shadow)}
.lesson-heading__title{position:relative;width:630.916px;height:97.764px}
.lesson-heading__title img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.lesson-heading__title h2{position:absolute;left:86.367px;top:29.553px;width:464px;margin:0;color:#fff;font:400 45.89px/44.553px Knorke,sans-serif;letter-spacing:-1.8356px;text-align:center;text-transform:uppercase;white-space:nowrap;filter:url(#lesson-title-inner-shadow)}
.lesson-lede{width:700px;min-height:130px;margin:0;color:#fff;font:400 20.571px/1.26 "Times New Roman",serif;letter-spacing:2.0571px}
.lesson-lede__muted{color:#9b9b9b}.lesson-lede__yellow{color:#fed301}.lesson-lede strong{font-weight:700}
.lesson-schematics{width:700px;height:auto;aspect-ratio:1368/948;object-fit:cover}
.lesson-logic{width:600.5px;height:799.5px;object-fit:cover}

.david-column{display:block;width:246px;padding:9px 9.068px 9.068px;color:#fff;text-align:center}
.david-column__hero{width:246px;height:259px;margin:0 -9.068px -16px;max-width:none;object-fit:cover}
.david-column h3{width:227.864px;height:75px;margin:0 0 24px;color:#fff;font:400 54px/41px Biedermeier,serif;letter-spacing:-1.08px}
.david-column p{width:227.864px;margin:0;color:#fff;font:700 italic 16px/1.43 "Arial Narrow",Arial,sans-serif;letter-spacing:0;text-align:center;font-stretch:normal}
.david-column p:first-of-type{margin-bottom:16px}
.david-column__collage{width:246px;height:382px;margin:0 -9.068px 16px;max-width:none;object-fit:cover}
.lesson-handwritten{width:1114px;height:101px;object-fit:cover}

@media(max-width:760px){
  .chapter--one{padding:14px}
  .lesson-one-layout{display:block;width:100%}
  .lesson-rail{position:static;width:100%;margin-bottom:16px;transform-origin:left top}
  .lesson-rail.is-fixed{position:fixed;top:8px;left:8px;right:auto;z-index:90;width:calc(100% - 16px);margin:0;transform:scale(var(--lesson-rail-scale,1));transform-origin:left top}
  .lesson-rail__nav{width:100%;height:auto}
  .lesson-rail__task,.lesson-rail__card,.lesson-rail__order{display:none}
  .lesson-one-main,.lesson-one-top{width:100%}
  .lesson-one-top{display:block}
  .lesson-core{width:100%;min-height:0;height:auto;padding:32px 16px}
  .lesson-heading,.lesson-heading__title{width:100%}
  .lesson-heading__title h2{left:50%;width:max-content;max-width:92%;font-size:clamp(28px,9vw,45.89px);transform:translateX(-50%)}
  .lesson-lede,.lesson-schematics,.lesson-logic{width:100%;height:auto;min-height:0}
  .david-column{width:100%;margin-top:16px;padding:16px}
  .david-column__hero,.david-column__collage{width:min(100%,466px);height:auto;margin:0 auto}
  .david-column h3,.david-column p{width:min(100%,360px)}
  .lesson-handwritten{width:100%;height:auto}
}

/* Figma section 1632:3057 — Lesson 2 */
.chapter--two{min-height:0;padding:24px;background:#ff1616;color:red}
.lesson-two-layout{display:grid;grid-template-columns:246px 24px 1114px;row-gap:10px;width:1384px;margin:0 auto;align-items:start}
.lesson-two-rail-space{grid-column:1;width:246px;height:822.703px;opacity:0}
.lesson-two-main{grid-column:3;grid-row:1;display:flex;width:1114px;height:2963px;gap:8px;align-items:stretch}
.lesson-two-core{display:flex;position:relative;width:860px;height:2963px;padding:40px 28px;flex-direction:column;gap:24px;align-items:center;overflow:hidden;color:red;background:url("assets/lesson-two/background-gradient.svg") center/100% 100% no-repeat}
.lesson-two-heading{display:flex;width:460px;flex:0 0 auto;flex-direction:column;gap:8px;align-items:center;text-align:center}
.lesson-two-heading>span{width:100%;color:red;font:400 23.301px/32.039px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.466px;text-transform:lowercase}
.lesson-two-title-orb{position:relative;width:176px;height:215px;flex:0 0 auto;overflow:hidden;-webkit-mask-image:url("assets/lesson-two/orb-mask.svg");mask-image:url("assets/lesson-two/orb-mask.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:166.102px 201.898px;mask-size:166.102px 201.898px}
.lesson-two-title-orb>img{width:100%;height:100%;max-width:none;object-fit:cover}
.lesson-two-heading h2{margin:0;color:red;font:700 46.101px/39.18px "Arial Narrow",Arial,sans-serif;letter-spacing:-.922px;text-transform:uppercase;white-space:nowrap}
.lesson-two-intro{display:flex;width:804px;padding:0 24px;flex:0 0 auto;align-items:flex-start;justify-content:space-between}
.lesson-two-intro>img:first-child{width:156px;height:23px;margin-top:2px}.lesson-two-intro>img:last-child{width:154px;height:30px}
.lesson-two-intro p{width:410px;margin:0;color:red;font:400 20.571px/1.26 "Times New Roman",serif;letter-spacing:-.32px;text-align:center}
.lesson-two-intro strong{font-weight:700;text-transform:uppercase}
.lesson-two-web{display:flex;flex:0 0 auto;flex-direction:column;gap:2px;align-items:center;text-align:center}
.lesson-two-web>img{width:860px;height:199px;max-width:none;object-fit:cover}
.lesson-two-web p{width:684px;margin:0;color:red;font:400 20.571px/1.26 "Times New Roman",serif;letter-spacing:-.32px}
.lesson-two-web p strong{font-weight:700;background:linear-gradient(90deg,#ff00ae 27.885%,red 41.827%,#fed301 61.538%,#e1ff00 72.596%);background-clip:text;color:transparent}
.lesson-two-web p>a{color:inherit;font-weight:700;text-decoration:underline;text-transform:uppercase}
.lesson-two-web small{display:block;width:684px;padding:4px 2px;background:#fff;color:red;font:700 italic 15px/1.32 "Arial Narrow",Arial,sans-serif}
.lesson-two-web-collage{width:833px;height:543px;flex:0 0 auto;object-fit:cover}
.lesson-two-html{width:460px;height:262px;flex:0 0 auto;object-fit:cover}
.lesson-two-ufo-copy{display:flex;width:804px;padding:0 24px;flex:0 0 auto;gap:80px;align-items:center;justify-content:center}
.lesson-two-orb{position:relative;width:128.616px;height:168.081px;flex:0 0 auto;overflow:visible}
.lesson-two-orb__stack{position:absolute;left:-26.87px;top:-22.31px;width:155.486px;height:190.391px;overflow:hidden;-webkit-mask-image:url("assets/lesson-two/orb-mask.svg");mask-image:url("assets/lesson-two/orb-mask.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:166.102px 201.898px;mask-size:166.102px 201.898px;-webkit-mask-position:-4.078px -8.637px;mask-position:-4.078px -8.637px}
.lesson-two-orb__stack img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.lesson-two-ufo-copy p{width:410px;margin:0;color:red;font:400 20.571px/1.26 "Times New Roman",serif;letter-spacing:-.411px;text-align:center}
.lesson-two-ufo-copy strong{font-weight:700;background:linear-gradient(270deg,#ff00ee 12%,red 30%,#fed301 49%,#62ff00 61%,#67d7ff 75%,#ff00ee 90%);background-clip:text;color:transparent}
.lesson-two-ufo-diagram{width:460px;height:243px;flex:0 0 auto;object-fit:cover}
.lesson-two-final{display:flex;width:804px;padding:0 0 24px;flex:0 0 auto;flex-direction:column;align-items:center;border:1px solid #fff}
.lesson-two-final>img{width:804px;height:470px;margin-bottom:-24px;object-fit:cover}
.lesson-two-final p{width:600px;margin:0;color:#fff;font:400 20.576px/1.26 "Times New Roman",serif;letter-spacing:-.537px;text-align:center}
.lesson-two-final a{font-weight:700;text-decoration:underline;background:linear-gradient(270deg,#a4ff6c 22%,#67d7ff 45%,#ff9af8 68%,#ffdf6c 88%);background-clip:text;color:transparent}
.lesson-two-side{display:flex;position:relative;width:246px;height:2945px;flex-direction:column;align-items:center}
.lesson-two-side-link{position:absolute;width:246px;color:#00e;font:700 24px/32px "Arial Narrow",Arial,sans-serif;letter-spacing:-.48px;text-align:center;text-transform:uppercase;text-decoration:underline;overflow-wrap:break-word}
.lesson-two-side-link--top{top:285px}.lesson-two-side-link--bottom{bottom:94px}
.lesson-two-side__ufo{width:246px;height:291px;margin-top:868px;object-fit:cover}
.lesson-two-timecube{display:flex;width:246px;margin-top:459px;padding:16px;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#fff;text-align:center}
.lesson-two-timecube>img{width:214px;height:190px;object-fit:cover;object-position:center}
.lesson-two-timecube a{margin-top:-16px;color:#fed301;font:700 15px/1.32 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;text-decoration:underline}
.lesson-two-timecube p{width:214px;margin:0;color:#fff;font:700 italic 15px/1.32 "Arial Narrow",Arial,sans-serif}
.lesson-two-banner{grid-column:3;grid-row:2;display:block;width:min(1114px,calc(50vw + 422px));height:auto;aspect-ratio:3955/186;overflow:hidden}
.lesson-two-banner img{width:100%;height:100%;object-fit:contain}

@media(max-width:760px){
  .chapter--two{padding:14px}
  .lesson-two-layout{display:block;width:100%}
  .lesson-two-rail-space{display:none}
  .lesson-two-main{display:block;width:100%;height:auto}
  .lesson-two-core{width:100%;height:auto;padding:32px 14px;overflow:hidden}
  .lesson-two-heading,.lesson-two-intro,.lesson-two-web p,.lesson-two-web small,.lesson-two-ufo-copy,.lesson-two-final{width:100%}
  .lesson-two-heading h2{font-size:clamp(30px,10vw,46px);line-height:.86;white-space:normal}
  .lesson-two-intro{display:grid;grid-template-columns:1fr 1fr}.lesson-two-intro p{grid-column:1/-1;grid-row:1;width:100%;margin-bottom:12px}.lesson-two-intro>img:first-child{grid-row:2}.lesson-two-intro>img:last-child{grid-row:2;justify-self:end}
  .lesson-two-web>img,.lesson-two-web-collage,.lesson-two-html,.lesson-two-ufo-diagram,.lesson-two-final>img{width:100%;height:auto;max-width:100%}
  .lesson-two-ufo-copy{gap:8px;padding:0}.lesson-two-orb{width:64px;height:82px;transform:scale(.5);transform-origin:center}.lesson-two-ufo-copy p{width:auto;flex:1;font-size:16px}
  .lesson-two-final p{width:88%;font-size:16px}
  .lesson-two-side{width:100%;height:auto}.lesson-two-side-link{position:static;display:block;margin:24px auto}.lesson-two-side__ufo{width:min(100%,246px);height:auto;margin:24px auto}.lesson-two-timecube{width:min(100%,246px);margin:0 auto}
  .lesson-two-banner{display:block;width:100%;height:auto;margin-top:10px}.lesson-two-banner img{height:auto}
}

/* Figma section 1632:3175 — Lesson 3 */
.chapter--three{min-height:0;padding:24px;background:#ff1616;color:#000}
.lesson-three-layout{display:grid;grid-template-columns:246px 24px 1114px;width:1384px;margin:0 auto;align-items:start}
.lesson-three-rail-space{grid-column:1;width:246px;height:822.703px;opacity:0}
.lesson-three-main{grid-column:3;display:flex;width:1114px;gap:8px;align-items:flex-end;justify-content:center}
.lesson-three-core{display:flex;width:860px;flex:0 0 auto;flex-direction:column;align-items:center;background:#fff}
.lesson-three-kicker{display:block;width:860px;height:36.068px;padding:9.068px;background:#000;color:#bcb9a4;font:400 16px/17.92px "Arial Narrow",Arial,sans-serif;text-align:center;text-transform:uppercase;white-space:nowrap}
.lesson-three-kicker p{width:835px;margin:0 auto}
.lesson-three-kicker strong{font-weight:700}
.lesson-three-content{display:flex;width:860px;padding:24px;flex-direction:column;gap:40px;align-items:center}
.lesson-three-heading{display:flex;position:relative;width:812px;flex-direction:column;gap:24px;align-items:center;text-align:center}
.lesson-three-label{position:relative;width:100%;height:32.039px}
.lesson-three-label img{position:absolute;left:50%;top:50%;width:174.2px;height:72.2px;max-width:none;transform:translate(-50%,-50%)}
.lesson-three-label span{position:relative;display:block;color:#ada265;font:400 23.301px/32.039px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.466px;text-transform:lowercase;filter:url(#intro-label-inner-shadow)}
.lesson-three-heading h2{width:657px;margin:0;color:#c1c584;font:400 100.883px/85px Biedermeier,serif;text-align:center;filter:url(#lesson-three-title-inner-shadow)}
.lesson-three-opening{display:flex;width:812px;flex-direction:column;gap:8px;align-items:center}
.lesson-three-opening>img{width:812px;height:24px;transform:scaleY(-1)}
.lesson-three-opening p{width:812px;margin:0;color:#000;font:400 20px/1.2 "Arial Narrow",Arial,sans-serif}
.lesson-three-opening strong,.lesson-three-history strong{font-weight:700}
.lesson-three-medieval{width:642px;height:431.5px;object-fit:cover}
.lesson-three-history{display:flex;width:812px;flex-direction:column;align-items:center}
.lesson-three-history>p{width:812px;margin:0;color:#000;font:400 20px/1.2 "Arial Narrow",Arial,sans-serif}
.lesson-three-systems{width:840px;height:448px;max-width:none;object-fit:cover}
.lesson-three-closing{display:flex;width:812px;flex-direction:column;gap:8px;align-items:flex-start}
.lesson-three-closing p{width:812px;margin:0;color:#000;font:italic 20px/1.26 "Times New Roman",serif;letter-spacing:2.8px;text-align:center}
.lesson-three-closing img{width:812px;height:24px}
.lesson-three-side{display:flex;align-self:stretch;width:246px;padding:36px 0 80px;flex-direction:column;align-items:flex-end;justify-content:space-between}
.lesson-three-side img:first-child{width:246px;height:630px;object-fit:cover}
.lesson-three-side img:last-child{width:246px;height:auto;aspect-ratio:691/1163;object-fit:cover}

@media(max-width:760px){
  .chapter--three{padding:14px}
  .lesson-three-layout{display:block;width:100%}
  .lesson-three-rail-space{display:none}
  .lesson-three-main{display:block;width:100%}
  .lesson-three-core,.lesson-three-kicker,.lesson-three-content,.lesson-three-heading,.lesson-three-opening,.lesson-three-history,.lesson-three-closing{width:100%}
  .lesson-three-content{padding:24px 14px}
  .lesson-three-heading h2{width:100%;font-size:clamp(52px,17vw,100.883px);line-height:.84}
  .lesson-three-opening>img,.lesson-three-opening p,.lesson-three-history>p,.lesson-three-closing p,.lesson-three-closing img{width:100%}
  .lesson-three-medieval,.lesson-three-systems{width:100%;height:auto;max-width:100%}
  .lesson-three-side{width:100%;padding:24px 0;gap:24px;align-items:center}.lesson-three-side img:first-child,.lesson-three-side img:last-child{width:min(100%,246px);height:auto}
}

/* Figma mobile Intro 1632:3295 */
@media(max-width:760px){
  .site-header{display:grid;position:relative;width:100%;height:auto;min-height:134px;padding:24px 8px 0 16px;grid-template-columns:1fr minmax(0,30%) minmax(0,11%);grid-template-rows:auto auto;gap:8px 4px;align-items:start;background:transparent;overflow:hidden}
  .header-copy-art,.header-artwork,.header-photo{position:relative;inset:auto;display:block;width:100%;min-width:0;height:auto}
  .header-copy-art,.header-art{object-fit:cover;object-position:center}
  .header-copy-art{grid-column:1/-1;grid-row:2;aspect-ratio:748/439;content:url("assets/intro-mobile/header-left.avif")}
  .header-artwork{grid-column:2;grid-row:1;aspect-ratio:846/508}
  .header-art{content:url("assets/intro-mobile/header-right.avif")}
  .header-photo{grid-column:3;grid-row:1;aspect-ratio:101/165;font-size:clamp(5px,1.7vw,9px)}
  .header-photo span{top:11%;width:72%}
  .mobile-nav{display:none}
  .utility-nav{display:flex;width:100%;height:auto;min-height:0;padding:0 24px;flex-direction:column;gap:21px;align-items:center;overflow:hidden;background:transparent;color:#00e;font:700 16px/1.26 "Times New Roman",serif;white-space:normal}
  .utility-nav a{max-width:100%;overflow-wrap:anywhere}
  .utility-nav a{display:block;min-height:0;color:#00e;text-align:center;text-decoration:underline}
  .utility-nav a:nth-child(3){text-transform:uppercase}
  .chapter--intro{padding:8px;background:#ff1616}
  .chapter--intro .chapter-grid{display:flex;width:100%;flex-direction:column;gap:24px;align-items:center}
  .chapter--intro .chapter-orbit{display:flex;position:static;width:246px;height:auto;padding:0;align-items:center;justify-content:center}
  .chapter--intro .chapter-orbit img{width:170.178px;height:198.195px;content:url("assets/intro-mobile/emblem.avif");object-fit:cover}
  .chapter--intro .panel--intro{display:flex;width:100%;height:auto;min-height:0;padding:40px;gap:24px;align-items:center;color:#d5d4c5;background:rgba(0,0,0,.5);border:2px solid #861ebe;border-radius:40px 40px 120px 120px;overflow:hidden}
  .chapter--intro .panel--intro::after{inset:-2px;border:0;border-radius:inherit;box-shadow:inset -4px 9px 17.5px #fff,inset 9px -10px 28.9px #000}
  .panel--intro .chapter-heading{width:100%;gap:24px}
  .panel--intro .chapter-heading::before{left:50%;top:calc(50% + 16px);width:464px;height:311px;background-image:url("assets/intro-mobile/title-glow.svg")}
  .panel--intro .chapter-heading>span{font-size:23.301px;line-height:32.039px;letter-spacing:-.466px}
  .panel--intro .chapter-heading h1{width:312.617px;font-size:55.761px;line-height:46.982px}
  .intro-collage{width:862px;height:473.5px;margin:0;max-width:none;content:url("assets/intro-mobile/collage.avif");object-fit:cover}
  .intro-body{width:323px;font-size:21.146px;line-height:20.723px}
  .panel--intro .intro-answer{width:323.98px;font-size:24.741px;line-height:22.019px;letter-spacing:-1.237px}
}

/* Figma mobile Lesson 1 1639:3336 */
@media(max-width:760px){
  .chapter--one{padding:8px;background:#ff1616}
  .lesson-one-layout{display:flex;width:100%;flex-direction:column;gap:24px}
  .lesson-rail,.lesson-rail.is-fixed{display:grid;position:static;grid-template-columns:1fr 1fr;width:100%;margin:0;transform:none}
  .lesson-rail__nav{grid-column:1/-1;width:100%;height:auto;padding:30px 10px;gap:15px;justify-content:flex-start}
  .lesson-rail__task-trigger{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;width:100%}
  .lesson-rail__task{display:flex;grid-column:1;width:100%;height:auto;min-height:290px;padding:10px;align-self:stretch}
  .lesson-rail__card{display:block;grid-column:2;width:100%;height:auto;aspect-ratio:196/290;align-self:stretch}
  .lesson-rail__card img{width:100%;height:100%;object-fit:cover}
  .lesson-rail__order{display:none}
  .lesson-one-main{display:block;width:100%}
  .lesson-one-top{display:block;width:100%}
  .lesson-core{width:100%;height:auto;min-height:0;padding:24px 8px;gap:24px}
  .lesson-heading{width:100%;gap:13.641px}
  .lesson-heading__title{width:min(354px,100%);height:auto;aspect-ratio:354/145}
  .lesson-heading__title img{content:url("assets/lesson-one-mobile/title-ellipse.avif");width:100%;height:100%}
  .lesson-heading__title h2{left:5.085%;top:16.503%;width:89.548%;max-width:none;font-size:clamp(38px,11.766vw,45.89px);line-height:.971;white-space:normal;transform:none}
  .lesson-lede{width:100%;min-height:0;font-size:18px;line-height:1.26;letter-spacing:1.8px}
  .lesson-schematics,.lesson-logic{width:100%;height:auto;min-height:0}
  .david-column{display:flex;width:100%;margin:8px 0 0;padding:0;flex-direction:column;gap:8px;align-items:center}
  .david-column__hero{width:246px;height:259px;margin:0 0 -16px;max-width:none}
  .david-column h3{width:100%;height:auto;margin:0;color:#fff;font-size:54px;line-height:41px}
  .david-column p{width:100%;margin:0;font-size:16px;line-height:1.43;letter-spacing:-.48px}
  .david-column p:first-of-type{margin:0}
  .david-column__collage{width:246px;height:382px;margin:0;max-width:none}
  .lesson-handwritten{display:none}
}

/* Figma mobile Lesson 2 1639:3380 */
@media(max-width:760px){
  .chapter--two{width:100%;min-height:0;padding:8px;background:#ff1616}
  .lesson-two-layout{display:flex;width:100%;margin:0;flex-direction:column;gap:10px}
  .lesson-two-rail-space{display:none}
  .lesson-two-main{display:flex;width:100%;height:auto;margin-top:24px;flex-direction:column;gap:8px}
  .lesson-two-core{width:100%;height:auto;padding:24px 8px;gap:24px;background:url("assets/lesson-two-mobile/background.svg") center/100% 100% no-repeat;overflow:hidden}
  .lesson-two-heading{width:100%;gap:8px}
  .lesson-two-heading>span{font-size:23.301px;line-height:32.039px;letter-spacing:-.466px}
  .lesson-two-title-orb{width:104.211px;height:140px;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .lesson-two-title-orb>img{position:absolute;left:-26.87px;top:-22.31px;width:155.486px;height:190.391px;object-fit:cover;-webkit-mask-image:url("assets/lesson-two-mobile/title-mask.svg");mask-image:url("assets/lesson-two-mobile/title-mask.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-4.078px -8.637px;mask-position:-4.078px -8.637px;-webkit-mask-size:166.102px 201.898px;mask-size:166.102px 201.898px}
  .lesson-two-heading h2{width:280.678px;font-size:35.162px;line-height:29.883px;letter-spacing:-.7032px;white-space:normal}
  .lesson-two-intro{display:flex;width:100%;padding:0 8px;flex-direction:column;gap:8px;align-items:center}
  .lesson-two-intro>img:first-child{order:0;width:156px;height:23px;margin:0}.lesson-two-intro>img:last-child{order:2;width:154px;height:30px;justify-self:auto}
  .lesson-two-intro p{order:1;width:100%;margin:0;font-size:16px;line-height:1.26;letter-spacing:-.32px}
  .lesson-two-web{width:100%;gap:2px;overflow:visible}
  .lesson-two-web>img{width:860px;height:199px;max-width:none;content:url("assets/lesson-two-mobile/early-web.avif");object-fit:cover}
  .lesson-two-web p{width:100%;font-size:16px;line-height:1.26;letter-spacing:-.32px}
  .lesson-two-web small{width:100%;min-height:88px;padding:4px 2px;font-size:15px;line-height:1.32}
  .lesson-two-web-collage{width:833px;height:543px;max-width:none;content:url("assets/lesson-two-mobile/web-collage.avif");object-fit:cover}
  .lesson-two-html{width:100%;height:auto;aspect-ratio:920/524;content:url("assets/lesson-two-mobile/html-diagram.avif");object-fit:cover}
  .lesson-two-ufo-copy{display:flex;width:100%;padding:0 24px;gap:8px;flex-direction:column;align-items:center}
  .lesson-two-orb{width:71.993px;height:96.717px;transform:none}
  .lesson-two-orb__stack{left:-18.56px;top:-15.415px;width:107.415px;height:131.529px;-webkit-mask-image:url("assets/lesson-two-mobile/small-mask.svg");mask-image:url("assets/lesson-two-mobile/small-mask.svg");-webkit-mask-size:114.758px 139.477px;mask-size:114.758px 139.477px;-webkit-mask-position:-2.82px -5.965px;mask-position:-2.82px -5.965px}
  .lesson-two-ufo-copy p{width:100%;font-size:16px;line-height:1.26;letter-spacing:-.32px}
  .lesson-two-ufo-diagram{width:100%;height:auto;aspect-ratio:920/486;content:url("assets/lesson-two-mobile/ufo-diagram.avif");object-fit:cover}
  .lesson-two-final{width:100%;padding:0 0 24px;overflow:hidden}
  .lesson-two-final>img{width:454.288px;height:265.566px;max-width:none;margin-bottom:-24px;content:url("assets/lesson-two-mobile/final-collage.avif");object-fit:cover}
  .lesson-two-final p{width:318px;font-size:16px;line-height:1.26;letter-spacing:-.32px}
  .lesson-two-side{display:flex;width:100%;height:854.395px;gap:16px;flex-direction:column}
  .lesson-two-side-link{position:static;margin:0;color:#00e;font-size:20px;line-height:24px;letter-spacing:-.4px}
  .lesson-two-side-link--top{display:flex;width:100%;height:216.395px;flex:0 0 auto;padding-right:182.932px;align-items:center;justify-content:center;background:url("assets/lesson-two-mobile/side-ufo.avif") right center/182.932px 216.395px no-repeat}
  .lesson-two-side__ufo{display:none}
  .lesson-two-timecube{width:100%;height:406px;margin:0;padding:24px;gap:16px;flex:0 0 auto;background:rgba(0,0,0,.3)}
  .lesson-two-timecube>img{width:188px;height:167px;content:url("assets/lesson-two-mobile/timecube.avif");object-fit:cover}
  .lesson-two-timecube a{margin-top:-16px;font-size:15px;line-height:1.32}
  .lesson-two-timecube p{width:100%;font-size:15px;line-height:1.32}
  .lesson-two-side-link--bottom{display:flex;width:100%;height:200px;flex:0 0 auto;align-items:center;justify-content:center}
  .lesson-two-banner{display:block;width:100%;height:18.059px;margin:0;overflow:hidden}
  .lesson-two-banner img{width:100%;height:100%;content:url("assets/lesson-two-mobile/banner.avif");object-fit:cover}
}

/* Figma mobile Lesson 3 1639:3437 */
@media(max-width:760px){
  .chapter--three{width:100%;min-height:0;padding:8px;background:#fff url("assets/lesson-three-mobile/background.avif") center top/455.99% 115.52% no-repeat;overflow:hidden}
  .lesson-three-layout{display:flex;width:100%;flex-direction:column;gap:24px;align-items:flex-start}
  .lesson-three-rail-space{display:none}
  .lesson-three-main{display:flex;width:100%;flex-direction:column;gap:8px}
  .lesson-three-core{display:flex;width:100%;height:auto;min-height:0;flex-direction:column;gap:0;background:#fff;overflow:visible}
  .lesson-three-kicker{width:100%;height:auto;min-height:36.068px;padding:9.068px 9px 9px;color:#bcb9a4;background:#000;font:400 16px/1.12 "Arial Narrow",Arial,sans-serif;text-align:center;text-transform:uppercase;white-space:normal}
  .lesson-three-kicker p{width:100%}
  .lesson-three-kicker strong{font-weight:700}
  .lesson-three-content{display:flex;width:100%;padding:24px;gap:24px;flex-direction:column;align-items:center;overflow:visible}
  .lesson-three-heading{position:relative;display:flex;width:100%;gap:24px;flex-direction:column;align-items:center}
  .lesson-three-label{position:relative;width:100%;height:32.039px}
  .lesson-three-label img{position:absolute;left:50%;top:-2.54px;width:174.2px;height:72.2px;max-width:none;content:url("assets/lesson-three-mobile/label-glow.svg");transform:translate(-50%,-17.1px)}
  .lesson-three-label span{position:relative;z-index:1;display:block;width:100%;color:#ada265;font:400 23.301px/32.039px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.466px;text-align:center;text-transform:lowercase}
  .lesson-three-heading h2{width:366.89px;max-width:none;margin:0;color:#c1c584;font:400 56.336px/47.467px Biedermeier,serif;text-align:center}
  .lesson-three-opening{display:flex;width:100%;gap:8px;flex-direction:column;align-items:center}
  .lesson-three-opening>img{width:100%;height:24px;content:url("assets/lesson-three-mobile/divider.svg");transform:scaleY(-1)}
  .lesson-three-opening p,.lesson-three-history>p{width:100%;margin:0;color:#000;font:400 16px/1.2 "Arial Narrow",Arial,sans-serif}
  .lesson-three-opening strong,.lesson-three-history strong{font-weight:700}
  .lesson-three-medieval{width:468px;height:315px;max-width:none;content:url("assets/lesson-three-mobile/medieval.avif");object-fit:cover}
  .lesson-three-history{display:flex;width:100%;gap:16px;flex-direction:column;align-items:center}
  .lesson-three-systems{width:492px;height:262px;max-width:none;content:url("assets/lesson-three-mobile/systems.avif");object-fit:cover}
  .lesson-three-closing{display:flex;width:100%;gap:8px;flex-direction:column;align-items:flex-start}
  .lesson-three-closing p{width:100%;margin:0;color:#000;font:italic 20px/1.26 "Times New Roman",serif;letter-spacing:2.8px;text-align:center}
  .lesson-three-closing img{width:100%;height:24px;content:url("assets/lesson-three-mobile/divider.svg")}
  .lesson-three-side{display:flex;width:100%;height:391px;padding:0;gap:0;flex-direction:row;align-items:flex-start;justify-content:space-between}
  .lesson-three-side img:first-child{width:152px;height:auto;aspect-ratio:492/1260;content:url("assets/lesson-three-mobile/side-left.avif");object-fit:cover}
  .lesson-three-side img:last-child{width:232px;height:391px;content:url("assets/lesson-three-mobile/side-right.avif");object-fit:cover}
}

/* Figma desktop section backgrounds 1640:3644 */
@media(min-width:761px){
  .chapter--intro,.chapter--one,.chapter--two,.chapter--three{isolation:auto;background-color:#fff;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
  .chapter--intro{background-image:url("assets/section-backgrounds/bg0.avif")}
  .chapter--one{background-image:url("assets/section-backgrounds/bg1.avif")}
  .chapter--two{background-image:url("assets/section-backgrounds/bg2.avif")}
  .chapter--three{background-image:url("assets/section-backgrounds/bg3.avif")}
  .chapter--intro::before,.chapter--one::before,.chapter--two::before,.chapter--three::before{content:none}
}

.chapter--intro,.chapter--one,.chapter--two,.chapter--three{background-color:#fff}

/* Figma 1628:2454 — continuous heavenly background behind header and intro */
.site-header{background:linear-gradient(180deg,#f5f5f5 0%,rgba(255,255,255,0) 100%)}
.utility-nav,.chapter--intro{background-color:transparent;background-image:none}

@media(max-width:760px){
  body{background-size:auto 1450px}
  .utility-nav.is-stuck{background:transparent}
}

@media(min-width:761px){
  .chapter--one{position:relative;background-color:transparent;background-image:none}
  .chapter--one::before{content:"";position:absolute;z-index:0;inset:0;background:url("assets/section-backgrounds/bg1.avif") center/100% 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 80px);mask-image:linear-gradient(to bottom,transparent 0,#000 80px);pointer-events:none}
  .lesson-one-layout{position:relative;z-index:1}
}

/* Figma Poster Task popup 1632:2939 */
.task-popup{width:min(440px,calc(100vw - 16px));height:min(600px,calc(100dvh - 16px));max-width:none;max-height:none;margin:auto;padding:0;border:0;color:#fff;background:url("assets/popup/background.avif") center/cover no-repeat;overflow:hidden}
.task-popup[open]{display:flex;flex-direction:column;gap:1px;align-items:center}
.task-popup::backdrop{background:rgba(0,0,0,.55)}
.task-popup__bar{display:flex;width:100%;min-height:29px;padding:7px 10px;flex:0 0 auto;align-items:flex-end;justify-content:space-between;background:#847a63;color:#b6d9c1;text-align:center;white-space:nowrap}
.task-popup__bar strong{font:700 18px/14.624px "Arial Narrow",Arial,sans-serif;letter-spacing:-.72px;text-transform:uppercase}
.task-popup__close{margin:0;padding:0;border:0;color:#b6d9c1;background:transparent;font:400 14px/16.379px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.56px;text-transform:lowercase;text-decoration:underline;opacity:.5;cursor:pointer}
.task-popup__content{display:flex;width:100%;height:536px;min-height:0;padding:8px 0 16px;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}
.task-popup__brief{display:flex;width:100%;flex-direction:column;gap:4px;align-items:center}
.task-popup__title{width:248.5px;height:77.5px;object-fit:cover}
.task-popup__columns{display:flex;width:100%;gap:56px;align-items:flex-end;justify-content:center}
.task-popup__item{display:flex;width:160px;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.task-popup__item strong,.task-popup__combine,.task-popup__requirements>strong{font:700 18px/19px "Arial Narrow",Arial,sans-serif;letter-spacing:-.72px;text-transform:uppercase;text-decoration:underline}
.task-popup__item span,.task-popup__requirements span{font:400 14px/14px "Arial Rounded MT Bold",Rounded,sans-serif;letter-spacing:-.56px}
.task-popup__combine{width:208px;line-height:18px}
.task-popup__requirements{display:flex;width:100%;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.task-popup__requirements>strong{line-height:14.624px}
.task-popup__requirements img{width:38.352px;height:47px}
.task-popup__submit{display:flex;width:100%;min-height:33px;padding:7px 10px;flex:0 0 auto;gap:4px;align-items:center;justify-content:center;background:#b6d9c1;color:#00e;font:700 18px/16.2px "Arial Narrow",Arial,sans-serif;letter-spacing:-.72px;text-align:center;text-transform:uppercase;white-space:nowrap}
.task-popup__submit a{color:inherit;text-decoration:underline}

@media(max-width:455px){
  .task-popup__columns{gap:max(8px,calc((100vw - 336px)/2))}
}