@charset "UTF-8";
:root{--ink:#252b24;--forest:#20251f;--paper:#f4f3ec;--muted:#687062;--line:#d7dace;--lime:#d0ed86;--sage:#dde2d2;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--side:246px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6c8c3a;outline-offset:5px}main:focus{outline:none}img,video{display:block;max-width:100%}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:270px;padding:14px 22px;background:var(--lime);z-index:100}.skip-link:focus{top:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;line-height:1.6;margin:0;text-transform:uppercase}p{line-height:1.75}h1,h2,h3,p{overflow-wrap:break-word}svg{width:24px;height:24px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);padding:32px 20px 20px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#eeeee6;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.8px;font-weight:800;margin-bottom:35px}.brand img{flex:none;width:34px;height:34px}.brand-sub{display:block;letter-spacing:1.3px;font-size:7px;font-weight:500;margin-top:5px}.nav-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.15px;color:var(--muted);margin:0 6px 16px 0}.sidebar nav{overflow:auto;scrollbar-width:thin;flex:1;padding-right:2px}.nav-link{display:flex;align-items:center;gap:13px;border-radius:10px;min-height:48px;padding:9px 10px;margin:2px 0;font-size:11px;transition:background .2s,color .2s}.nav-link:hover{background:#e0e4d4}.nav-link.active{background:var(--forest);color:var(--paper)}.nav-number{font-family:var(--serif);font-size:19px;width:23px;flex-shrink:0;opacity:.65}.nav-copy{line-height:1.3}.nav-copy small{display:block;font-size:7px;letter-spacing:1.4px;opacity:.66;margin:0 0 4px}.nav-end{margin-left:auto;font-size:17px;color:#718457}.active .nav-end{color:var(--lime)}.cover-link{margin-bottom:10px}.nav-divider{border-top:1px solid var(--line);margin:18px 8px 9px;padding-top:16px;font-size:8px;letter-spacing:1.1px;color:var(--muted)}.pending-link{min-height:38px}.sidebar-bottom{padding:22px 6px 0;font-size:8px;line-height:1.8;border-top:1px solid var(--line);margin-top:14px;color:#62695c}.sidebar-bottom div{margin-top:5px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7e9c48;margin-right:6px}.shell{margin-left:var(--side);min-width:0}.topbar{position:sticky;top:0;height:69px;background:rgba(244,243,236,.96);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 45px;z-index:15;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px}.breadcrumb a,.breadcrumb>span:first-of-type{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:24px}#reading-label{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.contents-button{display:flex;align-items:center;gap:8px;border:1px solid #c9cebe;border-radius:30px;padding:9px 14px;background:none;font-size:10px}.contents-button:hover{background:var(--sage)}.menu-icon{display:block;width:12px;height:8px;border-top:1px solid;border-bottom:1px solid}.progress-track{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent}#reading-progress{height:100%;width:0;background:#789b3e;transition:width .08s linear}main{min-height:80vh}.cover-page{padding:23px 24px 0}.cover-hero{position:relative;isolation:isolate;background:var(--forest);color:var(--paper);padding:30px 38px 0;border-radius:23px;overflow:hidden;min-height:730px}.cover-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid #4b5246;padding-bottom:20px}.tiny-cross{font-size:18px;font-style:normal;vertical-align:-2px;margin-right:8px;color:var(--lime)}.cover-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding-top:37px;position:relative;z-index:1}.cover-kicker{font-size:8px;letter-spacing:1.25px;margin:0 0 22px;color:#c5ccbb}.cover-kicker .status-dot{background:var(--lime)}.cover-text h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,7.3vw,114px);line-height:.94;letter-spacing:-5.5px;margin:0 0 26px;position:relative}.cover-text h1 em{font-weight:400;color:var(--lime)}.cover-description{font-size:14px;line-height:1.65;color:#cad0c2;margin:0 0 23px}.primary-button{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;background:var(--lime);color:var(--forest);border-radius:30px;padding:7px 7px 7px 22px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.primary-button span{background:rgba(32,37,31,.1);border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.primary-button:hover{background:#dff7a2;transform:translateY(-2px)}.resume-link{display:block;margin:14px 0 0 5px;font-size:10px;color:#cbd5bf;text-decoration:underline;text-underline-offset:4px}.resume-link span{margin-left:10px}.cover-image-wrap{position:relative;margin:19px 0 25px;border-radius:145px 145px 22px 22px;align-self:stretch;min-height:430px;max-height:520px;isolation:isolate}.cover-image{width:100%;height:100%;object-fit:cover;object-position:50% 45%;border-radius:inherit;filter:saturate(.66)}.cover-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.65));border-radius:inherit;pointer-events:none}.photo-overlay{position:absolute;bottom:26px;left:22px;right:12px;z-index:1;font-size:8px;letter-spacing:1.5px;display:grid;gap:8px}.photo-overlay span+span{letter-spacing:.2px;color:#ddd;font-size:9px}.cover-sticker{position:absolute;top:-11px;right:-16px;z-index:2;background:var(--lime);color:var(--ink);width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(9deg);border:5px solid var(--forest)}.cover-sticker>span{font-size:29px;font-family:var(--serif);letter-spacing:-1px}.cover-sticker small{text-align:center;font-size:7px;line-height:1.5;letter-spacing:.8px;margin-top:5px}.cover-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:1px;margin-top:32px;padding:20px 0 26px;border-top:1px solid #4b5246}.cover-watermark{position:relative;left:-4px;z-index:0;white-space:nowrap;font-size:clamp(100px,13vw,215px);font-weight:800;letter-spacing:-13px;line-height:.82;color:#3b4435;margin-top:22px;padding-bottom:0}.intro-spread{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:94px 45px 85px;align-items:start}.intro-spread>.eyebrow{padding-top:10px;color:var(--muted)}.intro-spread h2,.contents-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.2vw,63px);line-height:1.05;letter-spacing:-2px;margin:0 0 25px}.intro-spread p:not(.eyebrow){font-size:16px;max-width:560px;margin:0 0 15px;color:#4f574b}.intro-spread .subtle{color:var(--muted)!important;font-size:11px!important}.contents-spread{padding:0 45px 60px}.section-rule{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #bfc6b6;font-size:8px;letter-spacing:1.6px;font-weight:600;color:#64725a}.contents-heading{display:flex;align-items:end;justify-content:space-between;padding:28px 0 36px}.contents-heading h2{margin:0}.contents-heading h2 em{font-weight:400;color:#6f805b}.contents-heading p{font-size:11px;color:var(--muted);margin:0 0 5px}.chapter-row{display:grid;grid-template-columns:60px 1fr 155px 28px;gap:20px;align-items:center;padding:26px 0;border-top:1px solid var(--line);transition:padding .2s,background .2s}.chapter-row:hover{background:#e9eddf;padding-left:15px;padding-right:15px}.chapter-row .index-num{font-family:var(--serif);font-size:32px;color:#869175}.chapter-row .eyebrow{font-size:7px;letter-spacing:1.2px;color:var(--muted)}.chapter-row h3{font-family:var(--serif);font-size:27px;letter-spacing:-.7px;font-weight:400;margin:6px 0 0}.index-topic{font-size:10px;color:#717866}.index-arrow{color:#68795b}.reserved-links{border-top:1px solid var(--line);padding:29px 0;display:flex;gap:30px;align-items:center;font-size:11px}.reserved-links>span{font-size:8px;letter-spacing:1px;color:var(--muted);margin-right:auto}.reserved-links a{text-decoration:underline;text-underline-offset:5px}.editor-note{color:var(--muted);font-size:10px;line-height:1.75;max-width:600px}.closing-strip{padding:32px 36px;border-radius:19px;background:var(--sage);display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.closing-strip>span{font-family:var(--serif);font-size:25px;letter-spacing:-.6px}.closing-strip a{display:flex;align-items:center;gap:25px;font-size:13px}.chapter-page{max-width:1200px;margin:0 auto;padding:52px 68px 15px}.chapter-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.chapter-meta>.eyebrow{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1px;color:#69765f}.stage-pill{padding:7px 12px;border-radius:20px;background:var(--sage);color:#34442a;display:inline-block;white-space:nowrap}.chapter-counter{font-family:var(--serif);font-size:18px;color:#8b967f}.chapter-header h1{font-family:var(--serif);font-size:clamp(50px,5.8vw,83px);font-weight:400;line-height:1.02;letter-spacing:-3.8px;max-width:830px;margin:34px 0 19px}.chapter-deck{font-family:var(--serif);font-size:22px;color:#788568;line-height:1.35;margin:0;max-width:700px}.chapter-lead{display:grid;grid-template-columns:46px 1fr;gap:18px;border-top:1px solid var(--line);padding-top:24px;margin:35px 0 38px;max-width:790px}.chapter-lead p{font-size:15px;line-height:1.8;margin:0;max-width:660px}.lead-mark{font-family:var(--serif);font-size:34px;color:#7e9367;line-height:1.1}.photo{margin:0;min-width:0}.photo-open{display:block;position:relative;width:100%;padding:0;border:0;background:#e4e4dc;overflow:hidden;border-radius:17px;isolation:isolate;cursor:zoom-in}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-open:hover img{transform:scale(1.025)}.expand-icon{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;background:rgba(244,243,236,.9);border-radius:50%;width:30px;height:30px;color:var(--ink);font-size:17px}.photo figcaption,.film figcaption{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-top:12px;font-size:10px;line-height:1.65;color:#66715b}.source-name{font-family:monospace;font-size:8px;white-space:nowrap;opacity:.8;align-self:start}.hero-photo{margin:0 0 55px}.hero-photo .photo-open{height:500px;background:#e6e5de}.hero-photo .photo-open img{object-fit:contain}.hero-photo .photo-open:before,.hero-photo .photo-open:after{content:'+';font:16px monospace;color:#919a85;position:absolute;top:18px;left:20px;z-index:1}.hero-photo .photo-open:after{left:auto;right:20px;top:auto;bottom:18px}.prose-section{display:grid;grid-template-columns:145px minmax(0,1fr);gap:32px;margin:56px 0}.margin-label{padding-top:6px;color:#718264;display:flex;flex-direction:column;gap:12px;font-size:8px;letter-spacing:1.3px}.margin-label span+span{font-family:var(--serif);font-size:23px;letter-spacing:-.5px;color:#a4ad98}.prose{max-width:635px}.prose h2{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0 0 22px}.prose p{font-size:16px;line-height:1.88;margin:0 0 18px;color:#4b5545}.prose p:last-child{margin-bottom:0}.brief-table{border-radius:18px;padding:32px 37px;background:#e7ebdf;margin:45px 0 55px}.brief-table>.eyebrow{color:#607050;margin-bottom:22px}.brief-table>div{display:grid;grid-template-columns:155px 1fr;gap:35px;border-top:1px solid #c9d0bd;padding:18px 0}.brief-table h3,.materials-table h3{font-size:12px;font-weight:600;margin:3px 0}.brief-table p,.materials-table p{font-size:14px;margin:0;line-height:1.7;color:#54614a}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-list>div{padding:28px 22px 30px;border-right:1px solid var(--line)}.principle-list>div:first-child{padding-left:0}.principle-list>div:last-child{border:0}.principle-number{font-family:var(--serif);font-size:36px;color:#8c9c7b}.principle-list h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:19px 0 10px}.principle-list p{font-size:12px;color:var(--muted);margin:0;max-width:180px}.materials-table{margin:45px 0}.materials-table .section-rule{padding-right:20px}.materials-table>div:not(.section-rule){display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:23px 0;border-bottom:1px solid var(--line)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:55px 0}.gallery .photo-open{height:370px}.gallery .photo-open img{object-fit:contain}.gallery figcaption{flex-direction:column;gap:3px}.single-gallery{display:block;max-width:620px;margin-left:auto;margin-right:auto}.single-gallery .photo-open{height:440px}.film-section{margin:60px 0}.film{margin:9px 0 0}.video-wrap{position:relative;border-radius:18px;background:#20251f;overflow:hidden}.film video{width:100%;height:470px;object-fit:contain}.film-label{position:absolute;top:17px;left:20px;font-size:7px;color:#fff;background:rgba(32,37,31,.7);border:1px solid #8a9183;border-radius:20px;padding:6px 10px;letter-spacing:1.3px;pointer-events:none}.equation-panel{background:var(--forest);color:var(--paper);border-radius:20px;padding:42px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin:50px 0;align-items:center}.equation{font-family:var(--serif);font-style:italic;font-size:66px;color:var(--lime);letter-spacing:-2px;white-space:nowrap}.equation-panel .eyebrow{color:#bdcf9e;font-size:8px}.equation-panel h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.2;margin:13px 0}.equation-panel p:not(.eyebrow){font-size:11px;line-height:1.85;color:#bfc9b6;margin:0}.sketch-section{margin:60px 0}.sketch-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;margin-top:9px;align-items:stretch}.drawing-space{position:relative;min-height:330px;border:1px dashed #a9b39a;border-radius:16px;background-color:#ebeee3;background-image:radial-gradient(#ccd3c1 .7px,transparent .7px);background-size:13px 13px}.drawing-number{position:absolute;left:22px;top:17px;font-family:var(--serif);font-size:25px;color:#9baa88}.drawing-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-family:var(--serif);font-size:16px;color:#78866a}.drawing-cross{font-family:var(--sans);font-weight:200;font-size:38px;color:#a1b18b}.drawing-format{position:absolute;bottom:19px;left:20px;font-size:6px;letter-spacing:1.2px;color:#819073}.corner{position:absolute;width:9px;height:9px;border-color:#8a9b76;border-style:solid}.c1{top:11px;left:11px;border-width:1px 0 0 1px}.c2{top:11px;right:11px;border-width:1px 1px 0 0}.c3{bottom:11px;left:11px;border-width:0 0 1px 1px}.c4{bottom:11px;right:11px;border-width:0 1px 1px 0}.drawing-brief{padding:10px 0}.drawing-brief .eyebrow{font-size:8px;color:#7d8c6d}.drawing-brief h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.6px;margin:14px 0}.drawing-brief>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#57634e}.label-list{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.label-list span{border:1px solid #cbd2c0;border-radius:4px;padding:5px 7px;font-size:8px;color:#58694b;background:#edf0e7}.drawing-brief .drawing-note{font-size:9px!important;color:#738167!important;border-top:1px solid var(--line);padding-top:12px}.takeaway{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--sage);padding:33px 37px;border-radius:17px;margin:65px 0 20px}.takeaway .eyebrow{font-size:8px;color:#63784f}.takeaway p{font-family:var(--serif);font-size:27px;letter-spacing:-.5px;line-height:1.3;max-width:620px;margin:14px 0 0}.takeaway-symbol{font-size:46px;font-family:var(--serif);color:#7e9166;align-self:center}.next-question{text-align:right;color:#76836a;font-family:var(--serif);font-style:italic;font-size:16px;margin:25px 0 50px;max-width:660px;margin-left:auto}.page-turn{display:grid;grid-template-columns:.8fr 1.8fr;gap:25px;padding-top:30px;border-top:1px solid var(--line);margin-top:55px}.previous-page{display:flex;align-items:center;gap:15px;font-size:11px;line-height:1.6;padding:22px 0}.previous-page>span{font-size:22px;color:#6e7c5e}.previous-page small{display:block;font-size:7px;letter-spacing:1px;color:#758069;margin-bottom:6px}.next-page{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--forest);color:var(--paper);padding:28px 30px;border-radius:17px;transition:background .2s,transform .2s}.next-page:hover{background:#35412c;transform:translateY(-2px)}.next-page .eyebrow{font-size:7px;letter-spacing:1.3px;color:#bac9aa}.next-page strong{display:block;font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.2;letter-spacing:-.5px;margin-top:12px}.next-arrow{display:grid;place-items:center;flex:none;border-radius:50%;width:46px;height:46px;background:var(--lime);color:var(--forest)}.blank-chapter .chapter-header h1{margin-top:30px}.reserved-paper{height:540px;background:#f8f8f3;border:1px solid #dfe3d5;border-radius:20px;position:relative;margin:60px 0}.paper-corner{position:absolute;width:14px;height:14px;border-color:#c5ceba;border-style:solid}.site-footer{margin:50px 45px 0;border-top:1px solid var(--line);padding:25px 0 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#75816a;letter-spacing:1px}.site-footer>span{letter-spacing:.1px;font-family:var(--serif);font-style:italic;font-size:12px}.site-footer button{border:0;background:none;color:#536545;padding:5px;font-size:13px}.site-footer button span{font-size:9px;margin-left:5px}.round-button{width:37px;height:37px;border-radius:50%;border:1px solid #bfc9b1;background:transparent;font-size:26px;display:grid;place-items:center;line-height:1;flex:none}.round-button:hover{background:var(--sage)}dialog{border:1px solid var(--line);padding:35px;border-radius:23px;background:var(--paper);color:var(--ink);max-height:85dvh;box-shadow:0 25px 100px #1115}dialog::backdrop{background:rgba(15,23,13,.65);backdrop-filter:blur(6px)}#contents-dialog{width:570px;max-width:calc(100% - 32px)}.dialog-top{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:14px}.dialog-top .eyebrow{color:var(--muted);font-size:8px}.dialog-top h2{font-family:var(--serif);font-size:44px;letter-spacing:-1.5px;font-weight:400;margin:10px 0 0}#dialog-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}#dialog-nav .cover-link{grid-column:1/-1}#dialog-nav .nav-divider{grid-column:1/-1}#dialog-nav .nav-link{font-size:12px;min-height:55px}#dialog-nav .nav-copy small{font-size:8px}#contents-dialog .editor-note{margin-top:25px}#image-dialog{width:max-content;max-width:calc(100vw - 32px);padding:15px;background:#1f251e;border:1px solid #46523b}#expanded-image{max-height:78dvh;max-width:calc(100vw - 70px);object-fit:contain;border-radius:10px;margin:auto}#expanded-caption{color:#c3cdb8;font-size:11px;margin:14px 5px 2px;padding-right:50px}.image-close{position:fixed;right:30px;top:26px;color:var(--paper);background:#25301de6;z-index:2}.image-close:hover{background:#4b593b}.noscript{position:fixed;inset:20% 15%;background:var(--paper);padding:40px;z-index:100;border:1px solid var(--line);border-radius:20px}.page-enter{animation:page-in .45s ease both}@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){:root{--side:274px}.sidebar{padding-left:30px;padding-right:25px}.nav-link{min-height:53px;font-size:12px}.cover-page{max-width:1360px;margin:auto}.cover-hero{padding-left:60px;padding-right:60px}.cover-grid{gap:65px}.cover-text h1{font-size:124px}.cover-image-wrap{max-height:540px}.cover-watermark{font-size:215px}.cover-hero{min-height:800px}.cover-kicker{font-size:9px}}
@media(max-width:1180px){:root{--side:220px}.sidebar{padding:27px 13px 18px 18px}.nav-link{font-size:10px;gap:10px}.topbar{padding:0 28px}.cover-hero{padding:28px 27px 0;min-height:650px}.cover-grid{gap:25px}.cover-text h1{font-size:80px;letter-spacing:-4px}.cover-kicker{font-size:7px}.cover-image-wrap{min-height:385px;max-height:450px;border-radius:110px 110px 18px 18px}.cover-sticker{width:92px;height:92px;right:-10px}.cover-sticker>span{font-size:25px}.cover-bottom{font-size:6px}.cover-bottom span:nth-child(2){display:none}.cover-watermark{letter-spacing:-9px}.intro-spread,.contents-spread{padding-left:28px;padding-right:28px}.chapter-page{padding:45px 40px 15px}.prose-section{grid-template-columns:110px 1fr;gap:25px}.hero-photo .photo-open{height:440px}.chapter-row{grid-template-columns:40px 1fr 25px;gap:15px}.index-topic{display:none}.gallery .photo-open{height:320px}.sketch-layout{gap:24px}.drawing-brief h3{font-size:24px}.equation-panel{gap:25px;padding:32px}.equation{font-size:53px}.page-turn{grid-template-columns:.8fr 1.6fr}.next-page{padding:25px}.next-page strong{font-size:23px}}
@media(max-width:940px){:root{--side:0px}.sidebar{display:none}.topbar{padding:0 30px}.cover-page{padding:20px}.cover-text h1{font-size:100px}.cover-hero{padding-left:38px;padding-right:38px}.cover-image-wrap{min-height:450px}.cover-kicker{font-size:8px}.cover-watermark{font-size:19vw}.cover-bottom{font-size:7px}.cover-bottom span:nth-child(2){display:block}.intro-spread{padding-top:75px}.chapter-page{padding-left:55px;padding-right:55px}.chapter-header h1{font-size:70px}.skip-link{left:20px}}
@media(max-width:650px){body{font-size:15px}.topbar{height:61px;padding:0 20px}.top-actions{gap:0}#reading-label{display:none}.breadcrumb{gap:9px;font-size:10px}.contents-button{padding:9px 12px;font-size:10px}.cover-page{padding:12px}.cover-hero{padding:24px 23px 0;border-radius:20px}.cover-topline{font-size:6px;letter-spacing:.8px;gap:12px;padding-bottom:17px}.cover-topline span:last-child{max-width:70px;line-height:1.6;text-align:right}.tiny-cross{margin-right:5px}.cover-grid{grid-template-columns:1fr;padding-top:28px;gap:0}.cover-text h1{font-size:clamp(72px,18vw,112px);letter-spacing:-4.5px;line-height:.95;margin-bottom:25px}.cover-kicker{font-size:7px;margin-bottom:20px}.cover-description{font-size:14px;margin-bottom:22px}.cover-image-wrap{margin:35px 0 0;height:390px;min-height:0;max-height:none;border-radius:140px 140px 19px 19px}.cover-image{object-position:50% 46%}.cover-sticker{width:102px;height:102px;right:0;top:1px}.cover-bottom{margin-top:28px;padding:18px 0 22px;font-size:6px;letter-spacing:.7px;line-height:1.6}.cover-bottom span:nth-child(2){display:none}.cover-watermark{font-size:21vw;letter-spacing:-5px;margin-top:5px;left:-3px;padding-top:0}.intro-spread{display:block;padding:57px 16px 45px}.intro-spread>.eyebrow{margin-bottom:24px;font-size:8px}.intro-spread h2{font-size:43px;letter-spacing:-1.7px}.intro-spread p:not(.eyebrow){font-size:16px;line-height:1.85}.contents-spread{padding:0 16px 35px}.section-rule{font-size:7px;letter-spacing:1px}.contents-heading{padding:24px 0 30px;align-items:start;gap:15px}.contents-heading h2{font-size:41px;letter-spacing:-1.7px}.contents-heading p{font-size:10px;line-height:1.7;max-width:110px;padding-top:5px}.chapter-row{grid-template-columns:34px 1fr 22px;gap:12px;padding:23px 0}.chapter-row:hover{padding-left:7px;padding-right:7px}.chapter-row h3{font-size:24px;line-height:1.1;margin-top:6px}.chapter-row .index-num{font-size:27px}.chapter-row .eyebrow{font-size:6px;letter-spacing:.8px}.reserved-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px}.reserved-links>span{grid-column:1/-1;font-size:7px}.closing-strip{padding:25px 21px;gap:20px;border-radius:15px}.closing-strip>span{font-size:22px;max-width:190px;line-height:1.15}.closing-strip a{font-size:11px;gap:12px;white-space:nowrap}.chapter-page{padding:35px 24px 0}.chapter-meta>.eyebrow{font-size:6px;letter-spacing:.7px;gap:9px}.stage-pill{padding:7px 10px;font-size:7px}.chapter-counter{font-size:16px}.chapter-header h1{font-size:52px;line-height:1.03;letter-spacing:-2.6px;margin:28px 0 19px}.chapter-deck{font-size:22px;line-height:1.35}.chapter-lead{grid-template-columns:26px 1fr;gap:13px;padding-top:20px;margin:27px 0 30px}.chapter-lead p{font-size:13px;line-height:1.8}.lead-mark{font-size:30px}.hero-photo{margin-bottom:40px}.hero-photo .photo-open{height:400px;border-radius:14px}.hero-photo .photo-open img{object-fit:contain}.photo figcaption,.film figcaption{font-size:9px;gap:10px;flex-direction:column}.source-name{font-size:7px}.prose-section{display:block;margin:40px 0}.margin-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-bottom:23px;font-size:7px;letter-spacing:1px}.margin-label span+span{font-size:18px}.prose h2{font-size:29px;letter-spacing:-.7px;margin-bottom:19px}.prose p{font-size:16px;line-height:1.9}.brief-table{padding:26px 23px;border-radius:15px;margin:35px 0}.brief-table>div{grid-template-columns:1fr;gap:7px;padding:17px 0}.brief-table p{font-size:12px}.brief-table h3{font-size:12px}.brief-table>.eyebrow{font-size:8px}.principle-list{grid-template-columns:1fr;margin:35px 0}.principle-list>div,.principle-list>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:42px 1fr;gap:10px 15px}.principle-number{grid-row:1/3;font-size:30px}.principle-list h3{margin:0;font-size:25px}.principle-list p{margin:0;max-width:none;font-size:12px}.materials-table{margin:35px 0}.materials-table>div:not(.section-rule){grid-template-columns:1fr;gap:7px;padding:19px 0}.materials-table .section-rule>span:last-child{display:none}.materials-table h3{font-size:12px}.gallery{grid-template-columns:1fr;gap:30px;margin:40px 0}.gallery .photo-open{height:400px}.single-gallery .photo-open{height:420px}.film-section{margin:42px 0}.film video{height:410px}.video-wrap{border-radius:14px}.film-label{font-size:6px;top:13px;left:13px}.equation-panel{grid-template-columns:1fr;padding:29px;gap:26px;border-radius:15px;margin:40px 0}.equation{font-size:68px}.equation-panel p:not(.eyebrow){font-size:12px}.sketch-section{margin:45px 0}.sketch-layout{grid-template-columns:1fr;gap:16px}.drawing-space{min-height:280px;border-radius:13px}.drawing-brief{padding:10px 2px}.drawing-brief h3{font-size:28px;margin:10px 0 15px}.drawing-brief>p:not(.eyebrow){font-size:13px}.drawing-brief .drawing-note{font-size:11px!important}.label-list span{font-size:10px;padding:6px 8px}.takeaway{padding:26px;border-radius:15px;gap:16px;margin-top:45px}.takeaway .eyebrow{font-size:7px}.takeaway p{font-size:25px;line-height:1.35}.takeaway-symbol{font-size:34px;align-self:start;margin-top:22px}.next-question{font-size:15px;text-align:left;line-height:1.6;margin:24px 0 30px}.page-turn{display:flex;flex-direction:column;gap:17px;margin-top:30px;padding-top:12px}.previous-page{padding:15px 0}.next-page{padding:25px 24px;gap:15px}.next-page strong{font-size:28px;margin-top:9px}.next-page .eyebrow{font-size:7px}.next-arrow{width:43px;height:43px}.reserved-paper{height:460px;border-radius:15px;margin:38px 0}.blank-chapter .chapter-header h1{font-size:51px}.site-footer{margin:40px 24px 0;padding:22px 0;gap:15px;letter-spacing:.6px;font-size:7px}.site-footer>span{display:none}.site-footer button span{font-size:8px}dialog{padding:25px 22px;border-radius:20px;max-height:88dvh}#dialog-nav{grid-template-columns:1fr 1fr;gap:4px}#dialog-nav .nav-link{font-size:10px;padding:9px 6px;gap:7px}#dialog-nav .nav-number{font-size:18px;width:22px}#dialog-nav .nav-copy small{font-size:7px}#dialog-nav .nav-end{font-size:14px}.dialog-top h2{font-size:39px}.dialog-top .eyebrow{font-size:7px}.editor-note{font-size:9px}.image-close{right:15px;top:15px}#expanded-caption{font-size:10px;padding-right:0}}
@media(max-width:370px){.cover-hero{padding-left:18px;padding-right:18px}.cover-text h1{font-size:71px}.cover-topline{letter-spacing:.5px}.chapter-page{padding-left:19px;padding-right:19px}.chapter-header h1{font-size:46px}.chapter-meta>.eyebrow{gap:7px;font-size:5px}.chapter-row h3{font-size:21px}.chapter-row .eyebrow{font-size:5.5px}.next-page strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.page-enter{animation:none}}
/* Process films follow the same reading rhythm as the journal. */
.process-record{margin:56px 0}.process-step{margin:0 0 58px}.process-intro{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;margin:18px 0 28px;align-items:start}.process-intro h3{font-family:var(--serif);font-weight:400;font-size:32px;letter-spacing:-1px;line-height:1.15;margin:0;max-width:360px}.process-intro p{font-size:14px;line-height:1.85;color:#4b5545;margin:0}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;align-items:start}.film-grid-single{grid-template-columns:1fr}.film-grid .film{min-width:0;margin:0}.film-grid .film video{height:370px;width:100%;object-fit:contain}.film-grid-single .film video{height:470px}.film-grid .film-landscape{grid-column:1/-1}.film-grid .film-landscape video{height:auto;aspect-ratio:16/9}.film-grid .film figcaption{display:block;margin-top:14px}.film figcaption h4{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.25;color:var(--ink);margin:0 0 8px;letter-spacing:-.4px}.film figcaption p{font-size:13px;line-height:1.75;color:#5c6754;margin:0 0 10px}.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#637158;padding-top:12px}.film-toolbar>span{line-height:1.6}.film-toolbar>span>span{padding:0 5px}.film-toolbar label{display:flex;align-items:center;gap:7px;white-space:nowrap}.film-speed{font:inherit;color:var(--ink);border:1px solid #bac3ad;background:#edf0e5;border-radius:8px;padding:7px 5px;min-height:34px}.film-speed:focus-visible{outline:3px solid #6c8c3a;outline-offset:3px}.change-sequence{border:1px solid var(--line);border-radius:18px;padding:32px 36px;background:#e9eddf;margin:42px 0 55px}.change-sequence>.eyebrow{color:#5d7150}.change-sequence ol{list-style:none;counter-reset:changes;margin:24px 0 0;padding:0}.change-sequence li{counter-increment:changes;position:relative;padding:0 0 23px 52px;margin:0}.change-sequence li:last-child{padding-bottom:0}.change-sequence li:before{content:counter(changes,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d4ddc3;font-size:11px;color:#445538;z-index:1}.change-sequence li:not(:last-child):after{content:'';position:absolute;left:14px;top:31px;width:1px;height:calc(100% - 32px);background:#becaaa}.change-sequence h3{font-size:16px;margin:0 0 7px;line-height:1.45}.change-sequence p{font-size:14px;line-height:1.75;margin:0;color:#58634f;max-width:650px}
@media(max-width:650px){.process-record{margin:40px 0}.process-step{margin-bottom:43px}.process-intro{grid-template-columns:1fr;gap:14px;margin:18px 0 23px}.process-intro h3{font-size:29px;max-width:none}.process-intro p{font-size:14px}.film-grid{grid-template-columns:1fr;gap:30px}.film-grid .film video,.film-grid-single .film video{height:430px;max-height:70vh}.film-grid .film-landscape video{height:auto;max-height:none}.film-label{font-size:8px}.film-toolbar{font-size:10px}.film-speed{min-height:40px}.film figcaption h4{font-size:25px}.film figcaption p{font-size:14px}.change-sequence{padding:25px 23px}.change-sequence li{padding-left:42px}.change-sequence p{font-size:14px}.change-sequence h3{font-size:16px}}

/* Concise changes with their evidence, in reading order. */
.chapter-header{margin-bottom:38px}.chapter-story{margin-top:34px}.story-step{margin:0 0 44px}.story-label{margin-bottom:12px;color:#60764e}.story-copy{max-width:720px;margin-bottom:22px}.story-copy h2{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px}.story-copy p{font-size:16px;line-height:1.8;margin:0;color:#495440}.story-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.story-photos .photo{min-width:0;margin:0}.story-photos .photo-open{height:420px;background:#e5e6dc;overflow:hidden}.story-photos .photo-open img{width:100%;height:100%;object-fit:contain;filter:none}.story-photo-single{grid-template-columns:1fr;max-width:700px}.story-photo-single .photo-open{height:auto;max-height:none}.story-photo-single .photo-open img{max-height:600px;height:auto;object-fit:contain}.comparison-label{font-size:10px;letter-spacing:1px;font-weight:700;margin:0 0 12px;color:#506640}.build-archive{margin:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.build-archive summary{cursor:pointer;padding:20px 0;font-size:14px;font-weight:600}.build-archive summary span{float:right;font-size:11px;font-weight:400;color:var(--muted)}.build-archive[open]>div{padding-top:20px}.build-archive summary:focus-visible{outline:3px solid #6c8c3a;outline-offset:3px}.reference-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.story-step .film-grid{margin-top:24px}.story-step .film figcaption h4{font-size:22px}.story-step .film figcaption p{font-size:13px}.photo figcaption .source-name{overflow-wrap:anywhere}.sketch-section{margin-top:44px}.drawing-brief .drawing-note:empty{display:none}
@media(max-width:650px){.chapter-header{margin-bottom:28px}.story-step{margin-bottom:36px}.story-copy h2{font-size:28px}.story-copy p{font-size:15px;line-height:1.8}.story-photos{grid-template-columns:1fr;gap:28px}.story-photos .photo-open{height:auto}.story-photos .photo-open img{height:auto;max-height:520px}.comparison-label{font-size:10px}.story-photo-single .photo-open img{max-height:520px}.build-archive summary{font-size:13px}.story-step .film-grid .film video{height:390px;max-height:65vh}.story-step .film-grid .film-landscape video{height:auto;max-height:none}}

.story-photos .photo-open.crop-open{height:auto;max-height:none}.photo-crop{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}.photo-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0 22px;padding:0;list-style:none;counter-reset:photo-label}.photo-labels li{counter-increment:photo-label;position:relative;padding-left:30px;font-size:12px;line-height:1.6}.photo-labels li:before{content:counter(photo-label);position:absolute;left:0;top:0;width:22px;height:22px;background:#31402a;color:white;border-radius:50%;display:grid;place-items:center;font-size:11px}.photo-labels strong{display:block;color:var(--ink);margin-bottom:5px}.photo-labels span{color:#53604a}.photo:has(.photo-crop){width:100%}.story-photo-single:has(.photo-crop){max-width:none}@media(max-width:650px){.photo-labels{grid-template-columns:1fr;gap:15px}.photo-labels li{font-size:13px}.photo-labels strong{margin-bottom:2px}}

.step-footage{margin:24px 0 0}.step-footage[open]>.film-grid{padding-bottom:24px}.step-footage .film{margin:0}

/* Explain each component where it enters the build. */
.part-notes{max-width:760px;margin:22px 0 26px;border-top:1px solid var(--line)}.part-notes>div{display:grid;grid-template-columns:155px 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.part-notes dt{font-size:13px;font-weight:600;line-height:1.6}.part-notes dd{margin:0;font-size:14px;line-height:1.75;color:#495440}.part-comparison{width:100%;max-width:800px;border-collapse:collapse;margin:22px 0 26px;font-size:14px;line-height:1.75;text-align:left}.part-comparison th,.part-comparison td{padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}.part-comparison thead{background:#e7ecdd;font-size:11px;letter-spacing:.3px}.part-comparison tbody th{width:150px;font-size:13px;font-weight:600}.part-comparison td{color:#495440}.part-references{display:flex;flex-wrap:wrap;gap:10px 24px;margin:18px 0 0;font-size:11px;color:#60764e}.part-references a{text-decoration:underline;text-underline-offset:4px}.part-reference-photos{max-width:640px}.story-photos.part-reference-photos .photo-open{height:260px;background:#fff}.story-photos.part-reference-photos .photo-open img{object-fit:contain}.part-reference-photos .source-name{display:none}.load-moment{margin:24px 0 28px;padding:28px;gap:28px;grid-template-columns:auto 1fr}.load-moment .equation{font-size:clamp(36px,4.5vw,58px)}.load-moment h3{margin:0 0 10px}.load-moment p:not(.eyebrow){font-size:13px;line-height:1.75}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.load-moment{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.part-notes>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.part-notes dd{font-size:14px}.part-comparison th,.part-comparison td{padding:12px 8px}.part-comparison tbody th{width:88px;font-size:12px}.part-comparison{font-size:13px}.story-photos.part-reference-photos .photo-open{height:230px}.story-photos.part-reference-photos .photo-open img{height:100%;max-height:230px}.load-moment{padding:24px}.part-references{font-size:11px}}

.cover-text h1{font-size:clamp(82px,8.5vw,126px);line-height:1.05;letter-spacing:-5px;margin-bottom:18px}.project-name{font-family:var(--serif);font-size:clamp(22px,2.4vw,34px);line-height:1.25;margin:0 0 22px;color:#e4e8dc}.project-name strong{font-weight:400;color:var(--lime)}.cover-watermark{letter-spacing:-8px}.layout-diagram{margin:26px 0 0}.layout-diagram-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.layout-diagram-panels img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px;background:#edf0e6}.layout-diagram figcaption{font-size:12px;line-height:1.75;color:#5c6853;max-width:760px;margin-top:14px}
@media(max-width:650px){.cover-text h1{font-size:88px;letter-spacing:-4px}.project-name{font-size:28px}.layout-diagram-panels{grid-template-columns:1fr;gap:16px}.layout-diagram figcaption{font-size:12px}}
@media(max-width:370px){.cover-text h1{font-size:78px}}

/* Give the annotated assembly room for legible callouts on every screen. */
.story-photos .photo-annotated .photo-open{background:#f5f6ee}
.story-photos .photo-annotated .photo-open img{max-height:none;height:auto}
#expanded-image[src$=".svg"]{background:#f5f6ee}

/* Official mechanism references stay beside the principle they explain. */
.reference-film{max-width:800px;margin:26px 0 30px;padding:22px;background:#edf0e5;border:1px solid #d6deca;border-radius:20px}
.reference-film-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;color:#58694a;font-size:10px}
.reference-film-heading .eyebrow{font-size:8px;margin:0}
.reference-video-wrap{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:12px;background:#273122}
.reference-video-wrap iframe{display:block;width:100%;height:100%;border:0}
.reference-film figcaption{padding-top:20px}
.reference-film h3{font-family:var(--serif);font-size:26px;line-height:1.2;font-weight:400;margin:0 0 10px}
.reference-film figcaption p{font-size:14px;line-height:1.75;margin:0 0 12px;color:#495440}
.reference-film .watch-for{padding-top:12px;border-top:1px solid #d6deca}
.reference-video-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:11px;color:#425c33}
.reference-video-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.reference-film{padding:14px;border-radius:15px}.reference-film-heading{gap:10px;font-size:8px}.reference-film-heading .eyebrow{font-size:7px;letter-spacing:.8px}.reference-film h3{font-size:23px}.reference-film figcaption p{font-size:13px}}

/* Owner's handwritten design sketches, rendered directly from the supplied PDF. */
.design-drawing{max-width:760px;margin:26px 0 32px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;overflow:hidden}
.design-drawing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:16px;flex-wrap:wrap}
.design-drawing-heading .eyebrow{color:#60764e}.design-drawing h3{font-size:17px;font-weight:500;margin:0}
.design-drawing .photo-open{display:block;width:100%;height:auto;background:#fff;border-radius:8px;overflow:hidden}
.design-drawing .photo-open img{width:100%;height:auto;max-height:none;object-fit:contain;filter:none}
.design-drawing figcaption{font-size:12px;line-height:1.7;color:#53604a;padding-top:16px}
@media(max-width:650px){.design-drawing{padding:12px;margin:22px 0 28px;border-radius:13px}.design-drawing-heading{gap:7px;margin:4px 2px 12px}.design-drawing h3{font-size:15px}.design-drawing figcaption{font-size:12px;padding:13px 3px 2px}}