.button-roll{--roll-height: 40px;--roll-line: calc(var(--roll-height) - 2px);position:relative;display:inline-flex;align-items:flex-start;height:var(--roll-height);padding:0 24px;overflow:hidden;border:1px solid transparent;border-radius:2px;font-size:12px;line-height:var(--roll-height);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.button-roll__track{display:flex;flex-direction:column;transition:transform var(--motion-card-zoom) var(--ease-base)}.button-roll__label{display:block;height:var(--roll-line);line-height:var(--roll-line)}@media(hover:hover){.button-roll:hover .button-roll__track{transform:translateY(calc(-1 * var(--roll-line)))}}.button-roll:focus-visible{outline:1px solid currentColor;outline-offset:3px}.button-roll--glass{border-color:#ffffff4d;background-color:#0000004d;color:#fff}.button-roll--solid{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.button-roll--outline{border-color:currentColor;color:inherit}.button-invert{display:inline-flex;align-items:center;min-height:24px;padding:0 12px;border:1px solid #fff;background-color:#fff;color:#000;font-size:var(--type-button-size);font-weight:600;line-height:20px;letter-spacing:.6px;text-decoration:none;text-transform:uppercase}.button-invert--black{border-color:#000;background-color:#000;color:#fff}.button-invert--outline{border-color:currentColor;background-color:transparent;color:inherit}@media(hover:hover){.button-invert--white:hover{border-color:#000;background-color:#000;color:#fff}.button-invert--black:hover,.button-invert--outline:hover{border-color:#fff;background-color:#fff;color:#000}}.button-invert:focus-visible{outline:1px solid currentColor;outline-offset:3px}.media-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background-color:rgb(var(--color-surface))}.media-fill__picture,.media-fill__image,.media-fill__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.media-fill__video--mobile{display:none}@media screen and (max-width:749px){.media-fill__video--desktop{display:none}.media-fill__video--mobile{display:block}}.media-fill[data-video-off] .media-fill__video{display:none}.media-fill__pause{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgb(255 255 255 / .3);border-radius:50%;background-color:#0000004d;color:#fff}.media-fill__icon-play,.media-fill__pause[aria-pressed=true] .media-fill__icon-pause{display:none}.media-fill__pause[aria-pressed=true] .media-fill__icon-play{display:block}.hero{position:relative;display:flex;overflow:hidden;color:rgb(var(--hero-text, 255 255 255))}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media:after,.showcase__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgb(0 0 0 / var(--hero-overlay, 0));pointer-events:none}.hero--gradient .hero__media:after,.showcase--gradient .showcase__media:after{background-image:linear-gradient(transparent 50%,#000000bf)}.hero--reference{aspect-ratio:390 / 633}@media screen and (min-width:750px){.hero--reference{aspect-ratio:1 / 1}}@media screen and (min-width:990px){.hero--reference{aspect-ratio:5 / 3}}@media screen and (min-width:1280px){.hero--reference{aspect-ratio:2 / 1}}.hero--full{min-height:max(560px,100svh)}.hero--large{min-height:max(480px,80svh)}.hero--medium{min-height:max(400px,60svh)}.hero--adapt{aspect-ratio:var(--hero-aspect-mobile, .8)}@media screen and (min-width:750px){.hero--adapt{aspect-ratio:var(--hero-aspect, 1.7778)}}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;pointer-events:none;padding:calc(var(--header-height) + 2rem) var(--page-gutter) 40px}@media screen and (max-width:749px){.hero__content{padding-bottom:32px}.hero--gradient .hero__media:after{background-image:linear-gradient(transparent 55%,#00000073)}}.hero--bottom-center .hero__content{align-items:center;justify-content:flex-end;text-align:center}.hero--bottom-left .hero__content{align-items:flex-start;justify-content:flex-end}.hero--center .hero__content{align-items:center;justify-content:center;text-align:center}.hero--middle-left .hero__content{align-items:flex-start;justify-content:center}.hero__content a,.hero__content button,.gateway__content a{pointer-events:auto}.hero__subheading{margin:0 0 4px;font-size:var(--type-small-size);font-weight:600;letter-spacing:var(--type-ui-tracking);text-transform:uppercase}.hero__heading,.showcase__heading{margin:0;font-family:var(--font-heading-family);font-size:24px;font-weight:700;line-height:32px;letter-spacing:normal;text-transform:uppercase}@media screen and (max-width:749px){.hero__heading,.showcase__heading{font-size:20px;line-height:28px}}.hero__text{max-width:40ch;margin-top:8px;font-size:var(--type-small-size)}.hero__buttons{display:flex;flex-wrap:wrap;justify-content:inherit;gap:12px;margin-top:20px}.hero__buttons:empty{display:none}.hero--bottom-center .hero__buttons,.hero--center .hero__buttons{justify-content:center}.gateway{display:grid;grid-template-columns:minmax(0,1fr);color:rgb(var(--hero-text, 255 255 255))}@media screen and (min-width:750px){.gateway{grid-template-columns:repeat(2,minmax(0,1fr))}}.gateway__panel{position:relative;display:flex;align-items:center;min-height:max(320px,50svh);overflow:hidden}@media screen and (min-width:750px){.gateway__panel{min-height:max(560px,100svh)}}.gateway__content{position:relative;z-index:2;padding:calc(var(--header-height) + 1rem) var(--page-gutter) 1.5rem}@media screen and (min-width:990px){.gateway__content{padding-inline:87px}}.gateway__subheading{font-size:16px}.gateway__heading{margin-top:.75rem;font-family:var(--font-heading-family);font-size:clamp(1.5rem,1.2rem + .9vw,1.75rem);font-weight:var(--font-heading-weight);letter-spacing:-.02em}.gateway .hero__buttons{justify-content:flex-start}.showcase{display:grid;grid-template-columns:minmax(0,1fr);padding-top:var(--section-pad-top, 0);padding-bottom:var(--section-pad-bottom, 0);background-color:var(--showcase-bg, transparent)}@media screen and (min-width:750px){.showcase{grid-template-columns:repeat(var(--showcase-columns, 2),minmax(0,1fr))}}.showcase__tile{position:relative;display:flex;flex-direction:column;min-width:0;color:rgb(var(--hero-text, 255 255 255))}.showcase__media{position:relative;display:block;overflow:hidden;background-color:rgb(var(--color-surface))}.showcase--portrait .showcase__media{aspect-ratio:4 / 5}.showcase--square .showcase__media{aspect-ratio:1 / 1}.showcase--landscape .showcase__media{aspect-ratio:16 / 9}.showcase--full .showcase__media{height:max(480px,100svh)}.showcase__image{display:block;width:100%;height:100%;object-fit:cover}.showcase__content{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:24px var(--page-gutter) 40px;pointer-events:none}.showcase__content a{pointer-events:auto}.showcase__tile--bottom-center .showcase__content{align-items:center;text-align:center}.showcase__tile--bottom-center .hero__buttons{justify-content:center}.showcase__tile--below{color:rgb(var(--color-foreground))}.showcase__tile--below .showcase__content{position:static;padding:1rem var(--page-gutter) 1.5rem}@media screen and (max-width:749px){.showcase__content{padding-bottom:32px}}.showcase__heading a{color:inherit;text-decoration:none}.showcase__text{max-width:44ch;margin-top:8px;font-size:var(--type-small-size)}.rail-section{padding-top:var(--section-pad-top, 0);padding-bottom:var(--section-pad-bottom, 0);background-color:var(--rail-bg, transparent)}.rail-section__header{padding-block:1.5rem 1rem}.rail-section__heading{font-family:var(--font-body-family);font-size:13px;font-weight:600;letter-spacing:0;text-transform:var(--ui-text-transform)}.rail-section__list.product-rail{grid-auto-columns:calc((100% - (var(--rail-cards-mobile, 2.2) - 1) * var(--grid-gap)) / var(--rail-cards-mobile, 2.2));scroll-snap-type:none;-webkit-overflow-scrolling:touch}@media screen and (min-width:990px){.rail-section__list.product-rail{grid-auto-columns:calc((100% - (var(--rail-cards-desktop, 5.3) - 1) * var(--grid-gap)) / var(--rail-cards-desktop, 5.3))}}.rail-section__list:focus-visible{outline:1px solid rgb(var(--color-foreground));outline-offset:-1px}.rail-section__link-wrap{padding:1.25rem var(--page-gutter) 2rem;text-align:center}.rail-section__link{display:inline-flex;gap:.5rem;padding-bottom:2px;border-bottom:1px solid currentColor;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.rail-section__empty{padding-block:2rem}.social-rail{padding:var(--section-pad-top, 40px) 0 var(--section-pad-bottom, 40px)}.social-rail__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;padding:0 var(--page-gutter)}.social-rail__heading{margin:0;font-family:var(--font-heading-family);font-size:22px;font-weight:700;line-height:28px;letter-spacing:var(--type-ui-tracking);text-transform:uppercase}.social-rail__link{color:inherit;font-size:var(--type-small-size);font-weight:600;letter-spacing:var(--type-ui-tracking);text-decoration:underline;text-transform:uppercase;text-underline-offset:3px}.social-rail__rail{position:relative;display:block}ul.social-rail__list{display:grid;grid-auto-columns:var(--tile-size-mobile, 80px);grid-auto-flow:column;gap:12px;margin:0;padding:0 var(--page-gutter);overflow-x:auto;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;list-style:none}.social-rail__list::-webkit-scrollbar{display:none}@media screen and (min-width:750px){ul.social-rail__list{grid-auto-columns:var(--tile-size, 102px);gap:15px}}.social-rail__tile{display:block;aspect-ratio:1 / 1;overflow:hidden;background-color:rgb(var(--color-surface))}.social-rail__image{display:block;width:100%;height:100%;object-fit:cover}.social-rail__arrow{position:absolute;top:50%;z-index:1;display:inline-flex;padding:8px;border:0;background:none;color:#fff;filter:drop-shadow(0 0 2px rgb(0 0 0 / .5));transform:translateY(-50%);cursor:pointer}.social-rail__arrow[hidden]{display:none}.social-rail__arrow .icon{width:22px;height:22px}.social-rail__arrow--prev{left:calc(var(--page-gutter) + 4px)}.social-rail__arrow--next{right:calc(var(--page-gutter) + 4px)}.social-rail__list:focus-visible{outline:1px solid rgb(var(--color-foreground));outline-offset:2px}.promo-band{display:flex;flex-direction:column;align-items:center;gap:16px;padding:var(--section-pad-top, 32px) var(--page-gutter) var(--section-pad-bottom, 32px);background-color:var(--promo-bg, #000);color:var(--promo-fg, #fff);text-align:center}.promo-band__logo img{display:block;width:auto;max-width:120px;height:auto;max-height:56px}.promo-band__heading{margin:0;font-family:var(--font-body-family);font-size:var(--type-nav-size);font-weight:600;letter-spacing:var(--type-ui-tracking);text-transform:uppercase}.promo-band__items{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin:0;padding:0;font-size:var(--type-small-size);letter-spacing:var(--type-ui-tracking);list-style:none}.promo-band__items li+li:before{content:"\2022";margin:0 12px}@media screen and (max-width:749px){.promo-band__items{flex-direction:column}.promo-band__items li+li:before{content:none}}.recommendations .rail-section__heading{font-family:var(--font-body-family);font-size:var(--type-nav-size);font-weight:600;letter-spacing:var(--type-ui-tracking);text-transform:uppercase}.recommendations__grid{row-gap:24px}.recommendations__item{display:flex;flex-direction:column}.inline-add{display:flex;flex-direction:column;gap:10px;padding:0 16px;font-size:var(--type-small-size);letter-spacing:var(--type-ui-tracking)}@media screen and (min-width:990px){.inline-add{padding:0 20px}}.inline-add__select{width:100%;padding:4px 18px 4px 0;border:0;border-bottom:1px solid rgb(var(--color-foreground));border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none' stroke='black'%3E%3Cpath d='m.5.5 3.5 3.5 3.5-3.5'/%3E%3C/svg%3E") no-repeat right 2px center;color:inherit;font:inherit;-webkit-appearance:none;appearance:none}.inline-add__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:25px;border:0;border-radius:var(--radius-ui, 0px);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:var(--type-button-size);font-weight:600;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}.inline-add__button .icon{width:14px;height:14px}.inline-add:has(select:invalid) .inline-add__button,.inline-add__button:disabled{background-color:rgb(var(--color-foreground) / .15);color:rgb(var(--color-foreground) / .45)}.inline-add__button:disabled{cursor:not-allowed}.inline-add__button[aria-busy=true]{cursor:progress}.inline-add__error{margin:0;color:rgb(var(--color-sale))}.inline-add__select:focus-visible,.inline-add__button:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media screen and (max-width:749px){.rail-section__link-wrap{padding:12px var(--page-gutter) 24px}.rail-section__link{font-size:11px}}.showcase__rail{display:none}@media screen and (max-width:749px){.showcase__rail{display:block;grid-column:1 / -1;padding:24px 0 8px;background-color:rgb(var(--color-background))}.rail-section--desktop-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-home.css.map */
