.work-case-nav-layer{z-index:10;position:relative}.work-case-nav-progressive-blur{z-index:9;pointer-events:none;-webkit-backdrop-filter:blur(24px)saturate(1.15);backdrop-filter:blur(24px)saturate(1.15);height:180px;position:fixed;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 80% 100%);mask-image:linear-gradient(#000 0%,#0000 80% 100%)}@media (max-width:767px){.work-case-nav-progressive-blur{height:120px}}html[data-page-transition] .work-case-nav-progressive-blur{-webkit-backdrop-filter:none;backdrop-filter:none}#work-case{z-index:2;background-color:#0a0a0a;width:100%;padding-bottom:4rem;position:relative}#work-case .work-case-banner{isolation:isolate;z-index:0;pointer-events:none;width:100%;margin-bottom:2.5rem}#work-case .work-case-banner-image{aspect-ratio:16/9;object-fit:cover;pointer-events:none;width:100%;height:85vh;display:block}#work-case .work-case-body{grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;gap:.75rem;padding:0 .75rem 3rem;display:grid}@media (max-width:767px){#work-case .work-case-body{grid-template-columns:1fr}}#work-case .work-case-sidebar{z-index:1;grid-column:1/span 3;align-self:start;position:sticky;top:8rem}@media (max-width:767px){#work-case .work-case-sidebar{z-index:auto;grid-column:1/-1;position:static}}#work-case .work-case-main{grid-column:4/span 4;min-width:0}@media (max-width:767px){#work-case .work-case-main{grid-column:1/-1}}#work-case .work-case-intro{margin-bottom:2rem}#work-case .work-case-eyebrow{color:#fff;font-family:var(--font-primary),system-ui,sans-serif;letter-spacing:-.02em;font-size:3rem;line-height:1}#work-case .work-case-title{color:#fff;font-family:var(--font-primary),system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 1.5rem;font-size:3rem;line-height:1}#work-case .work-case-lede{color:#9a9a9a;max-width:40rem;font-family:var(--font-heading),system-ui,sans-serif;margin:0;font-size:1.125rem;line-height:1.55}#work-case .work-case-meta{flex-direction:column;gap:1.5rem;margin:3rem 0 0;padding:2rem 0 0;display:flex}#work-case .work-case-meta-row{margin:0}#work-case .work-case-meta-row dt{color:#9a9a9a;font-family:var(--font-heading),system-ui,sans-serif;margin:0 0 .5rem;font-size:.875rem;line-height:1}#work-case .work-case-meta-row dd{color:#fff;font-family:var(--font-heading),system-ui,sans-serif;margin:0;font-size:1rem;line-height:1.45}#work-case .work-case-collaborator-role{color:#9a9a9a;display:block}#work-case .work-case-category-list{flex-flow:column wrap;margin:0;padding:0;list-style:none;display:flex}#work-case .work-case-category-list li{color:#fff;font-family:var(--font-heading),system-ui,sans-serif;font-size:1rem;line-height:1.4}#work-case .work-case-live-site{justify-content:flex-start;margin:2rem 0 0;padding:1.5rem 0 0;display:flex}#work-case .work-case-sections{padding-bottom:2rem}#work-case .work-cards{padding:0 .75rem}#work-case .work-footer{justify-content:flex-end;padding:0 .75rem;display:flex}#work-case .work-footer .view-all{color:#fff;font-family:var(--font-primary),system-ui,sans-serif;letter-spacing:-.03em;border-bottom:2px solid #fff;padding-bottom:.5rem;font-size:4.5rem;line-height:1;text-decoration:none}#work-case .work-case-footer-cta{padding-top:4rem}#work-case .work-case-more-grid .work-footer{align-self:end;margin-top:0;padding:0}@media (max-width:767px){#work-case{padding-bottom:2.5rem}#work-case .work-case-banner{margin-bottom:1.5rem}#work-case .work-case-banner-image{height:min(58vh,420px)}#work-case .work-case-body{padding-bottom:2.5rem}#work-case .work-case-intro{margin-bottom:1.5rem}#work-case .work-case-eyebrow,#work-case .work-case-title{letter-spacing:-.02em;font-size:clamp(2.058rem,10.5vw,2.618rem);line-height:1}#work-case .work-case-title{margin-bottom:1rem}#work-case .work-case-lede{font-size:1rem;line-height:1.6}#work-case .work-case-meta{gap:1rem;margin-top:2rem;padding-top:1.5rem}#work-case .work-case-live-site{margin-top:1.5rem;padding-top:1rem}#work-case .work-case-sections{padding-bottom:1.5rem}#work-case .work-footer{justify-content:flex-start}#work-case .work-footer .view-all{padding-bottom:.25rem;font-size:clamp(1.618rem,8.2vw,2.058rem)}#work-case .work-case-footer-cta{padding-top:2.5rem}#work-case .work-case-more-grid>div:last-child{grid-template-columns:1fr;gap:1.5rem 1rem;display:grid}#work-case .work-case-more-grid>div:last-child>*{grid-area:auto/1/auto/-1!important}#work-case .work-case-more-grid>div:last-child{row-gap:1rem}#work-case .work-case-more-footer{justify-content:flex-start}}
