.maston-case-studies{--mcs-gutter: calc(var(--space-token-md) + env(safe-area-inset-left, 0px));--mcs-max: none;--mcs-stack-gap: var(--space-token-l);--mcs-header-gap: var(--space-token-l);--mcs-column-gap: var(--space-token-3xl);--mcs-copy-gap: var(--space-token-s);--mcs-copy-block-gap: var(--space-token-l);--mcs-heading-font: var(--font-3xl-semibold);--mcs-heading-align: center;--mcs-heading-max: none;--mcs-case-title-font: var(--font-xl-semibold);--mcs-metadata-font: var(--font-base-medium);--mcs-body-font: var(--font-lg-medium);--mcs-impact-font: var(--font-xl-semibold);--mcs-metric-value-font: var(--font-xl-semibold);--mcs-metric-label-font: var(--font-base-medium);--mcs-tag-font: var(--font-base-medium);--mcs-tag-inset: var(--space-token-base);--mcs-tag-pad-inline: var(--space-token-base);--mcs-tag-radius: var(--radius-xs);--mcs-tag-height: 42px;--mcs-media-ratio: 350 / 233;--mcs-media-radius: var(--radius-s);--mcs-media-max: none;--mcs-nav-align: flex-start;--mcs-gallery-bullet: var(--size-3);--mcs-gallery-track: 39px;--mcs-ease: cubic-bezier(.25, .1, .25, 1);--mcs-zoom-ease: cubic-bezier(.2, .8, .2, 1);--mcs-zoom-duration: .45s;--mcs-fade-duration: .35s;--mcs-arrow-duration: .2s;color:var(--color-text-white-primary)}.maston-case-studies.section-settings.section-settings--padding-block{padding-inline:0}maston-case-studies.maston-case-studies__component{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--mcs-header-gap);position:relative;inline-size:100%;max-inline-size:var(--mcs-max);margin-inline:auto;padding-inline:var(--mcs-gutter)}.maston-case-studies__header{align-self:stretch;max-inline-size:var(--mcs-heading-max);text-align:var(--mcs-heading-align)}.maston-case-studies__heading{margin:0;color:var(--color-text-white-primary);font:var(--mcs-heading-font);letter-spacing:0;text-transform:none;overflow-wrap:break-word;text-wrap:unset}.maston-case-studies__content{display:flex;flex-direction:column;align-items:stretch;gap:var(--mcs-stack-gap);min-inline-size:0}.maston-case-studies__stage{display:flex;flex-direction:column;gap:var(--space-token-4xl);min-inline-size:0}maston-case-studies[data-ready] .maston-case-studies__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0}maston-case-studies[data-ready] .maston-case-studies__stage>*{grid-area:1 / 1;align-self:start;position:relative;z-index:0;inline-size:100%;max-inline-size:100%;min-inline-size:0}maston-case-studies[data-ready] [data-case-study][data-case-active=true]{z-index:1}maston-case-studies[data-ready] [data-case-study]:not([data-case-active=true]){visibility:hidden;pointer-events:none}.maston-case-studies__case{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mcs-stack-gap);min-inline-size:0}.maston-case-studies__copy{display:flex;flex-direction:column;justify-content:center;gap:var(--mcs-copy-block-gap);min-inline-size:0}.maston-case-studies__copy-main{display:flex;flex-direction:column;gap:var(--mcs-copy-block-gap);min-inline-size:0}.maston-case-studies__copy-intro,.maston-case-studies__copy-impact{display:flex;flex-direction:column;gap:var(--mcs-copy-gap);min-inline-size:0}.maston-case-studies__impact-heading{margin:0;color:var(--color-text-white-primary);font:var(--mcs-impact-font);letter-spacing:0;text-transform:none;overflow-wrap:break-word}.maston-case-studies__case-title{margin:0;color:var(--color-text-white-primary);font:var(--mcs-case-title-font);letter-spacing:0;text-transform:none;overflow-wrap:break-word;text-wrap:unset}.maston-case-studies__metadata{margin:0;color:var(--color-text-white-primary);font:var(--mcs-metadata-font);font-feature-settings:"salt" 1;overflow-wrap:break-word}.maston-case-studies__body{margin:0;color:var(--color-text-white-secondary);font:var(--mcs-body-font);overflow-wrap:break-word}.maston-case-studies__metrics{display:none;flex-direction:column;gap:var(--space-token-s);margin:0;padding:0;list-style:none}.maston-case-studies__metric{display:flex;flex-direction:column;gap:var(--space-token-2xs);min-inline-size:0}.maston-case-studies__metric-figure{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;color:var(--color-text-white-primary);font:var(--mcs-metric-value-font)}.maston-case-studies__metric-unit:not([data-unit-tight]){margin-inline-start:.25em}.maston-case-studies__metric-label{margin:0;color:var(--color-text-white-secondary);font:var(--mcs-metric-label-font)}.maston-case-studies__nav{display:none;flex:none;align-items:center;align-self:var(--mcs-nav-align);gap:var(--space-token-xs);padding:var(--space-token-2xs);border-radius:var(--radius-full);background:var(--mask-light-white-sm)}maston-case-studies[data-ready] .maston-case-studies__nav{display:inline-flex}.maston-case-studies__nav-control,.maston-case-studies__gallery-control{display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-full);color:var(--color-text-white-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--mcs-ease),opacity .16s var(--mcs-ease),scale .2s var(--mcs-zoom-ease)}.maston-case-studies__nav-control{inline-size:var(--size-12);block-size:var(--size-12);background:transparent}.maston-case-studies__nav-control svg{inline-size:var(--size-7);block-size:var(--size-7)}.maston-case-studies__nav-control:hover:not(:disabled){background:var(--mask-light-white)}.maston-case-studies__nav-control:active:not(:disabled),.maston-case-studies__gallery-control:active:not(:disabled){scale:.94}.maston-case-studies__nav-control:focus-visible,.maston-case-studies__gallery-control:focus-visible,.maston-case-studies__watch:focus-visible,.maston-case-studies__dialog-close:focus-visible{outline:var(--stroke-line-2xl, 2px) solid var(--color-text-white-primary);outline-offset:2px}.maston-case-studies__nav-control:disabled{opacity:var(--opacity-40, .4);cursor:not-allowed}.maston-case-studies__media{position:relative;isolation:isolate;overflow:clip;border-radius:var(--mcs-media-radius);aspect-ratio:var(--mcs-media-ratio);max-inline-size:var(--mcs-media-max);background:var(--color-bg-dark-hover)}.maston-case-studies__tag{position:absolute;z-index:3;inset-block-start:var(--mcs-tag-inset);inset-inline-start:var(--mcs-tag-inset);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-token-s);block-size:var(--mcs-tag-height);margin:0;padding-block:0;padding-inline:var(--mcs-tag-pad-inline);border-radius:var(--mcs-tag-radius);background:var(--mask-light-white-l);color:var(--color-text-secondary);font:var(--mcs-tag-font);font-feature-settings:"salt" 1;-webkit-backdrop-filter:blur(var(--backdrop-blur-base));backdrop-filter:blur(var(--backdrop-blur-base))}.maston-case-studies__tag-media{display:grid;flex:none;place-items:center;overflow:clip;inline-size:var(--size-11);block-size:var(--size-11)}.maston-case-studies__tag-image{display:block;inline-size:100%;block-size:100%;object-fit:contain;object-position:center}.maston-case-studies__tag-label{white-space:nowrap}.maston-case-studies__frame,.maston-case-studies__gallery,.maston-case-studies__gallery-viewport{position:absolute;top:0;right:0;bottom:0;left:0}.maston-case-studies__gallery:not([data-gallery-mounted=true]) .maston-case-studies__slide:not(:first-child){display:none}.maston-case-studies__gallery{z-index:1;touch-action:pan-y}.maston-case-studies__gallery-viewport{z-index:1;overflow:hidden;touch-action:pan-y}.maston-case-studies__gallery-track,.maston-case-studies__slide{block-size:100%}.maston-case-studies__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.maston-case-studies__media--image .maston-case-studies__image{transition:scale var(--mcs-zoom-duration) var(--mcs-zoom-ease)}.maston-case-studies__gallery-pagination{--mcs-gallery-progress: 0;--swiper-pagination-bullet-size: var(--mcs-gallery-bullet);--swiper-pagination-bullet-width: var(--mcs-gallery-bullet);--swiper-pagination-bullet-height: var(--mcs-gallery-bullet);--swiper-pagination-bullet-horizontal-gap: 0px;--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-opacity: 1;--swiper-pagination-color: var(--color-text-white-disabled);position:absolute;z-index:2;inset-block-end:0;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:var(--space-token-base);padding-block:var(--space-token-md);padding-inline:var(--space-token-xl)}.maston-case-studies__gallery-pagination.swiper-pagination,.maston-case-studies__gallery-pagination.swiper-pagination-horizontal{bottom:0;left:0;width:100%}.maston-case-studies__gallery-pagination .swiper-pagination-bullet{position:relative;flex:none;display:block;inline-size:var(--mcs-gallery-bullet);block-size:var(--mcs-gallery-bullet);margin:0;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-text-white-disabled);opacity:1;-webkit-appearance:none;appearance:none;cursor:pointer;transition:inline-size .2s var(--mcs-ease)}.maston-case-studies__gallery-pagination .swiper-pagination-bullet-active{inline-size:var(--mcs-gallery-track);overflow:clip}.maston-case-studies__gallery-pagination .swiper-pagination-bullet-active:before{content:"";position:absolute;inset-inline-start:0;inset-block:0;inline-size:100%;border-radius:inherit;background:var(--color-text-white-secondary);scale:var(--mcs-gallery-progress) 1;transform-origin:left center;pointer-events:none}.maston-case-studies__gallery-controls{position:absolute;z-index:2;inset-inline:var(--space-token-base);inset-block:0;display:none;align-items:center;justify-content:space-between;pointer-events:none;visibility:hidden;opacity:0;transition:opacity var(--mcs-arrow-duration) var(--mcs-ease),visibility 0s linear var(--mcs-arrow-duration)}.maston-case-studies__gallery-control{pointer-events:auto;inline-size:var(--size-14);block-size:var(--size-14);background:var(--color-text-disabled);-webkit-backdrop-filter:blur(var(--backdrop-blur-sm));backdrop-filter:blur(var(--backdrop-blur-sm))}.maston-case-studies__gallery-control svg{inline-size:var(--size-8);block-size:var(--size-8)}.maston-case-studies__gallery-control:hover:not(:disabled){background:var(--color-text-placeholder)}.maston-case-studies__watch{position:absolute;z-index:3;inset-block-end:var(--space-token-md);inset-inline-end:var(--space-token-md);display:inline-flex;align-items:center;gap:var(--space-token-xs);margin:0;padding:var(--space-token-xs) var(--space-token-base);border:1px solid transparent;border-radius:var(--radius-full);background:var(--mask-light-white-sm);color:var(--color-text-white-primary);font:var(--font-sm-medium);cursor:pointer;-webkit-backdrop-filter:blur(var(--backdrop-blur-lg));backdrop-filter:blur(var(--backdrop-blur-lg));transition:border-color var(--mcs-arrow-duration) var(--mcs-ease),background-color var(--mcs-arrow-duration) var(--mcs-ease),scale var(--mcs-arrow-duration) var(--mcs-zoom-ease)}.maston-case-studies__watch-icon{display:grid;place-items:center;inline-size:var(--size-7);block-size:var(--size-7)}.maston-case-studies__watch-icon svg{inline-size:var(--size-7);block-size:var(--size-7)}.maston-case-studies__live{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.maston-case-studies__dialog{top:0;right:0;bottom:0;left:0;inline-size:min(100vw,96rem);max-inline-size:calc(100vw - 32px);block-size:auto;max-block-size:calc(100svh - 32px);margin:auto;padding:0;border:0;background:transparent;color:var(--color-text-white-primary)}.maston-case-studies__dialog::backdrop{background:color-mix(in srgb,var(--color-bg-dark) 72%,transparent);-webkit-backdrop-filter:blur(var(--backdrop-blur-lg));backdrop-filter:blur(var(--backdrop-blur-lg))}.maston-case-studies__dialog-close{position:absolute;z-index:2;inset-block-start:var(--space-token-base);inset-inline-end:var(--space-token-base);display:grid;place-items:center;inline-size:var(--size-12);block-size:var(--size-12);padding:0;border:0;border-radius:var(--radius-full);background:var(--mask-light-white-sm);color:var(--color-text-white-primary);cursor:pointer}.maston-case-studies__dialog-video{display:block;inline-size:100%;max-block-size:calc(100svh - 32px);background:var(--color-bg-dark)}@media(min-width:768px){.maston-case-studies{--mcs-gutter: calc(var(--space-token-xl) + env(safe-area-inset-left, 0px));--mcs-stack-gap: var(--space-token-xl);--mcs-header-gap: var(--space-token-xl);--mcs-copy-block-gap: var(--space-token-xl);--mcs-heading-font: var(--font-7xl-semibold);--mcs-heading-max: 688px;--mcs-case-title-font: var(--font-2xl-semibold);--mcs-metadata-font: var(--font-base-medium);--mcs-metric-value-font: var(--font-2xl-semibold);--mcs-metric-label-font: var(--font-lg-regular);--mcs-tag-inset: var(--space-token-md);--mcs-media-radius: var(--radius--base)}.maston-case-studies__header{align-self:center;inline-size:100%}}@media(min-width:1280px){.maston-case-studies{--mcs-gutter: 0px;--mcs-max: 1200px;--mcs-stack-gap: var(--space-token-3xl);--mcs-header-gap: var(--space-token-3xl);--mcs-copy-block-gap: var(--space-token-xl);--mcs-heading-font: var(--font-6xl-semibold);--mcs-case-title-font: var(--font-3xl-semibold);--mcs-metadata-font: var(--font-xl-medium);--mcs-tag-pad-inline: var(--space-45, 18px);--mcs-tag-radius: var(--radius-s);--mcs-media-ratio: 589 / 450;--mcs-media-max: 589px}.maston-case-studies__case{grid-template-columns:minmax(0,1fr) 589px;column-gap:var(--mcs-column-gap);align-items:center;min-block-size:452px}.maston-case-studies__copy{align-self:stretch;justify-content:center;min-block-size:452px}.maston-case-studies__media{justify-self:end;flex:none;inline-size:589px;block-size:450px;max-inline-size:589px}.maston-case-studies__gallery-controls{display:flex}.maston-case-studies__media--gallery:hover .maston-case-studies__gallery-controls,.maston-case-studies__media--gallery:focus-within .maston-case-studies__gallery-controls{visibility:visible;opacity:1;transition-delay:0s}}@media(min-width:1280px)and (hover:hover){.maston-case-studies__media--image:hover .maston-case-studies__image{scale:1.025}.maston-case-studies__watch:hover{border-color:var(--color-text-white-primary);scale:1.06}}@media(max-width:1279px){.maston-case-studies__content{touch-action:pan-y}.maston-case-studies__media{order:-1}}@media(prefers-reduced-motion:reduce){.maston-case-studies__media--image .maston-case-studies__image,.maston-case-studies__watch,.maston-case-studies__gallery-pagination .swiper-pagination-bullet{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/maston-case-studies.css.map */