.tc-vcards{position:relative;background-color:var(--tc-bg-dark);overflow:hidden}.tc-vcards--spaced{padding:72px 0 80px}.tc-vcards__bg-accent{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(to left,rgba(233,201,168,.03),transparent);pointer-events:none}.tc-vcards__inner{position:relative;z-index:1}.tc-vcards .tc-section-header{margin-bottom:64px}.tc-vcards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tc-vcards__process{margin-top:42px;padding-top:52px;border-top:1px solid rgba(233,201,168,.12);text-align:center}.tc-vcards__process-eyebrow{display:block;margin-bottom:12px;font-size:9px;font-weight:500;letter-spacing:.5em;text-transform:uppercase;color:var(--tc-mid)}.tc-vcards__process-track{display:inline-flex;align-items:center;gap:0;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 0;vertical-align:top}.tc-vcards__process-track::-webkit-scrollbar{display:none}.tc-vcards__process-step{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:52px}.tc-vcards__process-step-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--tc-mid);opacity:.85;transition:color .25s ease,opacity .25s ease;flex-shrink:0}.tc-vcards__process-step-icon svg{width:22px;height:22px}@media(min-width:768px){.tc-vcards__process-step{height:64px}.tc-vcards__process-step-icon{width:36px;height:36px}.tc-vcards__process-step-icon svg{width:28px;height:28px}.tc-vcards__process-step:hover .tc-vcards__process-step-icon{opacity:1;color:#ffd250d9}}.tc-vcards__process-step-label{font-family:var(--font-stack-body);font-size:clamp(11px,1.2vw,13px);font-weight:400;letter-spacing:.06em;color:var(--tc-cream);opacity:.75;white-space:nowrap;padding:0 6px}.tc-vcards__process-chevron{font-size:14px;color:var(--tc-mid);opacity:.45;flex-shrink:0;padding:0 2px;line-height:1;-webkit-user-select:none;user-select:none}.tc-vcard{position:relative;border-radius:28px;overflow:hidden;cursor:default;display:flex;flex-direction:column;transition:transform var(--tc-motion-duration-fast) var(--tc-motion-ease-card);will-change:transform}.tc-vcard:hover{transform:scale(1.02)}.tc-vcard--has-media{height:420px}.tc-vcard--has-media .tc-vcard__media{position:absolute;top:0;right:0;bottom:0;left:0}.tc-vcard--has-media .tc-vcard__content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end}.tc-vcard--no-media{background-color:#fff3e608;border:1px solid var(--tc-border-inv);transition:background-color var(--tc-motion-duration-fast) var(--tc-motion-ease-smooth),border-color var(--tc-motion-duration-fast) var(--tc-motion-ease-smooth)}.tc-vcard--no-media:hover{background-color:#fff3e60f;border-color:#e9c9a840}.tc-vcard__media{background-color:#3f231899}.tc-vcard__video,.tc-vcard__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:filter .8s ease,opacity .8s ease;filter:grayscale(.5) brightness(.6);opacity:.7}.tc-vcard.is-active .tc-vcard__video,.tc-vcard.is-active .tc-vcard__image{filter:grayscale(0) brightness(.75);opacity:1}.tc-vcard__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(63,35,24,.96) 0%,rgba(63,35,24,.8) 28%,rgba(63,35,24,.3) 55%,rgba(63,35,24,.04) 75%,transparent 100%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);mask-image:linear-gradient(to top,black 0%,black 40%,transparent 65%);-webkit-mask-image:linear-gradient(to top,black 0%,black 40%,transparent 65%)}.tc-vcard__content{position:relative;z-index:2;padding:32px;display:flex;flex-direction:column;flex:1;justify-content:flex-end}.tc-vcard--no-media .tc-vcard__content{justify-content:flex-start}.tc-vcard__icon{width:48px;height:48px;border-radius:12px;border:1px solid var(--tc-border-inv);display:flex;align-items:center;justify-content:center;color:var(--tc-mid);margin-bottom:28px;transition:background-color var(--tc-motion-duration-fast) var(--tc-motion-ease-smooth),color var(--tc-motion-duration-fast) var(--tc-motion-ease-smooth)}.tc-vcard--no-media:hover .tc-vcard__icon{background-color:var(--tc-mid);color:var(--tc-dark)}.tc-vcard__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tc-vcard__tag{font-family:var(--font-stack-body);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--tc-mid)}.tc-vcard__title{font-family:var(--font-stack-headings);font-size:1.35rem;font-weight:600;color:var(--tc-cream);margin:0 0 10px;transition:color var(--tc-motion-duration-fast) var(--tc-motion-ease-smooth)}.tc-vcard:hover .tc-vcard__title,.tc-vcard.is-active .tc-vcard__title{color:var(--tc-mid)}.tc-vcard__desc{font-family:var(--font-stack-body);font-size:.9rem;font-weight:400;line-height:1.7;color:var(--tc-text-muted-inv);margin:0 0 24px;opacity:.9;transition:opacity var(--tc-motion-duration-fast) var(--tc-motion-ease-smooth)}.tc-vcard:hover .tc-vcard__desc,.tc-vcard.is-active .tc-vcard__desc{opacity:1}.tc-vcard__progress-track{height:2px;width:100%;background-color:#fff3e614;border-radius:2px;overflow:hidden}.tc-vcard__progress-bar{height:100%;width:0%;background-color:var(--tc-mid);border-radius:2px;will-change:width}.tc-vcard--no-media .tc-vcard__progress-track{display:none}@media(max-width:900px){.tc-vcards__grid{grid-template-columns:1fr;gap:16px}.tc-vcard--has-media{height:340px}.tc-vcards__process{margin-top:30px}}@media(max-width:600px){.tc-vcards--spaced{padding:64px 0 80px}.tc-vcards .tc-section-header{margin-bottom:38px}.tc-vcard--has-media{height:292px}.tc-vcard__content{padding:22px 20px}.tc-vcard__meta{margin-bottom:10px}.tc-vcard__tag{letter-spacing:.16em}.tc-vcard__title{font-size:1.18rem;margin-bottom:8px}.tc-vcard__desc{font-size:.88rem;line-height:1.55;margin-bottom:18px}.tc-vcards__process-track{text-align:left}.tc-vcards__process{margin-top:24px;padding-top:20px}}@media(prefers-reduced-motion:reduce){.tc-vcard,.tc-vcard--no-media,.tc-vcard__video,.tc-vcard__image,.tc-vcard__title,.tc-vcard__desc{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-tc-video-cards.css.map */