.work-page:has(.case-study-page){--cs-bg:#f0ece4;--cs-foreground:#1a1b1a;--cs-muted:#1a1b1a8c;--cs-accent:#1f3d2b;--cs-frame:#191919;--cs-sticky-top:clamp(1.25rem, 3vw, 2rem);--cs-page-padding:clamp(1.25rem, 4vw, 3.75rem);--cs-column-gap:clamp(2rem, 5vw, 4.5rem);background:var(--cs-bg);height:100dvh;min-height:100dvh;color:var(--cs-foreground);overflow:hidden}@media (prefers-reduced-motion:reduce){.work-page:has(.case-study-page){-webkit-overflow-scrolling:touch;overflow:hidden auto}}.case-study-page{background:var(--cs-bg);width:100%;color:var(--cs-foreground);position:relative}.case-study-header{padding:clamp(1.25rem, 3vw, 2.5rem) var(--cs-page-padding) clamp(.75rem, 2vh, 1.25rem);justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.case-study-header__logo{line-height:0;text-decoration:none}.case-study-header__logo-image{filter:invert();width:clamp(3rem,5vw,4.5rem);height:auto;display:block}.case-study-header__other-work{color:var(--cs-foreground);font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;background:0 0;border:1px solid #1a1b1a2e;border-radius:999px;flex-shrink:0;padding:.65rem 1.1rem;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;transition:background .2s,border-color .2s}.case-study-header__other-work:hover{background:#1a1b1a0f;border-color:#1a1b1a47}.case-study-scroll{padding:clamp(1.5rem, 4vh, 3rem) var(--cs-page-padding) clamp(4rem, 10vh, 7rem)}.case-study-columns{gap:var(--cs-column-gap);grid-template-columns:minmax(0,.92fr) minmax(0,1.48fr);align-items:start;display:grid}.case-study-sidebar,.case-study-media{top:var(--cs-sticky-top);position:sticky}.case-study-sidebar{flex-direction:column;gap:clamp(2rem,4vh,3rem);max-width:34rem;display:flex}.case-study-sidebar__intro{flex-direction:column;gap:clamp(1.25rem,2.5vh,1.75rem);display:flex}.case-study-sidebar__title{font-family:var(--font-pp-neue-corp-tight), "Arial Black", sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:.88}.case-study-sidebar__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;display:flex}.case-study-sidebar__cta{background:var(--cs-accent);color:#f0ece4;font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;border-radius:999px;align-items:center;gap:.65rem;padding:.7rem 1.1rem;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;transition:opacity .2s;display:inline-flex}.case-study-sidebar__cta:hover{opacity:.88}.case-study-sidebar__cta-arrow{font-size:1.05rem}.case-study-sidebar__tag{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;color:var(--cs-muted);font-size:.9375rem;font-weight:500}.case-study-sidebar__lead{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;margin:0;font-size:clamp(1rem,1.35vw,1.125rem);font-weight:500;line-height:1.45}.case-study-sidebar__body{flex-direction:column;gap:1.25rem;display:flex}.case-study-sidebar__paragraph{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;color:#1a1b1ad1;margin:0;font-size:clamp(.9375rem,1.2vw,1.0625rem);font-weight:500;line-height:1.55}.case-study-services{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.case-study-services__item{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;align-items:center;gap:.85rem;font-size:clamp(.9375rem,1.2vw,1.0625rem);font-weight:500;line-height:1.4;display:flex}.case-study-services__icon{justify-content:center;align-items:center;width:1.25rem;font-size:1rem;line-height:1;display:inline-flex}.case-study-services__icon--star{color:#c45cff}.case-study-services__icon--circle{color:#4f8cff}.case-study-services__icon--chevron{color:#8b6cff}.case-study-services__icon--cross{color:#ff6b9d}.case-study-capabilities__heading,.case-study-collaboration__heading{font-family:var(--font-pp-migra), "Iowan Old Style", "Palatino Linotype", serif;margin:clamp(2rem,4vw,2.75rem) 0 1.25rem;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:400;line-height:1.1}.case-study-capabilities__list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.case-study-capabilities__item{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;font-size:clamp(.9375rem,1.2vw,1.0625rem);font-weight:500;line-height:1.45}.case-study-collaboration__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.case-study-collaboration__row{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;border-top:1px solid #1a1b1a1f;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:1rem;padding-block:.85rem;font-size:clamp(.8125rem,1vw,.9375rem);font-weight:500;line-height:1.35;display:grid}.case-study-collaboration__row:last-child{border-bottom:1px solid #1a1b1a1f}.case-study-collaboration__description{color:#1a1b1ab8}.case-study-media{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);display:flex}.case-study-media__duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.case-study-media__frame{background:var(--cs-frame);opacity:0;will-change:transform, opacity;border-radius:clamp(1rem,2vw,1.75rem);overflow:hidden}.case-study-placeholder{background:linear-gradient(145deg,#ffffff0f 0%,#fff0 55%),#242424;justify-content:center;align-items:center;width:100%;display:flex}.case-study-placeholder__label{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;text-align:center;padding:1rem;font-size:.75rem;font-weight:500}.case-study-preview{width:100%;position:relative}.case-study-preview__image{object-fit:cover}.case-study-media__frame--layered{width:100%;position:relative}.case-study-media__background{object-fit:cover;object-position:center}.case-study-media__foreground{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.case-study-media__foreground-box{filter:drop-shadow(0 12px 28px #00000059);position:relative}.case-study-media__foreground-image{object-fit:contain}.case-study-media__foreground-box--wide{width:80%}.case-study-media__foreground-box--tall{width:42%}.case-study-media__foreground-box--full{width:100%}.case-study-quote{margin:clamp(1rem,3vh,2rem) 0;padding:0}.case-study-quote__text{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3.2vw,3rem);font-weight:500;line-height:1.08}.case-study-quote__line{display:block;overflow:hidden}.case-study-quote__word{will-change:transform, opacity;display:inline-block}.case-study-quote__text:before,.case-study-quote__text:after{content:none}.case-study-quote__attribution{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;color:var(--cs-muted);align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.9375rem;font-weight:500;display:flex}.case-study-quote__dot{font-size:.65rem}.case-study-up-next{width:100%;margin-top:clamp(4rem,10vh,7rem)}.case-study-up-next__eyebrow{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:-.03em;margin:0 0 clamp(1.25rem,3vh,2rem);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:.95}.case-study-up-next__card{opacity:0;will-change:transform, opacity}@media (max-width:960px){.case-study-columns{grid-template-columns:1fr}.case-study-sidebar,.case-study-media{max-width:none;position:static;top:auto}.case-study-collaboration__row{grid-template-columns:1fr;gap:.35rem}}@media (max-width:640px){.case-study-media__duo{grid-template-columns:1fr}}.case-study-page--modal-mobile .case-study-mobile-modal{flex-direction:column;gap:clamp(2rem,4vh,3rem);display:flex}.case-study-page--modal-mobile .case-study-sidebar,.case-study-page--modal-mobile .case-study-media{max-width:none;position:static;top:auto}.case-study-mobile-modal__hero-media,.case-study-mobile-modal__rest-media{width:100%}.case-study-mobile-modal__intro.case-study-sidebar,.case-study-mobile-modal__body.case-study-sidebar{gap:clamp(1.5rem,3vh,2.5rem)}@media (prefers-reduced-motion:reduce){.case-study-sidebar__cta{transition:none}.case-study-media__frame,.case-study-up-next__card{opacity:1}.case-study-media__frame,.case-study-up-next__card,.case-study-quote__word{will-change:auto}}
.work-card-wrapper{--aspect-x:1452;--aspect-y:890;width:100%;aspect-ratio:var(--aspect-x) / var(--aspect-y)}.work-card{width:100%;height:100%;color:inherit;border-radius:clamp(1rem,2vw,1.75rem);text-decoration:none;display:block;position:relative;overflow:hidden}.work-card--landscape{background:#242424}.work-card__thumbnail-wrapper{position:absolute;inset:0;overflow:hidden}.work-card__thumbnail-outer{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.work-card__thumbnail-outer .work-card__media-frame{position:absolute;inset:0}.work-card__media{object-fit:cover;width:100%;height:100%;display:block}.work-card__media--placeholder{background:linear-gradient(145deg,#ffffff0f 0%,#fff0 55%),#242424;justify-content:center;align-items:center;display:flex}.work-card__placeholder-label{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;text-align:center;padding:1rem;font-size:.75rem;font-weight:500}.work-card__thumbnail-inner{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-card__thumbnail-inner--desktop{padding:clamp(1.5rem,4vw,3rem)}.work-card__foreground{position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}.work-card__foreground--desktop{aspect-ratio:16/10;border-radius:clamp(.5rem,1vw,.85rem);width:min(72%,56rem)}.work-card__thumbnail-inner--full{padding:0;display:block}.work-card__foreground--full{width:auto;height:80%;box-shadow:none;border-radius:0;position:absolute;top:10%;left:5%;overflow:visible}.work-card__media--full{object-fit:contain;width:auto;max-width:none;height:100%;display:block}.work-card__thumbnail-inner--tall{padding:clamp(1rem,2.5vw,2rem)}.work-card__foreground--tall{width:auto;height:min(82%,30rem);box-shadow:none;border-radius:0;overflow:visible}.work-card__media--tall{object-fit:contain;filter:drop-shadow(0 18px 40px #00000059);width:auto;max-width:none;height:100%;display:block}.work-card__thumbnail-inner--phone{padding:clamp(1.25rem,3vw,2.5rem)}.work-card__foreground--phone{aspect-ratio:9/19.5;border-radius:clamp(.85rem,1.5vw,1.25rem);width:min(34%,14rem);box-shadow:0 24px 80px #0006}.work-card__thumbnail-inner--phone-grid{padding:clamp(1rem,2.5vw,2rem)}.work-card__phone-grid{justify-content:center;align-items:center;gap:clamp(.75rem,2vw,1.5rem);width:min(92%,52rem);display:flex}.work-card__phone{aspect-ratio:9/19.5;border-radius:clamp(.75rem,1.2vw,1.1rem);flex:1 1 0;max-width:12rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000061}.work-card__phone .work-card__media-frame,.work-card__foreground .work-card__media-frame{position:absolute;inset:0}.work-card__content{z-index:2;pointer-events:none;align-items:flex-end;display:flex;position:absolute;inset:0}.work-card__content-inner{padding:clamp(1rem,2vw,1.5rem)}.work-card__title{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;line-height:1.1}.work-card__content--white .work-card__title{color:#fff}.work-card__content--dark .work-card__title{color:#1a1b1a}@media (max-width:640px){.work-card__phone-grid{gap:.5rem}.work-card__phone{max-width:6.5rem}}@media (prefers-reduced-motion:reduce){.work-card__thumbnail-outer{will-change:auto}}