/* Versioned case-study stylesheet prevents stale layout rules after review updates. */
.salesforce-page{--sf-muted:#535b66;--sf-gap:clamp(16px,2vw,24px)}
.salesforce-page .case-intro,.salesforce-page .sf-section,.salesforce-page .sf-overview{max-width:1280px}
.salesforce-page .case-intro{padding-bottom:32px}
.salesforce-page .case-title-row{display:block;margin-top:40px}
.salesforce-page .case-title-row h1{font-size:clamp(38px,5.1vw,72px);line-height:1.08;max-width:1000px}
.salesforce-page .case-intro-note{margin-top:24px;max-width:800px}
.salesforce-page .case-intro-note p{font-size:18px;line-height:1.7;max-width:none}
.salesforce-page .case-intro-note .text-link{margin-top:16px;min-height:32px}
.salesforce-page .project-meta{margin-top:28px;grid-template-columns:1fr 1fr 1.3fr;gap:24px}
.sf-art{margin:0;min-width:0;padding:0}
.salesforce-page .sf-art .zoom-image{display:block;background:transparent;box-shadow:none;filter:none;padding:0;transform:none}
.salesforce-page .sf-art img{display:block;width:100%;height:auto;max-width:100%;box-shadow:none;filter:none;transform:none;border:0}
.sf-section{padding-top:clamp(40px,5vw,64px);scroll-margin-top:28px}
.sf-section-head{border-top:1px solid var(--line);padding-top:24px;margin-bottom:24px;display:block}
.sf-section-head .eyebrow{color:var(--sf-muted);margin-bottom:12px;font-size:12px}
.sf-section-head h2{font-size:clamp(30px,3.3vw,46px);line-height:1.15;letter-spacing:-.045em;max-width:1000px;text-wrap:balance}
.sf-description{font-size:17px;line-height:1.75;color:var(--muted);max-width:72ch;padding:0;margin-top:20px}
.sf-scale-copy{font-size:17px;line-height:1.75;color:var(--muted);max-width:72ch;margin:0;display:block}
.sf-scale-copy p+p{margin-top:18px}
.sf-scope{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.sf-scope .eyebrow{color:var(--sf-muted)}.sf-scope p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:62ch}
.sf-audiences{display:grid;grid-template-columns:1.29456fr 1fr 1fr;gap:var(--sf-gap);align-items:start}
.sf-audiences .sf-art{margin:0;padding:0}
.sf-rcc-lead{display:grid;grid-template-columns:1.29456fr 1fr;gap:var(--sf-gap);align-items:start}
.sf-format-board{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;margin-top:24px;padding:24px;background:#edf0f3;align-items:start}
.sf-display-tall{display:grid;grid-template-columns:160fr 300fr;gap:16px;align-items:start}
.sf-display-wide{display:flex;flex-direction:column;gap:18px;align-items:stretch}
.sf-display-wide .sf-rectangle{width:60%;margin:0}.sf-display-wide .sf-horizontal-small{width:72%;margin:0}
.sf-format-detail{display:grid;grid-template-columns:3.4fr 1fr;gap:var(--sf-gap);align-items:start;margin-top:24px}
.sf-document-project+.sf-document-project{margin-top:32px}
.sf-document-caption{max-width:72ch;margin-bottom:20px;display:block}
.sf-document-caption h3{font-size:25px;line-height:1.25;letter-spacing:-.035em}
.sf-document-caption p{font-size:17px;color:var(--muted);line-height:1.75;margin-top:12px}
.sf-spread{display:grid;grid-template-columns:1fr 1fr;gap:var(--sf-gap);padding:0;align-items:start;background:transparent}
/* Hide the exported document's external shadow surround without changing the artwork. */
.salesforce-page .sf-paper-grants .zoom-image{position:relative;aspect-ratio:1553/2011;overflow:hidden}
.salesforce-page .sf-paper-grants img{position:absolute;left:-1.22344%;top:-.59672%;width:102.38248%;max-width:none;height:auto}
.sf-nzc{display:grid;gap:var(--sf-gap)}
.sf-nzc-pair{display:grid;grid-template-columns:.56475fr 1fr;gap:var(--sf-gap);align-items:start}
.sf-campaign-copy{max-width:72ch;color:var(--muted);font-size:17px;line-height:1.75;margin-top:20px}
.sf-context-gallery{display:block;max-width:100%}
.salesforce-page .lightbox-toolbar{align-items:start}.salesforce-page .lightbox-caption{font-size:15px;line-height:1.5;margin:0;letter-spacing:0}
.salesforce-page .lightbox-toolbar>div{flex-wrap:wrap;justify-content:flex-end}
.salesforce-page .lightbox button,.salesforce-page .lightbox .original{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.salesforce-page .lightbox button{min-width:70px}.salesforce-page .lightbox .original{padding:4px}
.salesforce-page .lightbox-bottom{gap:12px}.salesforce-page .lightbox-image{padding:20px 6px}
.salesforce-page .lightbox-image img[src*="grants-"]{clip-path:inset(.58594% 1.13208% 1.2207% 1.19497%)}
.salesforce-page .zoom-image:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:1000px){.sf-format-board{gap:24px;padding:20px}.sf-display-tall{gap:12px}.sf-display-wide{gap:16px}}
@media(max-width:700px){
 .salesforce-page .case-title-row{margin-top:30px}.salesforce-page .case-title-row h1{font-size:clamp(34px,8.7vw,54px)}
 .salesforce-page .case-intro-note{margin-top:22px}.salesforce-page .case-intro-note p{font-size:17px}
 .salesforce-page .project-meta{grid-template-columns:1fr 1fr;gap:20px}.salesforce-page .project-meta>div:last-child{grid-column:1/-1}
 .sf-section-head{padding-top:22px;margin-bottom:24px}.sf-section-head h2{font-size:clamp(29px,7.5vw,40px);text-wrap:initial}
 .sf-description,.sf-scale-copy{font-size:16px}.sf-description{margin-top:18px}
 .sf-scope{grid-template-columns:1fr;gap:22px}.sf-scope p{font-size:15px}
 .sf-audiences,.sf-rcc-lead,.sf-format-detail,.sf-spread,.sf-nzc-pair{grid-template-columns:1fr;gap:20px}
 .sf-format-board{grid-template-columns:1fr;padding:18px;gap:22px}.sf-display-tall{gap:16px}.sf-display-wide{gap:18px}
 .sf-display-wide .sf-rectangle{width:80%}.sf-display-wide .sf-horizontal-small{width:90%}
 .sf-format-detail .sf-portrait{width:70%;justify-self:start}
 .sf-document-caption h3{font-size:24px}.sf-document-caption p,.sf-campaign-copy{font-size:16px}
 .salesforce-page .next-project>a{flex-direction:column;align-items:flex-start;gap:18px}.salesforce-page .next-project h2{overflow-wrap:anywhere}
 .salesforce-page .lightbox-toolbar{font-size:13px;gap:12px;flex-wrap:wrap}.salesforce-page .lightbox-toolbar>div{width:100%;justify-content:space-between}
 .salesforce-page .lightbox-caption{font-size:14px}.salesforce-page .lightbox-image{padding:12px 0}
}
@media(forced-colors:active){.salesforce-page .zoom-image:focus-visible{outline:3px solid Highlight}}