.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width:749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.tf-collection-hero{--tf-plp-ink: #1a1a1a;--tf-plp-muted: #7a7a75;--tf-plp-line: #ececea;--tf-plp-accent: oklch(.62 .05 145);--tf-plp-accent-deep: oklch(.42 .06 145);--tf-plp-accent-soft: rgba(122, 148, 121, .16);border-bottom:.1rem solid var(--tf-plp-line);background:#fff}.tf-collection-hero__breadcrumb{display:flex;align-items:center;gap:.8rem;padding-top:2rem;padding-bottom:.8rem;color:var(--tf-plp-muted);font-size:1.25rem;line-height:1.4}.tf-collection-hero__breadcrumb-link{color:inherit;text-decoration:none}.tf-collection-hero__breadcrumb-link:hover{color:var(--tf-plp-ink);text-decoration:underline;text-underline-offset:.3rem}.tf-collection-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4.8rem;padding-top:.8rem;padding-bottom:3.6rem}.tf-collection-hero--with-image .tf-collection-hero__inner,.tf-collection-hero.collection-hero--with-image .tf-collection-hero__inner{grid-template-columns:minmax(0,1fr) auto minmax(18rem,28rem)}.tf-collection-hero__copy{min-width:0}.tf-collection-hero__pill{display:inline-flex;align-items:center;min-height:2.8rem;padding:.5rem 1rem;border-radius:999px;background:var(--tf-plp-accent-soft);color:var(--tf-plp-accent-deep);font-size:1.15rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.tf-collection-hero__title{margin:1.4rem 0 1rem;color:var(--tf-plp-ink);font-size:clamp(3.4rem,4vw,4.8rem);font-weight:700;letter-spacing:-.025em;line-height:1.05}.tf-collection-hero__description{max-width:64rem;margin:0;color:#5a5a55;font-size:1.55rem;line-height:1.6}.tf-collection-hero__description>*{margin-top:0}.tf-collection-hero__description>*:last-child{margin-bottom:0}.tf-collection-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(8rem,auto));gap:2.4rem;margin:0;color:#5a5a55}.tf-collection-hero__stats dt{margin-bottom:.4rem;color:#9a9a96;font-size:1.1rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.tf-collection-hero__stats dd{margin:0;color:var(--tf-plp-ink);font-size:1.5rem;font-weight:var(--tf-font-weight-semibold);line-height:1.25}.tf-collection-hero__image{min-height:20rem;margin:0;border:.1rem solid var(--tf-plp-line);border-radius:0;box-shadow:none;background:#f1efe9}@media screen and (max-width:989px){.tf-collection-hero__inner,.tf-collection-hero.collection-hero--with-image .tf-collection-hero__inner{grid-template-columns:1fr;align-items:start;gap:2.4rem}.tf-collection-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.tf-collection-hero__image{width:100%;min-height:18rem}}@media screen and (max-width:749px){.tf-collection-hero .page-width{padding-inline:1.6rem}.tf-collection-hero__breadcrumb{padding-top:1.4rem}.tf-collection-hero__inner{padding-bottom:2.4rem}.tf-collection-hero__title{font-size:3.2rem}.tf-collection-hero__description{font-size:1.45rem}.tf-collection-hero__stats{grid-template-columns:1fr;gap:1.2rem}}.tf-collection-hero{border-bottom:.1rem solid #ececea;background:#fff}.tf-collection-hero .page-width{max-width:132rem;padding-inline:3.2rem}.tf-collection-hero__breadcrumb{padding-top:2rem;padding-bottom:2rem;gap:.8rem;font-size:1.25rem;color:#7a7a75}.tf-collection-hero__inner{grid-template-columns:minmax(0,1fr) auto;gap:4.8rem;align-items:end;padding-top:.8rem;padding-bottom:3.6rem}.tf-collection-hero__pill{min-height:auto;padding:.4rem .9rem;border-radius:999px;font-size:1.1rem;font-weight:500;letter-spacing:.02em;line-height:1.2;text-transform:none}.tf-collection-hero__title{margin:1.4rem 0 1rem;font-size:4.8rem;font-weight:700;letter-spacing:-.025em;line-height:1.05}.tf-collection-hero__description{max-width:64rem;color:#5a5a55;font-size:1.55rem;line-height:1.6}.tf-collection-hero__stats{display:flex;gap:2.4rem;font-size:1.2rem}.tf-collection-hero__stats div{min-width:11rem}.tf-collection-hero__stats dt{margin-bottom:.4rem;color:#9a9a96;font-size:1.1rem;font-weight:600;letter-spacing:.06em}.tf-collection-hero__stats dd{font-size:1.5rem;font-weight:600}@media screen and (max-width:749px){.tf-collection-hero .page-width{padding-inline:1.6rem}.tf-collection-hero__breadcrumb{padding-top:1.6rem;padding-bottom:1.2rem;flex-wrap:wrap}.tf-collection-hero__title{font-size:3.6rem}.tf-collection-hero__stats{display:grid;grid-template-columns:1fr}}.tf-collection-tabs{border-bottom:.1rem solid #ececea;background:#fff}.tf-collection-tabs__shell{max-width:132rem;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1.4rem 3.2rem}.tf-collection-tabs__shell:before,.tf-collection-tabs__shell:after{content:"";width:8.8rem;position:absolute;top:.8rem;bottom:.8rem;z-index:1;opacity:0;pointer-events:none;transition:opacity .16s ease}.tf-collection-tabs__shell:before{left:7.8rem;background:linear-gradient(90deg,#fff,#ffffffe0 38%,#fff0)}.tf-collection-tabs__shell:after{right:7.8rem;background:linear-gradient(270deg,#fff,#ffffffe0 38%,#fff0)}.tf-collection-tabs__shell.has-prev:before,.tf-collection-tabs__shell.has-next:after{opacity:1}.tf-collection-tabs__inner{grid-column:2;display:flex;gap:.8rem;overflow-x:auto;min-width:0;padding:0;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.tf-collection-tabs__inner::-webkit-scrollbar{display:none}.tf-collection-tabs__arrow{width:3.8rem;height:3.8rem;position:static;z-index:2;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(26,26,26,.08);border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 .8rem 2.4rem #0000001a;cursor:pointer;transform:none;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.tf-collection-tabs__arrow:not(:disabled):hover{border-color:#1a1a1a;background:#1a1a1a;color:#fff;box-shadow:0 1.2rem 2.8rem #00000029}.tf-collection-tabs__arrow:not(:disabled):active{transform:translateY(.1rem)}.tf-collection-tabs__arrow[hidden]{display:none}.tf-collection-tabs__arrow svg{width:1.8rem;height:1.8rem;display:block}.tf-collection-tabs__arrow--prev{grid-column:1}.tf-collection-tabs__arrow--next{grid-column:3}.tf-collection-tab{min-height:3.5rem;flex:0 0 auto;display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.6rem;border:.15rem solid var(--tf-pill-border, #d9d9d4);border-radius:999px;background:var(--tf-pill-bg, #fff);color:var(--tf-pill-color, #1a1a1a);font-size:1.3rem;font-weight:500;line-height:1;text-decoration:none;scroll-snap-align:start}.tf-collection-tab__icon{width:1.8rem;height:1.8rem;flex:0 0 1.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:currentColor;font-size:1.2rem;font-weight:800;letter-spacing:.04em}@media screen and (max-width:749px){.tf-collection-tabs__shell{display:block;padding:0}.tf-collection-tabs__shell:before,.tf-collection-tabs__shell:after{display:none}.tf-collection-tabs__inner{padding:1.4rem 1.6rem;scrollbar-width:none}.tf-collection-tabs__inner::-webkit-scrollbar{display:none}.tf-collection-tabs__arrow{display:none}}@media screen and (max-width:749px){.tf-collection-hero__inner,.tf-collection-hero.collection-hero--with-image .tf-collection-hero__inner{grid-template-columns:1fr;align-items:start;gap:2rem;padding-top:.6rem;padding-bottom:2.4rem}.tf-collection-hero__copy{width:100%;min-width:0}.tf-collection-hero__title{font-size:3.2rem;line-height:1.08;overflow-wrap:normal;word-break:normal}.tf-collection-hero__stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tf-collection-hero__stats div{min-width:0}.tf-collection-hero__stats dt{font-size:.95rem}.tf-collection-hero__stats dd{font-size:1.25rem}}.tf-collection-hero .page-width,.tf-collection-tabs__shell{max-width:132rem}.tf-collection-hero__breadcrumb{padding-top:1.6rem;padding-bottom:.8rem;font-size:1.1rem}.tf-collection-hero__inner{display:block;padding-top:.4rem;padding-bottom:2rem}.tf-collection-hero__pill{padding:.35rem .8rem;font-size:1rem;font-weight:600}.tf-collection-hero__title{margin:.8rem 0 .6rem;font-size:3.4rem;letter-spacing:-.03em}.tf-collection-hero__description{max-width:58rem;font-size:1.25rem;line-height:1.45}.tf-collection-hero__stats{width:fit-content;display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.6rem;padding:1.2rem;border:.1rem solid #ececea;border-radius:1.8rem;background:#fafaf7}.tf-collection-hero__stats div{min-width:10.4rem;padding:.2rem 1.2rem;border-right:.1rem solid #ececea}.tf-collection-hero__stats div:last-child{border-right:0}.tf-collection-tabs__inner{padding-top:1.4rem;padding-bottom:1.4rem}.tf-collection-tab{height:auto;min-height:3.5rem;gap:.8rem;padding:1rem 1.6rem;border:.15rem solid var(--tf-pill-border, #d9d9d4);background:var(--tf-pill-bg, #fff);color:var(--tf-pill-color, #1a1a1a);font-size:1.3rem;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.tf-collection-tab:hover{border-color:var(--tf-pill-active-border, oklch(.62 .05 145));background:var(--tf-pill-bg, #fff);color:var(--tf-pill-active-color, oklch(.42 .06 145));text-decoration:none;transform:translateY(-.1rem)}.tf-collection-tab.is-active:hover{border-color:var(--tf-pill-active-border, oklch(.62 .05 145));background:var(--tf-pill-active-bg, oklch(.94 .02 145));color:var(--tf-pill-active-color, oklch(.42 .06 145))}.tf-collection-tab.is-active .tf-collection-tab__icon{background:transparent;color:currentColor}.tf-collection-tab__icon{width:1.8rem;height:1.8rem;flex-basis:1.8rem;font-size:1.2rem}.tf-collection-tab__icon .svg-wrapper,.tf-collection-tab__icon svg{width:1.4rem;height:1.4rem}@media screen and (max-width:749px){.tf-collection-hero .page-width,.tf-collection-tabs__shell{max-width:none}.tf-collection-hero__title{font-size:3rem}.tf-collection-hero__stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:1.4rem;padding:1rem}.tf-collection-hero__stats div{min-width:0;padding:0 .8rem}.tf-collection-tab{height:auto;min-height:3.35rem;gap:.65rem;padding:.82rem 1.18rem;font-size:1.22rem}.tf-collection-tab__icon{width:1.6rem;height:1.6rem;flex-basis:1.6rem}}.tf-collection-readmore{max-width:72rem;margin-top:1.4rem}.tf-collection-readmore .tf-collection-hero__description{max-width:none}.tf-collection-readmore__content{max-width:72rem}.tf-collection-readmore--clamped:not(.is-open) .tf-collection-readmore__content{max-height:7.2rem;position:relative;overflow:hidden}.tf-collection-readmore--clamped:not(.is-open) .tf-collection-readmore__content:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3.2rem;background:linear-gradient(180deg,#fff0,#fff);pointer-events:none}.tf-collection-readmore__long{display:none;margin-top:1.2rem}.tf-collection-readmore.is-open .tf-collection-readmore__long{display:block}.tf-collection-readmore__button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;padding:0;border:0;background:transparent;color:#5d6f55;font-family:inherit;font-size:1.25rem;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.tf-collection-readmore__less,.tf-collection-readmore.is-open .tf-collection-readmore__more{display:none}.tf-collection-readmore.is-open .tf-collection-readmore__less{display:inline}.tf-collection-readmore__icon{display:inline-block;width:1.3rem;height:1.3rem;transition:transform .18s ease}.tf-collection-readmore.is-open .tf-collection-readmore__icon{transform:rotate(180deg)}.tf-collection-tab{border:.15rem solid var(--tf-pill-border, #d9d9d4);background:var(--tf-pill-bg, #fff);color:var(--tf-pill-color, #1a1a1a);box-shadow:none}.tf-collection-tab.is-active{border-color:var(--tf-pill-active-border, oklch(.62 .05 145));background:var(--tf-pill-active-bg, oklch(.94 .02 145));color:var(--tf-pill-active-color, oklch(.42 .06 145))}.tf-collection-tab__visual{width:3.8rem;height:3.8rem;flex:0 0 3.8rem;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:currentColor;overflow:hidden}.tf-collection-tab__visual--image{border:.1rem solid rgba(26,26,26,.06)}.tf-collection-tab__visual--image img{width:100%;height:100%;display:block;object-fit:contain;padding:.25rem}.tf-collection-tab__visual:before,.tf-collection-tab__visual:after,.tf-collection-tab__visual>span{content:"";position:absolute;display:block;background:currentColor}.tf-collection-tab__visual--all{gap:.3rem}.tf-collection-tab__visual--all>span{position:static;width:1.4rem;height:.2rem;border-radius:999px}.tf-collection-tab__visual--all>span:nth-child(2){width:1rem}.tf-collection-tab__visual--trap>span{width:1.7rem;height:1.4rem;border:.22rem solid currentColor;border-top:0;background:transparent;transform:perspective(2.2rem) rotateX(32deg)}.tf-collection-tab__visual--u>span{width:1.55rem;height:1.45rem;border:.22rem solid currentColor;border-top:0;border-radius:0 0 .25rem .25rem;background:transparent}.tf-collection-tab__visual--x:before,.tf-collection-tab__visual--x:after{width:.22rem;height:1.9rem;border-radius:999px}.tf-collection-tab__visual--x:before{transform:rotate(42deg)}.tf-collection-tab__visual--x:after{transform:rotate(-42deg)}.tf-collection-tab__visual--center:before{width:.24rem;height:1.65rem;border-radius:999px}.tf-collection-tab__visual--center:after{bottom:.78rem;width:1.55rem;height:.22rem;border-radius:999px}.tf-collection-tab__visual--bar>span{width:1.8rem;height:.22rem;border-radius:999px}.tf-collection-tab__visual--bar:before{width:.22rem;height:1.45rem;border-radius:999px}.tf-collection-tab__visual--extend>span{width:1.7rem;height:.22rem;border-radius:999px}.tf-collection-tab__visual--extend:before,.tf-collection-tab__visual--extend:after{width:.65rem;height:.65rem;border-top:.22rem solid currentColor;border-right:.22rem solid currentColor;background:transparent}.tf-collection-tab__visual--extend:before{left:.75rem;transform:rotate(-135deg)}.tf-collection-tab__visual--extend:after{right:.75rem;transform:rotate(45deg)}.tf-collection-tab__visual--spider:before,.tf-collection-tab__visual--spider:after,.tf-collection-tab__visual--spider>span{width:.22rem;height:1.85rem;border-radius:999px}.tf-collection-tab__visual--spider:before{transform:rotate(58deg)}.tf-collection-tab__visual--spider:after{transform:rotate(-58deg)}.tf-collection-tab__visual--y:before{width:.22rem;height:1.5rem;bottom:.7rem;border-radius:999px}.tf-collection-tab__visual--y:after,.tf-collection-tab__visual--y>span{top:.75rem;width:.22rem;height:1rem;border-radius:999px}.tf-collection-tab__visual--y:after{transform:rotate(38deg)}.tf-collection-tab__visual--y>span{transform:rotate(-38deg)}.tf-collection-tab__visual--image:before,.tf-collection-tab__visual--image:after,.tf-collection-tab__visual--image>span{display:none}.tf-collection-tab__label{font-weight:500;white-space:nowrap}.tf-collection-tab__count{font-size:1.1rem;font-weight:500;line-height:1;opacity:.6}.tf-collection-tab__count:empty{display:none}@media screen and (max-width:749px){.tf-collection-readmore__content{font-size:1.3rem}.tf-collection-tab__visual{width:3.4rem;height:3.4rem;flex-basis:3.4rem}.tf-collection-tab__count{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection-hero.css.map */