/* Seven illustrated projects. Detail rules stay inside .story-case. */
.portfolio-catalog,.story-case{color:var(--ink);background:var(--paper)}
.portfolio-hero{padding-top:32px;padding-bottom:64px}
.portfolio-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:52px}
.portfolio-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.portfolio-eyebrow{font-size:14px;line-height:1.5;margin-bottom:25px}
.portfolio-catalog .portfolio-hero h1{font-size:clamp(60px,8.2vw,126px);line-height:1.05;letter-spacing:-.05em;font-weight:400;max-width:1200px}
.portfolio-catalog .portfolio-hero h1 em,.story-case h1 em,.story-case h2 em{color:var(--muted);font-style:normal;font-weight:400}
.portfolio-intro{font-size:22px;line-height:1.5;max-width:720px;margin-top:34px}
.portfolio-source-wrap{padding-block:34px 65px}
.portfolio-source{font-size:15px;line-height:1.65;color:var(--muted);max-width:880px}
.portfolio-source a{text-decoration:underline;text-underline-offset:4px}
.project-theme-dark{--project-bg:#203d32;--project-ink:#f2f0e8}
.project-theme-lime{--project-bg:#d9ed78;--project-ink:#182d25}
.project-theme-paper{--project-bg:#f2f0e8;--project-ink:#182d25}
.project-theme-lavender{--project-bg:#d9d7e2;--project-ink:#182d25}
.project-theme-clay{--project-bg:#c78566;--project-ink:#182d25}
.project-collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px 34px}
.project-more{grid-column:1/-1;min-width:0}
.project-more>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);list-style:none;cursor:pointer;font-size:24px;line-height:1.3;letter-spacing:-.025em}
.project-more>summary::-webkit-details-marker{display:none}
.project-more>summary::marker{content:''}
.project-more>summary:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.project-more>summary:hover{color:var(--muted)}
.project-more>summary .project-more-collapse{display:none}
.project-more[open]>summary .project-more-expand{display:none}
.project-more[open]>summary .project-more-collapse{display:inline}
.project-more-icon{position:relative;display:block;width:26px;height:26px;flex:0 0 26px}
.project-more-icon:before,.project-more-icon:after{content:'';position:absolute;left:1px;top:12px;width:24px;height:1px;background:currentColor}
.project-more-icon:after{transform:rotate(90deg)}
.project-more[open]>summary .project-more-icon:after{display:none}
.project-more>.project-collection{padding-top:34px}
.project-more:not([open])>.project-collection{display:none}
.project-collection .project-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px;scroll-margin-top:100px}
.project-card-picture{display:block;background:var(--project-bg);color:var(--project-ink);overflow:hidden;text-decoration:none}
.project-artwork{display:block;width:100%;height:auto;aspect-ratio:30/19;object-fit:contain}
.project-card-picture-label{display:block;font-size:15px;line-height:1.5;padding:0 25px 15px}
.project-graphic-labels{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0 25px 22px;margin:0;font-size:14px;line-height:1.45}
.project-graphic-labels li{border-top:1px solid currentColor;padding-top:7px;opacity:.9}
.project-card-content{padding-top:24px;min-width:0}
.project-card-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5;margin:0 0 20px;color:var(--muted)}
.project-collection .project-card h3{font-size:clamp(29px,3.1vw,45px);line-height:1.12;letter-spacing:-.035em;font-weight:400;margin:0;max-width:540px}
.project-card h3 a{color:inherit;text-decoration:none}
.project-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.project-card-description{font-size:18px;line-height:1.55;max-width:540px;margin:21px 0 24px}
.project-card-metric{display:flex;align-items:center;gap:25px;margin-top:22px}
.project-card-metric strong{font-size:clamp(54px,5.8vw,85px);font-weight:400;letter-spacing:-.065em;line-height:1.05;white-space:nowrap}
.project-card-metric>span{font-size:15px;line-height:1.45;max-width:195px}
.project-card-link{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;line-height:1.5;border-top:1px solid var(--line);padding-top:15px;margin-top:26px}
.project-card-link>span{font-size:26px}
.project-card-forecast{font-size:14px;line-height:1.5;margin-top:15px}
.project-collection .project-card-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0;background:#203d32;color:#f2f0e8;padding-bottom:0;border:0}
.project-card-featured .project-card-picture{align-self:center}
.project-card-featured .project-card-content{padding:36px;border-left:1px solid #f2f0e83d}
.project-card-featured .project-card-kicker{color:#d7ddd3}
.project-collection .project-card-featured h3{font-size:clamp(35px,4.1vw,61px)}
.project-card-featured .project-card-description{font-size:19px}
.project-card-featured .project-card-metric strong{color:#d9ed78;font-size:clamp(80px,8.4vw,120px)}
.project-card-featured .project-card-link{border-color:#f2f0e84d}
.story-case{min-width:0}
.story-case h1,.story-case h2,.story-case h3,.story-case p,.story-case figure{margin:0}
.story-case h1,.story-case h2,.story-case h3{font-weight:400}
.story-case .story-hero{padding-block:32px 58px}
.story-case .story-kicker{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:14px;line-height:1.5;margin-bottom:25px}
.story-case .story-kicker>span{color:var(--muted)}
.story-case .story-hero h1{font-size:clamp(62px,8.2vw,130px);line-height:1.045;letter-spacing:-.052em;max-width:1240px}
.story-case .story-hero-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:70px;margin-top:40px;border-top:1px solid var(--line);padding-top:26px;align-items:start}
.story-case .story-lead{font-size:23px;line-height:1.4;max-width:720px}
.story-case .story-hero-bottom dl{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin:0}
.story-case .story-hero-bottom dt{font-size:14px;color:var(--muted);line-height:1.5}
.story-case .story-hero-bottom dd{font-size:18px;line-height:1.4;letter-spacing:normal;margin:9px 0 0;font-weight:400}
.story-case .story-spread{background:var(--project-bg);color:var(--project-ink);padding:28px 0 24px}
.story-case .story-spread-top{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15px;line-height:1.5}
.story-case .story-stamp{font-size:14px;border:1px solid currentColor;padding:7px 13px;white-space:nowrap}
.story-case .story-spread-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:45px;align-items:center;padding-top:15px}
.story-case .story-art{min-width:0}
.story-case .story-artwork{display:block;width:100%;height:auto;aspect-ratio:30/19;object-fit:contain}
.story-case .story-art .project-graphic-labels{padding:0 0 20px}
.story-case .story-spread-metric{border-left:1px solid currentColor;padding:25px 0 25px 38px}
.story-case .story-spread-metric strong{display:block;font-size:clamp(72px,10.5vw,160px);font-weight:400;line-height:1;letter-spacing:-.065em;white-space:nowrap}
.story-case .story-spread-metric p{font-size:25px;line-height:1.3;margin-top:24px;max-width:335px}
.story-case .story-spread-metric>span{display:block;font-size:14px;line-height:1.5;margin-top:24px;opacity:.8}
.story-case .story-spread figcaption{font-size:14px;line-height:1.5;padding-top:14px;opacity:.8}
.story-case .story-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.35fr);gap:7%;padding-block:85px}
.story-case .story-index{display:flex;flex-direction:column;gap:15px;border-top:1px solid var(--line);padding-top:15px;font-size:14px;line-height:1.5}
.story-case .story-index span+span{color:var(--muted)}
.story-case .story-main{min-width:0}
.story-case .story-main h2{font-size:clamp(36px,4.5vw,69px);line-height:1.1;letter-spacing:-.038em;margin-bottom:35px}
.story-case .story-prose{font-size:20px;line-height:1.6}
.story-case .story-prose p+p{margin-top:22px}
.story-case .story-context-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start}
.story-case .story-context-number{border-left:1px solid var(--line);padding-left:26px;min-width:0}
.story-case .story-context-number strong{display:block;font-size:clamp(50px,6.5vw,98px);line-height:1.05;font-weight:400;letter-spacing:-.055em}
.story-case .story-context-number b{display:block;font-size:18px;font-weight:400;line-height:1.4;margin-top:12px}
.story-case .story-context-number>span{display:block;font-size:14px;line-height:1.55;margin-top:16px;color:var(--muted)}
.story-case .story-solution{padding-top:10px}
.story-case .story-solution-copy{max-width:820px}
.story-case .story-steps{padding:0;list-style:none;margin:34px 0 0}
.story-case .story-steps li{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1.3fr);gap:20px;padding:25px 0;border-top:1px solid var(--line)}
.story-case .story-steps li>span{font-size:14px;padding-top:3px;color:var(--muted)}
.story-case .story-steps h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}
.story-case .story-steps p{font-size:17px;line-height:1.55}
.story-case .story-connections{padding-bottom:85px}
.story-case .story-connections-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:25px;border-top:1px solid var(--line);margin-bottom:35px}
.story-case .story-connections-heading h2{font-size:33px;line-height:1.15;letter-spacing:-.03em}
.story-case .story-connections-heading>span{font-size:14px;line-height:1.5;color:var(--muted)}
.story-case .story-flow{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1.25fr) 35px minmax(0,1fr);gap:23px;align-items:center}
.story-case .story-flow>i{font-size:32px;font-style:normal;text-align:center}
.story-case .story-flow>div>span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.story-case .story-flow ul{list-style:none;margin:18px 0 0;padding:0}
.story-case .story-flow li{font-size:19px;line-height:1.4;padding:13px 0;border-top:1px solid var(--line)}
.story-case .story-scheme-core{background:#d9ed78;min-height:245px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.story-case .story-scheme-core strong{font-size:31px;line-height:1.15;letter-spacing:-.03em;font-weight:400;display:block;margin:22px 0}
.story-case .story-scheme-mark{display:flex;padding-left:3px}
.story-case .story-scheme-mark i{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;margin-left:-3px}
.story-case .story-connection-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.35fr);gap:7%;margin-top:37px;border-top:1px solid var(--line);padding-top:25px}
.story-case .story-connection-label{font-size:14px;color:var(--muted);line-height:1.5}
.story-case .story-connection-copy .story-prose{font-size:18px}
.story-case .story-caption{font-size:14px;line-height:1.55;color:var(--muted);max-width:850px;margin-top:22px}
.story-case .story-results{background:#d9ed78;padding:35px 0 50px}
.story-case .story-results-top{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #203d324d;padding-bottom:20px}
.story-case .story-results-top h2,.story-case .story-results-top>span{font-size:15px;line-height:1.5;letter-spacing:normal}
.story-case .story-financial{display:flex;align-items:center;gap:50px;padding:38px 0 35px}
.story-case .story-financial>strong{display:block;font-weight:400;font-size:clamp(115px,17vw,245px);letter-spacing:-.075em;line-height:1;white-space:nowrap}
.story-case .story-financial>div{max-width:440px}
.story-case .story-financial b{display:block;font-size:clamp(26px,3.7vw,49px);font-weight:400;line-height:1.2;letter-spacing:-.035em}
.story-case .story-financial span{display:block;font-size:24px;line-height:1.35;margin-top:14px}
.story-case .story-effect{max-width:880px;font-size:20px;line-height:1.6}
.story-case .story-metrics-heading{font-size:16px;line-height:1.5;letter-spacing:normal;margin-top:35px}
.story-case .story-metrics{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:35px;margin:20px 0 0}
.story-case .story-metric{min-width:0;border-top:1px solid #203d3270;padding-top:17px}
.story-case .story-metric dt{font-size:15px;line-height:1.5;min-height:44px}
.story-case .story-metric dd{font-size:clamp(25px,2.85vw,41px);line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:20px 0 0;overflow-wrap:break-word}
.story-case .story-metric .story-forecast{font-size:14px;line-height:1.5;letter-spacing:normal;margin-top:14px}
.story-case .story-result-note{font-size:14px;line-height:1.6;max-width:950px;margin-top:32px}
.story-case .story-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.35fr);gap:7%;padding-block:33px 55px}
.story-case .story-source h2{font-size:15px;line-height:1.65;letter-spacing:normal}
.story-case .story-related{padding-block:25px 80px}
.story-case .story-related-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-top:30px;border-top:1px solid var(--line);margin-bottom:30px}
.story-case .story-related-heading h2{font-size:45px;line-height:1.1;letter-spacing:-.035em}
.story-case .story-related-heading>a{font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.story-case .story-related-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}
.story-case .story-related-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;border-bottom:1px solid var(--line);padding-bottom:23px}
.story-case .story-related-art{background:var(--project-bg);align-self:start}
.story-case .story-related-card>div>span{font-size:14px;line-height:1.4;color:var(--muted);display:block}
.story-case .story-related-card h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-top:12px}
.story-case .story-related-card p{font-size:15px;line-height:1.45;margin-top:18px}
.story-case .story-related-card i{font-style:normal;white-space:nowrap}
@media(max-width:1050px){
.project-collection{gap:42px 25px}.project-card-featured .project-card-content{padding:28px}.project-card-kicker{display:block}.project-card-kicker span{display:block;margin-top:5px}.project-card-metric{gap:16px}.project-card-metric>span{font-size:14px}.project-card-featured .project-card-metric{align-items:start;flex-direction:column;gap:12px}.project-card-featured .project-card-description{font-size:17px}
.story-case .story-hero-bottom{gap:35px}.story-case .story-lead{font-size:20px}.story-case .story-hero-bottom dl{gap:20px;grid-template-columns:1fr}.story-case .story-hero-bottom dd{margin-top:5px}.story-case .story-spread-grid{gap:24px}.story-case .story-spread-metric{padding-left:24px}.story-case .story-spread-metric p{font-size:21px}.story-case .story-section{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,2.8fr);padding-block:65px}.story-case .story-context-grid{grid-template-columns:1fr;gap:28px}.story-case .story-context-number{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.story-case .story-context-number strong{grid-row:1/3;font-size:75px}.story-case .story-context-number b{margin-top:0}.story-case .story-context-number>span{margin-top:7px}.story-case .story-prose{font-size:18px}.story-case .story-steps li{grid-template-columns:28px minmax(0,1fr)}.story-case .story-steps li>p{grid-column:2}.story-case .story-flow{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.2fr) 20px minmax(0,1fr);gap:14px}.story-case .story-flow li{font-size:17px}.story-case .story-scheme-core{padding:20px}.story-case .story-scheme-core strong{font-size:25px}.story-case .story-financial{gap:35px}.story-case .story-financial span{font-size:20px}.story-case .story-related-card{grid-template-columns:1fr}.story-case .story-related-art{max-width:none}
}
@media(max-width:680px){
.portfolio-hero{padding-block:24px 38px}.portfolio-breadcrumbs{font-size:14px;gap:6px 9px;margin-bottom:33px}.portfolio-eyebrow{margin-bottom:22px}.portfolio-catalog .portfolio-hero h1{font-size:clamp(43px,11.8vw,76px);line-height:1.08;letter-spacing:-.045em}.portfolio-intro{font-size:18px;line-height:1.5;margin-top:25px}.portfolio-source-wrap{padding-block:26px 42px}.portfolio-source{font-size:14px}
.project-collection{display:grid;grid-template-columns:minmax(0,1fr);gap:38px}.project-collection .project-card-featured{grid-column:auto;display:flex;flex-direction:column}.project-card-featured .project-card-content{border-left:0;border-bottom:1px solid #f2f0e83d;padding:24px;order:-1}.project-card-featured .project-card-picture{width:100%}.project-collection .project-card h3{font-size:36px;line-height:1.12}.project-collection .project-card-featured h3{font-size:40px}.project-card-content{padding-top:20px}.project-card-kicker{font-size:14px;margin-bottom:17px}.project-card-description{font-size:17px;margin:19px 0 22px}.project-card-picture-label{font-size:14px;padding:0 20px 15px}.project-graphic-labels{font-size:14px;padding:0 20px 22px;gap:9px 15px}.project-card-metric{gap:22px}.project-card-metric strong{font-size:75px}.project-card-metric>span{font-size:15px}.project-card-featured .project-card-metric{flex-direction:row;align-items:center;gap:20px}.project-card-featured .project-card-metric strong{font-size:83px}.project-card-link{margin-top:25px}.project-card-forecast{font-size:14px}
.story-case .story-hero{padding-block:24px 36px}.story-case .story-kicker{display:block;font-size:14px;margin-bottom:23px}.story-case .story-kicker>span{display:block;margin-top:10px}.story-case .story-hero h1{font-size:clamp(41px,10.4vw,72px);line-height:1.08;letter-spacing:-.045em}.story-case .story-hero-bottom{grid-template-columns:1fr;gap:25px;margin-top:27px;padding-top:21px}.story-case .story-lead{font-size:19px}.story-case .story-hero-bottom dl{grid-template-columns:1.2fr 1fr;gap:20px}.story-case .story-hero-bottom dt{font-size:14px}.story-case .story-hero-bottom dd{font-size:16px;line-height:1.45}
.story-case .story-spread{padding:22px 0}.story-case .story-spread-top{display:block;font-size:15px}.story-case .story-stamp{display:inline-block;margin-top:13px;padding:5px 9px;font-size:14px}.story-case .story-spread-grid{grid-template-columns:1fr;gap:0;padding-top:0}.story-case .story-art .project-graphic-labels{padding-bottom:23px}.story-case .story-spread-metric{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px 23px;align-items:center;padding:22px 0 0;border-left:0;border-top:1px solid currentColor}.story-case .story-spread-metric strong{font-size:85px;grid-row:1/3}.story-case .story-spread-metric p{font-size:20px;line-height:1.3;margin:0}.story-case .story-spread-metric>span{font-size:14px;margin:0}.story-case .story-spread figcaption{font-size:14px;padding-top:23px}
.story-case .story-section{display:block;padding-block:43px}.story-case .story-index{flex-direction:row;justify-content:space-between;gap:20px;padding-top:13px;margin-bottom:28px;font-size:14px}.story-case .story-index>span{max-width:55%}.story-case .story-index>span+span{text-align:right}.story-case .story-main h2{font-size:clamp(34px,9.3vw,53px);line-height:1.12;letter-spacing:-.035em;margin-bottom:24px}.story-case .story-prose{font-size:17px;line-height:1.65}.story-case .story-context-grid{gap:26px}.story-case .story-context-number{padding-top:21px;column-gap:18px}.story-case .story-context-number strong{font-size:69px}.story-case .story-context-number b{font-size:17px}.story-case .story-context-number>span{font-size:14px}.story-case .story-solution{padding-top:10px}.story-case .story-steps{margin-top:28px}.story-case .story-steps li{padding:22px 0;gap:12px 14px;grid-template-columns:25px minmax(0,1fr)}.story-case .story-steps h3{font-size:25px}.story-case .story-steps p{font-size:17px;line-height:1.55}
.story-case .story-connections{padding-bottom:43px}.story-case .story-connections-heading{display:block;padding-top:23px;margin-bottom:28px}.story-case .story-connections-heading h2{font-size:31px}.story-case .story-connections-heading>span{display:block;margin-top:16px;font-size:14px}.story-case .story-flow{grid-template-columns:1fr;gap:16px}.story-case .story-flow>i{transform:rotate(90deg);font-size:29px;line-height:1}.story-case .story-flow ul{margin-top:12px}.story-case .story-flow li{font-size:18px;padding:12px 0}.story-case .story-flow>div>span{font-size:14px}.story-case .story-scheme-core{min-height:190px;padding:25px}.story-case .story-scheme-core strong{font-size:31px;max-width:390px}.story-case .story-connection-copy{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:22px}.story-case .story-connection-copy .story-prose{font-size:17px}.story-case .story-caption{font-size:14px;margin-top:20px}
.story-case .story-results{padding-block:25px 34px}.story-case .story-results-top{align-items:start;gap:20px}.story-case .story-results-top h2,.story-case .story-results-top>span{font-size:14px}.story-case .story-results-top>span{text-align:right;max-width:50%}.story-case .story-financial{display:block;padding:28px 0}.story-case .story-financial>strong{font-size:clamp(107px,33vw,190px);letter-spacing:-.075em}.story-case .story-financial>div{margin-top:20px}.story-case .story-financial b{font-size:31px}.story-case .story-financial span{font-size:22px;line-height:1.35;margin-top:10px}.story-case .story-effect{font-size:17px}.story-case .story-metrics-heading{font-size:16px;margin-top:30px}.story-case .story-metrics{display:grid;grid-template-columns:1fr;gap:27px;margin-top:20px}.story-case .story-metric{padding-top:15px}.story-case .story-metric dt{font-size:15px;min-height:0}.story-case .story-metric dd{font-size:32px;margin-top:12px;line-height:1.22}.story-case .story-metric .story-forecast{font-size:14px;margin-top:12px}.story-case .story-result-note{font-size:14px;margin-top:27px}.story-case .story-source{grid-template-columns:1fr;gap:13px;padding-block:25px 35px}.story-case .story-source h2{font-size:15px}
.story-case .story-related{padding-block:15px 47px}.story-case .story-related-heading{display:block;margin-bottom:25px;padding-top:25px}.story-case .story-related-heading h2{font-size:36px}.story-case .story-related-heading>a{display:inline-block;font-size:16px;margin-top:23px}.story-case .story-related-grid{gap:25px}.story-case .story-related-card{gap:16px;padding-bottom:18px}.story-case .story-related-card>div>span{font-size:14px}.story-case .story-related-card h3{font-size:23px;margin-top:11px;overflow-wrap:break-word}.story-case .story-related-card p{font-size:14px;margin-top:14px}
}
@media(max-width:360px){
.project-collection .project-card h3{font-size:31px}.project-collection .project-card-featured h3{font-size:34px}.project-card-featured .project-card-content{padding:20px}.project-card-metric strong,.project-card-featured .project-card-metric strong{font-size:65px}.project-card-metric{gap:17px}.project-card-metric>span{font-size:14px}.story-case .story-hero h1{font-size:38px}.story-case .story-spread-metric strong{font-size:68px}.story-case .story-spread-metric p{font-size:18px}.story-case .story-spread-metric{column-gap:16px}.story-case .story-context-number strong{font-size:56px}.story-case .story-context-number{grid-template-columns:1fr 1fr}.story-case .story-main h2{font-size:31px}.story-case .story-financial>strong{font-size:103px}.story-case .story-metric dd{font-size:29px}.story-case .story-related-grid{grid-template-columns:1fr}.story-case .story-related-card{grid-template-columns:1fr 1.15fr;gap:18px}.story-case .story-related-card h3{font-size:23px}
}

@media(max-width:1000px){.story-case.story-e-commerce .story-context-number{display:block}.story-case.story-e-commerce .story-context-number strong{white-space:nowrap}.story-case.story-e-commerce .story-context-number b{margin-top:12px}}
/* Case directory: shared editorial grid, type and colours with the main page. */
.portfolio-catalog .portfolio-hero{padding-bottom:58px}
.catalog-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;align-items:baseline}
.catalog-title .portfolio-eyebrow{margin:0}
.portfolio-catalog .catalog-title h1{font-size:clamp(76px,9.6vw,154px);line-height:1.08;letter-spacing:-.055em;white-space:nowrap}
.catalog-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-top:45px;align-items:start}
.catalog-lead>p{font-size:24px;line-height:1.4;letter-spacing:-.025em}
.catalog-lead .portfolio-intro{margin:0;max-width:760px;font-size:22px;line-height:1.5}
.catalog-lead .link{display:inline-block;margin-top:23px;font-size:16px}
.case-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin-top:45px}
.case-index a{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:baseline;gap:9px;border-top:1px solid var(--line);padding:15px 0;font-size:15px;line-height:1.45}
.case-index-number{font-size:12px;color:var(--muted)}
.case-index a:hover{color:var(--muted)}
.case-index a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.catalog-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;align-items:baseline;border-top:1px solid var(--ink);padding-top:22px;margin-bottom:36px}
.catalog-section-heading h2{font-size:clamp(34px,3.4vw,58px);line-height:1.12;letter-spacing:-.035em}
#case-collection{scroll-margin-top:100px}
@media(max-width:1000px){
 .catalog-title,.catalog-lead,.catalog-section-heading{grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:24px}
 .portfolio-catalog .catalog-title h1{font-size:clamp(64px,9.3vw,100px)}
 .case-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
 .catalog-lead .portfolio-intro{font-size:20px}
 .catalog-lead>p{font-size:21px}
}
@media(max-width:680px){
 .portfolio-catalog .portfolio-hero{padding-bottom:38px}
 .catalog-title,.catalog-lead,.catalog-section-heading{display:block}
 .portfolio-catalog .catalog-title h1{font-size:clamp(48px,12.5vw,80px);margin-top:22px;white-space:normal}
 .catalog-lead{margin-top:30px}
 .catalog-lead>p{font-size:23px;line-height:1.35;margin-bottom:23px}
 .catalog-lead .portfolio-intro{font-size:17px;line-height:1.6}
 .catalog-lead .link{margin-top:20px}
 .case-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:32px}
 .case-index a{font-size:14px;grid-template-columns:18px minmax(0,1fr) 13px;gap:6px;padding:13px 0}
 .catalog-section-heading{padding-top:18px;margin-bottom:27px}
 .catalog-section-heading h2{font-size:35px;margin-top:18px;max-width:340px}
 .project-collection .project-card-featured h3{font-size:clamp(30px,9.2vw,36px)}
}
@media(max-width:360px){.case-index{grid-template-columns:1fr}.case-index a{grid-template-columns:22px minmax(0,1fr) 18px}}