/* Original visual stories, readable without leaving the page. */
.r209-gallery{position:relative;min-width:0;background:#f2eef7;overflow:hidden;border-radius:4px}
.r209-gallery figure{margin:0!important;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:#f3eff7;overflow:hidden}
.r209-gallery figure>img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;margin:0!important}
.r209-gallery-strip{display:flex;gap:7px;padding:10px 12px!important;align-items:center;justify-content:center;background:#f4f0f9}
.r209-gallery-strip button{display:block!important;flex:0 1 50px;padding:0!important;background:#fff;border:2px solid transparent!important;border-radius:3px;overflow:hidden;cursor:pointer;aspect-ratio:3/4;min-width:0}
.r209-gallery-strip button[aria-pressed=true]{border-color:#7254cb!important;box-shadow:0 0 0 2px #fff}
.r209-gallery-strip button img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.r209-gallery-strip button:focus-visible{outline:2px solid #493394;outline-offset:3px}
.r209-gallery-position{position:absolute;right:10px;top:10px;margin:0!important;padding:3px 9px!important;border-radius:20px;background:#2d2448be;color:#fff!important;font-size:11px!important;line-height:1.5!important;width:auto!important;height:auto!important;display:block!important}
.r209-kicker{color:#7553b5!important;font-size:11px!important;letter-spacing:.07em;margin:0 0 8px!important;line-height:1.7!important}
.r209-copy{margin-top:18px;color:#6c6080;min-width:0}
.r209-angle{font-weight:600;font-size:14px!important;line-height:1.8!important;color:#46355f!important;margin:0 0 15px!important}
.r209-excerpt{border-top:1px solid #dfd5ed;padding-top:14px}
.r209-excerpt>span{display:block;color:#967ead;font-size:10px;letter-spacing:.08em;margin-bottom:7px}
.r209-excerpt>p{font-size:13px!important;line-height:1.9!important;margin:0!important;color:#746583!important;white-space:normal}
.r209-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.r209-product{min-width:0;background:#fff;border:1px solid #e4ddef;border-radius:6px;overflow:hidden}
.r209-product-copy{padding:23px}
.r209-product h3{font-size:20px!important;font-weight:650;line-height:1.5!important;margin:7px 0 12px!important;color:#2d2448}
.r209-summary{font-size:14px;line-height:1.85;color:#756782;margin:0}
.r209-service-products{margin-bottom:9px}
.r209-delivery strong{display:block;color:#5d4193;font-size:17px;font-weight:600;line-height:1.6}
.r209-delivery p{font-size:13px!important;line-height:1.9!important;color:#7e6f8e!important;margin:8px 0 0!important}
.r209-case-montage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:20px;background:#f1ecf8;align-items:center;height:100%;box-sizing:border-box}
.r209-case-montage figure{margin:0!important;min-width:0}
.r209-case-montage img{width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:contain!important;display:block;background:#fff}
.r209-case-montage figcaption{font-size:11px;line-height:1.5;margin-top:10px;color:#746083;text-align:center}
html #case-studies .r209-case .r95-case-top{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;align-items:stretch!important}
html #case-studies .r209-case .r95-media{min-height:0!important;height:auto!important;padding:0!important}
html #case-studies .r209-case .r95-overview{padding:28px!important;min-width:0}
html #case-studies .r209-case .r95-overview h3{font-size:27px!important;line-height:1.4!important;margin-bottom:12px!important}
html #case-studies .r209-case .r95-lead{font-size:15px!important;line-height:1.85!important}
.r209-case-angles{list-style:none;padding:0;margin:18px 0;display:flex;gap:10px;border-top:1px solid #e3d9ee;border-bottom:1px solid #e3d9ee;padding:14px 0}
.r209-case-angles li{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#7f6d90}
.r209-case-angles b{font-size:14px;color:#4e3a6c;font-weight:600}
html #case-direct-library .r209-case-row{display:block!important;padding:30px!important;background:#faf8fd!important}
.r209-case-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin:0 0 30px!important;align-items:center}
.r209-case-heading h3{font-size:28px!important;line-height:1.5!important;margin:6px 0 10px!important}
.r209-case-heading>div>p:not(.r185-case-number){font-size:15px;line-height:1.9;color:#756783;margin:0}
.r209-case-heading>.r209-delivery{padding-left:24px;border-left:1px solid #ded4ec}
html #selected .r209-home-work .r184-preview{height:auto!important;flex:auto!important;overflow:visible!important}
html #selected .r209-home-work .r209-gallery figure{height:330px!important;aspect-ratio:auto}
html #selected .r209-home-work .r209-gallery figure img{height:330px!important;max-height:330px!important}
html #selected .r209-home-work .r209-gallery-strip{height:65px!important;box-sizing:border-box}
html #selected .r209-home-work .r209-gallery-strip button{height:45px!important;flex-basis:34px}
html #selected .r209-home-work .r209-gallery-strip img{height:41px!important;max-height:41px!important}
html #selected .r209-home-work .r184-preview-copy p{display:block!important;height:auto!important;max-height:none!important;-webkit-line-clamp:unset;overflow:visible!important}
html #selected .r209-home-work .r184-preview-copy h3{min-height:0!important;-webkit-line-clamp:unset;display:block!important}
html #selected .r209-home-work .r209-copy{margin-top:4px}
html #selected .r209-home-work .r209-angle{display:none!important}
html #selected .r209-home-work .r209-excerpt>p{font-size:12px!important}
html[data-r182-works] .r182-project-media:has(.r209-gallery){padding:0!important;display:block!important;min-height:0!important;height:auto!important;background:#f3eff8!important;overflow:visible!important}
html[data-r182-works] .r182-project-media .r209-gallery{width:100%;max-width:100%;height:auto!important}
html[data-r182-works] .r182-project-media .r209-gallery figure{height:440px;aspect-ratio:auto}
html[data-r182-works] .r182-project-media .r209-gallery figure img{height:440px!important;max-height:440px!important}
html[data-r182-works] .r182-project-media .r209-gallery-strip img{height:62px!important;max-height:62px!important}
html[data-r182-works] .r182-project-media .r209-gallery-strip button{height:66px;flex-basis:50px}
@media(max-width:900px){.r209-products{gap:16px}.r209-product-copy{padding:18px}.r209-product h3{font-size:18px!important}html #case-studies .r209-case .r95-case-top{grid-template-columns:1fr!important}.r209-case-montage{padding:14px}.r209-case-heading{grid-template-columns:1fr;gap:16px}.r209-case-heading>.r209-delivery{padding:15px 0 0;border-left:0;border-top:1px solid #ded4ec}}
@media(max-width:650px){.r209-products{grid-template-columns:1fr;gap:24px}.r209-product-copy{padding:22px}.r209-product h3{font-size:20px!important}.r209-gallery figure{max-height:500px}.r209-case-montage{gap:6px}.r209-case-montage figcaption{font-size:10px}html #case-studies .r209-case .r95-overview{padding:22px!important}html #case-direct-library .r209-case-row{padding:16px!important}.r209-case-heading h3{font-size:25px!important}html #selected .r209-home-work .r209-gallery figure,html #selected .r209-home-work .r209-gallery figure img{height:390px!important;max-height:390px!important}html[data-r182-works] .r182-project-media .r209-gallery figure,html[data-r182-works] .r182-project-media .r209-gallery figure img{height:420px!important;max-height:420px!important}}
/* Scoped overrides of the established work library's fixed media height. */
html[data-r182-works] #portfolio-browser>.r182-project-browser .r182-project-media:has(.r209-gallery){height:auto!important;position:relative!important;top:auto!important;overflow:visible!important;align-self:start!important}
html[data-r182-works] #portfolio-browser>.r182-project-browser .r182-project-media .r209-gallery figure>img{height:440px!important;max-height:440px!important}
html[data-r182-works] #portfolio-browser>.r182-project-browser .r182-project-media .r209-gallery-strip button>img{height:62px!important;max-height:62px!important;object-fit:cover!important}
html #selected .r209-home-work .r184-preview-copy .r209-copy .r209-angle{display:none!important}
@media(max-width:650px){html[data-r182-works] #portfolio-browser>.r182-project-browser .r182-project-media .r209-gallery figure>img{height:420px!important;max-height:420px!important}}
@media(max-width:650px){html #service-graphic-notes .r207-section-head h2{text-wrap:balance;max-width:18em}}