:root{--ink:#10223c;--navy:#07182f;--blue:#2679e8;--sky:#76adff;--coral:#ff705c;--cream:#f4f0e8;--muted:#68778a;--line:#d9dee4;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Newsreader",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:15px}button,input,select{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}.site-header{height:84px;display:flex;align-items:center;padding:0 5vw;gap:46px;border-bottom:1px solid var(--line);background:#fffffff5;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand>span{width:42px;height:42px;display:grid;place-items:center;background:var(--coral);color:#fff;font:500 18px var(--serif);letter-spacing:-.03em}.brand b{font:600 16px/1.05 var(--serif)}nav{display:flex;gap:32px;font-size:12px;font-weight:700}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--blue);transition:.2s}nav a:hover:after{right:0}.nav-cta{border:1px solid var(--ink);padding:11px 16px;font-size:12px;font-weight:700}.nav-cta span{margin-left:18px}.menu{display:none;background:none;border:0;width:34px;height:34px}.menu span{display:block;width:22px;height:1px;background:var(--ink);margin:6px auto}.hero{min-height:720px;position:relative;background:var(--navy);color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:82px 7vw 62px}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#07182ffa,#07182fdb 44%,#07182f14),linear-gradient(0deg,rgba(7,24,47,.42),transparent 50%),url(../hero-v2.png);background-size:cover;background-position:center}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,860px) 240px;justify-content:space-between;gap:60px;align-items:end}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font:500 10px var(--mono);color:var(--coral)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(56px,6.2vw,94px);line-height:.91;margin:23px 0 18px;max-width:940px}h1 em,h2 em{font-style:italic;font-weight:400;color:var(--sky)}.subtitle{font:500 21px var(--serif);letter-spacing:.01em;margin:0 0 22px;color:#e7edf5}.hero-deck{font-size:15px;line-height:1.75;color:#b8c7d8;max-width:590px}.actions{display:flex;gap:13px;margin-top:32px}.button{padding:15px 19px;font-size:12px;font-weight:700}.primary{background:var(--coral);color:#fff}.primary span{margin-left:34px}.ghost{border:1px solid #718096}.hero-aside{border-left:1px solid rgba(255,255,255,.25);padding-left:28px}.author-kicker{font:10px var(--mono);text-transform:uppercase;letter-spacing:.17em;color:var(--coral)}.hero-aside>p{font:500 22px/1.4 var(--serif);margin:12px 0 30px}.hero-rule{height:1px;background:#fff3;margin-bottom:18px}.hero-stat{display:flex;align-items:baseline;gap:10px;margin:8px 0}.hero-stat b{font:500 29px var(--serif)}.hero-stat span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#a7b7ca}.hero-foot{position:relative;z-index:1;margin-top:55px;display:flex;align-items:center;gap:14px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:#91a5bc}.hero-foot i{width:45px;height:1px;background:var(--coral)}.book{display:grid;grid-template-columns:.7fr 1.15fr 1.1fr .9fr;gap:5vw;padding:125px 7vw;align-items:start}.book h2,.code h2,.teaching h2,.lineage h2,.results-showcase h2{font-size:clamp(46px,4.8vw,70px);line-height:.97;margin:18px 0}.book h2 em,.code h2 em,.lineage h2 em,.results-showcase h2 em{color:var(--blue)}.book-copy .lead{font:500 25px/1.35 var(--serif);margin:2px 0 24px}.book-copy>p:not(.lead){color:var(--muted);line-height:1.8}.audience{margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.audience span,.book-rail span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.audience p{font-size:12px;line-height:1.7}.book-rail{border-left:1px solid var(--line);padding-left:30px}.book-rail div{padding:18px 0;border-bottom:1px solid var(--line)}.book-rail b,.book-rail span{display:block}.book-rail b{font:500 22px var(--serif);margin-bottom:5px}.chapters{background:var(--navy);color:#fff;padding:115px 6vw}.section-head{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:clamp(50px,5.2vw,76px);line-height:.94;margin:20px 0 0}.section-head>p{max-width:390px;color:#9fb0c2;line-height:1.75}.light{color:var(--sky)}.chapter-grid{max-width:1240px;margin:58px auto 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #33445b;border-left:1px solid #33445b}.chapter-card{padding:30px 32px;border-right:1px solid #33445b;border-bottom:1px solid #33445b;transition:background .2s}.chapter-card:hover{background:#102746}.chapter-top{display:flex;justify-content:space-between;font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--sky)}.chapter-top span:last-child{color:#899aaf}.chapter-card h3{font:500 28px var(--serif);margin:24px 0 8px}.chapter-card>p{color:#a5b3c3;font-size:12px;line-height:1.6;margin:0}.chapter-tags{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.chapter-tags span{border:1px solid #3a506a;border-radius:20px;padding:5px 8px;font:8px var(--mono);color:#b9c7d6}.chapter-card button{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid #34475f;background:none;color:#fff;padding:18px 0 0;margin-top:24px;font-size:10px;font-weight:700;text-align:left}.chapter-card button span{color:var(--coral)}.appendix-strip{max-width:1240px;margin:35px auto 0;display:grid;grid-template-columns:38px 1fr 38px 1fr;gap:18px;align-items:center}.appendix-strip>span{width:38px;height:38px;border:1px solid #435670;display:grid;place-items:center;font:500 17px var(--serif);color:var(--sky)}.appendix-strip b,.appendix-strip small{display:block}.appendix-strip b{font:500 18px var(--serif)}.appendix-strip small{font-size:10px;color:#899aaf;margin-top:4px}.results-showcase{padding:115px 7vw;background:#fff;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px;align-items:end}.results-heading{padding:0 4vw 20px 0}.results-heading>p{color:var(--muted);line-height:1.75}.result-card{margin:0;border:1px solid var(--line);background:#fff}.result-card img{width:100%;height:235px;object-fit:contain;display:block;padding:12px;background:#f8f8f6}.result-wide{grid-column:2/4}.result-wide img{height:285px}.result-card figcaption{display:flex;align-items:center;gap:13px;padding:17px}.result-card figcaption>span{font:10px var(--mono);color:var(--coral)}.result-card b,.result-card small{display:block}.result-card b{font:500 18px var(--serif)}.result-card small{font-size:9px;color:var(--muted);margin-top:3px}.code{background:var(--cream);padding:115px 7vw;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.25fr);gap:8vw;align-items:start}.code-intro{position:sticky;top:35px}.code-intro>p{max-width:460px;line-height:1.75;color:var(--muted)}.code-count{display:flex;align-items:baseline;gap:11px;margin-top:38px}.code-count b{font:500 55px var(--serif);color:var(--blue)}.code-count span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.toolbar{display:grid;grid-template-columns:1fr 160px;gap:10px;margin-bottom:14px}.toolbar label{display:flex;align-items:center;background:#fff;border:1px solid #d6d3ca;padding:12px 14px}.toolbar input{border:0;outline:0;background:transparent;width:100%;padding-left:10px;font-size:12px}.toolbar select{appearance:none;border:1px solid #d6d3ca;background:#fff;padding:0 12px;font-size:11px;color:var(--ink)}.resource-list{border-top:1px solid #d5d2c9}.resource-row{display:grid;grid-template-columns:38px 1fr auto 28px 25px;gap:13px;align-items:center;padding:17px 3px;border-bottom:1px solid #d5d2c9}.r-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dbe8fb;color:var(--blue);font:600 12px var(--mono)}.resource-name b,.resource-name small{display:block}.resource-name b{font-size:12px}.resource-name small{font:9px var(--mono);color:#7c858f;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}.readme-link{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}.open-code{font-size:16px}.row-index{font:8px var(--mono);color:#9a9a96}.resource-row:hover .resource-name b{color:var(--blue)}.show-more{width:100%;border:1px solid var(--ink);background:transparent;margin-top:20px;padding:14px;font-size:10px;font-weight:700}.show-more span{margin-left:20px;color:var(--coral)}.empty-state{padding:40px 10px;color:var(--muted);font-size:12px}.teaching{background:var(--blue);color:#fff;padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.teaching h2 em{color:#bcd6ff}.teaching-copy>p{color:#d9e7fa;line-height:1.75;max-width:580px}.permission-note{border-top:1px solid #79a9ed;margin-top:32px;padding-top:20px}.permission-note span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.14em}.permission-note p{font-size:11px;color:#d9e7fa}.course-path{border:1px solid #75a6ec;padding:30px;display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:14px;align-items:center}.path-label{grid-column:1/-1;font:9px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#c9dcf7;margin-bottom:14px}.course-path div{text-align:center}.course-path b,.course-path small{display:block}.course-path b{font:500 19px var(--serif)}.course-path small{font-size:9px;color:#c5d9f5;margin-top:5px}.course-path i{height:1px;background:#9cc1f4}.lineage{padding:110px 7vw;display:grid;grid-template-columns:.85fr 1.7fr;gap:7vw;align-items:center;background:#f7f5f0}.lineage-copy>p{color:var(--muted);line-height:1.75}.lineage-copy>a{display:inline-block;margin-top:18px;font-size:10px;font-weight:700;color:var(--blue)}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.portrait-grid figure{margin:0;background:#fff;border:1px solid var(--line)}.portrait-grid img{width:100%;height:285px;object-fit:cover;object-position:center top;display:block;filter:grayscale(1);transition:.25s}.portrait-grid figure:hover img{filter:grayscale(.15)}.portrait-grid figcaption{padding:16px}.portrait-grid b,.portrait-grid span{display:block}.portrait-grid b{font:500 18px var(--serif)}.portrait-grid span{font:8px var(--mono);color:var(--muted);margin-top:5px}footer{background:#061426;color:#aab7c6;padding:65px 6vw 45px;display:grid;grid-template-columns:1.5fr .65fr .8fr 1.4fr;gap:6vw;font-size:11px}.inverse{color:#fff}.inverse>span{background:#fff;color:var(--navy)}.footer-brand>p{max-width:300px;line-height:1.6;margin-top:22px}.footer-links{display:flex;flex-direction:column;gap:11px}.footer-links>span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.15em;color:#63768c;margin-bottom:4px}.footer-links a:hover{color:#fff}.footer-legal{display:flex;flex-direction:column;justify-content:space-between;line-height:1.6}.footer-legal p{margin:0}.footer-legal small{color:#607288;margin-top:30px}@media(max-width:980px){.site-header{padding:0 24px}.hero{padding:75px 35px 55px}.hero-grid{grid-template-columns:1fr}.hero-aside{display:none}.book{grid-template-columns:1fr 1.2fr}.book .section-label,.book-rail{display:none}.results-showcase{grid-template-columns:1fr 1fr}.results-heading,.result-wide{grid-column:1/-1}.code{grid-template-columns:1fr;gap:35px}.code-intro{position:static}.code-intro>p{max-width:650px}.course-path{grid-template-columns:1fr}.course-path i{width:1px;height:20px;margin:auto}.appendix-strip{grid-template-columns:38px 1fr}.teaching{gap:5vw}.lineage{grid-template-columns:1fr}.lineage-copy{max-width:600px}footer{grid-template-columns:1.3fr 1fr 1fr}.footer-legal{grid-column:1/-1}}@media(max-width:720px){.site-header{height:70px}.brand b{font-size:14px}.brand>span{width:38px;height:38px}.nav-cta{display:none}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:710px;padding:70px 23px 45px}.hero-art{background-image:linear-gradient(90deg,#07182ff7,#07182f85),url(../hero-v2.png);background-position:62% center}h1{font-size:51px}.subtitle{font-size:18px}.actions{flex-direction:column;align-items:flex-start}.hero-foot{margin-top:45px}.book{display:block;padding:85px 24px}.book-title{margin-bottom:42px}.chapters{padding:85px 22px}.section-head{display:block}.section-head>p{margin-top:30px}.chapter-grid{grid-template-columns:1fr;margin-top:40px}.chapter-card{padding:27px 23px}.appendix-strip{gap:14px}.results-showcase{padding:80px 22px;display:block}.results-heading{padding:0 0 30px}.result-card{margin-top:14px}.result-card img,.result-wide img{height:230px}.code{padding:85px 22px}.toolbar{grid-template-columns:1fr}.toolbar select{height:44px}.resource-row{grid-template-columns:38px 1fr 25px}.resource-row .readme-link,.row-index{display:none}.resource-name small{max-width:220px}.teaching{grid-template-columns:1fr;padding:80px 24px}.course-path{margin-top:25px}.lineage{padding:80px 22px}.portrait-grid{grid-template-columns:1fr 1fr}.portrait-grid figure:last-child{grid-column:1/-1}.portrait-grid img{height:240px}footer{grid-template-columns:1fr 1fr;padding:55px 24px;gap:45px 25px}.footer-brand,.footer-legal{grid-column:1/-1}}@media(max-width:840px){.site-header{height:70px}.site-header .brand b{font-size:14px}.site-header .brand>span{width:38px;height:38px}.site-header .nav-cta{display:none}.site-header .menu{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}}