.stories-page{background:var(--paper)}.stories-eyebrow{color:#646661;letter-spacing:.08em;margin:0;font-size:11px;font-weight:500;line-height:1.6}.stories-intro{padding:72px var(--gutter) 54px}.stories-intro h1{letter-spacing:-.035em;margin:22px 0 18px;font-size:clamp(30px,3.1vw,44px);font-weight:400;line-height:1.25}.stories-intro>p:last-child{color:#585a55;max-width:570px;margin:0;font-size:16px;line-height:1.85}.stories-list{padding:0 var(--gutter);gap:84px;display:grid}.story-card{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.story-card-image{display:block;overflow:hidden}.story-card-image img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform .5s}.story-card-image:hover img{transform:scale(1.015)}.story-card-project{color:#61635e;margin:22px 0 12px;font-size:13px}.story-card-copy h2{letter-spacing:-.045em;max-width:390px;margin:0;font-size:clamp(24px,2.5vw,36px);font-weight:400;line-height:1.45}.story-card-description{color:#585a55;max-width:420px;margin:24px 0 28px;font-size:15px;line-height:1.9}.story-text-link{border-bottom:1px solid #a9aba5;justify-content:space-between;align-items:center;gap:40px;padding:8px 0;font-size:14px;display:inline-flex}.story-text-link:hover{border-color:var(--ink)}.stories-index-end{margin:76px var(--gutter) 88px;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-top:28px;display:flex}.stories-index-end p{color:#585a55;margin:0;font-size:15px}.story-article{padding:0 var(--gutter)}.story-article-header{padding:35px 0 48px}.story-back{color:#585a55;padding:8px 0;font-size:13px;display:inline-block}.story-article-heading{max-width:830px;margin:42px auto 0}.story-article-project{color:#61635e;margin:20px 0 14px;font-size:14px}.story-article-heading h1{letter-spacing:-.05em;max-width:740px;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:400;line-height:1.4}.story-article-question{color:#51534e;word-break:keep-all;max-width:690px;margin:24px 0 0;font-size:18px;line-height:1.75}.story-sequential-reading{max-width:1020px;margin:64px auto 80px}.story-reading-block+.story-reading-block{margin-top:42px}.story-document-summary{max-width:900px;margin:0 auto 45px}.story-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.story-document-card{background:#f5f5f1;border-top:1px solid #bdbdb1;min-width:0;padding:26px 28px}.story-document-card h3{margin:0 0 15px;font-size:17px;font-weight:400;line-height:1.6}.story-document-card p{color:#66685e;white-space:pre-line;margin:0;font-size:13px;line-height:1.9}.story-document-card p+p{margin-top:12px}.story-document-note{color:#73756c;margin:14px 0 0;font-size:11px;line-height:1.8}@media (max-width:720px){.story-document-grid{grid-template-columns:minmax(0,1fr);gap:14px}.story-document-card{padding:22px}.story-document-summary{margin-bottom:35px}}.story-content-inquiry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:690px;margin:36px auto 52px;padding:23px 0}.story-content-inquiry p{color:#51534e;word-break:keep-all;margin:0 0 13px;font-size:15px;line-height:1.9}.story-content-inquiry a{max-width:100%;line-height:1.8}.story-reading-block .story-section{max-width:690px;margin:0 auto 36px}.story-sequential-reading .story-wide-image{max-width:900px;margin:0 auto 60px}.story-section-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:0 auto 60px;display:grid}.story-section-comparison>div{min-width:0}.story-section-comparison .story-wide-image{margin-bottom:0}.story-comparison-label{color:#51534e;word-break:keep-all;margin:0 0 10px;font-size:12px;line-height:1.8}.story-article-intro{color:#585a55;max-width:665px;margin:25px 0 22px;font-size:16px;line-height:1.9}.story-author{color:#656761;margin:0;font-size:12px;line-height:1.8}.story-cover,.story-wide-image{margin:0}.story-cover img,.story-wide-image img{width:100%;height:auto}.story-article figcaption{color:#666861;margin:0;padding-top:12px;font-size:12px;line-height:1.7}.story-text-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,90px);max-width:1040px;margin:68px auto 72px;display:grid}.story-section h2{letter-spacing:-.04em;margin:18px 0 22px;font-size:clamp(23px,2vw,29px);font-weight:400;line-height:1.5}.story-section>p:not(.stories-eyebrow),.story-section>div>p:not(.stories-eyebrow){color:#51534e;margin:0;font-size:16px;line-height:1.95}.story-section>p:not(.stories-eyebrow)+p,.story-section>div>p:not(.stories-eyebrow)+p{margin-top:18px}.story-light-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(40px,6vw,100px);margin:80px 0 95px;display:grid}.story-light-section>div{max-width:470px}.story-light-section figure{margin:0}.story-light-section img{width:100%;height:auto}.story-related{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);padding:52px 0 78px;display:grid}.story-other-readings{border-top:1px solid var(--line);margin:0 0 58px;padding-top:28px}.story-other-readings h2{margin:14px 0 20px;font-size:25px;font-weight:400;line-height:1.5}.story-other-readings .story-text-link{max-width:100%;line-height:1.7}.story-related h2{letter-spacing:-.035em;margin:18px 0;font-size:clamp(25px,2.4vw,34px);font-weight:400;line-height:1.5}.story-related>div>p:not(.stories-eyebrow){color:#585a55;max-width:530px;margin:0;font-size:15px;line-height:1.9}.story-related nav{flex-direction:column;align-self:center;display:flex}.story-related nav a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:18px 0;font-size:15px;display:flex}.story-related nav a:hover{color:#62645f}.story-related nav .story-inquiry-link{border:1px solid var(--ink);background:var(--ink);color:#fff;margin-top:16px;padding:18px 22px}.story-related nav .story-inquiry-link:hover{color:#fff;background:#353730}.story-project-link{border-bottom:1px solid #a9aba5;align-items:center;gap:36px;margin-top:25px;padding:10px 0;font-size:14px;display:inline-flex}.story-project-links{flex-direction:column;align-items:flex-start;display:flex}.story-project-links .story-project-link{justify-content:space-between;width:min(100%,570px);margin-top:16px;line-height:1.7}.story-linked-project .detail-overview{padding-top:70px;padding-bottom:70px}.story-linked-project .detail-overview h2{font-size:clamp(25px,2.8vw,38px);line-height:1.45}.story-linked-project .detail-overview-text p{margin-top:20px}.story-article--planning .story-article-heading h1,.story-article--photo-essay .story-article-heading h1{white-space:pre-line;word-break:keep-all}.story-article--photo-essay .story-section h2{white-space:pre-line}.story-detail-photographs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:900px;margin:-20px auto 24px;display:grid}.story-detail-photographs figure{min-width:0;margin:0}.story-detail-photographs img{width:100%;height:auto}.story-photo-credit{color:#666861;max-width:900px;margin:0 auto 44px;font-size:11px;line-height:1.8}.story-pull-quote{border-left:1px solid var(--line);color:#51534e;white-space:pre-line;word-break:keep-all;max-width:690px;margin:0 auto 60px;padding-left:24px;font-size:22px;line-height:1.8}.story-article--planning .story-article-intro+.story-article-intro{margin-top:15px}.story-article--planning .story-cover{max-width:1020px;margin-inline:auto}.story-section-link{max-width:100%;margin-top:22px;line-height:1.8}.story-planning-diagram{border:1px solid #dedede;padding:20px;scroll-margin-top:92px}.story-planning-diagram img{object-fit:contain;width:100%;height:auto}.story-planning-diagram figcaption>span{display:block}.story-article--planning .story-practical-guide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:32px 44px;display:grid}.story-article--planning .story-practical-guide>header{grid-column:1/-1;max-width:700px}.story-article--planning .story-practical-items{grid-area:2/1;grid-template-columns:1fr;margin-top:0}.story-planning-guide-photo{grid-area:2/2;margin:0}.story-planning-guide-photo img{width:100%;height:auto}@media (max-width:960px){.story-card{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px}.story-card-copy h2{font-size:26px}.story-card-description{margin:18px 0;font-size:14px}.story-card-project{margin-top:15px}.story-text-pair{gap:38px}}@media (max-width:720px){.story-detail-photographs{gap:14px;margin-top:-12px}.story-photo-credit{margin-bottom:32px}.story-pull-quote{margin-bottom:40px;padding-left:18px;font-size:19px}.stories-intro{padding-top:45px;padding-bottom:32px}.stories-intro h1{margin:16px 0;font-size:31px}.stories-intro>p:last-child{font-size:15px}.story-card{display:block}.stories-list{gap:54px}.story-card-copy{padding-top:27px}.story-card-copy h2{max-width:500px;font-size:27px}.story-card-description{max-width:500px;margin:18px 0;font-size:15px}.stories-index-end{flex-direction:column;align-items:start;gap:10px;margin-top:48px;margin-bottom:50px}.story-article-header{padding-top:21px;padding-bottom:30px}.story-article-heading{margin-top:30px}.story-article-heading h1{font-size:31px;line-height:1.45}.story-article-intro{margin-top:20px;font-size:15px}.story-article-question{margin-top:20px;font-size:17px}.story-sequential-reading{margin-top:38px;margin-bottom:48px}.story-reading-block+.story-reading-block{margin-top:32px}.story-content-inquiry{margin:28px auto 38px;padding:20px 0}.story-content-inquiry p{font-size:14px}.story-reading-block .story-section{margin-bottom:28px}.story-sequential-reading .story-wide-image{margin-bottom:36px}.story-section-comparison{grid-template-columns:1fr;gap:27px;margin-bottom:36px}.story-section-comparison .story-wide-image{margin-bottom:0}.story-comparison-label{font-size:11px}.story-text-pair{grid-template-columns:1fr;gap:34px;margin-top:38px;margin-bottom:42px}.story-section h2{margin:13px 0 17px;font-size:24px}.story-section>p:not(.stories-eyebrow),.story-section>div>p:not(.stories-eyebrow){font-size:15px}.story-light-section{grid-template-columns:1fr;gap:28px;margin:42px 0 48px}.story-light-section>div{max-width:none}.story-related{grid-template-columns:1fr;gap:28px;padding:34px 0 50px}.story-related h2{font-size:27px}.story-linked-project .detail-overview{padding-top:45px;padding-bottom:45px}.story-planning-diagram{padding:10px;scroll-margin-top:75px}.story-article--planning .story-practical-guide{grid-template-columns:1fr}.story-article--planning .story-practical-items,.story-planning-guide-photo{grid-area:auto/1}}@media (prefers-reduced-motion:reduce){.story-card-image img{transition:none}.story-card-image:hover img{transform:none}}
