[hidden]{display:none!important}
nav [aria-current=page]{color:#283f35}
.stories-main{padding-top:64px;padding-bottom:100px;color:#26332f}
.stories-intro{padding-bottom:42px;border-bottom:1px solid #dce1dc;margin-bottom:44px}
.stories-intro h1{font-size:52px;letter-spacing:-2.5px;font-weight:650;line-height:1.25;margin:0 0 20px;word-break:keep-all}
.stories-intro p{font-size:15px;line-height:1.9;color:#69716c;margin:0;word-break:keep-all}
.story-meta{font-size:12px;line-height:1.7;color:#657167}
.client-features{display:grid;gap:48px}
.client-feature{display:grid;grid-template-columns:1.18fr 1fr;gap:45px;align-items:center;padding-bottom:48px;border-bottom:1px solid #dce1dc;min-width:0}
.client-feature-visual{min-width:0;padding:28px;background:#edeee8;border-radius:3px;overflow:hidden}
.client-feature-1 .client-feature-visual{background:#e5ebed}
.capture-bar{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;border-radius:5px 5px 0 0;border-bottom:1px solid #eaede9;color:#c7ccc5;font-size:7px;letter-spacing:2px}
.capture-bar small{color:#6a746e;font-size:8px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-feature-visual>img{display:block;width:100%;height:auto;aspect-ratio:1.76;object-fit:cover;object-position:top;border-radius:0 0 4px 4px;box-shadow:0 9px 25px #152c2516;transition:transform .25s}
.client-feature:hover .client-feature-visual>img{transform:translateY(-2px)}
.client-feature-copy{padding:14px 0;min-width:0}
.client-feature h2{font-size:27px;line-height:1.6;letter-spacing:-1px;font-weight:600;margin:16px 0 20px;word-break:keep-all}
.client-feature p{font-size:13px;line-height:1.95;color:#69736d;margin:0;max-width:390px;word-break:keep-all}
.feature-read{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce1dc;margin-top:28px;padding-top:17px;font-size:12px;max-width:390px}
.feature-read b{font-size:19px;font-weight:400}
.guide-section{margin-top:85px}
.editorial-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}
.editorial-section-head h2{font-size:29px;letter-spacing:-1px;line-height:1.55;font-weight:550;margin:10px 0 0;word-break:keep-all}
.editorial-section-head>a{font-size:12px;color:#5d6d62;white-space:nowrap;padding-bottom:6px;border-bottom:1px solid #b5c0b8}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}
.guide-card{min-width:0;display:flex;flex-direction:column}
.guide-card .editorial-diagram{transition:background .2s}
.guide-card:hover .editorial-diagram{background:#e8ede6}
.guide-card-body{padding:20px 0 0;display:flex;flex-direction:column;flex:1}
.guide-card h3{font-size:18px;line-height:1.7;letter-spacing:-.5px;font-weight:550;margin:0 0 12px;word-break:keep-all}
.guide-card p{font-size:12px;line-height:1.9;color:#707a73;margin:0 0 19px;word-break:keep-all}
.guide-card-body>span{margin-top:auto;font-size:11px;color:#4f6657}
.editorial-diagram{padding:30px;background:#f0f2ed;border:1px solid #e2e6df;border-radius:3px;margin:38px 0;min-width:0}
.editorial-diagram .diagram-category{font-size:10px;color:#7d877c;display:block;margin-bottom:16px}
.editorial-diagram>strong{font-size:23px;line-height:1.7;letter-spacing:-.7px;font-weight:500;word-break:keep-all;display:block}
.editorial-diagram ol{list-style:none;counter-reset:steps;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.editorial-diagram li{counter-increment:steps;position:relative;padding-top:15px;border-top:1px solid #bdc7b9;font-size:12px;line-height:1.8;word-break:keep-all;color:#4c5c4d}
.editorial-diagram li:before{content:'0' counter(steps);display:block;font-family:'DM Sans',sans-serif;color:#8a9786;font-size:10px;margin-bottom:7px}
.editorial-diagram.is-compact{margin:0;padding:24px;min-height:212px;display:flex;flex-direction:column}
.is-compact>strong{font-size:19px;line-height:1.65;max-width:260px}
.is-compact ol{gap:10px;margin-top:auto;padding-top:24px}
.is-compact li{font-size:9px;padding-top:9px}
.is-compact li:before{font-size:9px;margin-bottom:3px}
.consultation-notes-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #cfd7cd;padding-top:25px}
.consultation-notes-grid a{min-width:0;display:flex;flex-direction:column}
.consultation-notes-grid small{font-size:10px;color:#7f8b81}
.consultation-notes-grid h3{display:flex;justify-content:space-between;gap:15px;font-size:20px;line-height:1.65;letter-spacing:-.6px;font-weight:550;margin:15px 0 12px;word-break:keep-all}
.consultation-notes-grid h3 span{font-size:17px;color:#8b998d;flex-shrink:0}
.consultation-notes-grid p{font-size:12px;line-height:1.9;color:#717c73;margin:0;max-width:300px;word-break:keep-all}
.consultation-notes-grid .article-read{font-size:11px;color:#4f6657;margin-top:auto;padding-top:20px}
.archive-callout{margin-top:65px;background:#233e32;color:white;padding:28px 32px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.archive-callout>span{font-size:11px;grid-column:1;color:#b7c4b9}
.archive-callout strong{font-size:24px;font-weight:500;letter-spacing:-.7px}
.archive-callout b{grid-column:2;grid-row:1/span 2;font-size:32px;font-weight:400}
.stories-tools{display:flex;gap:22px;justify-content:space-between;align-items:center;margin:26px 0 15px}
.story-filters{display:flex;flex-wrap:wrap;gap:4px}
.story-filters button{font-size:11px;background:none;border:0;border-radius:4px;color:#6e796f;padding:9px 11px;cursor:pointer}
.story-filters button[aria-pressed=true]{background:#233e32;color:#fff}
.story-search input{width:210px;max-width:100%;font-size:12px;border:1px solid #d2d9d0;padding:12px;background:#fff;border-radius:3px;color:#425849}
.story-search input:focus{outline:2px solid #a9bda9}
#story-count{font-size:11px;color:#828d83;margin:22px 0 18px}
.archive-main .stories-intro{margin-top:30px}
.archive-row{display:grid;grid-template-columns:90px 1fr 22px;gap:30px;padding:26px 0;border-top:1px solid #dfe5dc;min-width:0}
.archive-category{font-size:12px;color:#7b8c7a;padding-top:4px}
.archive-row small{font-size:10px;color:#899486}
.archive-row h2{font-size:20px;line-height:1.6;letter-spacing:-.5px;font-weight:500;margin:6px 0 9px;word-break:keep-all}
.archive-row p{font-size:12px;line-height:1.9;color:#7a8579;margin:0;word-break:keep-all}
.archive-row>span:last-child{font-size:18px;color:#8e9c8b}
.archive-row:hover h2{color:#49644a}
#more-stories{display:flex;margin:37px auto 0;min-height:44px;font-size:12px}
#no-stories{padding:65px 0;text-align:center;color:#7e897b;font-size:13px}
.article-main{padding-top:40px;padding-bottom:85px;color:#2d3a32}
.article-back{font-size:12px;color:#75826f}
.article-header{max-width:900px;margin:0 auto;padding:45px 0 35px}
.article-header h1{font-size:41px;font-weight:600;line-height:1.55;letter-spacing:-1.7px;margin:20px 0;word-break:keep-all;overflow-wrap:break-word}
.article-intro{font-size:16px;line-height:1.95;color:#6a7769;max-width:790px;margin:0;word-break:keep-all}
.article-byline{font-size:11px;color:#8b9688;margin-top:24px;display:flex;gap:10px}
.project-website{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #a9b6a2;padding:10px 0 6px;font-size:12px;color:#496145;margin-top:18px}
.article-reading{max-width:1000px;margin:0 auto}
.article-cover{margin:0 0 30px;padding:30px;background:#e9ede6;border-radius:3px}
.article-cover>img{display:block;width:100%;height:auto;aspect-ratio:1.76;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 10px 30px #2b462918}
.article-body{max-width:740px;margin:0 auto}
.article-body>section{margin:0 0 37px;scroll-margin-top:30px}
.article-body h2{font-size:23px;font-weight:550;line-height:1.65;letter-spacing:-.7px;margin:0 0 16px;word-break:keep-all}
.article-body p{font-size:16px;line-height:2.1;color:#556452;margin:0 0 17px;word-break:keep-all;overflow-wrap:break-word}
.article-detail{margin:0 -65px 43px}
.article-detail img{width:100%;height:auto;display:block;border:1px solid #e1e6dd;border-radius:3px}
.article-detail figcaption{font-size:11px;color:#88947f;margin-top:11px}
.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0 0 48px;padding:26px 0;border-bottom:1px solid #dbe2d6}
.project-facts dt{font-size:11px;color:#87967e;margin-bottom:10px}
.project-facts dd{font-size:12px;line-height:1.9;color:#53664b;margin:0;word-break:keep-all}
.article-sources{border-top:1px solid #d5dfce;padding-top:23px;margin-top:35px}
.article-sources h2{font-size:13px;margin-bottom:12px;color:#5c7050}
.article-sources a{display:block;font-size:12px;line-height:1.9;color:#738569;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.article-inquiry{max-width:740px;margin:40px auto 0;padding:25px 0;border-top:1px solid #d5dfce;border-bottom:1px solid #d5dfce;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#78876e}
.article-inquiry a{display:flex;gap:23px;color:#39542d}
.related-stories{max-width:740px;margin:49px auto 0}
.related-stories h2{font-size:21px;font-weight:550;letter-spacing:-.6px;margin-bottom:16px}
.related-stories a{display:grid;grid-template-columns:145px 1fr 18px;gap:15px;padding:18px 0;border-bottom:1px solid #dce4d5;align-items:start;font-size:13px;line-height:1.8;color:#607a51;word-break:keep-all}
.related-stories small{font-size:10px;color:#8c9b80}
.related-stories b{font-weight:400;text-align:right}
a:focus-visible,button:focus-visible{outline:2px solid #5c7a52;outline-offset:4px}
@media(max-width:1050px){.client-feature{gap:28px;grid-template-columns:1fr 1fr}.client-feature-visual{padding:18px}.client-feature h2{font-size:24px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-feature p{font-size:12px}.article-detail{margin-left:0;margin-right:0}}
@media(max-width:760px){
 .stories-main{padding-top:35px;padding-bottom:65px}.stories-intro{padding-bottom:28px;margin-bottom:30px}.stories-intro h1{font-size:36px;letter-spacing:-1.5px;margin-bottom:16px}.stories-intro p{font-size:13px;max-width:290px}
 .client-features{gap:35px}.client-feature{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:34px}.client-feature-visual{padding:20px}.client-feature-copy{padding:0}.client-feature h2{font-size:26px;margin:12px 0 16px}.client-feature p{font-size:13px;max-width:none}.feature-read{max-width:none;margin-top:23px}.story-meta{font-size:11px}
 .guide-section{margin-top:55px}.editorial-section-head{display:block;margin-bottom:24px}.editorial-section-head h2{font-size:24px;letter-spacing:-.8px;margin:8px 0 18px}.editorial-section-head>a{display:inline-block;font-size:11px}.guide-grid{grid-template-columns:minmax(0,1fr);gap:32px}.guide-card h3{font-size:20px}.guide-card p{font-size:13px}.editorial-diagram.is-compact{min-height:206px;padding:25px}.is-compact>strong{font-size:22px;max-width:280px}.is-compact li{font-size:11px}.consultation-notes-grid{grid-template-columns:minmax(0,1fr);gap:25px}.consultation-notes-grid a{padding-bottom:24px;border-bottom:1px solid #dfe6d9}.consultation-notes-grid h3{font-size:24px}.consultation-notes-grid p{font-size:13px;max-width:none}.archive-callout{margin-top:35px;padding:25px}.archive-callout strong{font-size:22px}
 .stories-tools{display:block}.story-search{display:block;margin-top:18px}.story-search input{width:100%}.story-filters{gap:2px}.story-filters button{font-size:10px;padding:8px 9px}.archive-row{grid-template-columns:1fr 18px;gap:12px;padding:23px 0}.archive-category{grid-column:1;font-size:10px;padding:0}.archive-row>div{grid-column:1}.archive-row>span:last-child{grid-column:2;grid-row:2}.archive-row h2{font-size:18px}.archive-row p{font-size:12px}
 .article-main{padding-top:28px;padding-bottom:55px}.article-header{padding:28px 0 27px}.article-header h1{font-size:29px;letter-spacing:-1px;line-height:1.6;margin:15px 0}.article-intro{font-size:14px;line-height:2}.article-byline{margin-top:22px}.project-website{font-size:11px}.article-cover{padding:14px;margin-bottom:23px}.project-facts{grid-template-columns:1fr 1fr;gap:22px 16px;margin-bottom:35px;padding:5px 0 24px}.project-facts dd{font-size:11px}.article-body h2{font-size:21px}.article-body p{font-size:15px;line-height:2.05}.article-detail{margin:0 0 30px}.article-detail figcaption{font-size:10px}.article-body>section{margin-bottom:30px}.editorial-diagram{padding:24px 20px}.editorial-diagram>strong{font-size:21px}.editorial-diagram ol{gap:10px}.editorial-diagram li{font-size:11px}.article-inquiry{font-size:11px;gap:15px}.article-inquiry a{gap:12px;white-space:nowrap}.related-stories a{font-size:12px;grid-template-columns:85px 1fr 15px;gap:10px}
}
.client-feature-visual{height:385px;position:relative;padding:0;isolation:isolate}
.client-feature-visual>.project-photo{width:100%;height:100%;display:block;object-fit:contain;padding:32px;box-shadow:none;border-radius:0;aspect-ratio:auto;transition:none}
.client-feature-1 .client-feature-visual>.project-photo{object-fit:cover;padding:0;object-position:50% 50%}
.client-feature:hover .client-feature-visual>.project-photo{transform:none}
.project-screen{position:absolute;left:20px;bottom:20px;width:45%;box-shadow:0 8px 24px #152c2520;border-radius:4px;overflow:hidden}
.project-screen>img{display:block;width:100%;height:auto;aspect-ratio:1.76;object-fit:cover;object-position:top}
.project-screen .capture-bar{padding:6px 8px;font-size:5px}
.project-screen .capture-bar small{font-size:6px}
@media(max-width:1050px){.client-feature-visual{height:350px}.client-feature-visual>.project-photo{padding:26px}}
@media(max-width:760px){.client-feature-visual{height:330px}.client-feature-visual>.project-photo{padding:24px}.project-screen{left:15px;bottom:15px;width:45%}}

.article-opening{margin:0 0 42px;padding-bottom:28px;border-bottom:1px solid #dce1dc}.article-opening p{font-size:17px;line-height:2.1;color:#344738}
@media(max-width:760px){.article-opening{margin-bottom:30px;padding-bottom:20px}.article-opening p{font-size:15px;line-height:2.05}}

.article-body>p{margin-bottom:24px}.article-body>h2{margin-top:42px;scroll-margin-top:30px}.article-body>.article-detail{margin-top:34px;margin-bottom:34px}.article-list{padding-left:22px;margin:0 0 28px;color:#556452;font-size:16px;line-height:2}.article-list li{padding-left:4px;margin:8px 0}.article-table{overflow-x:auto;margin:26px 0 32px}.article-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.8;text-align:left}.article-table th,.article-table td{padding:14px 18px;border-bottom:1px solid #dce1dc;vertical-align:top}.article-table th{background:#eef1eb;font-weight:600;color:#344738}.article-table td{color:#556452}.article-table th:first-child,.article-table td:first-child{width:28%;white-space:nowrap}
@media(max-width:760px){.article-body>p{margin-bottom:22px}.article-body>h2{margin-top:32px}.article-list{font-size:15px}.article-table table{font-size:13px}.article-table th,.article-table td{padding:12px 10px}}
/* Photo-led editorial cards and long-form reading. */
.story-thumbnail{overflow:hidden;background:#e9ece6;aspect-ratio:1.5;border-radius:5px}
.story-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.guide-card:hover .story-thumbnail img,.archive-card:hover .story-thumbnail img{transform:scale(1.025)}
.guide-card-body>.story-meta{display:block;margin-bottom:11px;font-size:11px}
.guide-card h3{line-height:1.55;font-size:20px;letter-spacing:-.6px;margin-bottom:12px}
.guide-card p{font-size:13px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.consultation-notes-grid{border:0;padding:0;margin-top:42px;gap:25px}
.consultation-notes-grid h3{font-size:20px;display:block;margin:0 0 12px}
.consultation-notes-grid .guide-card-body>span{padding:0;margin-top:auto}
.archive-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 25px}
.archive-card{min-width:0;display:flex;flex-direction:column}
.archive-card-body{padding-top:20px;display:flex;flex-direction:column;flex:1}
.archive-category{font-size:11px;line-height:1.7;color:#768175;padding:0}
.archive-card h2{font-size:20px;font-weight:550;line-height:1.6;letter-spacing:-.5px;margin:11px 0 12px;word-break:keep-all}
.archive-card p{font-size:13px;color:#707a73;line-height:1.85;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.archive-card .article-read{margin-top:auto;font-size:11px;color:#4f6657}
.archive-card:hover h2{color:#49644a}
.article-cover-photo{padding:0;background:none;border-radius:0;margin-bottom:48px}
.article-cover-photo>img{aspect-ratio:1.7;object-fit:cover;border-radius:5px;box-shadow:none}
.photo-credit{font-size:10px;line-height:1.6;color:#91978d;text-align:right;padding-top:10px}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.article-body>p:first-child{font-size:18px;line-height:2;color:#334334;margin-bottom:32px}
.article-body>h2{margin-top:46px;margin-bottom:21px;font-weight:600}
.article-body p{color:#465443;line-height:2.1}
.article-table table{font-size:14px;min-width:0}
.article-table th:first-child,.article-table td:first-child{white-space:normal;width:29%}
.article-table td{padding:17px 18px}
.article-detail{background:none}
.article-detail img{max-height:620px;object-fit:contain;background:#f1f2ee}
.article-detail figcaption{line-height:1.8}
.related-stories a{grid-template-columns:108px 1fr 18px;align-items:center;gap:20px}
.related-thumbnail{overflow:hidden;aspect-ratio:1.4;border-radius:3px;background:#e9ece6}
.related-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
.related-stories a>div>small{display:block;margin-bottom:5px}
.related-stories a>div>span{display:block;font-size:14px;color:#465b3d}
@media(max-width:1050px){.archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .archive-list{grid-template-columns:1fr;gap:38px}.archive-card h2{font-size:21px;line-height:1.55}.archive-card p{font-size:13px}.archive-card-body{padding-top:18px}
 .story-thumbnail{aspect-ratio:1.5}.guide-card h3,.consultation-notes-grid h3{font-size:21px;line-height:1.6}.consultation-notes-grid .guide-card{border:0;padding-bottom:0}
 .consultation-notes-grid p{max-width:none}.article-cover-photo{margin-left:-8px;margin-right:-8px;margin-bottom:30px;padding:0}.article-cover-photo>img{aspect-ratio:1.4}
 .article-body>p:first-child{font-size:16px;line-height:2.05}.article-body>h2{margin-top:36px}.article-body p{line-height:2.05}.article-table td{padding:13px 10px}
 .related-stories a{grid-template-columns:80px 1fr 14px;gap:13px}.related-stories a>div>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.story-thumbnail img{transition:none}}
/* Responsive whole-image diagrams; height follows the original SVG ratio. */
.article-body>.case-flow{margin:46px -110px 48px;padding:27px;background:#f7f8f4;border:1px solid #dce3d9;border-radius:7px;min-width:0;scroll-margin-top:30px}
.case-flow-heading{margin-bottom:19px}
.article-body .case-flow h2{font-size:21px;line-height:1.5;letter-spacing:-.5px;margin:0}
.case-flow-tabs{display:flex;gap:7px;margin:0 0 18px;flex-wrap:wrap}
.case-flow-tabs button{border:1px solid #d5ddd1;border-radius:4px;background:#fff;color:#3e5546;padding:8px 12px;min-height:36px;font-size:11px;line-height:1.4;white-space:nowrap}
.case-flow-tabs button:hover{border-color:#8ba48d;background:#edf2eb}
.case-flow-tabs [aria-selected=true]{background:#e2ebdf;border-color:#8fa48a;color:#28452c}
.article-body .case-flow-name{font-size:13px;line-height:1.7;color:#52624e;margin:0 0 12px}
.case-flow-image{margin:0;border:1px solid #e1e6dc;border-radius:4px;background:#fbfcf9}
.case-flow-image img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:3px}
@media(max-width:1100px){.article-body>.case-flow{margin-left:-20px;margin-right:-20px;padding:22px}}
@media(max-width:760px){.article-body>.case-flow{margin:35px -8px;padding:17px 12px}.article-body .case-flow h2{font-size:19px}.case-flow-heading{margin-bottom:16px}.article-body .case-flow-name{font-size:12px}}

.article-flow-jump{display:inline-block;font-size:12px;color:#5d7453;border-bottom:1px solid #b8c6af;margin-top:18px;margin-left:0;padding-bottom:5px}.project-website+.article-flow-jump{margin-left:22px}

/* Editorial emphasis: a few selected phrases, with text contrast preserved. */
.article-body strong{font-weight:700;color:#213d31}
.article-body mark{background:linear-gradient(transparent 48%,#f2e7a4 48%,#f2e7a4 94%,transparent 94%);color:inherit;padding:.02em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
