#case-study{--brand-color:var(--color-ink);--project-chapter-space:var(--space-9)}#case-study .content-meta ul li{display:inline}#case-study .content-meta ul li:before{display:none!important}#case-study .content-meta ul li:after{display:inline-block;color:var(--color-ink-muted);content:",\00a0"}#case-study .content-meta ul li:last-child:after{content:""}#case-study .banner{position:relative;overflow:hidden;background-color:var(--color-stage);border-radius:calc(3 * var(--spacing-unit));margin-bottom:var(--project-chapter-space)}#case-study .banner.has-controls:hover{cursor:pointer}#case-study .banner .banner-container{position:relative;margin:0 auto;max-width:80%;aspect-ratio:2560/1904}#case-study .banner .banner-controls{position:absolute;right:calc(3 * var(--spacing-unit));bottom:calc(3 * var(--spacing-unit));z-index:3;display:grid;place-items:center;width:var(--space-6);height:var(--space-6);padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-ink-muted);cursor:pointer}#case-study .banner .banner-controls[hidden]{display:none}#case-study .banner .banner-controls:hover{background:var(--color-ink)}#case-study .banner .banner-controls:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}#case-study .banner .banner-controls:active{transform:scale(.96)}.banner-controls .icon{display:none;justify-content:center;align-items:center;width:calc(6 * var(--spacing-unit));height:calc(6 * var(--spacing-unit));border-radius:100%}.banner-controls .pause-icon{display:flex}.banner-controls.playing .play-icon{display:none}.banner-controls.playing .pause-icon{display:flex}.banner-controls.paused .pause-icon{display:none}.banner-controls.paused .play-icon{display:flex}#case-study .banner .banner-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:2}#case-study .banner img.active{opacity:1}body#case-study .banner-container .loader{position:absolute;top:50%;left:50%;width:calc(6 * var(--spacing-unit));height:calc(6 * var(--spacing-unit));margin-top:calc(-3 * var(--spacing-unit));margin-left:calc(-3 * var(--spacing-unit));border:5px solid var(--color-ink-muted);border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite;z-index:1;pointer-events:none}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#case-study .banner-container.is-ready .loader{display:none}#case-study .content-main h2:first-letter{text-transform:uppercase}#case-study .content-main h5{margin:var(--project-chapter-space) 0 0}#case-study .content-main h5+h2{margin-top:var(--space-2);padding-top:0}#case-study .content-main .img,#case-study .content-main figure{font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:0}#case-study .content-main>.img,#case-study .content-main>figure{margin-top:var(--prose-flow)}#case-study .content-main>h2{margin-top:var(--space-7);padding-top:0}#case-study .content-main>h5+h2{margin-top:var(--space-2)}#case-study .content-main>p~h5:first-of-type:has(+h2){margin-top:var(--space-6)}#case-study .content-main>:first-child{margin-top:0;padding-top:0}#case-study .content-main>.content-meta{margin-top:var(--space-6)}#case-study .banner:has(+.highlights){margin-bottom:var(--space-3)}@media (min-width:1024px){#case-study .page-intro:has(+.banner,+.highlights){margin-bottom:var(--space-7)}#case-study{--project-chapter-space:var(--space-12)}}#case-study .content-main .img div.multi{display:flex;gap:var(--layout-gap);justify-content:space-between}#case-study .content-main .img div.multi.row{flex-direction:row}#case-study .content-main .img div.multi.col{flex-direction:column}#case-study .content-main .img div.multi>div{flex:1 1 0;max-width:100%}#case-study .content-main .img div.media-surface{background:var(--color-stage);border-radius:calc(1 * var(--spacing-unit));overflow:hidden}#case-study .content-main .img div.multi.col>div:last-child{margin-bottom:0}#case-study .content-main .img div.padding{padding:var(--spacing-unit)}#case-study .content-main .img>div img,#case-study .content-main .img>div picture{display:block;width:100%}#case-study .content-main figure blockquote{border:0;margin:0;padding:0}#case-study .content-main figure blockquote p{font-size:var(--font-size-base);line-height:var(--line-height-base);font-style:italic}#case-study .content-main figure blockquote p:last-child{margin-bottom:0}#case-study .content-main figure blockquote p:before{color:var(--color-ink-muted);content:"“";display:inline-block;width:.7em;margin-left:-.7em;padding-right:.07em;text-align:right}#case-study .content-main figure blockquote p:after{break-before:avoid;color:var(--color-ink-muted);content:"”"}#case-study .content-main figure blockquote+figcaption{color:var(--color-ink-muted);text-align:left}#case-study .content-main figure blockquote+figcaption:before{content:"\2014";position:relative}#case-study .content-main ul{list-style-type:none}#case-study .content-main ul:not(.quotes) li{padding-bottom:calc(1 * var(--spacing-unit))}#case-study .content-main ul:not(.quotes) li:last-child{padding-bottom:0}#case-study .content-main ul:not(.quotes) li:before{display:inline-block;color:var(--color-ink-muted);content:"—";padding-right:calc(1 * var(--spacing-unit));margin-left:calc(-3 * var(--spacing-unit))}#case-study .content-main .quotes{--quote-supporting-ink:color-mix(in srgb, var(--color-ink-muted) 85%, var(--color-ink));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-2);align-items:stretch;padding:0}#case-study .content-main .quotes li{background:var(--color-stage);border:0;border-radius:var(--radius-small);display:flex;min-width:0;margin:0;padding:calc(3 * var(--spacing-unit))}#case-study .content-main .quotes li:last-child{margin-bottom:0}#case-study .content-main .quotes li .card{display:flex;flex:1;flex-direction:column;justify-content:flex-start;row-gap:calc(3 * var(--spacing-unit))}.quotes .persona{display:inline-block;width:calc(7 * var(--spacing-unit));height:auto;margin-top:auto;border-radius:calc(.5 * var(--spacing-unit));overflow:hidden}#case-study .content-main .quotes li .card blockquote{color:var(--quote-supporting-ink);border:0;font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0;padding:0}#case-study .content-main .quotes li .card blockquote strong{color:var(--color-ink)}#case-study .content-main .quotes li:before{display:none}#case-study .content-main .quotes li strong{display:block;margin-bottom:var(--space-1)}#case-study .content-main .quotes .quote-rating{display:block;margin-bottom:var(--space-1);color:var(--quote-supporting-ink);font-weight:var(--font-weight-normal)}#case-study .content-main .quotes li .persona:has(svg){background:0 0}#case-study .content-main .quotes li .persona svg{max-width:100%;height:auto}#case-study .content-main .quotes li .persona svg path{fill:var(--color-ink)}svg.persona path{fill:none;stroke:var(--brand-color)}#case-study .content-main p sup a{padding:0 1px;text-decoration:none;font-size:var(--font-size-sm);line-height:var(--line-height-display);font-family:var(--font-mono)}#case-study .content-main h5:has(+ol#footnotes){border-top:1px solid var(--color-divider);padding-top:calc(3 * var(--spacing-unit))}.icon-check-yes{background-color:var(--color-ink);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.00002L5.83364 11L14.5 1' stroke='%23232426' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");-webkit-mask-size:16px;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.00002L5.83364 11L14.5 1' stroke='%23232426' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");mask-size:16px;mask-position:center;mask-repeat:no-repeat}.icon-check-no{background-color:var(--color-ink);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.343278 10.2423C-0.0472467 10.6329 -0.0472467 11.266 0.343278 11.6566C0.733802 12.0471 1.36697 12.0471 1.75749 11.6566L6.00026 7.41378L10.2432 11.6567C10.6337 12.0473 11.2669 12.0472 11.6574 11.6567C12.0479 11.2662 12.0479 10.633 11.6574 10.2425L7.41447 5.99957L11.657 1.75706C12.0475 1.36653 12.0475 0.733369 11.657 0.342845C11.2665 -0.0476796 10.6333 -0.0476799 10.2428 0.342845L6.00026 4.58536L1.75792 0.343017C1.36739 -0.0475071 0.734229 -0.0475071 0.343705 0.343017C-0.0468194 0.733541 -0.0468194 1.36671 0.343705 1.75723L4.58605 5.99957L0.343278 10.2423Z' fill='%23232426'/%3E%3C/svg%3E");-webkit-mask-size:12px;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.343278 10.2423C-0.0472467 10.6329 -0.0472467 11.266 0.343278 11.6566C0.733802 12.0471 1.36697 12.0471 1.75749 11.6566L6.00026 7.41378L10.2432 11.6567C10.6337 12.0473 11.2669 12.0472 11.6574 11.6567C12.0479 11.2662 12.0479 10.633 11.6574 10.2425L7.41447 5.99957L11.657 1.75706C12.0475 1.36653 12.0475 0.733369 11.657 0.342845C11.2665 -0.0476796 10.6333 -0.0476799 10.2428 0.342845L6.00026 4.58536L1.75792 0.343017C1.36739 -0.0475071 0.734229 -0.0475071 0.343705 0.343017C-0.0468194 0.733541 -0.0468194 1.36671 0.343705 1.75723L4.58605 5.99957L0.343278 10.2423Z' fill='%23232426'/%3E%3C/svg%3E");mask-size:12px;mask-position:center;mask-repeat:no-repeat}#case-study .content-main table{border-radius:var(--radius-small);padding:0;color:var(--color-ink)}#case-study .content-main table thead{background:var(--color-stage)}#case-study .content-main table th{height:auto;padding:var(--space-2);font-weight:var(--font-weight-medium)}#case-study .content-main table tbody tr:nth-child(odd){background:0 0}#case-study .content-main table tbody :is(th,td){border-top:1px solid var(--color-divider);border-radius:0;padding:var(--space-2)}#case-study .content-main table:has(.icon-check-yes,.icon-check-no) :is(th,td):not(:first-child){width:var(--space-7);text-align:center}@media (min-width:768px){#case-study .content-main .breakout table :is(th,td):first-child{min-width:clamp(8rem,12vw,11rem)}}@media (min-width:1024px){#case-study .content-main table thead th{white-space:nowrap}#case-study .content-main table:has(.icon-check-yes,.icon-check-no) :is(th,td):not(:first-child){width:1%}}#case-study .content-main>blockquote{border-left:calc(var(--space-1)/ 4) solid var(--color-ink-muted);padding-left:var(--space-3);margin-inline:0;color:color-mix(in srgb,var(--color-ink-muted) 85%,var(--color-ink));font-size:clamp(1.125rem,1.5vw,var(--font-size-md));line-height:var(--line-height-base)}#case-study .content-main>blockquote>:last-child{margin-bottom:0}