/* Shared, flowing case-study layout. The supplied case sources use cs-* tokens. */
.case-page{--cs-ink:#141414;--cs-gray-500:#6b7280;--cs-gray-300:#d1d5db;--cs-gray-100:#f3f4f6;--cs-white-70:rgba(255,255,255,.7);--cs-white-15:rgba(255,255,255,.15);--cs-rg:'Rg Standardbook',Arial,sans-serif}
.cs-case{color:var(--cs-ink);overflow:clip}
.cs-case *, .cs-behance *{box-sizing:border-box}
.cs-case :is(p,h2,h3,figure,dl,dd){margin:0}
.cs-container{width:82.5em;max-width:calc(100% - 7.5em);margin-inline:auto}
.cs-case img{display:block;max-width:100%;height:auto}
.cs-case [id]{scroll-margin-top:8em}
.cs-sr,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link:focus{position:fixed;top:1em;left:1em;z-index:2000;padding:1em;background:#fff;color:#000}
.cs-label{font-size:.875em;font-weight:300;line-height:1.3;text-transform:uppercase;letter-spacing:0;color:var(--cs-gray-500)}
.cs-b1,.cs-cover__lead,.cs-head__note{font-size:1.25em;font-weight:300;line-height:1.3;letter-spacing:-.025em}
.cs-b3,.cs-caption,.cs-screen figcaption,.cs-phone figcaption{font-size:.875em;line-height:1.4;font-weight:300}
.cs-h2{font-family:var(--cs-rg);font-size:2em;font-weight:400;line-height:1.15;letter-spacing:-.03em}
.cs-muted{color:var(--cs-gray-500)}
.cs-white,.cs-h2--white,.cs-label--white{color:#fff}
.cs-on-dark-muted{color:var(--cs-white-70)}
.cs-label--ink{color:var(--cs-ink)}
.cs-narrow{max-width:46em}
.cs-btn{flex:none;display:inline-flex;gap:1.5em;align-items:center;justify-content:center;min-height:3.75em;padding:1em 1.25em;white-space:normal}
.cs-cover{padding-top:12.25em}
.cs-cover__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2em}
.cs-team{display:flex;align-items:center;justify-content:center;gap:1em;font-size:.875em;font-weight:300;color:var(--cs-gray-500)}
.cs-team__avatars{width:8.14em;flex:none}
.cs-cover .cs-cover__title{max-width:20em;font-size:4em;line-height:.98;font-weight:400;letter-spacing:-.035em}
.cs-cover__lead{max-width:42em;color:var(--cs-gray-500)}
.cs-outcome{margin-top:4em;padding-top:2.5em;border-top:1px solid var(--cs-gray-300);text-align:center}
.cs-figures{display:flex;justify-content:center;gap:5em;margin:2em 0!important}
.cs-figure{display:flex;flex-direction:column-reverse;gap:1em;max-width:19em;min-width:10em}
.cs-figure__value{font-family:var(--cs-rg);font-size:4em;line-height:1;letter-spacing:-.05em}
.cs-arrow{font-size:.7em;color:#9ca3af}
.cs-outcome__note{max-width:65em;margin:0 auto!important}
.cs-cover__media{width:82.5em;max-width:calc(100% - 7.5em);margin:4em auto 0!important}
.cs-cover__media img{width:100%}
.cs-service{display:flex;align-items:center;justify-content:space-between;gap:2em;padding:2em 0;border-bottom:1px solid var(--cs-gray-300)}
.cs-service__name{display:flex;flex-direction:column;gap:.75em}
.cs-service__value{font-size:1.5em;letter-spacing:-.04em}
.cs-caption{padding-top:1em;color:var(--cs-gray-500)}
.cs-credits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2em;padding:4em 0 6em}
.cs-credits__cell{display:flex;flex-direction:column;gap:1em;font-size:1em}
.cs-link{color:inherit;text-decoration:underline;text-underline-offset:.25em}
.cs-section{padding:7.5em 0}
.cs-section--white{background:#fff}
.cs-section--gray{background:var(--cs-gray-100)}
.cs-section--black{background:#000;color:#fff}
.cs-section--black .cs-head__note{color:var(--cs-white-70)}
.cs-stack{display:flex;flex-direction:column;gap:3.5em}
.cs-stack--64{gap:4em}
.cs-stack--60{gap:3.75em}
.cs-head{display:flex;flex-direction:column;gap:2em}
.cs-eyebrow{display:flex;align-items:center;gap:.75em;text-transform:uppercase;font-size:1em;line-height:1.2}
.cs-eyebrow svg{width:1em;height:1em;fill:none;stroke:currentColor;flex:none}
.cs-head__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5em;align-items:start}
.cs-head__row--end{align-items:end}
.cs-head__title{max-width:19em}
.cs-head__display,.cs-statement__title,.cs-changed__statement{font-size:4em;line-height:1;letter-spacing:-.035em;font-weight:400}
.cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2em;padding:2em 0;border-block:1px solid var(--cs-gray-300)}
.cs-fact{display:flex;flex-direction:column-reverse;gap:1em}
.cs-fact__value{font-family:var(--cs-rg);font-size:4em;line-height:1;letter-spacing:-.05em}
.cs-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2em}
.cs-scope__cell{display:flex;flex-direction:column;gap:1.5em;line-height:1.4}
.cs-brief{padding:2.5em;border:1px solid var(--cs-gray-300);display:flex;flex-direction:column;gap:1em}
.cs-brief__quote{margin:0;font-family:var(--cs-rg);font-size:2em;line-height:1.2}
.cs-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5em}
.cs-statement{display:flex;flex-direction:column;gap:2em}
.cs-ledger,.cs-questions,.cs-roles,.cs-phones,.cs-screens,.cs-more__list,.cs-wall__col{list-style:none;padding:0;margin:0}
.cs-ledger{display:flex;flex-direction:column;gap:2em}
.cs-ledger li{display:grid;grid-template-columns:3.5em minmax(0,1fr);gap:1em;padding-bottom:2em;border-bottom:1px solid var(--cs-white-15);font-size:1.25em;line-height:1.3}
.cs-index{font-size:1em;line-height:1.2;white-space:nowrap;letter-spacing:0}
.cs-index--light{color:var(--cs-gray-500)}
.cs-shot{display:flex;flex-direction:column;gap:1.5em}
.cs-shot>img{width:100%;background:var(--cs-gray-100)}
.cs-shot figcaption{margin:0}
.cs-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5em}
.cs-col{display:flex;flex-direction:column;gap:1.5em;border-top:1px solid var(--cs-gray-300);padding-top:2em}
.cs-col__meta{display:flex;align-items:center;justify-content:space-between}
.cs-chip{border:1px solid var(--cs-gray-300);padding:.5em .75em;font-size:.875em;line-height:1.2}
.cs-register{display:flex;flex-direction:column;gap:1.5em;margin-top:1em!important}
.cs-register>div{display:flex;flex-direction:column;gap:.75em;line-height:1.4}
.cs-voice{width:100%;border-collapse:collapse;table-layout:fixed}
.cs-voice th,.cs-voice td{text-align:left;vertical-align:top;padding:1.5em 3em 1.5em 0;border-bottom:1px solid var(--cs-white-15)}
.cs-voice td{font-size:1.5em;line-height:1.3}
.cs-voice td:first-child{color:var(--cs-white-70)}
.cs-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5em 1.5em}
.cs-screen{display:flex;flex-direction:column;gap:1em}
.cs-screen img{width:100%;border:1px solid var(--cs-gray-300)}
.cs-screen figcaption,.cs-phone figcaption{color:var(--cs-gray-500)}
.cs-questions{display:flex;flex-direction:column;gap:6em}
.cs-q{display:flex;flex-direction:column;gap:2em;scroll-margin-top:8em}
.cs-q__head{display:flex;align-items:start;justify-content:space-between;gap:2em}
.cs-q__title{font-family:var(--cs-rg);font-size:2em;line-height:1.2;letter-spacing:-.03em}
.cs-q__title .cs-index{font-family:Worksans,Arial,sans-serif;font-size:.5em;margin-right:1em}
.cs-q__notes{display:grid;grid-template-columns:2fr 1fr;gap:5em}
.cs-q__notes>div{display:flex;flex-direction:column;gap:1em}
.cs-rest,.cs-mascot{display:flex;flex-direction:column;gap:3.5em;margin-top:2em}
.cs-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5em;margin:0 -6em;padding-bottom:4em;overflow:hidden}
.cs-wall__col{display:flex;flex-direction:column;gap:1.5em}
.cs-wall__col:nth-child(even){transform:translateY(4em)}
.cs-wall img{width:100%}
.cs-roles{display:flex;gap:1.25em;overflow-x:auto;scroll-snap-type:x mandatory}
.cs-role{flex:1 0 14em;display:flex;flex-direction:column;gap:.75em;scroll-snap-align:start}
.cs-role img{width:100%;margin-bottom:.75em}
.cs-role__title{font-family:var(--cs-rg);font-size:1.5em}
.cs-phones{display:flex;gap:1.5em;overflow-x:auto;scroll-snap-type:x mandatory}
.cs-phones>li{flex:1 0 18em;scroll-snap-align:start}
.cs-phone{display:flex;flex-direction:column;gap:1.5em}
.cs-phone img{width:100%;max-width:19.5em;border:1px solid var(--cs-gray-300)}
.cs-changed__statement{max-width:20em}
.cs-changed__rail{height:1px;background:var(--cs-white-15);margin:1em 0 3em}
.cs-changed__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3em}
.cs-changed__cols>div{display:flex;flex-direction:column;gap:1.5em}
.cs-more__title{font-size:4em;margin-bottom:1em!important}
.cs-more__list{display:flex;gap:1.5em;padding:0 max(3.75em,calc((100vw - 82.5em)/2)) 2em;overflow-x:auto;scroll-snap-type:x mandatory}
.cs-more__list>li{flex:none;width:25.5em;scroll-snap-align:start}
.cs-card{display:block;background:var(--cs-gray-100);color:inherit;text-decoration:none;padding:.5em;height:100%}
.cs-card__media{width:100%;aspect-ratio:408/343;object-fit:cover}
.cs-card__body{display:flex;flex-direction:column;gap:.75em;padding:1.5em}
.cs-card__cat{color:#7c3aed;font-size:.875em}
.cs-card__title{display:flex;align-items:center;justify-content:space-between;font-family:var(--cs-rg);font-size:2em;line-height:1.1}
.cs-card__arrow{width:.6em;flex:none}
.cs-card__text{font-size:1em;line-height:1.4;font-weight:300}
.cs-more>.cs-container:last-child{margin-top:2em}
.cs-behance{position:relative;min-height:32em;background:#000;color:#fff;display:grid;place-items:center;overflow:hidden;text-align:center}
.cs-behance__band{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.cs-behance__body{position:relative;padding:5em 2em;display:flex;flex-direction:column;align-items:center;gap:2em}
.cs-behance__title{font-size:4em;max-width:13em;font-weight:400;line-height:1}
.cs-section--black :is(.cs-h2,.cs-head__display,.cs-statement__title,.cs-changed__statement){color:#fff}
@media(min-width:1920px){.case-page{font-size:21.333px}}
@media(max-width:991px){.cs-container,.cs-cover__media{max-width:calc(100% - 4em)}.cs-head__row,.cs-split,.cs-pair{gap:2.5em}.cs-roles{padding-bottom:1em}}
@media(max-width:479px){
 .cs-case,.cs-behance{font-size:16px;letter-spacing:0}
 .cs-container{width:auto;max-width:none;margin-inline:1em}
 .cs-cover{padding-top:8em}.cs-cover__head{gap:1.5em}
 .cs-team{font-size:.75em;gap:.75em}.cs-team__avatars{width:7em}
 .cs-cover .cs-cover__title{font-size:2.5em;line-height:1.05;letter-spacing:-.04em}.cs-br{display:none}
 .cs-cover__lead,.cs-b1,.cs-head__note{font-size:1em;line-height:1.4;letter-spacing:-.02em}
 .cs-outcome{margin-top:2.5em;padding-top:2em}
 .cs-figures{gap:1em;align-items:start}.cs-figure{max-width:none;min-width:0;flex:1;gap:.75em}.cs-figure__value{font-size:2.5em}.cs-label{font-size:.75em}
 .cs-cover__media{width:100%;max-width:none;margin-top:2.5em!important}
 .cs-service{gap:1em;padding:1.5em 0}.cs-service__value{font-size:1em}.cs-btn{font-size:.875em;min-height:3.5em;gap:.75em;padding:.75em}
 .cs-caption{font-size:.75em;line-height:1.4}.cs-credits{grid-template-columns:1fr;gap:1.5em;padding:2em 0 4em}.cs-credits__cell{gap:.5em}
 .cs-section{padding:4em 0}.cs-stack,.cs-stack--64,.cs-stack--60{gap:2.5em}.cs-head{gap:1.5em}.cs-eyebrow{font-size:.875em}
 .cs-head__row,.cs-split,.cs-pair,.cs-scope,.cs-changed__cols{grid-template-columns:1fr;gap:1.5em}
 .cs-h2,.cs-q__title{font-size:1.5em;line-height:1.2}.cs-head__display,.cs-statement__title,.cs-changed__statement{font-size:2.5em;line-height:1.05}
 .cs-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2em 1em}.cs-fact__value{font-size:3em}.cs-fact{gap:.75em}
 .cs-brief{padding:1.5em}.cs-brief__quote{font-size:1.5em}.cs-scope__cell{gap:.75em;font-size:.875em}
 .cs-ledger li{font-size:1em;gap:.5em;grid-template-columns:2.5em 1fr;padding-bottom:1.5em}.cs-ledger{gap:1.5em}
 .cs-col{gap:1em;padding-top:1.5em}.cs-register{font-size:.875em;gap:1.25em}
 .cs-voice td{font-size:1em;padding:1em .75em 1em 0}.cs-voice th{padding:0 .75em 1em 0}
 .cs-screens{grid-template-columns:1fr;gap:2em}.cs-screen figcaption,.cs-b3{font-size:.75em;line-height:1.4}
 .cs-questions{gap:4em}.cs-q{gap:1.5em}.cs-q__head{flex-direction:column;gap:1em}.cs-q__notes{grid-template-columns:1fr;gap:1.5em}
 .cs-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75em;margin:0 -1em;padding-bottom:2em}.cs-wall__col{gap:.75em}.cs-wall__col:nth-child(n+3){display:none}.cs-wall__col:nth-child(even){transform:translateY(2em)}
 .cs-rest,.cs-mascot{gap:2em;margin-top:0}.cs-role{flex-basis:13.5em}.cs-role__title{font-size:1.25em}
 .cs-phones{margin-inline:-1em;padding-inline:1em}.cs-phones>li{flex:none;width:15em}.cs-phone{gap:1em}
 .cs-changed__rail{margin:0 0 2em}.cs-changed__cols{gap:2em}.cs-changed__cols>div{gap:.75em}
 .cs-more__title{font-size:2.5em}.cs-more__list{gap:1em;padding-inline:1em}.cs-more__list>li{width:19em}.cs-card__title{font-size:1.5em}.cs-card__body{padding:1em}.cs-card__text{font-size:.875em}
 .cs-behance{min-height:26em}.cs-behance__title{font-size:2.5em}
}
@media(prefers-reduced-motion:reduce){.cs-case *{scroll-behavior:auto!important}.cs-case .heading-blur-reveal .word{filter:none!important;opacity:1!important;transform:none!important}}

.cs-figures{align-items:flex-start}.cs-fact{justify-content:flex-end}