.tnc-steps{background:var(--steps-bg, #000);color:var(--steps-fg, #fff);padding:clamp(48px,6vw,88px) 0}.tnc-steps__head{text-align:center;max-width:720px;margin:0 auto clamp(28px,3.5vw,46px)}.tnc-steps__eyebrow{margin:0 0 12px;font-family:var(--tnc-font-head, "Archivo", sans-serif);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--steps-accent, #f9ff15)}.tnc-steps__heading{margin:0;font-family:var(--tnc-font-head, "Archivo", sans-serif);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;font-size:clamp(30px,4.4vw,58px)}.tnc-steps__sub{margin:14px 0 0;font-size:16px;line-height:1.5;opacity:.72}.tnc-steps__grid{display:grid;grid-template-columns:repeat(var(--steps-cols, 4),minmax(0,1fr));gap:clamp(14px,1.6vw,22px);list-style:none;margin:0;padding:0}.tnc-step{position:relative;overflow:hidden;border-radius:var(--steps-radius, 4px);border:1px solid var(--steps-border, rgba(255,255,255,.16));background:var(--steps-card, #0b0b0b);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .5s cubic-bezier(.16,1,.3,1)}.tnc-step__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;text-indent:-9999px;overflow:hidden}.tnc-step__media{position:relative;aspect-ratio:var(--steps-ratio, 1 / 1);overflow:hidden;background:var(--steps-media, #141414)}.tnc-step__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .8s cubic-bezier(.16,1,.3,1)}.tnc-step__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--steps-scrim, rgba(0,0,0,.9)) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,0) 72%);pointer-events:none}.tnc-step__num{position:absolute;top:16px;left:16px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--steps-accent, #f9ff15);color:var(--steps-accent, #f9ff15);background:transparent;font-family:var(--tnc-font-head, "Archivo", sans-serif);font-size:17px;font-weight:800;line-height:1;transition:background-color .42s ease,color .42s ease,transform .5s cubic-bezier(.16,1,.3,1)}.tnc-step__copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:20px 20px 24px;color:#fff;pointer-events:none}.tnc-step__title{margin:0;font-family:var(--tnc-font-head, "Archivo", sans-serif);font-size:clamp(15px,1.25vw,19px);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.15}.tnc-step__body{margin:8px 0 0;font-size:14px;line-height:1.45;color:#ffffffc7}.tnc-step__rule{position:absolute;z-index:5;left:0;right:0;bottom:0;height:3px;background:var(--steps-accent, #f9ff15);transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.tnc-step:hover,.tnc-step:focus-within{transform:translateY(-6px);border-color:var(--steps-accent, #f9ff15);box-shadow:0 18px 38px var(--steps-shadow, rgba(0,0,0,.55))}.tnc-step:hover .tnc-step__rule,.tnc-step:focus-within .tnc-step__rule{transform:scaleX(1)}.tnc-step:hover .tnc-step__img,.tnc-step:focus-within .tnc-step__img{transform:scale(1.07)}.tnc-step:hover .tnc-step__num,.tnc-step:focus-within .tnc-step__num{background:var(--steps-accent, #f9ff15);color:#000;transform:scale(1.06)}}@media(hover:none),(pointer:coarse){.tnc-step:hover{transform:none;box-shadow:none;border-color:var(--steps-border, rgba(255,255,255,.16))}.tnc-step:active .tnc-step__rule{transform:scaleX(1)}}.tnc-steps__foot{display:flex;justify-content:center;margin-top:clamp(28px,3vw,42px)}.tnc-steps .tnc-steps__cta{border:1px solid var(--steps-accent, #f9ff15);color:var(--steps-accent, #f9ff15);background:transparent;transition:background-color .3s ease,color .3s ease}.tnc-steps .tnc-steps__cta:hover{background:var(--steps-accent, #f9ff15);color:#000}@media(max-width:1199px){.tnc-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.tnc-steps__grid{grid-template-columns:1fr}.tnc-step__num{width:38px;height:38px;font-size:15px}}@media(prefers-reduced-motion:reduce){.tnc-step,.tnc-step__img,.tnc-step__num,.tnc-step__rule{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tnc-steps.css.map */