.tl-collection-hero{position:relative;overflow:hidden;isolation:isolate}.tl-collection-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent 0%,hsl(275 100% 55% / .55) 12%,hsl(225 100% 55% / .55) 26%,hsl(160 100% 50% / .55) 42%,hsl(110 100% 50% / .55) 54%,hsl(50 100% 50% / .55) 68%,hsl(10 100% 52% / .55) 84%,transparent 100%);pointer-events:none}.tl-collection-hero__media{position:absolute;inset:0 0 0 auto;width:62%;z-index:-1;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 55%);mask-image:linear-gradient(to right,transparent 0%,#000 55%)}.tl-collection-hero__media img{width:100%;height:100%;object-fit:cover;opacity:.32}@media screen and (max-width:749px){.tl-collection-hero__media{width:100%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,transparent 100%)}.tl-collection-hero__media img{opacity:.22}}.tl-collection-hero__inner{position:relative}.tl-collection-hero__title{margin:0;font-size:clamp(3rem,5vw,5.2rem);line-height:1.05;letter-spacing:.04em;text-transform:uppercase}.tl-collection-hero__count{margin:1rem 0 0;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-gold-warm)}.tl-collection-hero__description{margin-top:1.4rem;max-width:62rem;color:#ffffffbf;font-size:1.6rem;line-height:1.6}.tl-collection-hero__description p{margin:0}.tl-collection-hero__links{margin-top:2.4rem}.tl-collection-hero__links ul{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}@media screen and (max-width:749px){.tl-collection-hero__links{margin-left:-1.5rem;margin-right:-1.5rem}.tl-collection-hero__links ul{flex-wrap:nowrap;overflow-x:auto;padding:0 1.5rem .4rem;scrollbar-width:none;scroll-snap-type:x proximity}.tl-collection-hero__links ul::-webkit-scrollbar{display:none}.tl-collection-hero__links li{flex:0 0 auto;scroll-snap-align:start}}.tl-chip{display:inline-flex;align-items:center;min-height:3.8rem;padding:0 1.6rem;border-radius:99rem;border:1px solid rgba(255,255,255,.16);background:#12121299;color:#ffffffd9;font-size:1.3rem;letter-spacing:.04em;text-decoration:none;white-space:nowrap;transition:border-color .2s var(--tl-ease-ui),color .2s var(--tl-ease-ui),background-color .2s var(--tl-ease-ui),transform .12s var(--tl-ease-ui)}.tl-chip:hover{border-color:var(--tl-gold-warm);color:var(--tl-gold-warm)}.tl-chip:active{transform:scale(.97)}.tl-chip--current{border-color:var(--tl-gold);color:var(--tl-gold);box-shadow:inset 0 0 0 1px var(--tl-gold)}@media(prefers-reduced-motion:no-preference){.tl-collection-hero__inner>*{transition:opacity .5s var(--tl-ease-ui),transform .5s var(--tl-ease-ui)}@starting-style{.tl-collection-hero__inner>*{opacity:0;transform:translateY(10px)}}.tl-collection-hero__inner>*:nth-child(2){transition-delay:60ms}.tl-collection-hero__inner>*:nth-child(3){transition-delay:.12s}.tl-collection-hero__inner>*:nth-child(4){transition-delay:.18s}.tl-collection-hero__media img{transition:opacity 1.2s var(--tl-ease-ui),transform 1.6s var(--tl-ease-ui)}@starting-style{.tl-collection-hero__media img{opacity:0;transform:scale(1.04)}}}.tl-index{padding-top:2.8rem;padding-bottom:6rem}.tl-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.tl-index__item--featured:first-child{grid-column:1 / -1}@media screen and (min-width:750px){.tl-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}}@media screen and (min-width:990px){.tl-index__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.tl-index__item--featured,.tl-index__item--featured:first-child{grid-column:span 2}}.tl-tile{position:relative;display:block;height:100%;border-radius:1.2rem;overflow:hidden;background:var(--tl-surface);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;isolation:isolate;transition:border-color .25s var(--tl-ease-ui),transform .25s var(--tl-ease-ui)}.tl-tile__media{aspect-ratio:4 / 3;overflow:hidden}.tl-index__item--featured .tl-tile__media{aspect-ratio:16 / 9}.tl-tile__media img,.tl-tile__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--tl-ease-ui)}.tl-tile__text{position:absolute;inset:auto 0 0 0;padding:3.2rem 1.2rem 1.1rem;background:linear-gradient(to top,rgba(10,10,10,.92) 0%,rgba(10,10,10,.6) 55%,transparent 100%)}.tl-tile__title{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.tl-tile__meta{display:flex;align-items:center;gap:.6rem;margin:.4rem 0 0;font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tl-gold-warm)}.tl-tile__arrow{display:inline-block;transition:transform .25s var(--tl-ease-ui)}@media screen and (min-width:750px){.tl-tile__text{padding:4rem 1.8rem 1.6rem}.tl-tile__title{font-size:1.8rem}.tl-index__item--featured .tl-tile__title{font-size:clamp(2.2rem,2.6vw,3.2rem)}}.tl-tile:hover{border-color:#d4a72c99}.tl-tile:hover .tl-tile__media img{transform:scale(1.05)}.tl-tile:hover .tl-tile__arrow{transform:translate(4px)}.tl-tile:active{transform:scale(.985)}.tl-tile:focus-visible{outline:2px solid var(--tl-gold);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.tl-index__item{transition:opacity .5s var(--tl-ease-ui),transform .5s var(--tl-ease-ui);transition-delay:calc(min(var(--order, 0),12)*45ms)}@starting-style{.tl-index__item{opacity:0;transform:translateY(14px)}}}.tl-contact{display:grid;gap:3.2rem;padding-top:3.2rem;padding-bottom:7rem}@media screen and (min-width:990px){.tl-contact{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:5.6rem;align-items:start}.tl-contact__info{position:sticky;top:calc(var(--tl-header-offset, 9rem) + 1.6rem)}}.tl-contact__ways{display:grid;gap:1rem;margin:0 0 2rem}.tl-way{display:flex;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem;border-radius:1.2rem;background:var(--tl-surface);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:border-color .2s var(--tl-ease-ui),transform .12s var(--tl-ease-ui)}a.tl-way:hover{border-color:#d4a72c99}a.tl-way:active{transform:scale(.985)}.tl-way__icon{flex:0 0 auto;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:99rem;border:1px solid rgba(212,167,44,.45);color:var(--tl-gold-warm)}.tl-way__icon svg{width:2rem;height:2rem}.tl-way__text{display:grid;gap:.2rem;min-width:0}.tl-way__label{font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.tl-way__value{font-size:1.6rem;overflow-wrap:anywhere}.tl-way__value--plain{font-size:1.45rem;color:#ffffffd9}.tl-contact__card{padding:1.6rem 0;border-top:1px solid rgba(255,255,255,.08)}.tl-contact__card-title{margin:0 0 .8rem;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-gold-warm)}.tl-contact__card .rte,.tl-contact__card .rte p{margin:0;font-size:1.5rem;line-height:1.7;color:#ffffffd9}.tl-contact__links{padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.08)}.tl-contact__links ul{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}.tl-contact__form{padding:2.4rem 1.8rem;border-radius:1.6rem;background:var(--tl-surface);border:1px solid rgba(255,255,255,.08)}@media screen and (min-width:750px){.tl-contact__form{padding:3.6rem 3.2rem}}.tl-contact__form-title{font-size:1.4rem;margin-bottom:2rem}.tl-contact__form .contact__fields{margin-bottom:2rem}.tl-contact__form .field__input,.tl-contact__form .select__select{background:#121212;border-radius:.8rem}.tl-contact__form .field:before,.tl-contact__form .field:after,.tl-contact__form .select:before,.tl-contact__form .select:after{border-radius:.8rem}.tl-contact__form .field:focus-within:after,.tl-contact__form .select:focus-within:after{box-shadow:0 0 0 1px var(--tl-gold-antique),0 0 0 4px #d4a72c1f}.tl-contact__topic{margin-bottom:2rem}.tl-contact__select-label{display:block;margin-bottom:.6rem;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}.tl-contact__topic .select__select{height:4.8rem;padding-left:1.5rem;font-size:1.5rem}.tl-contact__form .contact__button{margin-top:2.4rem}.tl-contact__form .contact__button .button{min-height:var(--tl-btn-height-lg, 5.2rem)}.tl-contact__form .form-status{color:#fff}.tl-index__hero,.tl-contact__hero{padding-top:3.6rem;padding-bottom:2.4rem}@media screen and (min-width:750px){.tl-index__hero,.tl-contact__hero{padding-top:5.6rem;padding-bottom:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tinker-collections.css.map */