.ProjectCase{color:var(--color-text-primary);background:var(--color-bg-primary)}.ProjectCase__inner{padding-top:calc(var(--header-height) + 3.2rem);row-gap:0;padding-bottom:0}.ProjectCase__breadcrumbs{grid-column:1/-1;margin-bottom:2.4rem}.ProjectCase__hero{display:contents}.ProjectCase__intro{flex-direction:column;grid-column:1/4;align-self:start;align-items:flex-start;gap:1.6rem;min-width:0;max-width:55.8rem;display:flex}.ProjectCase__tag{margin:0}.ProjectCase__client{color:var(--color-text-secondary);margin:0}.ProjectCase__title{margin:0}.ProjectCase__media{grid-column:5/-1;margin-bottom:3.2rem;position:relative}.ProjectCase__slider{border-radius:var(--radius-sm);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;display:flex;overflow:auto hidden}.ProjectCase__slide{aspect-ratio:920/580;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.ProjectCase__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ProjectCase__mediaNav{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;padding-left:1.6rem;padding-right:1.6rem;display:flex;position:absolute;inset:0}.ProjectCase__mediaNav .NavButton{pointer-events:auto}.ProjectCase__mediaNav[hidden],.ProjectCase__mediaNav.no-overflow{display:none}.ProjectCase__block{display:contents}.ProjectCase__block .ProjectCase__label{grid-column:1/5;align-self:start;margin:0;padding-top:3.2rem}.ProjectCase__block .ProjectCase__text{grid-column:5/-1;padding-top:3.2rem;padding-bottom:3.2rem}.ProjectCase__block:before{content:"";border-top:1px solid var(--color-line-primary);grid-column:1/-1;display:block}.ProjectCase__text{flex-direction:column;gap:2.4rem;min-width:0;display:flex}.ProjectCase__text>p{margin:0}.ProjectCase__html{flex-direction:column;gap:2.4rem;min-width:0;display:flex}.ProjectCase__html>*{margin:0}.ProjectCase__html>h2,.ProjectCase__html>h3,.ProjectCase__html>h4{font-family:var(--font-sans);letter-spacing:-.03em;text-transform:uppercase;font-size:3.2rem;font-weight:600;line-height:1.1}.ProjectCase__html>h2:has(+:is(ul,ol)),.ProjectCase__html>h3:has(+:is(ul,ol)),.ProjectCase__html>h4:has(+:is(ul,ol)){font-size:2rem}.ProjectCase__html>h2+ul,.ProjectCase__html>h2+ol,.ProjectCase__html>h3+ul,.ProjectCase__html>h3+ol,.ProjectCase__html>h4+ul,.ProjectCase__html>h4+ol{margin-top:-.8rem}.ProjectCase__html ul,.ProjectCase__html ol{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.ProjectCase__html li{align-items:center;gap:.8rem;display:flex}.ProjectCase__html li:before{content:"";background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:.8rem;height:.8rem}.ProjectCase__html li>p{margin:0}.ProjectCase__panel{grid-gap:1.5rem var(--grid-gap);gap:1.5rem var(--grid-gap);padding:6.4rem var(--screen-offset-x-base);margin-top:3.2rem;margin-bottom:3.2rem;margin-left:calc(-1 * var(--screen-offset-x-base));margin-right:calc(-1 * var(--screen-offset-x-base));background:var(--color-surface-secondary);border-radius:var(--radius-sm);grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.ProjectCase__panel.isResult{margin-bottom:0}.ProjectCase__panel .ProjectCase__label{grid-column:1/5;margin:0}.ProjectCase__panelBody{flex-direction:column;grid-column:5/-1;gap:2.4rem;min-width:0;display:flex}.ProjectCase__panel.isResult .ProjectCase__panelBody{gap:6.4rem}.ProjectCase__panelSummary{flex-direction:column;gap:2.4rem;min-width:0;display:flex}.ProjectCase__panelTitle{margin:0}.ProjectCase__listBlock{flex-direction:column;gap:1.6rem;display:flex}.ProjectCase__listTitle{margin:0}.ProjectCase__list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.ProjectCase__listItem{align-items:center;gap:.8rem;display:flex}.ProjectCase__bullet{background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:.8rem;height:.8rem}.ProjectCase__services{grid-column-gap:var(--grid-gap);-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;padding-top:3.2rem;padding-bottom:3.2rem;display:grid}.ProjectCase__services .ProjectCase__label{grid-column:1/5;margin:0}.ProjectCase__servicesGrid{grid-gap:2.4rem;grid-column:5/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;display:grid}.ProjectCase__service{min-width:0;color:inherit;border:1px solid var(--color-line-primary);border-radius:var(--radius-sm);transition:border-color var(--transition-duration) var(--ease-out-quad);flex-direction:column;gap:2.4rem;padding:1.6rem;-webkit-text-decoration:none;text-decoration:none;display:flex}@media (hover:hover){.ProjectCase__service:hover{border-color:var(--color-accent-primary)}}.ProjectCase__serviceMedia{border-radius:var(--radius-sm);aspect-ratio:418/248;width:100%;overflow:hidden}.ProjectCase__serviceImage{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ProjectCase__serviceTitle,.ProjectCase__resultLead{margin:0}.ProjectCase__metrics{grid-gap:2.4rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;max-width:59.2rem;display:grid}.ProjectCase__metric{border-bottom:1px solid var(--color-line-primary);flex-direction:column;gap:1.6rem;padding-bottom:1.6rem;display:flex}.ProjectCase__metricLabel{color:var(--color-text-secondary);margin:0}.ProjectCase__metricValue{flex-wrap:wrap;align-items:flex-end;gap:.8rem;margin:0;display:flex}.ProjectCase__metricUnit{margin-bottom:.4rem}@media (width<=1700px){.ProjectCase__panel{padding-top:4.8rem;padding-bottom:4.8rem}.ProjectCase__panel.isResult .ProjectCase__panelBody{gap:4.8rem}.ProjectCase__html>h2,.ProjectCase__html>h3,.ProjectCase__html>h4{font-size:2.4rem}.ProjectCase__html>h2:has(+:is(ul,ol)),.ProjectCase__html>h3:has(+:is(ul,ol)),.ProjectCase__html>h4:has(+:is(ul,ol)){font-size:1.8rem}}@media (width<=1280px){.ProjectCase__intro{grid-column:1/-1}.ProjectCase__media{grid-column:1/-1;margin-top:2.4rem}.ProjectCase__slide{max-height:58rem}.ProjectCase__block .ProjectCase__label,.ProjectCase__panel .ProjectCase__label,.ProjectCase__services .ProjectCase__label{grid-column:1/-1}.ProjectCase__block .ProjectCase__label{padding-top:2.4rem}.ProjectCase__block .ProjectCase__text,.ProjectCase__panelBody,.ProjectCase__servicesGrid{grid-column:1/-1}.ProjectCase__block .ProjectCase__text{padding-top:1.6rem;padding-bottom:2.4rem}.ProjectCase__services{grid-template-columns:1fr;row-gap:1.6rem;padding-top:2.4rem;padding-bottom:2.4rem}.ProjectCase__panel{gap:2.4rem;padding-top:4rem;padding-bottom:4rem}.ProjectCase__panel.isResult .ProjectCase__panelBody{gap:4rem}}@media (width<=768px){.ProjectCase__inner{padding-top:calc(var(--header-height) + 3.2rem);padding-bottom:0}.ProjectCase__breadcrumbs{display:none}.ProjectCase__intro{gap:1.6rem}.ProjectCase__media{flex-direction:column;gap:2.4rem;margin-top:2.4rem;margin-bottom:2.4rem;display:flex}.ProjectCase__slide{aspect-ratio:1}.ProjectCase__mediaNav{justify-content:center;gap:.8rem;padding-left:0;padding-right:0;position:static}.ProjectCase__mediaNav .NavButton{width:4rem;height:4rem}.ProjectCase__mediaNav .NavButton.isFilled{background:var(--color-surface-primary)}.ProjectCase__block .ProjectCase__label{padding-top:2.4rem}.ProjectCase__block .ProjectCase__text{padding-top:1.6rem;padding-bottom:2.4rem}.ProjectCase__block:has(+.ProjectCase__panel) .ProjectCase__text{padding-bottom:.8rem}.ProjectCase__text{gap:0}.ProjectCase__text>p+p{margin-top:1.4em}.ProjectCase__html{gap:0}.ProjectCase__html>*+*{margin-top:1.4em}.ProjectCase__html>h2+ul,.ProjectCase__html>h2+ol,.ProjectCase__html>h3+ul,.ProjectCase__html>h3+ol,.ProjectCase__html>h4+ul,.ProjectCase__html>h4+ol{margin-top:.8rem}.ProjectCase__services{flex-direction:column;gap:1.6rem;padding-top:.8rem;padding-bottom:.8rem;display:flex}.ProjectCase__servicesGrid{flex-direction:column;gap:1.6rem;display:flex}.ProjectCase__service{flex-direction:row;align-items:center;gap:1.6rem;padding:.8rem}.ProjectCase__serviceMedia{aspect-ratio:114/80;flex-shrink:0;width:11.4rem}.ProjectCase__panel{background:var(--color-surface-primary);border-radius:0;gap:1.6rem;margin-top:2.4rem;margin-bottom:2.4rem;padding-top:3.2rem;padding-bottom:3.2rem}.ProjectCase__panel.isResult{margin-bottom:0}.ProjectCase__panelBody{gap:1.6rem}.ProjectCase__panel.isResult .ProjectCase__panelBody{gap:2.4rem}.ProjectCase__panelSummary{gap:1.6rem}.ProjectCase__listBlock{margin-top:.8rem}.ProjectCase__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.6rem;max-width:none}.ProjectCase__metric{gap:.8rem;padding-bottom:.8rem}.ProjectCase__metricLabel{min-height:6rem}}