
.chapter-section,.chapter-family{padding:clamp(30px,5vw,76px);background:#f6f1e7;color:#103b2c}.chapter-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px)}.chapter-split p{line-height:1.65}.chapter-section h3,.chapter-family h3{font-size:clamp(25px,3vw,42px);line-height:1.12}.chapter-heading{margin:36px 0}.content-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-posters figure{margin:0}.content-posters img{width:100%;height:auto;display:block;border:1px solid #b7bba8}.content-posters figcaption{padding:20px 0}.content-posters figcaption span,.community-card .meta{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.09em}.content-posters h3{font-size:25px}.content-posters p,.social-main p{line-height:1.65}.character-sheet{margin:30px 0;background:#f6f1e7;border:1px solid #d2cbbb}.character-sheet img{display:block;width:100%;height:auto}.character-sheet .master-mark{width:min(360px,65%);margin:30px auto 0}.character-sheet figcaption{padding:16px 24px;font-size:13px}.service-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.service-paths article{border-top:2px solid #103b2c;padding-top:18px}.service-paths article>span{font:italic 34px Georgia,serif;color:#9e854f}.service-ribbon{display:flex;gap:20px;flex-wrap:wrap;background:#103b2c;color:#f6f1e7;padding:20px;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.08em}.service-mockup{margin:25px 0}.service-mockup img{width:100%;height:auto;display:block}.service-mockup figcaption{font-size:13px;padding:12px 0}.archive-feature{background:#e8e2d4;padding:clamp(24px,5vw,70px);margin:0}.archive-feature .archive-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.archive-feature h2{font-size:clamp(54px,9vw,128px);line-height:.9;margin:20px 0}.archive-feature h3{font-size:28px}.archive-feature figure{margin:0}.archive-feature img{width:100%;height:auto;display:block;filter:sepia(.2)}.archive-feature figcaption{padding-top:14px;font-size:13px;line-height:1.6}.archive-feature .archive-date{font:700 13px Arial;letter-spacing:.1em;border-top:1px solid #103b2c;border-bottom:1px solid #103b2c;padding:12px 0}.community-main{max-width:1220px;margin:auto;padding:clamp(24px,5vw,70px)}.community-main h1{font-size:clamp(42px,7vw,86px);line-height:.98}.community-main p{max-width:78ch;line-height:1.65}.community-nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 40px}.community-nav a{border:1px solid #103b2c;padding:10px 14px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.community-card{padding:24px;background:#f6f1e7;border:1px solid #cfcbbb;overflow-wrap:anywhere}.community-card h3{font-size:24px;line-height:1.14}.community-card p{font-size:14px}.community-card .status{font-weight:700}.community-card a{font-size:14px;font-weight:700}.benchmark-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.benchmark-grid article{padding:24px;border-top:2px solid #103b2c}.benchmark-grid h3{font-size:25px}.community-note{border-left:4px solid #b89953;padding:12px 20px;background:#f6f1e7}.social-main .format-grid{align-items:start}.social-main [data-topic]{padding-bottom:45px}.social-main h2{font-size:clamp(32px,4vw,56px);line-height:1.08}.social-main .format-grid article{min-width:0}.social-main .social-actions{display:flex;gap:14px;flex-wrap:wrap}.social-main .social-actions a{padding:12px 16px;border:1px solid #103b2c}.chapter-section a,.archive-feature a,.community-main a{text-underline-offset:4px}
@media(max-width:760px){.chapter-split,.archive-feature .archive-layout,.service-paths,.benchmark-grid{grid-template-columns:1fr}.content-posters{grid-template-columns:1fr}.content-posters figure{max-width:540px;margin:auto}.community-grid{grid-template-columns:1fr}.archive-feature h2{font-size:80px}.service-ribbon{gap:14px}.social-main .format-grid{grid-template-columns:1fr}}

.studio-footer{display:flex;gap:18px;flex-wrap:wrap;padding:18px 0;font-size:12px}.earlier-concepts{margin:26px 0;border-top:1px solid #cfcbbb;padding:18px 0}.earlier-concepts summary{cursor:pointer;font-size:14px}.earlier-concepts .social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.earlier-concepts img{width:100%;height:auto}@media(max-width:700px){.earlier-concepts .social-grid{grid-template-columns:1fr}}

.story-page .story h1{font-family:var(--serif);font-size:clamp(2.6rem,3.8vw,3.8rem);line-height:1.05;margin:0 0 24px}
