.tfeat{--tfeat-pad: clamp(1.5rem, 3.5vw, 3.5rem);display:flex;align-items:stretch;min-height:var(--tfeat-height, 46rem);isolation:isolate}.tfeat__pane{--tfeat-field: var(--tfeat-light, #f7f5f1);--tfeat-on-field: var(--tfeat-ink, #23241a);--tfeat-cta-bg: var(--tfeat-accent);--tfeat-cta-fg: var(--tfeat-on-accent);position:relative;overflow:hidden;flex-grow:var(--tfeat-grow, 1);flex-shrink:1;flex-basis:0;min-width:0;display:grid;grid-template-rows:1fr auto;background-color:var(--tfeat-field);color:var(--tfeat-on-field);z-index:0;transition:background-color .8s ease,color .8s ease,box-shadow .8s ease}.tfeat.is-pointer .tfeat__pane{transition:flex-grow .7s cubic-bezier(.16,1,.3,1),background-color .8s ease,color .8s ease,box-shadow .8s ease}.tfeat__pane.is-active{--tfeat-field: var(--tfeat-accent);--tfeat-on-field: var(--tfeat-on-accent);--tfeat-cta-bg: var(--tfeat-on-accent);--tfeat-cta-fg: var(--tfeat-accent);z-index:1;box-shadow:0 0 3.5rem -.5rem #00000073}.tfeat__arc{--tfeat-arc-lift: -25%;position:absolute;left:-14%;width:128%;max-width:none;top:0;z-index:0;pointer-events:none;fill:var(--tfeat-arc-color, rgb(255 255 255 / .22));opacity:0;transform:translate3d(-10%,var(--tfeat-arc-lift),0);transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.tfeat__pane.is-active .tfeat__arc{opacity:1;transform:translate3d(0,var(--tfeat-arc-lift),0)}.tfeat__arc text{font-family:var(--font-heading--family);font-size:var(--tfeat-arc-size, 150px);letter-spacing:.02em;text-transform:uppercase}.tfeat__doodles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;color:var(--tfeat-doodle-color, rgb(255 255 255 / .3));opacity:0;transition:opacity .7s ease}.tfeat__pane.is-active .tfeat__doodles{opacity:1}.tfeat__doodles .tdoodle{position:absolute;width:clamp(4rem,7vw,7rem);height:auto}.tfeat__doodles .tdoodle--tl{top:6%;left:5%;transform:rotate(-14deg)}.tfeat__doodles .tdoodle--br{bottom:6%;right:4%;transform:rotate(-18deg)}.tfeat__stage{position:relative;z-index:1;display:grid;place-items:center;padding:var(--tfeat-pad);padding-block-start:clamp(3rem,8vw,7rem);padding-block-end:0}.tfeat__pack-holder{position:relative;z-index:1;display:grid;place-items:center;transform:scale(.92);transition:transform .9s cubic-bezier(.16,1,.3,1)}.tfeat__pane.is-active .tfeat__pack-holder{transform:none}.tfeat__pack{display:block;width:auto;max-width:min(74%,22rem);max-height:var(--tfeat-pack-height, 26rem);object-fit:contain;filter:drop-shadow(0 30px 38px rgb(0 0 0 / .28))}.trichios-motion .tfeat__pane.is-active .tfeat__pack{animation:tfeat-float 7s ease-in-out infinite}@keyframes tfeat-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}.tfeat__play{position:absolute;left:var(--tfeat-pad);bottom:8%;z-index:2;padding:.75rem;color:var(--tfeat-on-accent);opacity:0;pointer-events:none;transition:opacity .6s ease,transform .3s cubic-bezier(.16,1,.3,1)}.tfeat__pane.is-active .tfeat__play{opacity:1;pointer-events:auto}.tfeat__play svg{display:block;width:2rem;height:2rem;fill:currentcolor}.tfeat__play:hover{transform:scale(1.15)}.tfeat__content{position:relative;z-index:2;padding:var(--tfeat-pad);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem}.tfeat__copy{min-width:0}.tfeat__name{font-family:var(--font-heading--family);font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:1;text-transform:uppercase;margin:0 0 .6rem}.tfeat__text{max-width:32ch;font-size:1rem;line-height:1.5;opacity:.9;margin:0}.tfeat__cta{display:inline-block;max-width:100%;padding:.85rem 1.6rem;border-radius:999px;background:var(--tfeat-cta-bg);color:var(--tfeat-cta-fg);font-family:var(--font-heading--family);font-size:.9rem;letter-spacing:.06em;line-height:1.25;text-align:center;text-transform:uppercase;text-decoration:none;transition:background-color .8s ease,color .8s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.tfeat__cta-price{white-space:nowrap}.tfeat__cta-price:before{content:" \2013  "}.tfeat__cta:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px #00000080}@media screen and (max-width:749px){.tfeat{flex-direction:column;min-height:0}.tfeat__pane{--tfeat-field: var(--tfeat-accent);--tfeat-on-field: var(--tfeat-on-accent);--tfeat-cta-bg: var(--tfeat-on-accent);--tfeat-cta-fg: var(--tfeat-accent);flex:none;min-height:var(--tfeat-height-mobile, 34rem);box-shadow:none}.tfeat__arc,.tfeat__doodles,.tfeat__play{opacity:1}.tfeat__arc{transform:translate3d(0,var(--tfeat-arc-lift),0)}.tfeat__arc text{font-size:130px}.tfeat__play{pointer-events:auto}.tfeat__pack-holder{transform:none}.tfeat__content{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.tfeat.is-pointer .tfeat__pane,.tfeat__pane,.tfeat__arc,.tfeat__doodles,.tfeat__pack-holder,.tfeat__cta{transition:none}.tfeat__pack-holder{transform:none}.tfeat__arc{transform:translate3d(0,var(--tfeat-arc-lift),0)}.trichios-motion .tfeat__pane.is-active .tfeat__pack{animation:none}.tfeat__play:hover,.tfeat__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-featured.css.map */