/* Editorial pacing for the supporting website pages. Product components stay shared. */
.plans-assistant{padding-block:72px 80px;border-top:1px solid var(--rule);scroll-margin-top:24px}
.plans-assistant>header{margin-bottom:40px}.plans-assistant h2,.purpose-letter h2,.commons-authorship h2,.commons-beginnings h2{font-size:clamp(38px,4.4vw,58px);line-height:1.08}
.plans-assistant em,.commons-authorship em,.commons-beginnings em{color:#397b63}
.assistant-worktable{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,90px);align-items:center}
.assistant-request{position:relative;margin:0;padding:38px 40px;background:#f4eee4;border:1px solid #ddd2c0;border-radius:3px 3px 30px 3px;box-shadow:0 12px 24px #292b3e08;transform:rotate(-1deg)}
.assistant-request>img{position:absolute;right:28px;top:25px}.assistant-request figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding-right:80px;margin-bottom:36px}
.assistant-request blockquote{font:clamp(27px,2.7vw,35px)/1.3 Newsreader,Georgia,serif;margin:0 0 32px}
.assistant-request .handwritten{font-size:25px;line-height:1.3;margin:0;padding-top:24px;border-top:1px solid #d6c8b5}
.assistant-explanation p{font-size:16px;line-height:1.8}.assistant-explanation details{border-block:1px solid var(--rule);margin-block:24px}.assistant-explanation summary{padding-block:18px;cursor:pointer;font-size:14px}.assistant-explanation .small{font-size:12px}
.plans-readable{display:grid;grid-template-columns:.9fr 1.2fr;gap:50px;background:#edf3ee;padding:40px;margin-top:55px;border-radius:4px 28px 4px 4px}
.plans-readable h3{font:34px/1.15 Newsreader,Georgia,serif}.plans-readable a{display:inline-block;font-size:14px;margin-top:12px}.readable-principles{list-style:none;padding:0;margin:0}.readable-principles li+li{margin-top:20px}.readable-principles strong{display:block;font-size:15px;font-weight:600}.readable-principles span{display:block;font-size:14px;line-height:1.7;margin-top:4px}.plans-readable .small{margin:22px 0 0;font-size:12px}
.plans-purpose{background:#f3e9ed;padding-block:70px;scroll-margin-top:0}.purpose-layout{display:grid;grid-template-columns:200px minmax(0,780px);gap:65px}.purpose-margin{padding-top:15px}.purpose-margin img{margin-bottom:30px}.purpose-margin .eyebrow{line-height:1.8}.purpose-letter em{color:#9d4659}.purpose-letter p{font-size:16px;line-height:1.8;max-width:700px}.purpose-letter .purpose-lead{font:29px/1.4 Newsreader,Georgia,serif}.purpose-promises{list-style:none;padding:20px 0;display:flex;flex-wrap:wrap;gap:14px 30px;border-block:1px solid #d9c8cf;margin:28px 0;font-size:14px;font-weight:600}.purpose-letter>a{display:inline-block;margin-top:10px;font-size:14px}.purpose-letter .small{font-size:12px;margin-top:25px}
.plans-visitors{padding-block:70px}.plans-visitors header{max-width:740px}.plans-visitors h2{font-size:clamp(34px,4vw,48px)}.visitor-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;list-style:none;padding:0;margin:38px 0 30px}.visitor-path li{border-top:1px solid var(--rule);padding-top:22px}.path-number{font:12px monospace;color:#267577;display:block;margin-bottom:25px}.visitor-path h3{font-size:30px}.visitor-path p{font-size:15px;line-height:1.8}.plans-visitors>.small{max-width:800px}
.editorial-checkout{grid-template-columns:1fr 1fr;gap:70px}.editorial-checkout .checkout-box{background:#fffdf9;border-radius:4px;border-top:4px solid #b37817;box-shadow:0 12px 30px #292b3e08;position:relative}.editorial-checkout .checkout-box:before{content:'';position:absolute;top:-16px;left:35px;width:95px;height:26px;background:#fae8c7bb;transform:rotate(-4deg)}
.commons-authorship{padding-block:80px}.commons-authorship>header{max-width:720px;margin-inline:auto;text-align:center}.commons-authorship>header>p:last-child{font-size:16px;line-height:1.8}
.commons-map{margin:45px 0 35px;background:#f4eee4;border-radius:4px 32px 4px 4px;padding:32px 36px}.commons-map>figcaption{text-align:center;margin-bottom:30px}.commons-map-layout{display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;gap:30px}.map-places{display:grid;gap:24px}.map-places span{font:18px/1.4 Newsreader,Georgia,serif;border-bottom:1px solid #cdbfae;padding:10px 0}.map-places:last-child{text-align:right}.map-own-words{padding:30px 26px;text-align:center;background:#fffdf9;border-top:3px solid #397b63;border-radius:3px 3px 24px 3px;box-shadow:0 9px 22px #292b3e08;transform:rotate(-1deg)}.map-own-words img{margin:0 auto 18px}.map-own-words .handwritten{font-size:clamp(25px,2.5vw,32px);line-height:1.25;margin:0 0 20px}.map-own-words>span{font-size:12px}.map-caption{text-align:center;font-size:13px;margin:28px 0 0;line-height:1.7}.authorship-afterword{display:flex;justify-content:space-between;align-items:center;gap:45px}.authorship-afterword p{max-width:650px;font-size:16px;line-height:1.8;margin:0}.authorship-afterword a{flex-shrink:0;font-size:14px}
.commons-beginnings{background:#edf3ee;padding-block:70px}.beginnings-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.beginnings-layout header>p:not(.eyebrow){font-size:17px;max-width:330px;line-height:1.7}.beginnings-layout header>img{margin-top:30px;max-width:100%}.beginning-entries article{display:grid;grid-template-columns:35px 1fr;gap:20px;border-top:1px solid #c6d6cb;padding:28px 0}.beginning-entries article:last-child{padding-bottom:0}.beginning-entries article>span{font:12px monospace;color:#397b63;padding-top:6px}.beginning-entries h3{font-size:31px;margin-bottom:14px}.beginning-entries p{font-size:15px;line-height:1.8;margin:0;max-width:520px}
.commons-perspective{padding-block:80px;text-align:center}.commons-perspective blockquote{font:clamp(31px,4.3vw,56px)/1.18 Newsreader,Georgia,serif;max-width:950px;margin:30px auto;color:#9d4659}.commons-perspective>a{display:inline-block;font-size:14px;padding-block:10px}
.commons-limits{display:flex;align-items:flex-start;gap:35px;border-block:1px solid var(--rule);padding-block:38px;max-width:930px}.commons-limits>img{flex:none;margin-top:5px}.commons-limits h2{font-size:29px}.commons-limits p{font-size:15px;line-height:1.8;max-width:760px}.commons-limits details{font-size:14px}.commons-limits summary{padding-block:12px;cursor:pointer}
@media(max-width:850px){.purpose-layout{grid-template-columns:100px minmax(0,1fr);gap:35px}.plans-readable{gap:30px;padding:30px}.beginnings-layout{gap:45px}.commons-map-layout{gap:20px;grid-template-columns:1fr 1.6fr 1fr}.commons-map{padding:28px 22px}.map-own-words{padding:25px 18px}.map-places span{font-size:16px}.authorship-afterword{align-items:flex-start;flex-direction:column;gap:20px}.visitor-path{gap:25px}.assistant-request{padding:30px}.editorial-checkout{gap:35px}}
@media(max-width:650px){.plans-assistant,.commons-authorship{padding-block:48px}.assistant-worktable,.plans-readable,.purpose-layout,.beginnings-layout,.editorial-checkout{grid-template-columns:1fr;gap:30px}.assistant-request{transform:none}.plans-readable{padding:25px;margin-top:30px}.plans-readable h3{font-size:30px}.purpose-layout{gap:18px}.purpose-margin{display:flex;gap:22px;align-items:center;padding:0}.purpose-margin img{width:52px;height:65px;margin:0}.purpose-margin .eyebrow{margin:0}.plans-purpose,.commons-beginnings{padding-block:45px}.purpose-promises{display:grid;gap:12px}.purpose-letter .purpose-lead{font-size:26px}.plans-visitors{padding-block:45px}.visitor-path{grid-template-columns:1fr;gap:20px;margin-top:28px}.visitor-path li{position:relative;padding:22px 0 0 45px}.path-number{position:absolute;left:0;top:27px}.visitor-path h3{margin-bottom:12px}.visitor-path p{margin-bottom:0}.commons-map{margin-top:30px;padding:26px 20px}.commons-map-layout{grid-template-columns:1fr}.map-places,.map-places:last-child{display:flex;flex-wrap:wrap;gap:8px 16px;text-align:left;justify-content:center}.map-places span{font-size:15px;padding:7px 0}.map-own-words{transform:none;padding:26px 20px}.map-own-words .handwritten{font-size:29px}.beginnings-layout header>img{width:105px;height:auto;margin-top:10px}.beginning-entries h3{font-size:28px}.beginning-entries article{gap:10px;grid-template-columns:28px 1fr}.commons-perspective{padding-block:50px}.commons-perspective blockquote{margin-block:24px}.commons-limits{gap:18px;padding-block:30px}.commons-limits>img{width:30px;height:42px}.commons-limits h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.assistant-request,.map-own-words{transform:none}}

/* The front-door metaphor gives the opening a human scene and a clear next step. */
.commons-illustrated-opening{padding-block:56px 44px}
.commons-hero-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:30px;align-items:center}
.commons-hero-copy{min-width:0}.commons-hero-copy h1{font-size:clamp(50px,5.4vw,72px);line-height:1.05;margin-bottom:26px;max-width:540px}
.commons-hero-copy>p:not(.eyebrow){max-width:470px;font:23px/1.45 Newsreader,Georgia,serif;margin-bottom:25px}
.commons-hero-copy>.quiet-link{font-size:14px;display:inline-flex;gap:18px;align-items:center;padding-block:8px}
.commons-hero-house{margin:0;min-width:0;text-align:center}.commons-hero-house img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.commons-hero-house figcaption{font-size:25px;color:#397b63;margin:10px 0 0}
.commons-hero-places{margin-top:48px;padding-top:28px;border-top:1px solid var(--rule)}.commons-hero-places>p:first-child{font-size:15px;margin:0}.commons-hero-places>p:first-child span{color:#536478}.commons-hero-places .place-labels{margin-block:20px 16px}.commons-hero-places>.small{margin-bottom:0}
@media(max-width:850px){.commons-hero-layout{grid-template-columns:1fr 1fr;gap:20px}.commons-hero-copy h1{font-size:54px}.commons-hero-copy>p:not(.eyebrow){font-size:22px}.commons-hero-house figcaption{font-size:22px}}
@media(max-width:650px){.commons-illustrated-opening{padding-block:40px 32px}.commons-hero-layout{grid-template-columns:1fr;gap:25px}.commons-hero-copy h1{font-size:clamp(44px,11vw,62px);max-width:500px}.commons-hero-copy>p:not(.eyebrow){font-size:23px;max-width:470px}.commons-hero-house{max-width:490px;width:100%;margin-inline:auto}.commons-hero-house figcaption{margin-top:4px}.commons-hero-places{margin-top:30px;padding-top:24px}.commons-hero-places>p:first-child span{display:block;margin-top:6px}}

/* The neighborhood has room for the whole cast, with one clear foreground exchange. */
.commons-neighborhood-opening .commons-hero-layout{display:block}
.commons-neighborhood-opening .commons-hero-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:0 65px;align-items:center}
.commons-neighborhood-opening .commons-hero-copy>.eyebrow{grid-column:1/-1}
.commons-neighborhood-opening .commons-hero-copy h1{margin-bottom:0;max-width:620px;font-size:clamp(50px,5.2vw,70px)}
.commons-hero-introduction>p{font:24px/1.45 Newsreader,Georgia,serif;max-width:480px;margin:0 0 22px}
.commons-hero-introduction>.quiet-link{font-size:14px;display:inline-flex;gap:18px;padding-block:8px}
.commons-neighborhood-opening .commons-hero-house{margin:38px 0 0;width:100%;max-width:none}
.commons-neighborhood-opening .commons-hero-house img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%}
.commons-neighborhood-opening .commons-hero-house figcaption{margin-top:15px}
.commons-neighborhood-opening .commons-hero-places{margin-top:32px}
@media(max-width:850px){.commons-neighborhood-opening .commons-hero-copy{gap:0 30px}.commons-hero-introduction>p{font-size:22px}}
@media(max-width:650px){.commons-neighborhood-opening .commons-hero-copy{display:block}.commons-neighborhood-opening .commons-hero-copy h1{font-size:clamp(44px,11vw,62px);margin-bottom:24px}.commons-hero-introduction>p{font-size:23px}.commons-neighborhood-opening .commons-hero-house{margin-top:28px}.commons-neighborhood-opening .commons-hero-house img{aspect-ratio:1/1;object-position:51% 50%}.commons-neighborhood-opening .commons-hero-house figcaption{font-size:23px}}