@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--paper:#faf9f6;--ink:#203843;--muted:#7a8078;--line:#e4e6df;--green:#173b4a;--orange:#c47835;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{color:inherit}svg{flex-shrink:0}::selection{background:#d8e7d4}.site-shell{max-width:1328px;margin:0 auto;padding:0 54px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;font-size:28px;font-weight:650;display:flex}.brand-mark{background:var(--green);color:#f3f5e9;border-radius:11px;place-items:center;width:37px;height:37px;margin-right:10px;display:grid}.brand-dot{color:var(--orange)}.site-header nav{gap:32px;font-size:13px;font-weight:500;display:flex}.site-header nav a:hover{color:var(--orange)}.nav-cta{border:1px solid #dce0d5;border-radius:6px;align-items:center;gap:17px;padding:11px 15px;font-size:13px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:70px 0 55px;display:grid}.eyebrow{letter-spacing:1.6px;align-items:center;gap:9px;font-size:10px;font-weight:650;display:flex}.status-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-copy>.eyebrow{color:#7b8175;letter-spacing:1.45px;font-size:9px}h1,h2,h3,p{margin:0}.hero h1{letter-spacing:-4px;margin:25px 0 23px;font-size:clamp(55px,6.3vw,83px);font-weight:500;line-height:1.03}.hero h1 em{font-family:var(--serif);letter-spacing:-2.7px;color:var(--green);font-weight:400}.hero-copy>p{color:#727b70;font-size:15px;line-height:1.8}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:25px;padding:15px 19px;font-size:12px;font-weight:550;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#fff}.secondary{border-color:var(--line);background:0 0}.hero .button{margin-top:29px}.hero-note{color:#899082;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.hero-feature{background:#eef1e7;border:1px solid #e0e5d8;border-radius:13px;min-width:0;transition:box-shadow .25s;position:relative;overflow:hidden}.hero-feature:hover{box-shadow:0 12px 34px #234f3c0b}.feature-top{font:9px var(--sans);letter-spacing:1px;color:#78806e;justify-content:space-between;align-items:center;padding:22px 23px;font-weight:600;display:flex}.feature-top>span:first-child{align-items:center;gap:8px;display:flex}.feature-art{justify-content:center;align-items:center;height:286px;display:flex;position:relative}.feature-art img{z-index:1;object-fit:contain;mix-blend-mode:multiply;width:110%;height:100%;transition:transform .6s;position:relative}.hero-feature:hover img{transform:translateY(-5px)}.orbit{border:1px solid #dae0d1;border-radius:50%;width:80%;height:65%;position:absolute;transform:rotate(-20deg)}.orbit-two{width:56%;height:43%;transform:rotate(20deg)}.feature-bottom{background:#f0f2e9;border-top:1px solid #e1e5d9;justify-content:space-between;align-items:center;padding:22px 24px 25px;display:flex}.feature-bottom .eyebrow{letter-spacing:1.3px;color:#78816f;font-size:8px}.feature-bottom h2{letter-spacing:-.5px;margin-top:8px;font-size:20px;font-weight:500}.round-arrow{border:1px solid #d0d8c8;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#75816e;justify-content:space-between;gap:24px;padding:24px 0;font-size:11px;display:flex}.principles>span{align-items:center;gap:10px;display:flex}.principles svg{color:#6d8260}.principles .principle-end{letter-spacing:1.1px;color:#8d9487;font-size:8px}.library{padding:63px 0 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-heading .eyebrow{color:var(--orange);font-size:9px}.section-heading h2{letter-spacing:-1.2px;margin-top:12px;font-size:31px;font-weight:500}.collection-count{color:#8b9285;padding-bottom:5px;font-size:10px}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:29px 0 25px;display:flex}.filters{flex-wrap:wrap;gap:5px;display:flex}.filters button{color:#858a80;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.filters button[aria-pressed=true]{color:var(--green);background:#e9ede2;font-weight:550}.filters button span{border:1px solid #d7ddcb;border-radius:3px;padding:1px 4px;font-size:9px}.search{border:1px solid var(--line);color:#a0a698;background:#fbfbf8;border-radius:6px;align-items:center;gap:9px;width:100%;max-width:300px;padding:10px 12px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);outline-offset:2px;background:0 0;border:0;font-size:10px}.search input::placeholder{color:#9ba191}.search button{background:0 0;border:0;padding:0;display:flex}.search-end{border-left:1px solid var(--line);padding-left:9px;display:flex}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.preview-card{border:1px solid var(--line);background:#fffefb;border-radius:9px;transition:border-color .25s,transform .25s;overflow:hidden}.preview-card:hover{border-color:#bccab4;transform:translateY(-4px)}.card-visual{background:#edf0e9;justify-content:center;align-items:center;height:278px;display:flex;position:relative;overflow:hidden}.computing .card-visual{background:#f2eee7}.card-visual img{object-fit:contain;mix-blend-mode:multiply;width:91%;height:88%;transition:transform .5s}.preview-card:hover img{transform:scale(1.04)}.figure-label{letter-spacing:1px;color:#8a927e;z-index:1;font-size:9px;position:absolute;top:19px;left:20px}.card-format{z-index:1;color:#74806b;background:#fff9;border:1px solid #fff7;border-radius:4px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:flex;position:absolute;top:17px;right:17px}.visual-open{color:#576c4b;background:#fff9;border:1px solid #dfe4d7;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:18px;right:18px}.card-copy{padding:23px 25px 24px}.card-meta{color:#9a9e92;justify-content:space-between;align-items:center;font-size:9px;display:flex}.card-meta span:first-child{color:#738267}.card-copy h3{letter-spacing:-.65px;margin-top:13px;font-size:23px;font-weight:500}.card-copy p{color:#838a7c;max-width:380px;margin:10px 0 20px;font-size:12px;line-height:1.8}.text-link{color:var(--green);align-items:center;gap:12px;font-size:11px;font-weight:550;display:inline-flex}.collection-end{color:#959b8f;justify-content:center;align-items:center;gap:9px;margin:31px 0 60px;font-size:10px;display:flex}.small-orbit{border:1px solid #a0ad91;border-radius:50%;width:7px;height:7px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;padding:50px 0 57px;display:grid}.about .eyebrow{color:var(--orange);font-size:9px}.about h2{letter-spacing:-1px;margin-top:17px;font-size:35px;font-weight:500;line-height:1.15}.about em{font-family:var(--serif);font-size:40px;font-weight:400}.about p{color:#7c8576;margin-bottom:14px;font-size:13px;line-height:1.85}.site-footer{border-top:1px solid var(--line);color:#90988a;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 32px;font-size:10px;display:flex}.footer-brand{letter-spacing:-1px;color:var(--green);font-size:22px;font-weight:600}.site-footer>a:last-child{align-items:center;gap:5px;display:flex}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:8px;padding:70px 20px}.empty-state>svg{color:#89957f;margin-bottom:17px}.empty-state h3{font-size:23px;font-weight:500}.empty-state p{color:var(--muted);margin:12px 0 20px;font-size:13px}.detail-page{padding-top:33px}.back-link{color:#7a8674;align-items:center;gap:9px;font-size:12px;display:inline-flex}.detail-heading{padding:38px 0 29px}.detail-heading .eyebrow{color:var(--orange)}.detail-heading h1{letter-spacing:-2px;margin:16px 0;font-size:clamp(34px,5vw,58px);font-weight:500}.detail-heading p{color:var(--muted);max-width:640px;line-height:1.7}.detail-meta{color:#829077;gap:25px;margin-top:18px;font-size:11px;display:flex}.detail-meta span{align-items:center;gap:6px;display:flex}.player-shell{border:1px solid var(--line);background:#fafafa;border-radius:12px;position:relative;overflow:hidden}.player-toolbar{background:#eef1e9;border-bottom:1px solid #dce3d6;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.player-toolbar>span{letter-spacing:1px;align-items:center;gap:8px;font-size:9px;display:flex}.player-toolbar>div{align-items:center;gap:14px;display:flex}.player-toolbar button,.player-toolbar a{color:#738169;background:0 0;border:0;align-items:center;gap:6px;padding:3px;font-size:10px;display:flex}.player-shell iframe{background:#fafafa;border:0;width:100%;display:block}.player-shell:fullscreen{border:0;border-radius:0;overflow:auto}.player-footnote{color:#8a9283;border-top:1px solid var(--line);padding:12px 20px;font-size:10px}.loading{color:var(--muted);font-size:12px;position:absolute;top:90px;left:20px}.lesson-notes{grid-template-columns:1.2fr 1fr;gap:65px;padding:43px 0;display:grid}.lesson-notes .eyebrow{color:var(--orange);font-size:9px}.lesson-notes h2{letter-spacing:-.4px;margin-top:15px;font-size:23px;font-weight:450;line-height:1.5}.lesson-notes ol{color:#7c8774;margin-top:15px;padding-left:18px;font-size:13px;line-height:1.9}.lesson-notes li{margin-bottom:5px;padding-left:5px}.up-next{border-top:1px solid var(--line);padding:30px 0 40px}.up-next>.eyebrow{color:#88937e;font-size:9px}.up-next a{align-items:center;gap:24px;margin-top:16px;display:flex}.up-next img{object-fit:contain;background:#edf0e7;border-radius:7px;max-width:30%;height:110px}.up-next h3{letter-spacing:-.5px;margin-top:7px;font-size:23px;font-weight:500}.up-next a>svg{margin-left:auto}.up-next span{color:#8a957f;font-size:10px}.not-found{min-height:70vh;padding:100px 0}.not-found h1{margin-top:20px;font-size:52px;font-weight:500}.not-found p{color:var(--muted);margin:15px 0 25px}.sr-only,.skip-link:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{background:var(--ink);color:#fff;z-index:100;padding:10px;position:fixed;top:12px;left:12px}@media (min-width:1450px){.hero{padding-top:80px;padding-bottom:70px}.feature-art{height:315px}}@media (max-width:1000px){.site-shell{padding:0 30px}.hero{gap:25px}.hero h1{font-size:66px}.hero-copy>.eyebrow{font-size:8px}.hero-note{font-size:9px}.feature-art{height:250px}.feature-bottom h2{font-size:18px}.principles .principle-end{display:none}.principles{justify-content:space-around}.card-visual{height:240px}.section-heading h2{font-size:28px}.filters button{padding:8px;font-size:10px}.search{max-width:240px}}@media (max-width:720px){.site-shell{padding:0 20px}.site-header{height:78px}.brand{font-size:25px}.brand-mark{border-radius:9px;width:32px;height:32px}.site-header nav{display:none}.nav-cta{gap:8px;padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:36px;padding:43px 0 30px}.hero h1{letter-spacing:-3.5px;font-size:68px}.hero-copy>.eyebrow{font-size:8px}.hero-copy>p{font-size:14px}.hero-note{font-size:9px}.feature-art{height:255px}.feature-bottom h2{font-size:21px}.principles{flex-wrap:wrap;gap:10px;padding:20px 0;font-size:9px}.principles>span{gap:5px}.principles svg{width:14px}.library{padding-top:39px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.section-heading h2{font-size:28px}.library-toolbar{flex-direction:column;align-items:stretch;gap:15px;margin-top:23px}.filters button{padding:9px 12px;font-size:11px}.search{max-width:none;padding:12px}.search input{font-size:12px}.preview-grid{grid-template-columns:1fr;gap:25px}.card-visual{height:260px}.card-copy{padding:22px}.card-copy p{font-size:13px}.card-meta{font-size:10px}.collection-end{margin-bottom:38px;font-size:9px;line-height:1.6}.about{grid-template-columns:1fr;gap:24px;padding:35px 0}.about h2{font-size:33px}.site-footer{flex-wrap:wrap;gap:15px;padding:25px 0}.site-footer>span{display:none}.detail-heading{padding:30px 0 23px}.detail-heading h1{letter-spacing:-1.5px}.detail-heading p{font-size:14px}.player-toolbar{padding:13px 12px}.player-toolbar>span{font-size:8px}.player-toolbar>div{gap:10px}.player-toolbar button span{display:none}.player-footnote{padding:12px;font-size:9px}.lesson-notes{grid-template-columns:1fr;gap:25px;padding:30px 0}.lesson-notes h2{font-size:21px}.up-next a{gap:15px}.up-next h3{font-size:20px}.up-next img{height:85px}.not-found h1{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.brand{letter-spacing:-.7px;gap:0}.brand-mark{border-radius:11px;width:43px;height:43px;margin-right:11px}.brand-name{flex-direction:column;font-size:23px;font-weight:600;line-height:1.12;display:flex}.brand-country{letter-spacing:3.5px;align-items:center;gap:10px;margin-top:5px;font-size:9px;font-weight:600;display:flex}.brand-stripe{background:linear-gradient(90deg,#d78339 0 46%,#faf9f6 46% 54%,#397251 54%);width:35px;height:3px;display:inline-block}.footer-brand{letter-spacing:-.6px;font-size:20px}.hero-feature,.card-visual{background:#edf1ef}.feature-bottom{background:#eff3f0}.hero h1 em{font-size:.94em}.about h2{font-size:33px}.about em{font-size:38px}@media (max-width:720px){.brand-mark{width:35px;height:35px;margin-right:8px}.brand-name{font-size:19px}.brand-country{letter-spacing:2.7px;font-size:8px}.brand-stripe{width:26px}.nav-cta{gap:7px;padding:9px;font-size:10px}.hero h1{font-size:62px}.site-footer{flex-direction:column;align-items:flex-start}.footer-brand{font-size:21px}}