@media(min-width:601px){.chapter.light-lab .chapter-copy{top:31%}.chapter.light-lab .chapter-kicker{margin-bottom:14px}.chapter.light-lab .section-description{margin-bottom:10px}.chapter.light-lab .light-controls label{margin-top:8px}.chapter.light-lab .light-result{margin:10px 0}}
@media(min-width:601px){.chapter.design-studio .chapter-copy{top:24%}.chapter.light-lab .chapter-copy{top:30%}}
.chapter .chapter-continue{display:block;min-height:44px;width:fit-content;padding:10px 0;margin:5px 0 0;color:#827961}
.chapter{height:155svh;min-height:1023px}
.section-description{font-size:14px;line-height:1.8;color:#716d62;max-width:390px;margin:0 0 22px}
.light-lab{background:#101b20;color:#f0eee4}.light-lab .chapter-sticky{background:radial-gradient(ellipse at 75% 52%,#263238,#142126 48%,#101b20 100%)}
.lab-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 65%,#77988816,transparent 50%);pointer-events:none}
.light-lab .chapter-heading{left:7%}.light-lab .chapter-heading .eyebrow,.light-lab .chapter-kicker{color:#a6b8b5}.light-lab .chapter-copy{left:7%;right:auto;width:34%;top:34%}.light-lab .section-description{color:#b1bfbc}
.light-lab .book-dock{left:50%;top:26%;width:45%;height:57%}.light-lab .book-shadow{background:radial-gradient(ellipse,#0009,#0000 70%)}
.light-controls{max-width:350px}.light-controls label{display:flex;justify-content:space-between;font-size:12px;margin-top:12px;color:#d5ded7}.light-controls output{font-size:11px;color:#94a7a3;font-variant-numeric:tabular-nums}
.light-controls input,#book-tilt{appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:ew-resize}.light-controls input::-webkit-slider-runnable-track,#book-tilt::-webkit-slider-runnable-track{height:3px;background:#c9ccc144;border-radius:5px}.light-controls input::-webkit-slider-thumb,#book-tilt::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#dce5d5;border:2px solid #fff;border-radius:50%;margin-top:-6px;box-shadow:0 2px 10px #0003}
#light-red{accent-color:#dd7873}#light-green{accent-color:#92c49b}#light-blue{accent-color:#92afdd}
.light-result{font:italic 17px/1.5 Georgia,serif;color:#d7e2d7;margin:15px 0}.experiment-presets{display:flex;flex-wrap:wrap;gap:8px}.experiment-presets button{border:1px solid #d9e2d436;border-radius:24px;padding:10px 14px;min-height:44px;font-size:11px;color:#c9d4c8}.experiment-presets button:hover{background:#ffffff10}
.next-chapter-link{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;color:inherit;opacity:.6;z-index:5;font-size:10px;letter-spacing:.05em;min-height:44px;border-top:1px solid #8f9d8528;padding-top:8px}.next-chapter-link span{font-size:19px}
.design-studio{background:#e9ded0}.design-studio .chapter-sticky{background:radial-gradient(ellipse at 24% 55%,#fff7e9,#ece1d2 65%,#e3d5c3)}.design-studio .chapter-copy{top:28%}.design-studio .book-dock{top:37%;height:44%}
.palette-picker,.layout-picker{margin:18px 0 0;padding:0;border:0;display:flex;gap:8px;flex-wrap:wrap}.palette-picker legend,.layout-picker legend{font-size:10px;color:#81725f;letter-spacing:.03em;margin-bottom:9px}.palette-picker button,.layout-picker button{border:1px solid #a4957b55;border-radius:22px;min-height:44px;padding:9px 14px;font-size:11px;display:inline-flex;align-items:center;gap:8px;color:#75644c}.palette-picker button[aria-pressed=true],.layout-picker button[aria-pressed=true]{background:#fcf6e6;border-color:#84765c;color:#36372c}.swatch{width:13px;height:13px;border-radius:50%;display:inline-block}.swatch.forest{background:#344d40}.swatch.clay{background:#ae6046}.swatch.cobalt{background:#3d5584}.tilt-label{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;color:#7b6e5a}#book-tilt::-webkit-slider-runnable-track{background:#8a795444}#book-tilt::-webkit-slider-thumb{background:#666f56}.design-feedback{font:italic 15px/1.6 Georgia,serif;color:#82725c;margin:11px 0}
.journey-ending{position:relative;z-index:4;background:#17231e;color:#efeade;min-height:90svh;padding:100px 8% 55px;text-align:center}.journey-ending .eyebrow{font-size:9px;color:#9eafa0}.journey-ending h2{font-size:clamp(45px,5.5vw,82px);line-height:1.03;letter-spacing:-.04em;margin:25px 0}.journey-ending>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#a8b5a7}.chapter-index{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:50px auto 30px}.chapter-index a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-top:1px solid #aebfa442;font-size:15px;text-align:left}.chapter-index a span:first-child{font-size:10px;color:#839784}.chapter-index a:hover{color:#fff}.back-to-orbit{display:inline-block;font-size:11px;padding:15px 0;color:#c5d1bf}.journey-ending .concept-note{font-size:10px!important;margin-top:40px;color:#81937f!important}
@media(max-width:1000px) and (min-width:601px){.light-lab .chapter-copy{width:39%;left:5%;top:31%}.light-lab .book-dock{left:53%;width:43%;top:29%;height:48%}.section-description{font-size:13px}.light-result{font-size:15px}.experiment-presets button{font-size:10px;padding:7px 10px}.design-studio .chapter-copy{top:27%}.palette-picker,.layout-picker{gap:5px}.palette-picker button,.layout-picker button{padding:8px 10px}.chapter-index{gap:15px}.chapter-index a{font-size:12px}}
@media(max-width:600px){.chapter{min-height:1450px;height:172svh}.light-lab .chapter-sticky,.design-studio .chapter-sticky{min-height:900px}.light-lab .chapter-heading{left:7%;top:4%}.light-lab .chapter-heading h2,.design-studio .chapter-heading h2{font-size:34px}.light-lab .book-dock,.design-studio .book-dock{left:19%;width:62%;top:18%;height:25%}.light-lab .chapter-copy,.design-studio .chapter-copy{left:8%;right:8%;width:auto;top:46%}.section-description{font-size:12px;line-height:1.65;margin-bottom:12px}.light-controls label{margin-top:7px;font-size:11px}.light-controls input{height:27px}.light-result{font-size:15px;margin:9px 0}.experiment-presets{gap:7px}.experiment-presets button{font-size:10px;padding:9px 11px}.next-chapter-link{bottom:10px;font-size:9px;min-height:38px}.design-studio .chapter-heading{top:4%}.palette-picker,.layout-picker{margin-top:13px}.tilt-label{margin-top:16px}.journey-ending{padding:72px 8% 38px;min-height:760px}.journey-ending>p:not(.eyebrow){font-size:12px}.chapter-index{grid-template-columns:1fr;margin:32px 0 15px;gap:0}.chapter-index a{font-size:14px;padding:18px 0;min-height:65px}}