.lp-case-hero{padding-top:var(--lp-case-hero-padding-top);padding-bottom:var(--lp-case-hero-padding-bottom);background:var(--color-bg-page);color:var(--color-text-primary)}.lp-case-hero--soft{background:var(--color-bg-soft)}.lp-case-hero--dark{background:var(--neutral-950);color:var(--white)}.lp-case-hero__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:start;gap:clamp(40px,7vw,120px)}.lp-case-hero__eyebrow{margin-bottom:var(--space-4);color:currentColor;font-size:var(--text-body-sm);font-weight:600;opacity:.82}.lp-case-hero__heading{margin:0;color:currentColor;font-family:var(--font-heading);font-size:clamp(42px,5.3vw,72px);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-display)}.lp-case-hero__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-5)}.lp-case-hero__meta span{display:inline-flex;align-items:center;min-height:26px;padding-inline:8px;border-radius:var(--radius-xs);background:#ffffff1f;font-size:10px}.lp-case-hero:not(.lp-case-hero--dark) .lp-case-hero__meta span{background:var(--color-bg-soft)}.lp-case-hero__awards{display:grid;gap:var(--space-4);padding-top:var(--space-2)}.lp-case-hero__award{color:currentColor;font-size:12px;font-weight:600;line-height:1.45;opacity:.85}.lp-case-hero__project-link{display:inline-flex;align-items:center;gap:7px;margin-top:var(--space-6);color:currentColor;font-size:12px;font-weight:600;text-decoration:none}.lp-case-hero__project-link .lp-icon,.lp-case-hero__project-link svg{width:11px;height:11px}.lp-case-showcase{--lp-showcase-gap: 16px;--lp-showcase-columns-desktop: 4.15;--lp-showcase-columns-tablet: 2.2;--lp-showcase-columns-mobile: 1.5;--lp-showcase-media-padding: 5px;--lp-showcase-rail-gutter: max( var(--page-gutter), calc( (100vw - 1440px) / 2 + var(--page-gutter) ) );padding-top:var(--lp-showcase-padding-top);padding-bottom:var(--lp-showcase-padding-bottom);overflow:hidden;background:var(--color-bg-page);color:var(--color-text-primary)}.lp-case-showcase__header{margin-bottom:clamp(20px,2.4vw,30px)}.lp-case-showcase__header h2{margin:0;color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-h2);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-display)}.lp-case-showcase__track-wrap{position:relative}.lp-case-showcase__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100vw - (var(--lp-showcase-rail-gutter) * 2) - (var(--lp-showcase-gap) * (var(--lp-showcase-columns-desktop) - 1))) / var(--lp-showcase-columns-desktop));gap:var(--lp-showcase-gap);width:100%;padding-left:var(--lp-showcase-rail-gutter);padding-right:0;scroll-padding-left:var(--lp-showcase-rail-gutter);scroll-padding-right:0;padding-bottom:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab}.lp-case-showcase__track::-webkit-scrollbar{display:none}.lp-case-showcase__track.is-dragging{cursor:grabbing}.lp-case-showcase__track.is-dragging *{-webkit-user-select:none;user-select:none}@media(max-width:1100px){.lp-case-showcase{--lp-showcase-rail-gutter: var(--page-gutter)}.lp-case-showcase__track{grid-auto-columns:calc((100vw - (var(--lp-showcase-rail-gutter) * 2) - (var(--lp-showcase-gap) * (var(--lp-showcase-columns-tablet) - 1))) / var(--lp-showcase-columns-tablet))}}@media(max-width:767px){.lp-case-showcase{--lp-showcase-gap: 12px;--lp-showcase-media-padding: 4px;padding-top:var(--lp-showcase-padding-top-mobile);padding-bottom:var(--lp-showcase-padding-bottom-mobile)}.lp-case-showcase__track{grid-auto-columns:calc((100vw - (var(--page-gutter) * 2) - (var(--lp-showcase-gap) * (var(--lp-showcase-columns-mobile) - 1))) / var(--lp-showcase-columns-mobile));padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter);cursor:auto}}.lp-case-media{min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:normal}.lp-case-media__surface{width:100%;aspect-ratio:10 / 16;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-sizing:border-box}.lp-case-media__viewport{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--radius-lg) - 5px);background:var(--color-bg-soft);isolation:isolate}.lp-case-media__image,.lp-case-media__poster,.lp-case-media__video{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;object-position:center!important;background:var(--color-bg-soft)}.lp-case-media__image{z-index:1;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.lp-case-media.is-loaded .lp-case-media__image{opacity:1}.lp-case-media__poster{z-index:1;opacity:1;transition:opacity var(--duration-base) var(--ease-standard)}.lp-case-media__video{z-index:2;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.lp-case-media.is-video-ready .lp-case-media__poster{opacity:0}.lp-case-media.is-video-ready .lp-case-media__video{opacity:1}.lp-case-media__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:1;pointer-events:none;background-color:var(--color-bg-soft);background-image:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .16) 50%,transparent 100%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--color-border) 55%,transparent) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--color-border) 55%,transparent) 0 1px,transparent 1px 18px);background-size:220px 100%,18px 18px,18px 18px;background-position:-220px 0,0 0,0 0;animation:lpCaseShowcaseSkeleton 1.35s linear infinite;transition:opacity var(--duration-base) var(--ease-standard)}.lp-case-media.is-loaded .lp-case-media__skeleton{opacity:0}.lp-case-media__caption{margin-top:var(--space-3);color:var(--color-text-secondary);font-family:var(--font-body);font-size:12px;line-height:1.5}@keyframes lpCaseShowcaseSkeleton{0%{background-position:-220px 0,0 0,0 0}to{background-position:calc(100% + 220px) 0,0 0,0 0}}@media(max-width:767px){.lp-case-media__surface{padding:4px;border-radius:var(--radius-md)}.lp-case-media__viewport{border-radius:calc(var(--radius-md) - 4px)}.lp-case-media__caption{font-size:13px}}@media(prefers-reduced-motion:reduce){.lp-case-media__skeleton{animation:none}.lp-case-media__skeleton,.lp-case-media__image,.lp-case-media__poster,.lp-case-media__video{transition:none}}.lp-case-details{padding-top:var(--lp-details-padding-top);padding-bottom:var(--lp-details-padding-bottom);background:var(--color-bg-page);color:var(--color-text-primary)}.lp-case-details--soft{background:var(--color-bg-soft)}.lp-case-details--dark{background:var(--neutral-950);color:var(--white)}.lp-case-details__row{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.lp-case-details__row:first-child{padding-top:0}.lp-case-details__row:last-child{padding-bottom:0;border-bottom:0}.lp-case-details__row h2{margin:0;color:currentColor;font-family:var(--font-heading);font-size:25px;font-weight:550;text-transform:uppercase}.lp-case-details__tags{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.lp-case-details__tags span{display:inline-flex;align-items:center;min-height:27px;padding-inline:8px;border-radius:var(--radius-xs);background:color-mix(in srgb,currentColor 10%,transparent);color:currentColor;font-size:10px;font-weight:550}.lp-case-partners{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lp-case-partner{display:flex;flex-direction:column;width:120px;color:currentColor;text-decoration:none}.lp-case-partner img{display:block;width:120px;height:120px;padding:18px;border-radius:var(--radius-xs);background:var(--white);object-fit:contain}.lp-case-partner span{margin-top:7px;font-size:11px;font-weight:600}.lp-case-results{padding-top:var(--lp-results-padding-top);padding-bottom:var(--lp-results-padding-bottom);background:var(--color-bg-page);color:var(--color-text-primary)}.lp-case-results--soft{background:var(--color-bg-soft)}.lp-case-results--dark{background:var(--neutral-950);color:var(--white)}.lp-case-results__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:clamp(48px,8vw,130px)}.lp-case-results__eyebrow{margin-bottom:var(--space-3);color:currentColor;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.lp-case-results__content>h2{margin:0;color:currentColor;font-family:var(--font-heading);font-size:var(--text-h2);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-display)}.lp-case-results__body{max-width:860px;margin-top:var(--space-5);color:currentColor;font-size:15px;line-height:1.6;opacity:.76}.lp-case-results__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-7)}.lp-case-metric{padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}.lp-case-metric strong{display:block;color:currentColor;font-family:var(--font-heading);font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1}.lp-case-metric span,.lp-case-metric small{display:block;margin-top:6px;color:currentColor;font-size:11px;opacity:.7}.lp-case-results__cta{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--neutral-950)}.lp-case-results__cta .lp-button--primary:hover{background:var(--white-base);color:var(--color-text-primary)}.lp-case-results__cta h3{margin:0;font-family:var(--font-heading);font-size:25px;font-weight:650;line-height:var(--lh-heading-big)}.lp-case-results__cta>div{margin-top:var(--space-2);font-size:12px;line-height:1.5}.lp-case-results__cta>div p{margin:0}.lp-case-results__cta .lp-button{width:100%;margin-top:var(--space-4)}@media(max-width:900px){.lp-case-hero__layout{grid-template-columns:1fr}.lp-case-hero__awards{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-case-details__row{grid-template-columns:180px minmax(0,1fr)}.lp-case-results__layout{grid-template-columns:1fr}}@media(max-width:767px){.lp-case-hero{padding-top:var(--lp-case-hero-padding-top-mobile);padding-bottom:var(--lp-case-hero-padding-bottom-mobile)}.lp-case-hero__heading{font-size:clamp(34px,9vw,44px)}.lp-case-hero__awards{grid-template-columns:1fr}.lp-case-details{padding-top:var(--lp-details-padding-top-mobile);padding-bottom:var(--lp-details-padding-bottom-mobile)}.lp-case-details__row{grid-template-columns:1fr;gap:var(--space-3)}.lp-case-details__row h2{font-size:20px}.lp-case-partner{width:96px}.lp-case-partner img{width:96px;height:96px;padding:15px}.lp-case-results{padding-top:var(--lp-results-padding-top-mobile);padding-bottom:var(--lp-results-padding-bottom-mobile)}.lp-case-results__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479px){.lp-case-results__metrics{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lp-case-study.css.map */