.hero-floating-search{--hero-size-factor: 1;--hero-padding-top: var(--space-64);--hero-padding-bottom: var(--space-64);--hero-col-1: calc(16.5rem * var(--hero-size-factor));--hero-col-2: calc(12rem * var(--hero-size-factor));--hero-col-3: calc(6rem * var(--hero-size-factor));--hero-col-1b: calc(12.8rem * var(--hero-size-factor));--hero-col-2b: calc(10rem * var(--hero-size-factor));--hero-col-3b: calc(8.7rem * var(--hero-size-factor));--hero-gap: calc(2.6rem * var(--hero-size-factor));--hero-inner-offset: var(--space-24);--hero-inner-offset-b: 5.6rem;--hero-ix3: var(--hero-inner-offset);--hero-ix2: calc(var(--hero-inner-offset) + var(--hero-col-3) + var(--hero-gap));--hero-ix1: calc(var(--hero-inner-offset) + var(--hero-col-3) + var(--hero-col-2) + var(--hero-gap) * 2);--hero-ix3b: var(--hero-inner-offset-b);--hero-ix2b: calc(var(--hero-inner-offset-b) + var(--hero-col-3b) + var(--hero-gap));--hero-ix1b: calc(var(--hero-inner-offset-b) + var(--hero-col-3b) + var(--hero-col-2b) + var(--hero-gap) * 2);--hero-col-0: calc(20rem * var(--hero-size-factor));--hero-col-0b: calc(15.2rem * var(--hero-size-factor));--hero-ix0: calc(var(--hero-ix1) + var(--hero-col-1) + var(--hero-gap));--hero-ix0b: calc(var(--hero-ix1b) + var(--hero-col-1b) + var(--hero-gap));--hero-row-top-align: 48%;--hero-row-bottom-align: 52%;--hero-tighten-top: 0px;--hero-tighten-bottom: 0px;position:relative;z-index:9;overflow:visible;padding-top:calc(var(--hero-padding-top) * .75);padding-bottom:calc(var(--hero-padding-bottom) * .75)}@media screen and (min-width:750px){.hero-floating-search{padding-top:var(--hero-padding-top);padding-bottom:var(--hero-padding-bottom)}}.hero-floating-search--size-small{--hero-size-factor: .82}.hero-floating-search--size-large{--hero-size-factor: 1.18}.hero-floating-search__canvas{width:100%;max-width:144rem;margin:0 auto}.hero-floating-search__canvas--contained{padding-inline:var(--space-24)}.hero-floating-search__layout{position:static;min-height:50rem;display:flex;align-items:center;justify-content:center}.hero-floating-search__center{position:relative;z-index:4;text-align:center;width:100%;max-width:80rem;padding:0 12rem}.hero-floating-search__heading{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:clamp(3.5rem,4.8vw,5.9rem);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}.hero-floating-search__subheading{margin:var(--space-24) auto 0;color:rgba(var(--color-foreground),.68);font-size:clamp(1.35rem,1.75vw,1.65rem);line-height:1.45;max-width:42ch;opacity:.7;padding-bottom:var(--space-24)}.hero-floating-search__search{margin-top:var(--space-24);position:relative;z-index:2;width:100%}.hero-floating-search__search .search-bar{margin-inline:auto;cursor:default;background:transparent;box-shadow:none;--search-bar-radius: var(--input-border-radius);--search-bar-surface-radius: var(--radius-12)}.hero-floating-search__search .search-bar__inner{box-shadow:none;border:none}@media screen and (max-width:749px){.hero-floating-search__search .search-bar,.hero-floating-search__search .search-bar__inner{outline:none}}.hero-floating-search__explore{position:absolute;bottom:var(--space-32);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-8);width:max-content;text-decoration:none;color:rgba(var(--color-foreground),.7);transition:color .2s ease;opacity:.7}.hero-floating-search__explore-text{font-size:var(--font-size-body);line-height:var(--line-height-body-md);letter-spacing:-.02em;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.hero-floating-search__explore:hover{color:rgb(var(--color-foreground))}.hero-floating-search__explore-chevron{flex-shrink:0;width:2.4rem;height:2.4rem;padding:.4rem;border-radius:50%;background:rgba(var(--color-background),.2)}.hero-floating-search__side{position:absolute;top:0;bottom:0;width:calc(50% - 36rem);margin:0;padding:0;overflow:hidden;pointer-events:none}.hero-floating-search__side--left{left:0;margin-left:0;padding-left:0}.hero-floating-search__side--right{right:0;margin-right:0;padding-right:0}.hero-floating-search__items{position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none}.hero-floating-search__item{position:absolute;aspect-ratio:1 / 1;border-radius:var(--radius-16);overflow:hidden;box-shadow:0 8px 24px #0f172a1a;will-change:transform,opacity;pointer-events:auto;opacity:0;clip-path:inset(4% 4% 4% 4% round var(--radius-16));transform:translate3d(0,calc(var(--hero-ty, 0px) + 16px),0) scale(calc(var(--hero-s, 1) * .98))}.hero-floating-search__media{display:block;width:100%;height:100%}.hero-floating-search__media img{display:block;width:100%;height:100%;object-fit:cover}.hero-floating-search__intro,.hero-floating-search__search{opacity:1;transform:translateZ(0)}.hero-floating-search.is-visible .hero-floating-search__intro{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.hero-floating-search.is-visible .hero-floating-search__search{transition:opacity .9s cubic-bezier(.16,1,.3,1) .12s,transform .9s cubic-bezier(.16,1,.3,1) .12s}.hero-floating-search.is-visible .hero-floating-search__item{opacity:1;clip-path:inset(0% 0% 0% 0% round var(--radius-12));transform:translate3d(0,var(--hero-ty, 0px),0) scale(var(--hero-s, 1));transition:opacity 1s cubic-bezier(.16,1,.3,1),clip-path 1.1s cubic-bezier(.76,0,.24,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.hero-floating-search.is-parallax-ready .hero-floating-search__item{transition:none}.hero-floating-search__side--left .hero-floating-search__item:nth-child(1){transition-delay:.16s}.hero-floating-search__side--left .hero-floating-search__item:nth-child(2){transition-delay:.24s}.hero-floating-search__side--left .hero-floating-search__item:nth-child(3){transition-delay:.32s}.hero-floating-search__side--left .hero-floating-search__item:nth-child(4){transition-delay:.2s}.hero-floating-search__side--left .hero-floating-search__item:nth-child(5){transition-delay:.28s}.hero-floating-search__side--left .hero-floating-search__item:nth-child(6){transition-delay:.36s}.hero-floating-search__side--right .hero-floating-search__item:nth-child(1){transition-delay:.19s}.hero-floating-search__side--right .hero-floating-search__item:nth-child(2){transition-delay:.27s}.hero-floating-search__side--right .hero-floating-search__item:nth-child(3){transition-delay:.35s}.hero-floating-search__side--right .hero-floating-search__item:nth-child(4){transition-delay:.23s}.hero-floating-search__side--right .hero-floating-search__item:nth-child(5){transition-delay:.31s}.hero-floating-search__side--right .hero-floating-search__item:nth-child(6){transition-delay:.39s}@media(hover:hover)and (min-width:990px){.hero-floating-search.is-parallax-ready .hero-floating-search__item{transition:transform .24s cubic-bezier(.25,.46,.45,.94),box-shadow .24s cubic-bezier(.25,.46,.45,.94)}.hero-floating-search__item:hover{box-shadow:0 10px 32px #0f172a24;transform:translate3d(0,var(--hero-ty, 0px),0) scale(calc(var(--hero-s, 1) * 1.015))}}.hero-floating-search__side--left .hero-floating-search__item:nth-child(1){top:calc(var(--hero-row-top-align) - var(--hero-col-1) * 8 / 7 + var(--hero-tighten-top));right:var(--hero-ix1);width:var(--hero-col-1);aspect-ratio:7 / 8}.hero-floating-search__side--left .hero-floating-search__item:nth-child(2){top:calc(var(--hero-row-top-align) - var(--hero-col-2) + var(--hero-tighten-top));right:var(--hero-ix2);width:var(--hero-col-2)}.hero-floating-search__side--left .hero-floating-search__item:nth-child(3){top:calc(var(--hero-row-top-align) - var(--hero-col-3) + var(--hero-tighten-top));right:var(--hero-ix3);width:var(--hero-col-3)}.hero-floating-search__side--left .hero-floating-search__item:nth-child(4){top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));right:var(--hero-ix1b);width:var(--hero-col-1b);aspect-ratio:3 / 4}.hero-floating-search__side--left .hero-floating-search__item:nth-child(5){top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));right:var(--hero-ix2b);width:var(--hero-col-2b)}.hero-floating-search__side--left .hero-floating-search__item:nth-child(6){top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));right:var(--hero-ix3b);width:var(--hero-col-3b)}.hero-floating-search__side--right .hero-floating-search__item:nth-child(1){top:calc(var(--hero-row-top-align) - var(--hero-col-1) * 8 / 7 + var(--hero-tighten-top));left:var(--hero-ix1);width:var(--hero-col-1);aspect-ratio:7 / 8}.hero-floating-search__side--right .hero-floating-search__item:nth-child(2){top:calc(var(--hero-row-top-align) - var(--hero-col-2) + var(--hero-tighten-top));left:var(--hero-ix2);width:var(--hero-col-2)}.hero-floating-search__side--right .hero-floating-search__item:nth-child(3){top:calc(var(--hero-row-top-align) - var(--hero-col-3) + var(--hero-tighten-top));left:var(--hero-ix3);width:var(--hero-col-3)}.hero-floating-search__side--right .hero-floating-search__item:nth-child(4){top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));left:var(--hero-ix1b);width:var(--hero-col-1b);aspect-ratio:3 / 4}.hero-floating-search__side--right .hero-floating-search__item:nth-child(5){top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));left:var(--hero-ix2b);width:var(--hero-col-2b)}.hero-floating-search__side--right .hero-floating-search__item:nth-child(6){top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));left:var(--hero-ix3b);width:var(--hero-col-3b)}.hero-floating-search__item--xl-edge{display:none}@media screen and (min-width:1601px){.hero-floating-search__item--xl-edge{display:block}.hero-floating-search__side--left .hero-floating-search__item--xl-edge-left-top{top:calc(var(--hero-row-top-align) - var(--hero-col-0) * 8 / 7 + var(--hero-tighten-top));right:var(--hero-ix0);left:auto;width:var(--hero-col-0);aspect-ratio:7 / 8}.hero-floating-search__side--left .hero-floating-search__item--xl-edge-left-bottom{top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));right:var(--hero-ix0b);left:auto;width:var(--hero-col-0b);aspect-ratio:3 / 4}.hero-floating-search__side--right .hero-floating-search__item--xl-edge-right-top{top:calc(var(--hero-row-top-align) - var(--hero-col-0) * 8 / 7 + var(--hero-tighten-top));left:var(--hero-ix0);right:auto;width:var(--hero-col-0);aspect-ratio:7 / 8}.hero-floating-search__side--right .hero-floating-search__item--xl-edge-right-bottom{top:calc(var(--hero-row-bottom-align) + var(--hero-tighten-bottom));left:var(--hero-ix0b);right:auto;width:var(--hero-col-0b);aspect-ratio:3 / 4}.hero-floating-search__side--left .hero-floating-search__item--xl-edge-left-top{transition-delay:80ms}.hero-floating-search__side--left .hero-floating-search__item--xl-edge-left-bottom{transition-delay:.12s}.hero-floating-search__side--right .hero-floating-search__item--xl-edge-right-top{transition-delay:.1s}.hero-floating-search__side--right .hero-floating-search__item--xl-edge-right-bottom{transition-delay:.14s}}.hero-floating-search__mobile-pyramid{display:none}@media screen and (max-width:1199px){.hero-floating-search__layout{min-height:44rem}.hero-floating-search__item{border-radius:var(--radius-8)}}@media screen and (max-width:989px){.hero-floating-search{padding-bottom:0;overflow-x:clip}.hero-floating-search:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--section-bottom-fade-h, 9.2rem);pointer-events:none;z-index:6;background:linear-gradient(to top,rgb(var(--color-background)) 0% 20%,rgba(var(--color-background),.92) 34%,rgba(var(--color-background),.22) 50%,rgba(var(--color-background),0))}.hero-floating-search__layout{min-height:auto;flex-direction:column;padding:var(--space-16) 0 0;overflow-x:clip}.hero-floating-search__side{display:none}.hero-floating-search__center{display:flex;flex-direction:column;max-width:100%;padding-block:0;padding-inline:var(--space-24)}.hero-floating-search__mobile-pyramid{--pyramid-gap: 8px;--pyramid-base: clamp(.9rem, calc(.38rem + 1.6vw) , 2rem);--pyramid-top-shift-x: clamp(46px, calc(var(--pyramid-base) * 3.3), 84px);--pyramid-top-right-drop: clamp(13px, calc(var(--pyramid-base) * 1.1), 24px);--pyramid-pad-top: calc(var(--pyramid-base) * 6.6);--pyramid-pad-bottom: calc(var(--pyramid-base) * 2.9);--section-bottom-fade-h: calc(var(--pyramid-base) * 5.6);--pyramid-top-left: calc(var(--pyramid-base) * 4.4);--pyramid-top-right: calc(var(--pyramid-base) * 6.2);--pyramid-bot-outer-left: calc(var(--pyramid-base) * 3.9);--pyramid-bot-mid-left: calc(var(--pyramid-base) * 6.6);--pyramid-bot-center-left: calc(var(--pyramid-base) * 10.75);--pyramid-bot-center-right: calc(var(--pyramid-base) * 9.5);--pyramid-bot-mid-right: calc(var(--pyramid-base) * 6.2);--pyramid-bot-outer-right: calc(var(--pyramid-base) * 3.5);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100vw;max-width:none;margin:0 calc(50% - 50vw);padding:var(--pyramid-pad-top) 0 var(--pyramid-pad-bottom)}.hero-floating-search__mobile-pyramid:after{content:"";position:absolute;left:-1.6rem;right:-1.6rem;bottom:0;height:62%;pointer-events:none;z-index:4;background:linear-gradient(to top,rgba(var(--color-background),.9),rgba(var(--color-background),.62) 40%,rgba(var(--color-background),.24),rgba(var(--color-background),0))}.hero-floating-search__mobile-pyramid-row{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;width:100%;max-width:none}.hero-floating-search__mobile-pyramid-row--top{padding-left:var(--pyramid-top-shift-x);gap:8px}.hero-floating-search__mobile-pyramid-row--bottom{padding-left:0}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item{position:relative;z-index:1;top:auto;left:auto;right:auto;bottom:auto;width:auto;flex:0 0 auto;aspect-ratio:1 / 1;opacity:1;clip-path:none;transform:translate3d(0,var(--mobile-item-offset-y, 0),0);border-radius:3px;overflow:hidden;box-shadow:0 4px 14px #0f172a14}.hero-floating-search__mobile-pyramid .hero-floating-search__media,.hero-floating-search__mobile-pyramid .hero-floating-search__media img{border-radius:3px}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--top-left{width:var(--pyramid-top-left)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--top-right{width:var(--pyramid-top-right);--mobile-item-offset-y: var(--pyramid-top-right-drop)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--bottom-outer-left{width:var(--pyramid-bot-outer-left)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--bottom-mid-left{width:var(--pyramid-bot-mid-left)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--bottom-center-left{width:var(--pyramid-bot-center-left)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--bottom-center-right{width:var(--pyramid-bot-center-right)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--bottom-mid-right{width:var(--pyramid-bot-mid-right)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item--bottom-outer-right{width:var(--pyramid-bot-outer-right)}.hero-floating-search.is-visible .hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item{transform:translate3d(0,var(--mobile-item-offset-y, 0),0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item:nth-child(1){transition-delay:60ms}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item:nth-child(2){transition-delay:.12s}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item:nth-child(3){transition-delay:.18s}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item:nth-child(4){transition-delay:.24s}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item:nth-child(5){transition-delay:.3s}.hero-floating-search__mobile-pyramid .hero-floating-search__mobile-item:nth-child(6){transition-delay:.36s}.hero-floating-search__explore{display:none}.hero-floating-search+.section [class*=section-][class*=-padding]{padding-top:0}}@media screen and (max-width:749px){.hero-floating-search__canvas--contained{padding-left:var(--space-24);padding-right:var(--space-24)}.hero-floating-search__heading{font-size:clamp(2.8rem,8vw,3.6rem)}.hero-floating-search__subheading{font-size:1.5rem}.hero-floating-search__mobile-pyramid{--pyramid-gap: 8px}}@media(prefers-reduced-motion:reduce){.hero-floating-search__intro,.hero-floating-search__search,.hero-floating-search__item{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/section-hero-floating-search.css.map */