.subpage{background:#fff}.subpage .page-intro{padding:38px max(34px,calc((100% - 1200px)/2)) 28px}.subpage .page-intro h1{font-size:32px;margin:13px 0 10px;font-weight:500}.subpage .page-intro p{font-size:14px;margin:0;line-height:1.9;color:#76806e}.subpage-width{max-width:1280px;margin:0 auto;padding:0 40px}.about-overview{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line)}.about-overview h2{font-size:29px;font-weight:400;line-height:1.6;margin:19px 0 15px}.about-overview p{font-size:14px;line-height:2;max-width:490px;color:#77816f;margin:0}.about-overview figure{margin:0;max-width:380px;justify-self:end}.about-overview img{aspect-ratio:1.8;width:100%;object-fit:cover}.about-overview figcaption{font-size:11px;color:#89917f;margin-top:10px}.subpage .listing{padding:32px 0 45px}.directory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.directory-heading h2{font-size:18px;font-weight:500;margin:0}.directory-heading>span{font-size:12px;color:#86917a}.directory-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.directory-entry{display:flex;gap:19px;align-items:center;border-top:1px solid var(--line);padding:24px 6px;min-height:110px}.directory-entry:hover{background:#f8faf4}.entry-number{font:17px Georgia,serif;color:#9baa8b;align-self:flex-start;margin-top:6px}.directory-entry h2{font-size:19px;font-weight:500;margin:0 0 9px}.directory-entry p{font-size:13px;color:#838c78;margin:0;line-height:1.7}.directory-entry>svg{margin-left:auto;width:18px;color:#6f8657}.subpage .list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}.subpage .list-grid .project-image{aspect-ratio:1.55;max-height:240px;background:#f5f7f1}.subpage .list-grid .project-image img{object-fit:contain}.subpage .list-grid h3{font-size:17px;line-height:1.6;margin:14px 0 7px}.subpage .list-grid p{font-size:12px;line-height:1.8}.subpage .list-grid .no-image{height:125px}.source-reading{margin:0 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.source-reading summary{cursor:pointer;padding:22px 0;font-size:14px;color:#597141}.source-reading .article{padding-top:12px}.reading-layout{max-width:1230px;margin:0 auto;padding:35px 40px 65px;display:grid;grid-template-columns:minmax(0,820px) 205px;gap:55px;align-items:start}.reading-layout .article{padding:0;max-width:100%;margin:0;width:100%;font-size:16px;line-height:2.05;color:#424b3c}.article h2{font-size:24px}.article h3{font-size:20px}.article h4,.article h5,.article h6{font-size:17px;line-height:1.9;font-weight:500}.article p,.article ul,.article ol{margin:16px 0}.subpage .article img{max-width:100%;width:auto;max-height:460px;object-fit:contain;margin:24px auto}.article-image{display:block;padding:0;margin:24px auto;background:#f8f9f6;max-width:100%;width:100%;cursor:zoom-in}.article-image img{margin:0 auto!important}.article [id^="article-section"]{scroll-margin-top:110px}.reading-aside{position:sticky;top:120px;border-left:1px solid var(--line);padding-left:23px}.reading-aside h2{font-size:13px;margin:0 0 14px;color:#475b38;font-weight:600}.reading-aside h2:not(:first-child){margin-top:30px}.reading-aside button,.reading-aside>a{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 0;text-align:left;font-size:12px;color:#7a8570;line-height:1.8}.reading-aside button:hover,.reading-aside a:hover{color:#355824}.reading-aside svg{width:13px}.reading-aside .back-category{border-top:1px solid var(--line);margin-top:23px;padding-top:18px;color:#4d6938}#image-dialog{max-width:1200px;width:calc(100% - 36px);padding:44px 18px 18px;background:#fff}#image-dialog>img{width:auto;max-width:100%;height:auto;max-height:calc(90vh - 70px);object-fit:contain;margin:auto}.image-close{position:absolute;top:7px;right:10px}.subpage .footer{margin-top:0}@media(min-width:1800px){.subpage .page-intro{padding-top:43px;padding-bottom:33px}.about-overview{padding-block:45px}.directory-entry{min-height:120px}}@media(max-width:1100px){.subpage-width{padding-inline:28px}.reading-layout{padding-inline:28px;grid-template-columns:minmax(0,1fr) 170px;gap:28px}.about-overview{gap:30px}.about-overview h2{font-size:25px}.subpage .list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .page-intro{padding-inline:28px}}@media(max-width:700px){.subpage-width{padding-inline:23px}.subpage .page-intro{padding:27px 23px 22px}.subpage .page-intro h1{font-size:27px}.subpage .page-intro p{font-size:12px}.about-overview{grid-template-columns:1fr;gap:25px;padding:28px 0}.about-overview h2{font-size:25px}.about-overview p{font-size:13px}.about-overview figure{max-width:none;justify-self:stretch}.about-overview img{aspect-ratio:2.1;max-height:220px}.directory-grid{grid-template-columns:1fr}.directory-entry{min-height:95px;padding:21px 0}.directory-entry h2{font-size:18px}.directory-entry p{font-size:12px}.directory-heading h2{font-size:17px}.reading-layout{display:flex;flex-direction:column;padding:26px 23px 40px;gap:35px}.reading-layout .article{font-size:15px}.reading-aside{position:static;width:100%;border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.subpage .article img{max-height:350px}.article h2{font-size:22px}.article h3{font-size:19px}.subpage .list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.subpage .list-grid h3{font-size:14px}.subpage .list-grid p{font-size:10px}.subpage .list-grid .project-image{aspect-ratio:1.2}.source-reading summary{font-size:13px}.source-reading .article{padding-inline:0}}@media(max-width:380px){.subpage .list-grid{grid-template-columns:1fr}.directory-entry p{font-size:11px}}