.maston-landscape-spotlight{--mls-gutter: calc(var(--space-token-md) + env(safe-area-inset-left, 0px));--mls-content: 100cqi;--mls-bleed-start: var(--mls-gutter);--mls-block-padding: var(--space-token-4xl);--mls-stack-gap: var(--space-token-l);--mls-stage-gap: var(--space-token-l);--mls-header-gap: var(--space-token-base);--mls-header-align: start;--mls-heading-font: var(--font-3xl-semibold);--mls-heading-max: none;--mls-heading-text-max: 100%;--mls-description-font: var(--font-base-medium);--mls-card-gap: var(--space-token-s);--mls-card-radius: var(--radius-s);--mls-card-ratio: 169 / 223;--mls-card-padding: var(--space-token-l);--mls-card-title-font: var(--font-base-semibold);--mls-icon-size: var(--mls-icon-size-mobile, var(--size-11));--mls-copy-gap: var(--space-token-xs);--mls-scrim-block-size: 120px;--mls-scrim-blur-start: 0px;--mls-scrim-blur-end: 20px;--mls-scrim-blur-step: calc(var(--mls-scrim-blur-end) / 4);--mls-scrim-from: rgb(0 0 0 / 0);--mls-scrim-to: rgb(0 0 0 / .8);--mls-tabs-gap: var(--space-token-l);--mls-tab-block-size: var(--size-12);--mls-tab-padding-block-end: var(--space-token-s);--mls-tablist-padding-start: 2px;--mls-tab-font: var(--font-base-medium);--mls-tab-font-active: var(--font-base-semibold);--mls-indicator-thickness: 3px;--mls-focus-ease: cubic-bezier(.2, .8, .2, 1);--mls-focus-duration: .25s;--mls-tab-ease: cubic-bezier(.4, 0, .2, 1);--mls-tab-duration: .3s;--mls-image-duration: .5s;display:block;container-type:inline-size;max-inline-size:100%;min-inline-size:0;color:var(--color-text-white-primary)}.maston-landscape-spotlight__inner{display:grid;gap:var(--mls-stack-gap);justify-items:stretch;box-sizing:border-box;inline-size:100%;padding-block:var(--mls-block-padding)}.maston-landscape-spotlight__header{display:grid;gap:var(--mls-header-gap);justify-items:var(--mls-header-align);box-sizing:border-box;inline-size:100%;max-inline-size:var(--mls-heading-max);margin-inline:auto;padding-inline:var(--mls-gutter);text-align:var(--mls-header-align)}.maston-landscape-spotlight__heading{margin:0;max-inline-size:var(--mls-heading-text-max, 100%);color:var(--color-text-white-primary);font:var(--mls-heading-font);text-wrap:balance}.maston-landscape-spotlight__stage{display:grid;gap:var(--mls-stage-gap);inline-size:100%}.maston-landscape-spotlight__description{margin:0;max-inline-size:100%;color:var(--color-text-white-secondary);font:var(--mls-description-font)}.maston-landscape-spotlight__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--mls-bleed-start);scrollbar-width:none;touch-action:pan-x pan-y;inline-size:100%}.maston-landscape-spotlight__viewport.is-scrolling{scroll-snap-type:none;pointer-events:none}.maston-landscape-spotlight__viewport::-webkit-scrollbar{display:none}.maston-landscape-spotlight__track{display:flex;gap:var(--mls-card-gap);inline-size:max-content;min-inline-size:100%}.maston-landscape-spotlight__viewport-spacer{display:none}.maston-landscape-spotlight__track-spacer{flex:0 0 max(0px,calc(var(--mls-bleed-start) - var(--mls-card-gap)));pointer-events:none}.maston-landscape-spotlight__panel{display:grid;flex:0 0 calc(100cqi - (2 * var(--mls-gutter)));grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mls-card-gap);min-inline-size:0;scroll-snap-align:start;scroll-snap-stop:always}.maston-landscape-spotlight__fallback-tab{grid-column:1 / -1;color:var(--color-text-white-primary);font:var(--mls-tab-font-active);text-decoration:underline;text-underline-offset:var(--space-token-xs)}.maston-landscape-spotlight.is-enhanced .maston-landscape-spotlight__fallback-tab{display:none}.maston-landscape-spotlight__track>.maston-landscape-spotlight__panel:nth-last-child(2),.maston-landscape-spotlight__panel[data-mls-snap-end]{scroll-snap-align:end}.maston-landscape-spotlight__panel>.shopify-block:not(.maston-landscape-spotlight__card){display:contents}.maston-landscape-spotlight__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--mls-copy-gap);box-sizing:border-box;min-inline-size:0;aspect-ratio:var(--mls-card-ratio);padding:var(--mls-card-padding);overflow:hidden;isolation:isolate;border:0;border-radius:var(--mls-card-radius);background:var(--color-bg-brand-dark);color:var(--color-text-white-primary);text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:transform var(--mls-focus-duration) var(--mls-focus-ease),box-shadow var(--mls-focus-duration) var(--mls-focus-ease)}.maston-landscape-spotlight__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:var(--color-bg-brand-dark);opacity:0;pointer-events:none;transition:opacity var(--mls-tab-duration) var(--mls-tab-ease)}.maston-landscape-spotlight__card[data-mls-focused],.maston-landscape-spotlight__card:focus-visible,.maston-landscape-spotlight__panel[data-mls-active] .maston-landscape-spotlight__card{color:var(--color-text-white-primary)}.maston-landscape-spotlight__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;border-radius:inherit;pointer-events:none}.maston-landscape-spotlight.is-enhanced .maston-landscape-spotlight__panel:not([data-mls-active]) .maston-landscape-spotlight__card:after,.maston-landscape-spotlight.is-enhanced .maston-landscape-spotlight__panel:not([data-mls-active]) .maston-landscape-spotlight__copy{opacity:.7}.maston-landscape-spotlight__scrim{position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:auto;z-index:1;block-size:var(--mls-scrim-block-size);border-radius:0;pointer-events:none;background:linear-gradient(to bottom,var(--mls-scrim-from),var(--mls-scrim-to))}.maston-landscape-spotlight__scrim-blur{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none;backdrop-filter:blur(var(--mls-scrim-blur-step));-webkit-backdrop-filter:blur(var(--mls-scrim-blur-step))}.maston-landscape-spotlight__scrim-blur:nth-child(1){-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 100%)}.maston-landscape-spotlight__scrim-blur:nth-child(2){-webkit-mask-image:linear-gradient(to bottom,transparent 25%,#000 100%);mask-image:linear-gradient(to bottom,transparent 25%,#000 100%)}.maston-landscape-spotlight__scrim-blur:nth-child(3){-webkit-mask-image:linear-gradient(to bottom,transparent 50%,#000 100%);mask-image:linear-gradient(to bottom,transparent 50%,#000 100%)}.maston-landscape-spotlight__scrim-blur:nth-child(4){-webkit-mask-image:linear-gradient(to bottom,transparent 75%,#000 100%);mask-image:linear-gradient(to bottom,transparent 75%,#000 100%)}.maston-landscape-spotlight__media picture,.maston-landscape-spotlight__media picture-breakpoint{display:block;inline-size:100%;block-size:100%}.maston-landscape-spotlight__image,.maston-landscape-spotlight__placeholder{display:block;inline-size:100%;max-inline-size:none;block-size:100%;height:100%;aspect-ratio:unset;object-fit:cover;object-position:center;transform:scale(1);transition:transform var(--mls-image-duration) ease-out}.maston-landscape-spotlight__copy{position:relative;z-index:2;display:grid;gap:var(--mls-copy-gap);justify-items:center;inline-size:100%;transform:translateY(0);transition:opacity var(--mls-tab-duration) var(--mls-tab-ease),transform var(--mls-focus-duration) var(--mls-focus-ease)}.maston-landscape-spotlight__icon{display:block;inline-size:var(--mls-icon-size);block-size:var(--mls-icon-size);overflow:clip;color:inherit}.maston-landscape-spotlight__icon-svg,.maston-landscape-spotlight__icon .icon{display:block;inline-size:100%;block-size:100%}.maston-landscape-spotlight__title{display:block;inline-size:100%;color:inherit;font:var(--mls-card-title-font);font-feature-settings:"salt" 1;text-align:center}.maston-landscape-spotlight__card:focus{outline:none}.maston-landscape-spotlight__card:focus-visible{box-shadow:0 0 0 1px #ffffff26,0 0 0 3px #ffffff73}.maston-landscape-spotlight__tabs{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;box-sizing:border-box;inline-size:100%;max-inline-size:var(--mls-content);min-inline-size:0;margin-inline:auto;padding-inline:var(--mls-bleed-start)}.maston-landscape-spotlight__tabs[hidden]{display:none}.maston-landscape-spotlight__tablist{position:relative;display:flex;gap:var(--mls-tabs-gap);align-items:stretch;box-sizing:border-box;inline-size:max-content;max-inline-size:100%;margin:0;padding:0;padding-block-start:var(--mls-tablist-padding-start);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--mls-tablist-padding-start) var(--mls-gutter);scrollbar-width:none;touch-action:pan-x pan-y}@media screen and (max-width:767px){.maston-landscape-spotlight__tabs{padding-inline:0}.maston-landscape-spotlight__tablist{inline-size:100%;max-inline-size:none;min-inline-size:0;padding-inline-start:var(--mls-gutter);scroll-padding-inline:var(--mls-gutter)}}.maston-landscape-spotlight__tablist:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background:var(--stroke-40);pointer-events:none}.maston-landscape-spotlight__tablist.is-scrolling{scroll-snap-type:none;pointer-events:none}.maston-landscape-spotlight__tablist::-webkit-scrollbar{display:none}.maston-landscape-spotlight__indicator{position:absolute;inset-block-end:0;left:0;z-index:1;inline-size:0;block-size:var(--mls-indicator-thickness);background:var(--color-text-white-primary);opacity:0;pointer-events:none;will-change:transform,inline-size}.maston-landscape-spotlight.is-enhanced .maston-landscape-spotlight__indicator{opacity:1}.maston-landscape-spotlight.is-measured .maston-landscape-spotlight__indicator{transition:transform var(--mls-tab-duration) var(--mls-tab-ease),inline-size var(--mls-tab-duration) var(--mls-tab-ease)}.maston-landscape-spotlight__tab{position:relative;display:grid;flex:0 0 auto;align-items:end;justify-items:center;min-block-size:var(--mls-tab-block-size);margin:0;padding-block:var(--space-token-s) var(--mls-tab-padding-block-end);padding-inline:0;border:0;background:transparent;color:var(--color-text-white-secondary);font:var(--mls-tab-font);white-space:nowrap;cursor:pointer;scroll-snap-align:center;scroll-snap-stop:always;transition:color var(--mls-tab-duration) var(--mls-tab-ease)}.maston-landscape-spotlight__tab:first-of-type{scroll-snap-align:start}.maston-landscape-spotlight__tab:last-of-type{scroll-snap-align:end}.maston-landscape-spotlight__tab-spacer{flex:0 0 var(--mls-gutter);inline-size:var(--mls-gutter);margin-inline-start:calc(-1 * var(--mls-tabs-gap));block-size:1px;scroll-snap-align:end}.maston-landscape-spotlight__tab-spacer--start{display:none;flex-basis:calc(var(--mls-gutter) + var(--mls-tabs-gap));inline-size:calc(var(--mls-gutter) + var(--mls-tabs-gap));margin-inline-start:0;margin-inline-end:calc(-1 * var(--mls-tabs-gap));scroll-snap-align:none}.maston-landscape-spotlight__tab-label{grid-area:1 / 1}.maston-landscape-spotlight__tab:after{content:attr(data-mls-label);grid-area:1 / 1;visibility:hidden;font:var(--mls-tab-font-active)}.maston-landscape-spotlight__tab[aria-selected=true]{color:var(--color-text-white-primary);font:var(--mls-tab-font-active)}.maston-landscape-spotlight__tab:focus{outline:none}.maston-landscape-spotlight__tab:focus-visible{box-shadow:0 0 0 2px #ffffff73;border-radius:var(--radius-s)}@media(hover:hover)and (pointer:fine){.maston-landscape-spotlight__tab:not([aria-selected=true]):hover{color:var(--color-text-white-primary)}.maston-landscape-spotlight__card:hover .maston-landscape-spotlight__image,.maston-landscape-spotlight__card:hover .maston-landscape-spotlight__placeholder{transform:scale(1.04)}.maston-landscape-spotlight__card:hover .maston-landscape-spotlight__copy{transform:translateY(-3px)}}@media(pointer:coarse){.maston-landscape-spotlight__card:active{transform:scale(.97)}}@media screen and (min-width:768px){.maston-landscape-spotlight{--mls-gutter: var(--space-token-xl);--mls-content: min(770px, calc(100cqi - (2 * var(--mls-gutter))));--mls-bleed-start: max(var(--mls-gutter), calc((100cqi - var(--mls-content)) / 2));--mls-block-padding: var(--space-token-5xl);--mls-stack-gap: var(--space-token-xl);--mls-stage-gap: var(--space-token-xl);--mls-header-gap: var(--space-token-md);--mls-header-align: center;--mls-heading-font: var(--font-7xl-semibold);--mls-heading-max: 770px;--mls-heading-text-max: 688px;--mls-description-font: var(--font-xl-medium);--mls-card-gap: var(--space-token-base);--mls-card-radius: var(--radius--base);--mls-card-ratio: 181 / 239;--mls-card-padding: var(--space-token-l);--mls-card-title-font: var(--font-lg-semibold);--mls-copy-gap: var(--space-token-s);--mls-icon-size: var(--mls-icon-size-tablet, var(--size-10));--mls-scrim-block-size: 120px;--mls-scrim-blur-end: 20px;--mls-tabs-gap: var(--space-110);--mls-tab-block-size: var(--size-14);--mls-tab-padding-block-end: var(--space-token-base);--mls-tablist-padding-start: 0;--mls-tab-font: var(--font-xl-medium);--mls-tab-font-active: var(--font-xl-semibold)}.maston-landscape-spotlight.is-enhanced .maston-landscape-spotlight__panel:not([data-mls-active]){opacity:1}.maston-landscape-spotlight__tabs{justify-items:center;padding-inline:0}.maston-landscape-spotlight.is-enhanced .maston-landscape-spotlight__panel{display:contents;flex:unset;scroll-snap-align:unset}.maston-landscape-spotlight__track>.maston-landscape-spotlight__panel:nth-last-child(2),.maston-landscape-spotlight__panel[data-mls-snap-end]{scroll-snap-align:unset}.shopify-block__maston-landscape-card{flex:0 0 calc((var(--mls-content) - 3 * var(--mls-card-gap)) / 4);min-inline-size:0;scroll-snap-align:start;scroll-snap-stop:always}.maston-landscape-spotlight__track>.maston-landscape-spotlight__panel:nth-last-child(2)>.shopify-block__maston-landscape-card:last-child,.shopify-block__maston-landscape-card[data-mls-snap-end]{scroll-snap-align:end}}@media screen and (min-width:768px)and (max-width:1279px){.maston-landscape-spotlight{--mls-bleed-start: var(--mls-gutter)}.maston-landscape-spotlight__tablist{scroll-padding-inline:var(--mls-gutter)}.maston-landscape-spotlight__tab-spacer--start{display:block}}@media screen and (min-width:1280px){.maston-landscape-spotlight{--mls-gutter: var(--space-token-md);--mls-content: min(1200px, calc(100cqi - (2 * var(--mls-gutter))));--mls-bleed-start: max(var(--mls-gutter), calc((100cqi - var(--mls-content)) / 2));--mls-block-padding: var(--space-token-7xl);--mls-stack-gap: var(--space-token-3xl);--mls-stage-gap: var(--space-token-xl);--mls-header-gap: var(--space-token-l);--mls-heading-font: var(--font-8xl-semibold);--mls-heading-max: 1000px;--mls-heading-text-max: 688px;--mls-card-gap: var(--space-token-md);--mls-card-ratio: 285 / 375;--mls-card-padding: var(--space-token-l);--mls-card-title-font: var(--font-xl-semibold);--mls-icon-size: var(--mls-icon-size-desktop, var(--size-13));--mls-copy-gap: var(--space-token-xs);--mls-scrim-block-size: 156px;--mls-scrim-blur-end: 20px}.maston-landscape-spotlight__tab-spacer{display:none}}@media(prefers-reduced-motion:reduce){.maston-landscape-spotlight__viewport.is-scrolling,.maston-landscape-spotlight__tablist.is-scrolling{pointer-events:auto}.maston-landscape-spotlight__card,.maston-landscape-spotlight__card:after,.maston-landscape-spotlight__image,.maston-landscape-spotlight__placeholder,.maston-landscape-spotlight__copy,.maston-landscape-spotlight__tab,.maston-landscape-spotlight.is-measured .maston-landscape-spotlight__indicator{transition:none}.maston-landscape-spotlight__card:hover,.maston-landscape-spotlight__card:active,.maston-landscape-spotlight__card:hover .maston-landscape-spotlight__image,.maston-landscape-spotlight__card:hover .maston-landscape-spotlight__placeholder,.maston-landscape-spotlight__card:hover .maston-landscape-spotlight__copy{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/maston-landscape-spotlight.css.map */