@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";.bannanna-native{--bnn-text: rgb(var(--bnn-ink, var(--color-foreground)));--bnn-muted: rgba(var(--bnn-muted-rgb, var(--color-foreground)), .88);--bnn-soft: rgba(var(--bnn-ink, var(--color-foreground)), .045);--bnn-border: rgba(var(--bnn-hairline, var(--color-foreground)), .92);--bnn-quiet-border: rgba(var(--bnn-hairline, var(--color-foreground)), .18);--bnn-body-size: 15px;--bnn-body-line: 1.65;--bnn-caption-size: 13px;--bnn-caption-line: 1.45;--bnn-link-size: 13px;--bnn-motion-press: .14s var(--bnn-ease, ease);--bnn-motion-fast: .2s var(--bnn-ease, ease);--bnn-motion-panel: .28s var(--bnn-ease, ease);--bnn-motion-slow: .36s var(--bnn-ease, ease);--bnn-fit-image-swap: .34s var(--bnn-ease, ease)}.bannanna-native a{text-underline-offset:.22em}.bannanna-native a:focus-visible,.bannanna-native button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.bannanna-native__inner{width:min(100% - calc(var(--bnn-page-x) * 2),var(--bnn-container-max));margin-inline:auto}.bannanna-native__eyebrow{margin:0 0 18px;font-size:12px;line-height:1.25;font-weight:500;letter-spacing:0;text-transform:none;color:var(--bnn-muted)}.bannanna-native__heading{margin:0;max-width:980px;font-size:clamp(38px,5.8rem,96px);line-height:.92;font-weight:400;letter-spacing:0;text-wrap:balance}.bannanna-native__text{margin:0;max-width:560px;color:var(--bnn-muted);font-size:var(--bnn-body-size);line-height:var(--bnn-body-line)}.bannanna-native__text p{margin-block:0}.bannanna-native__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:34px}.bannanna-native__button,.bannanna-native__link{display:inline-flex;align-items:center;justify-content:center;color:currentColor;font-size:var(--bnn-link-size);line-height:1.2;text-decoration:none;transition:opacity var(--bnn-motion-fast),transform var(--bnn-motion-fast)}.bannanna-native__button{min-height:42px;border-radius:4px;padding:12px 20px;border:1px solid currentColor}.bannanna-native__button:hover,.bannanna-native__link:hover{transform:translateY(-1px)}.bannanna-native__button:active,.bannanna-native__link:active{transform:translateY(0);transition-duration:1ms}.bannanna-native__link{border-bottom:1px solid currentColor}.bannanna-native-hero{padding-block:var(--bnn-y-compact) clamp(34px,4vw,68px);color:var(--bnn-text);background:rgb(var(--bnn-paper, var(--color-background)))}.bannanna-native-hero__copy,.bannanna-native-hero__aside,.bannanna-native-hero__media{opacity:0;transform:translateY(8px);animation:bnn-hero-rise .7s var(--bnn-ease) both}.bannanna-native-hero__copy{animation-delay:.1s}.bannanna-native-hero__aside{animation-delay:.28s}.bannanna-native-hero__media{animation-delay:.4s;animation-duration:.9s;transform:none}@keyframes bnn-hero-rise{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bannanna-native-hero__copy,.bannanna-native-hero__aside,.bannanna-native-hero__media{opacity:1;transform:none;animation:none}}.bannanna-native-hero__shell{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bnn-grid-gap);align-items:end;min-height:auto}.bannanna-native-hero__content{display:contents}.bannanna-native-hero__copy{grid-column:1 / span 7;max-width:720px;padding-top:clamp(72px,9vw,148px);padding-bottom:clamp(24px,3vw,48px);display:flex;flex-direction:column;gap:clamp(20px,2.4vw,36px);align-items:flex-start}.bannanna-native-hero__media{grid-column:8 / span 5;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:clamp(480px,62vw,820px);background:#141414;overflow:hidden}.bannanna-native-hero__media-canvas{position:relative;overflow:hidden;background:#141414}.bannanna-native-hero__media .m-image,.bannanna-native-hero__media .m-image img,.bannanna-native-hero__media picture,.bannanna-native-hero__media-canvas picture,.bannanna-native-hero__media-canvas img,.bannanna-native-hero__media img{display:block;width:100%;height:100%;object-fit:cover}.bannanna-native-hero__media-footer{min-height:clamp(72px,7vw,110px);background:#141414;position:relative}.bannanna-native-hero .bannanna-native__heading{max-width:620px;color:inherit;font-size:clamp(36px,4.4rem,68px);line-height:.94}.bannanna-native-hero .bannanna-native__text{max-width:52ch;margin:0}.bannanna-native-hero .bannanna-native__actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,1.8vw,28px)}.bannanna-native-hero .bannanna-native__text{color:rgba(var(--bnn-ink, var(--color-foreground)),.72)}.bannanna-native-fit-products{padding-block:var(--bnn-y-standard)}.bannanna-native-fit-products__header,.bannanna-native-fit-products__edit{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bnn-grid-gap)}.bannanna-native-fit-products__header{align-items:start;margin-bottom:clamp(34px,4vw,64px)}.bannanna-native-fit-products__title{grid-column:1 / span 4;max-width:410px}.bannanna-native-fit-products__edit-label{grid-column:8 / span 3;align-self:start;margin:0;color:var(--bnn-muted);font-size:var(--bnn-caption-size);line-height:var(--bnn-caption-line)}.bannanna-native-fit-products .bannanna-native__heading{max-width:380px;font-size:clamp(28px,2.8rem,46px);line-height:1}.bannanna-native-fit-products .bannanna-native__text{font-size:var(--bnn-body-size);line-height:var(--bnn-body-line)}.bannanna-native-fit-products .bannanna-native__actions{margin-top:18px}.bannanna-native-fit-products__panel[hidden]{display:none}.bannanna-native-fit-products__edit{align-items:start;row-gap:clamp(28px,4vw,54px)}.bannanna-native-fit-products__lead{grid-column:1 / span 8;min-width:0}.bannanna-native-fit-products__references{grid-column:9 / -1;display:flex;flex-direction:column;gap:clamp(22px,3vw,42px);min-width:0}.bannanna-native-fit-product{min-width:0}.bannanna-native-fit-product--lead{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:clamp(24px,3.4vw,56px);align-items:end}.bannanna-native-fit-product--reference{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:clamp(16px,2.2vw,28px);align-items:end}.bannanna-native-fit-product__image{display:block;overflow:hidden;background:var(--bnn-soft);text-decoration:none}.bannanna-native-fit-product__image .m-image,.bannanna-native-fit-product__image img{width:100%;aspect-ratio:4 / 5;object-fit:cover;backface-visibility:hidden;transition:transform var(--bnn-motion-slow)}.bannanna-native-fit-product__image:hover img{transform:scale(1.018)}.bannanna-native-fit-product__meta{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.bannanna-native-fit-product__fit{margin:0;color:var(--bnn-text);font-size:clamp(24px,3vw,42px);line-height:.96;font-weight:400}.bannanna-native-fit-product--lead .bannanna-native-fit-product__image{grid-column:1 / span 5}.bannanna-native-fit-product--lead .bannanna-native-fit-product__meta{grid-column:6 / -1;max-width:270px;padding-bottom:clamp(10px,2vw,32px)}.bannanna-native-fit-product--reference .bannanna-native-fit-product__image .m-image,.bannanna-native-fit-product--reference .bannanna-native-fit-product__image img{aspect-ratio:4 / 5}.bannanna-native-fit-product--reference .bannanna-native-fit-product__fit{font-size:clamp(20px,2vw,28px)}.bannanna-native-fit-product__commerce{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px clamp(18px,2vw,28px)}.bannanna-native-fit-product__title{margin:0;font-size:var(--bnn-caption-size);line-height:var(--bnn-caption-line);font-weight:400}.bannanna-native-fit-product__title a{color:currentColor;text-decoration:none;transition:opacity var(--bnn-motion-fast)}.bannanna-native-fit-product__title a:hover{opacity:.72}.bannanna-native-fit-product__note{max-width:220px;margin:0;color:var(--bnn-muted);font-size:var(--bnn-caption-size);line-height:var(--bnn-caption-line)}.bannanna-native-fit-product__price{font-size:12px;line-height:var(--bnn-caption-line);color:var(--bnn-muted);text-align:right;font-variant-numeric:tabular-nums}.bannanna-native-fit-product__cta,.bannanna-native-fit-products__system-note .bannanna-native__link{justify-self:start;width:fit-content;color:currentColor;font-size:var(--bnn-link-size);line-height:1.3;text-decoration:underline;text-underline-offset:.22em;transition:opacity var(--bnn-motion-fast)}.bannanna-native-fit-product__cta:hover,.bannanna-native-fit-products__system-note .bannanna-native__link:hover{opacity:.72}.bannanna-native-fit-products__system-note{display:grid;gap:14px;max-width:520px;margin:0 0 clamp(34px,4vw,64px);color:var(--bnn-muted);font-size:var(--bnn-body-size);line-height:var(--bnn-body-line)}.bannanna-native-fit-products__system-note p{margin:0}.bannanna-native-fits{position:relative;isolation:isolate;padding-block:var(--bnn-y-major);color:#f7f3ed;background:#121212;border-top:0;border-bottom:0}.bannanna-native-fits:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.42;mix-blend-mode:overlay}.bannanna-native-fits__header{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bnn-grid-gap);align-items:end;margin-bottom:clamp(38px,5vw,76px)}.bannanna-native-fits__title-block{grid-column:1 / -1}.bannanna-native-fits .bannanna-native__heading{color:inherit}.bannanna-native-fits__heading{display:inline-flex;align-items:baseline;gap:clamp(12px,1.8vw,28px);max-width:none;white-space:nowrap}.bannanna-native-fits__heading span{font-size:clamp(64px,8.5rem,136px);line-height:.88}.bannanna-native-fits__heading span:nth-child(2){color:inherit}.bannanna-native-fits .bannanna-native__eyebrow,.bannanna-native-fits .bannanna-native__text{color:#f7f3edbd}.bannanna-native-fits__intro{grid-column:7 / span 4;align-self:start;margin-top:clamp(4px,1vw,14px)}.bannanna-native-fits__body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bnn-grid-gap);align-items:stretch;padding-block:clamp(24px,3.4vw,56px)}.bannanna-native-fits__visuals{position:relative;grid-column:1 / span 6;align-self:stretch;overflow:hidden;min-height:clamp(560px,58vw,800px);background:#1b1b1b}.bannanna-native-fits__visual-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;visibility:hidden;transition:none;will-change:opacity}.bannanna-native-fits.is-motion-ready .bannanna-native-fits__visual-panel{transition:opacity var(--bnn-fit-image-swap),visibility 0s linear .34s}.bannanna-native-fits__visual-panel.is-active{opacity:1;pointer-events:auto;visibility:visible;transition:none}.bannanna-native-fits.is-motion-ready .bannanna-native-fits__visual-panel.is-active{transition:opacity var(--bnn-fit-image-swap),visibility 0s}.bannanna-native-fits__visual-panel .m-image,.bannanna-native-fits__visual-panel img,.bannanna-native-fits__image{display:block;width:100%;height:100%;backface-visibility:hidden;object-fit:cover;opacity:1;animation:none;transform:none;transition:none}.bannanna-native-fits__compare{grid-column:7 / -1;display:grid;align-items:start;min-width:0}.bannanna-native-fits__choices{display:grid;align-content:start;gap:clamp(12px,1.8vw,28px)}.bannanna-native-fit-item{display:grid;gap:0;color:#f7f3ed94}.bannanna-native-fit-item.is-active{gap:clamp(10px,1.5vw,22px);color:#f7f3ed}.bannanna-native-fit-choice{display:block;width:100%;min-height:0;padding:clamp(5px,.7vw,10px) 0;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;transition:color var(--bnn-motion-fast),opacity var(--bnn-motion-fast),transform var(--bnn-motion-fast)}.bannanna-native-fit-choice:not(.is-active){color:#f7f3ed94}.bannanna-native-fit-choice:not(.is-active):hover{color:#f7f3edc2}.bannanna-native-fit-choice:active{transform:translateY(1px)}.bannanna-native-fit-choice__name{display:block;color:currentColor;font-size:clamp(22px,2.25rem,36px);line-height:.98}.bannanna-native-fit-item.is-active .bannanna-native-fit-choice__name{font-size:clamp(54px,6.125rem,98px);line-height:.88}.bannanna-native-fit-detail{max-height:0;overflow:clip;opacity:0;visibility:hidden;transform:translateY(4px);transition:max-height var(--bnn-motion-panel),opacity var(--bnn-motion-fast),transform var(--bnn-motion-fast),visibility 0s linear var(--bnn-motion-fast)}.bannanna-native-fit-detail.is-active{max-height:260px;opacity:1;visibility:visible;transform:translateY(0);transition:max-height var(--bnn-motion-panel),opacity var(--bnn-motion-fast),transform var(--bnn-motion-fast),visibility 0s}.bannanna-native-fit-detail__measure{margin:0;color:#f7f3edbd;font-size:var(--bnn-caption-size);line-height:var(--bnn-caption-line);font-variant-numeric:tabular-nums}.bannanna-native-fit-detail__description{max-width:320px;margin:12px 0 0;color:#f7f3edc7;font-size:var(--bnn-body-size);line-height:var(--bnn-body-line)}.bannanna-native-fit-detail__cta{display:inline-flex;margin-top:28px;color:#f7f3ed;font-size:var(--bnn-link-size);line-height:1.2;text-decoration:none;border-bottom:1px solid currentColor;transition:opacity var(--bnn-motion-fast),transform var(--bnn-motion-fast)}.bannanna-native-fit-detail__cta:hover{opacity:.72;transform:translateY(-1px)}.bannanna-native-fit-detail__cta:active,.bannanna-native-fit-product__cta:active{transform:translateY(0);transition-duration:1ms}.bannanna-native-brand{padding-block:var(--bnn-y-standard) var(--bnn-y-standard);border-top:1px solid rgba(var(--bnn-ink),.08)}.bannanna-native-brand__layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bnn-grid-gap);align-items:start;padding-block:0}.bannanna-native-brand__volume-mark{grid-column:1 / -1;grid-row:1;margin:0 0 clamp(36px,4vw,64px);font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.bannanna-native-brand__volume-mark:after{content:"";display:block;width:clamp(72px,8vw,128px);height:1px;margin-top:clamp(16px,1.8vw,24px);background:rgba(var(--bnn-ink),.24)}.bannanna-native-brand__plate-title{grid-column:1 / span 8;grid-row:2;align-self:start;color:var(--bnn-text);font-size:clamp(42px,7vw,118px);line-height:.9;font-weight:400;letter-spacing:0;text-transform:uppercase;text-wrap:balance;z-index:1}.bannanna-native-brand__plate-line{display:block}.bannanna-native-brand__plate-line+.bannanna-native-brand__plate-line{margin-top:.04em}.bannanna-native-brand__plate-line--2{margin-top:.08em}.bannanna-native-brand__media{grid-column:9 / -1;grid-row:2;align-self:end;margin-top:clamp(84px,11vw,184px);min-width:0;z-index:2}.bannanna-native-brand__image{overflow:hidden;background:var(--bnn-soft)}.bannanna-native-brand__image .m-image,.bannanna-native-brand__image img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.bannanna-native-brand__content{align-self:end;grid-column:9 / -1;grid-row:3;display:grid;margin-top:clamp(28px,3vw,48px);padding-bottom:0}.bannanna-native-brand__note{min-width:0}.bannanna-native-brand__note-title{margin:0;max-width:420px;font-size:clamp(26px,2.6vw,42px);line-height:1.12;font-weight:400;letter-spacing:0;text-wrap:balance}.bannanna-native-brand__note .bannanna-native__text{max-width:420px;margin-top:clamp(16px,1.8vw,26px);font-size:var(--bnn-body-size);line-height:var(--bnn-body-line)}.bannanna-native-brand__note .bannanna-native__actions{margin-top:clamp(22px,2vw,32px)}@media(max-width:1180px){.bannanna-native-fits__body{grid-template-columns:repeat(10,minmax(0,1fr))}.bannanna-native-fits__visuals{grid-column:1 / span 5}.bannanna-native-fits__compare{grid-column:6 / -1}}@media(max-width:989px){.bannanna-native-fit-products__header,.bannanna-native-fit-products__edit,.bannanna-native-fits__header,.bannanna-native-brand__layout{grid-template-columns:1fr}.bannanna-native-fit-products__title,.bannanna-native-fit-products__edit-label,.bannanna-native-fit-products__lead,.bannanna-native-fit-products__references,.bannanna-native-fit-product--lead .bannanna-native-fit-product__image,.bannanna-native-fit-product--lead .bannanna-native-fit-product__meta{grid-column:1}.bannanna-native-fit-products__edit{row-gap:clamp(34px,6vw,68px)}.bannanna-native-fit-product--lead{grid-template-columns:1fr;row-gap:clamp(18px,4vw,32px)}.bannanna-native-fit-product--lead .bannanna-native-fit-product__meta{max-width:440px;padding-bottom:0}.bannanna-native-fits__title-block,.bannanna-native-fits__intro{grid-column:1}.bannanna-native-fits__body{grid-template-columns:1fr}.bannanna-native-fits__visuals,.bannanna-native-fits__compare{grid-column:1 / -1}.bannanna-native-fits__visuals{min-height:0;aspect-ratio:4 / 5}.bannanna-native-hero__shell{grid-template-columns:1fr;min-height:auto}.bannanna-native-hero__copy,.bannanna-native-hero__aside,.bannanna-native-hero__media{grid-column:1}.bannanna-native-hero__media{min-height:360px;order:initial}.bannanna-native-brand__plate-title,.bannanna-native-brand__media{grid-column:1;grid-row:auto;max-width:560px}.bannanna-native-brand__media{margin-top:0}.bannanna-native-brand__content{grid-column:1;grid-row:auto;margin-top:0;grid-template-columns:1fr;padding-block:0;border:0}}@media(max-width:767px){.bannanna-native{--bnn-page-x: 18px;--bnn-section-y: 68px}.bannanna-native__heading{font-size:42px;line-height:.98}.bannanna-native__text{font-size:15px}.bannanna-native-hero{padding-block:0 56px}.bannanna-native-hero .bannanna-native__heading{font-size:40px}.bannanna-native-hero__copy{padding-top:36px}.bannanna-native-hero__media{min-height:280px}.bannanna-native-fits__visuals{min-height:0;aspect-ratio:4 / 5}.bannanna-native-fits__heading{display:inline-flex;flex-wrap:wrap;gap:0 14px;white-space:normal}.bannanna-native-fits__heading span{font-size:64px}.bannanna-native-fits__heading span:nth-child(2){font-size:64px}.bannanna-native-fit-choice{padding:12px 0}.bannanna-native-fit-choice__name{font-size:24px}.bannanna-native-fit-item.is-active .bannanna-native-fit-choice__name{font-size:58px}.bannanna-native-brand{padding-block:58px 32px}.bannanna-native-brand__layout{gap:24px}.bannanna-native-brand__plate-title{margin-bottom:0;font-size:clamp(38px,12.5vw,68px);line-height:.94}.bannanna-native-brand__plate-line--2{margin-left:0}.bannanna-native-brand__media{max-width:78vw}.bannanna-native-brand__content{grid-template-columns:1fr;gap:18px}}@media(hover:none),(pointer:coarse){.bannanna-native-fit-product__image:hover img,.bannanna-native__button:hover,.bannanna-native__link:hover,.bannanna-native-fit-detail__cta:hover{transform:none}.bannanna-native-fit-choice:not(.is-active):hover{color:#f7f3ed94}}@media(prefers-reduced-motion:reduce){.bannanna-native *,.bannanna-native *:before,.bannanna-native *:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.bannanna-native-fit-product__image:hover img,.bannanna-native__button:hover,.bannanna-native__link:hover,.bannanna-native-fit-detail__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bannanna-home.css.map */