:root{--night:#142421;--dark:#1a302b;--ink:#182823;--paper:#f8f6f0;--cream:#fffdf7;--line:#dedfd6;--gold:#e8c17e;--mint:#b6d2bd;--mute:#67766d;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden}button,select,textarea{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b97d20;outline-offset:4px}::selection{background:var(--gold);color:var(--ink)}.skip-link{position:absolute;left:10px;top:-80px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:8px}.topbar{height:78px;position:sticky;top:0;z-index:40;background:#142421f0;border-bottom:1px solid #6c877644;backdrop-filter:blur(14px)}.topbar-inner{max-width:1510px;margin:auto;height:100%;padding:0 clamp(20px,4.8vw,80px);display:flex;align-items:center;gap:40px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;color:#fdf8e9;line-height:1}.brand-mark{color:var(--gold);font-size:31px}.brand strong{display:block;font-size:14px;letter-spacing:.22em}.brand small{display:block;margin-top:7px;font-size:8px;letter-spacing:.24em;color:#adc6b8}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a,.header-home{font-size:12px;letter-spacing:.04em;color:#e9e9da;text-decoration:none;transition:color .2s}.topbar nav a:hover,.header-home:hover{color:var(--gold)}.header-home{border:1px solid #7a9582;padding:9px 15px;border-radius:999px;white-space:nowrap}.hero{position:relative;min-height:765px;background:var(--night);color:#f9f8ed;overflow:hidden}.hero-glow{position:absolute;right:-160px;top:0;width:950px;height:800px;background:radial-gradient(circle,#365a4f63 0,#14242100 60%);pointer-events:none}.hero:after{content:'';position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:radial-gradient(#d9ddbb 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 20%,black)}.hero-wrap{max-width:1510px;margin:auto;display:grid;grid-template-columns:1.03fr .97fr;gap:28px;align-items:center;min-height:700px;padding:75px clamp(20px,5vw,80px) 65px;position:relative;z-index:2}.eyebrow,.section-index,.micro{font-size:11px;letter-spacing:.19em;font-weight:750}.eyebrow{color:#a9c9b5}.status-orb{display:inline-block;width:7px;height:7px;background:#e6b975;border-radius:50%;box-shadow:0 0 15px #e6b975;margin-right:9px}.hero h1{font:clamp(67px,8.25vw,137px)/.94 var(--serif);letter-spacing:-.085em;margin:33px 0 30px;font-weight:normal}.hero h1 em,.section-intro h2 em,.connect-copy h2 em,.guide-text h2 em,.notes-section h2 em,.exit-section h2 em{color:var(--gold);font-weight:normal}.full-stop{color:var(--mint)}.hero-sub{max-width:535px;color:#c6d3c9;font-size:17px;line-height:1.8}.hero-actions,.exit-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:50px;padding:13px 19px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:13px;line-height:1.35;font-weight:750;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#1d2d26;background:var(--gold)}.btn-primary:hover{background:#f7d89f}.btn-ghost{color:#ecf1e8;border-color:#698476;background:transparent}.btn-ghost:hover{background:#2b453b}.tiny-note{color:#8fa99e;font-size:11px;margin-top:17px}.orbit-wrap{position:relative;display:grid;place-items:center;min-height:570px}.orbit-canvas{position:relative;height:520px;width:min(100%,555px);display:grid;place-items:center;transform:perspective(850px) rotateX(8deg)}.orbit-ring{position:absolute;border:1px solid #aec3ae55;border-radius:50%;box-shadow:0 0 0 1px #071b1429 inset;animation:slowspin 55s linear infinite}.orbit-a{width:320px;height:320px}.orbit-b{width:460px;height:460px;border-style:dashed;animation-direction:reverse}.orbit-c{width:530px;height:530px;border-color:#a6b7ab21}.orbit-core{width:204px;height:204px;border-radius:50%;border:1px solid #adceb7a1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:radial-gradient(circle at 45% 25%,#4c7162,#263c32 65%,#182a22);box-shadow:0 25px 90px #020b083d,0 0 55px #a7c4a418;color:var(--gold);transform:rotate(-10deg)}.orbit-core span{font-size:10px;letter-spacing:.29em;color:#c0d4c3}.orbit-core strong{font:31px var(--serif);letter-spacing:-.04em}.orbit-node{position:absolute;padding:10px 14px;border:1px solid #809b88;background:#1c352c;color:#f8eed8;border-radius:40px;font-size:12px;letter-spacing:.08em;box-shadow:0 13px 30px #07120b80;white-space:nowrap}.orbit-node i{font-style:normal;margin-left:8px;color:#a5c7b8}.n1{top:11%;left:20%}.n2{top:18%;right:2%}.n3{top:42%;left:0}.n4{top:59%;right:0}.n5{bottom:12%;left:15%}.n6{bottom:6%;right:18%}.orbit-caption{position:absolute;bottom:5px;color:#7f9e8e;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.hero-bottom{position:relative;z-index:3;padding:18px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:20px;border-top:1px solid #79948533;max-width:1510px;margin:auto;color:#a1bbad;font-size:10px;letter-spacing:.16em}.section-pad{padding:105px clamp(20px,6vw,90px);max-width:1510px;margin:auto}.premise{display:grid;grid-template-columns:250px 1fr;gap:60px;align-items:start;border-bottom:1px solid var(--line)}.section-index{color:#6f8072}.premise h2{font:clamp(32px,4.5vw,64px)/1.15 var(--serif);font-weight:normal;letter-spacing:-.055em;max-width:900px;margin:-8px 0 25px}.premise h2 i{color:#588473}.premise p{max-width:735px;color:#5b655d;font-size:16px;line-height:1.9}.principles{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.principles span{border:1px solid #c7d3c7;border-radius:100px;padding:8px 16px;font-size:12px;color:#345b4a}.classroom-section{background:var(--paper)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-intro h2,.connect-copy h2,.guide-text h2,.notes-section h2{font:clamp(45px,6vw,82px)/1.03 var(--serif);font-weight:normal;letter-spacing:-.07em;margin:14px 0 0}.section-intro h2 em,.connect-copy h2 em,.notes-section h2 em{color:#6c8e7b}.section-intro>p{max-width:380px;font-size:14px;color:#6e766f;margin:0 0 6px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson{background:#fffcf6;border:1px solid #d6d9d1;border-radius:9px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.lesson:hover{border-color:#98ae9c;box-shadow:0 15px 35px #182e220a}.lesson-head{display:flex;justify-content:space-between;gap:15px;margin:30px 30px 18px}.lesson-number,.lesson-area{font-size:10px;letter-spacing:.12em;font-weight:800}.lesson-number{color:#718778}.lesson-area{color:#a1793f;text-align:right}.lesson h3{font:clamp(29px,3vw,44px)/1.1 var(--serif);margin:0 30px 14px;letter-spacing:-.055em;font-weight:normal}.lesson-lead{color:#58685e;margin:0 30px 28px;font-size:14px;min-height:50px;max-width:490px}.lesson details{border-top:1px solid #e2e4dc}.lesson summary{cursor:pointer;list-style:none;padding:17px 30px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em;font-weight:800}.lesson summary::-webkit-details-marker{display:none}.lesson summary:hover{background:#f3f0e6}.summary-symbol{font-size:20px;line-height:1;transition:transform .2s;color:#9b7846}.lesson details[open] .summary-symbol{transform:rotate(45deg)}.lesson-expanded{border-top:1px solid #e7e8de;padding:26px 30px 30px;animation:reveal .25s ease-out}.prose p,.lesson-columns p,.case-note p{font-size:14px;line-height:1.85;color:#3e5045;margin:0 0 16px}.case-note{padding:21px;background:#edf2e9;border-left:3px solid #83aa96;margin:20px 0}.micro{display:block;color:#6a876f;margin-bottom:12px}.case-note p{margin:0}.lesson-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lesson-columns>div{padding-top:8px}.lesson-columns .micro{font-size:9px}.lesson-ending{border-top:1px solid #dfe4d9;padding-top:18px}.lesson-ending span{color:#ad7d38;font-size:10px;letter-spacing:.13em;font-weight:800}.lesson-ending p{font:italic 20px/1.4 var(--serif);margin:10px 0 16px}.lesson-ending a{font-size:11px;color:#456c57;text-underline-offset:3px}.interlude{background:#e7e7db;display:flex;flex-direction:column;align-items:center;text-align:center;padding:75px 20px}.interlude p{font:italic clamp(26px,4vw,50px)/1.25 var(--serif);margin:0 0 25px}.interlude span{letter-spacing:.16em;font-size:10px;color:#687367}.experiment-section{padding-top:115px;padding-bottom:120px}.lab-layout{display:grid;grid-template-columns:290px 1fr;gap:0;border:1px solid #cbd5cc;border-radius:10px;overflow:hidden;background:#fffef9;min-height:470px}.scene-list{background:#edf1e8;padding:17px;display:flex;flex-direction:column;gap:7px}.scene-list button{text-align:left;border:1px solid transparent;border-radius:6px;padding:16px;font-size:13px;color:#42574a;background:transparent;display:flex;gap:15px;line-height:1.4}.scene-list button[aria-pressed=true]{background:#253e32;color:#fff9e9}.scene-list button:hover:not([aria-pressed=true]){border-color:#94aa96}.scene-index{opacity:.6;font-size:10px;margin-top:3px}.scene-main{padding:45px clamp(22px,4vw,58px)}.lab-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#718473;font-weight:800}.scene-main h3{font:clamp(31px,4vw,53px)/1.1 var(--serif);margin:30px 0 14px;font-weight:normal}.scenario-body{font-size:17px;line-height:1.7;max-width:710px;color:#46564b}.lab-question{background:#f5f5ed;padding:17px 20px;margin:23px 0}.lab-question span{letter-spacing:.12em;color:#70816b;font-size:10px;font-weight:800}.lab-question p{font:italic 19px var(--serif);margin:7px 0}.lens-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.lens-bar p{font-size:12px;font-weight:800}.lens-controls{display:flex;gap:5px;flex-wrap:wrap}.lens-controls button{padding:7px 10px;border-radius:5px;border:1px solid #c6d2c8;background:#fff;font-size:12px}.lens-controls button[aria-pressed=true]{background:#2c5444;color:white}.lens-output{font:21px/1.6 var(--serif);color:#315d48;margin:19px 0;min-height:67px}.scene-main small{color:#7b8177;font-size:11px}.connect-section{max-width:none;background:#1f372e;color:#f6f3e6;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);padding-left:max(clamp(20px,6vw,90px),calc((100vw - 1330px)/2));padding-right:max(clamp(20px,6vw,90px),calc((100vw - 1330px)/2));align-items:center}.connect-copy h2{font-size:clamp(44px,5vw,72px)}.connect-copy h2 em{color:var(--gold)}.connect-copy>p:not(.section-index){color:#bfcfc1;max-width:600px}.connect-section .section-index{color:#b3c7ae}.mixer-fields{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;max-width:480px;margin:35px 0 23px}.mixer-fields label{font-size:12px;color:#b5c8b9}.mixer-fields select{background:#f9f7eb;border:0;color:#21382d;border-radius:4px;padding:13px;min-width:0}.connect-result{background:#304b40;border:1px solid #687b69;border-radius:12px;min-height:430px;padding:50px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.connect-result:before{content:'';position:absolute;width:280px;height:280px;border:1px solid #92b49a44;border-radius:50%;right:-75px;top:-90px}.mix-sigil{display:flex;align-items:center;gap:22px;color:var(--gold);font:60px var(--serif);height:90px}.mix-sigil span:nth-child(2){font-size:25px;color:#93bba6}.connect-result .micro{color:#b6c8b4;margin-top:22px}.connect-result h3{font:36px/1.13 var(--serif);font-weight:normal;margin:5px 0 18px;letter-spacing:-.04em}.connect-result>p:last-child{color:#d0dace;max-width:450px}.notes-section .section-intro{margin-bottom:45px}.notes-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.notebook{background:#fffef9;border:1px solid #d9d8cb;padding:45px 48px 35px;box-shadow:5px 5px 0 #e4e8dd}.notebook-edge{font-size:10px;letter-spacing:.16em;color:#8b9987;margin-bottom:35px}.notebook label{display:block;margin:20px 0 8px;font:22px var(--serif)}.notebook textarea{display:block;width:100%;min-height:83px;resize:vertical;padding:14px 8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#e5e8df 32px);border:1px solid transparent;border-bottom:1px solid #dce1d7;color:#25382c;font-size:14px;line-height:32px;border-radius:0}.notebook textarea:focus{outline:2px solid #88b7a4;background:#fffef9}.notes-status{font-size:11px;color:#7e8a7c}.note-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px}.btn-dark{background:#21382e;color:white}.btn-dark:hover{background:#365d4a}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:#7e5749;font-size:12px}.curiosity-card{background:#e9eddc;border:1px solid #d1dac5;padding:33px;min-height:480px;display:flex;flex-direction:column;align-items:flex-start}.curiosity-card .micro{font-size:10px}.spark-shape{align-self:center;color:#719681;font-size:155px;line-height:1.3;animation:slowspin 38s linear infinite}.curiosity-card h3{font:30px var(--serif);margin:0 0 10px;font-weight:normal}.curiosity-card p{font:italic 20px/1.5 var(--serif);min-height:95px;margin:5px 0 20px}.curiosity-card button{border:1px solid #426b56;background:transparent;border-radius:4px;padding:11px 14px;font-size:12px;font-weight:700}.curiosity-card button:hover{background:#dbe5d0}.spark-foot{margin-top:auto;font-size:10px;color:#799079;letter-spacing:.13em}.guide-section{max-width:none;background:#ebe9de;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(35px,6vw,100px);padding-left:max(clamp(20px,6vw,90px),calc((100vw - 1330px)/2));padding-right:max(clamp(20px,6vw,90px),calc((100vw - 1330px)/2))}.guide-art{min-height:500px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#c4d0bb 0,transparent 67%)}.guide-book{position:relative;width:310px;min-height:438px;background:#233e34;box-shadow:18px 20px 2px #2344381b,25px 30px 40px #1e392e42;transform:rotate(-7deg);padding:24px;color:#f5edce;display:flex;flex-direction:column;border-left:7px solid #172d25}.book-top,.book-bottom{font-size:10px;letter-spacing:.11em;display:flex;justify-content:space-between}.book-symbol{font-size:94px;color:var(--gold);text-align:center;margin:28px 0 7px}.book-title{font:40px/.98 var(--serif);letter-spacing:-.03em}.book-bottom{margin-top:auto;color:#c0c8b5;font-size:9px}.guide-text h2{font-size:clamp(43px,5vw,73px)}.guide-text h2 em{color:#627d6d}.guide-text>p:not(.section-index){max-width:600px;color:#59675b}.guide-text ul{padding-left:17px;margin:25px 0;line-height:2;color:#435a48;font-size:14px}.guide-text small{display:block;margin-top:14px;color:#7e867c}.pdf-button{font-size:15px}.exit-section{max-width:none;background:#142421;color:#f3f2e5;text-align:center;padding-top:90px;padding-bottom:110px}.exit-sigil{font-size:72px;line-height:1;color:var(--gold)}.exit-section .section-index{color:#a9baa9}.exit-section h2{font:clamp(66px,8.5vw,128px)/.95 var(--serif);letter-spacing:-.08em;font-weight:normal;margin:22px 0}.exit-section h2 em{color:var(--gold)}.exit-section>p:not(.section-index){color:#c4d0c4;max-width:570px;margin:20px auto}.exit-actions{justify-content:center}.btn-light{background:var(--gold);color:#192f23}.btn-outline{color:#f5f3e8;border-color:#758a7d}footer{background:#0f1e18;color:#a2b5a6;padding:24px clamp(20px,6vw,90px);display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.09em;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{color:var(--gold)}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.topbar nav{display:none}.header-home{margin-left:auto}.hero-wrap{grid-template-columns:1fr}.orbit-wrap{min-height:440px}.orbit-canvas{transform:scale(.78);height:500px}.hero{min-height:unset}.hero-wrap{padding-bottom:25px}.hero h1{font-size:clamp(68px,11vw,118px)}.premise{grid-template-columns:1fr;gap:20px}.premise h2{max-width:850px}.guide-art{min-height:400px}.guide-book{transform:rotate(-5deg) scale(.87)}.lab-layout{grid-template-columns:220px 1fr}}
@media(max-width:760px){.topbar{height:67px}.topbar-inner{padding:0 17px;gap:10px}.header-home{font-size:10px;padding:7px 9px}.brand strong{font-size:12px}.brand small{font-size:7px}.brand-mark{font-size:23px}.hero-wrap{padding:65px 22px 20px}.hero h1{font-size:clamp(62px,12.5vw,95px)}.hero-sub{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.orbit-wrap{min-height:315px}.orbit-canvas{transform:scale(.55);height:530px;flex-shrink:0;margin:-110px 0}.hero-bottom span:nth-child(2){display:none}.section-pad{padding:70px 22px}.section-intro{display:block}.section-intro>p{margin-top:23px}.lesson-grid{grid-template-columns:1fr}.lesson-lead{min-height:0}.lesson-columns{grid-template-columns:1fr;gap:0}.lesson-expanded{padding:23px}.lesson h3{font-size:35px}.lab-layout{grid-template-columns:1fr}.scene-list{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory}.scene-list button{min-width:185px;flex-shrink:0;scroll-snap-align:start}.scene-main{padding:30px 23px}.connect-section,.notes-layout,.guide-section{grid-template-columns:1fr}.connect-result{padding:32px;min-height:330px}.mixer-fields{grid-template-columns:1fr;gap:6px}.mixer-fields label{margin-top:12px}.notebook{padding:27px 24px}.curiosity-card{min-height:390px}.spark-shape{font-size:90px}.guide-art{min-height:345px}.guide-book{transform:rotate(-6deg) scale(.77)}.guide-text h2{font-size:52px}.exit-section h2{font-size:70px}.hero-bottom{font-size:9px}.premise h2{font-size:43px}.interlude{padding:60px 24px}footer{flex-direction:column;align-items:start;gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media print{.topbar,.hero-actions,.orbit-wrap,.hero-bottom,.exit-actions,.pdf-button,.scene-list,.notes-layout{display:none!important}.hero,.connect-section,.exit-section{background:#fff!important;color:#111!important}.hero{min-height:auto}.hero-wrap{display:block;min-height:auto}.section-pad{padding:30px 10px}.lesson-grid{display:block}.lesson{break-inside:avoid;margin-bottom:14px}.lesson details:not([open]) .lesson-expanded{display:block}.hero h1{font-size:46px}}