@import"https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,700..900&display=swap";.tattd-hiw{--tattd-hiw-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--tattd-hiw-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--tattd-hiw-ink: #111;--tattd-hiw-grey: #d6d6d6;background:var(--tattd-hiw-bg, #fff);color:var(--tattd-hiw-ink);font-family:var(--tattd-hiw-body);padding-block:2.5rem}.tattd-hiw *,.tattd-hiw *:before,.tattd-hiw *:after{box-sizing:border-box}.tattd-hiw__inner{width:100%;max-width:calc(72rem + 2 * var(--container-gutter, 1.25rem));margin-inline:auto;padding-inline:var(--container-gutter, 1.25rem)}.tattd-hiw__title,.tattd-hiw-compare__title,.tattd-hiw-steps__title,.tattd-hiw-timeline__label,.tattd-hiw-hero__feature,.tattd-hiw-button{font-family:var(--tattd-hiw-display);font-stretch:75%;font-weight:800;text-transform:uppercase}.tattd-hiw__title{margin:0;font-size:clamp(2.125rem,1.4rem + 3.2vw,3.75rem);line-height:.95;letter-spacing:-.01em;color:var(--tattd-hiw-ink)}.tattd-hiw__text{max-width:46rem;margin-top:1rem;font-size:1rem;line-height:1.5;color:#222}.tattd-hiw__text p{margin:0}.tattd-hiw__text p+p{margin-top:.75rem}.tattd-hiw-media{position:relative;overflow:hidden;border-radius:14px;background:var(--tattd-hiw-grey)}.tattd-hiw-media__img{display:block;width:100%;height:100%;object-fit:cover}.tattd-hiw-media__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#6f6f6f}.tattd-hiw-icon{display:block;flex:none;width:1.25rem;height:1.25rem}.tattd-hiw-icon--camera{width:26%;height:auto;max-width:6rem}.tattd-hiw-hero{padding-block:2rem 2.5rem}.tattd-hiw-hero__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}.tattd-hiw-hero__title{font-size:clamp(3rem,1.9rem + 4.8vw,5.75rem);line-height:.9}.tattd-hiw-hero__features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:1.5rem 0 0;padding:0;list-style:none}.tattd-hiw-hero__feature{display:flex;align-items:center;gap:.5rem;max-width:6.25rem;font-size:.8125rem;line-height:1.05}.tattd-hiw-hero__feature .tattd-hiw-icon{width:1.5rem;height:1.5rem}.tattd-hiw-button{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.75rem;padding:.9rem 2rem;border-radius:6px;background:#000;color:#fff;font-size:1.0625rem;font-stretch:85%;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:background .2s}.tattd-hiw-button:hover{background:#333}.tattd-hiw-button:focus-visible,.tattd-hiw-steps__arrow:focus-visible,.tattd-hiw-steps__dot:focus-visible{outline:2px solid #111;outline-offset:3px}.tattd-hiw-hero__media{aspect-ratio:4 / 3}.tattd-hiw-compare__list{display:grid;grid-template-columns:repeat(var(--tattd-hiw-columns, 3),minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;text-align:center}.tattd-hiw-compare__diagram{overflow:hidden;aspect-ratio:160 / 56;margin-inline:auto;border:1px solid #d9d9d9;border-radius:8px;background:#fbf8f4}.tattd-hiw-compare__diagram>*{display:block;width:100%;height:100%;object-fit:cover}.tattd-hiw-compare__title{margin:.875rem 0 0;font-size:.9375rem;line-height:1.05;letter-spacing:.01em;color:var(--tattd-hiw-ink)}.tattd-hiw-compare__text{margin:.375rem 0 0;font-size:.75rem;line-height:1.4;color:#333}.tattd-hiw-steps__panel{padding:2rem 1.25rem 1.5rem;border-radius:24px;background:var(--tattd-hiw-panel, #ececec)}.tattd-hiw-steps__carousel{position:relative;display:block;margin-top:1.75rem}.tattd-hiw-steps__track{display:grid;grid-auto-flow:column;grid-auto-columns:74%;gap:.875rem;margin:0;padding:.25rem .125rem 1rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tattd-hiw-steps__track::-webkit-scrollbar{display:none}.tattd-hiw-steps__card{display:flex;flex-direction:column;padding:.5rem;border-radius:16px;background:#fff;box-shadow:0 4px 14px #0000000f;scroll-snap-align:start}.tattd-hiw-steps__media{aspect-ratio:16 / 11;border-radius:12px}.tattd-hiw-steps__number{position:absolute;z-index:1;inset-block-start:.625rem;inset-inline-start:.625rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#111;color:#fff;font-family:var(--tattd-hiw-body);font-size:.875rem;font-weight:500}.tattd-hiw-steps__body{padding:.875rem .625rem .75rem}.tattd-hiw-steps__title{margin:0;font-size:1.625rem;line-height:1;color:var(--tattd-hiw-ink)}.tattd-hiw-steps__text{margin:.5rem 0 0;font-size:.875rem;line-height:1.4;color:#222}.tattd-hiw-steps__arrow{position:absolute;z-index:2;top:calc(50% - 1.5rem);display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 4px 14px #00000026;cursor:pointer;transform:translateY(-50%);transition:opacity .2s}.tattd-hiw-steps__arrow[disabled]{opacity:.45;cursor:default}.tattd-hiw-steps__arrow--prev{inset-inline-start:-.75rem}.tattd-hiw-steps__arrow--next{inset-inline-end:-.75rem}.tattd-hiw-steps__dots{display:flex;justify-content:center;gap:.625rem;margin-top:.5rem}.tattd-hiw-steps__dot{width:.875rem;height:.875rem;padding:0;border:0;border-radius:50%;background:#c4c4c4;cursor:pointer}.tattd-hiw-steps__dot[aria-current=true]{background:#111}.tattd-hiw-timeline{padding-block-end:var(--tattd-hiw-padding-bottom, 72px)}.tattd-hiw-timeline__list{display:grid;grid-template-columns:repeat(var(--tattd-hiw-columns, 3),minmax(0,1fr));gap:1.75rem;margin:1.75rem 0 0;padding:0;list-style:none;text-align:center}.tattd-hiw-timeline__media{overflow:visible;aspect-ratio:16 / 10;border-radius:10px}.tattd-hiw-timeline__media>:not(.tattd-hiw-timeline__arrow){overflow:hidden;border-radius:inherit}.tattd-hiw-timeline__arrow{position:absolute;top:50%;inset-inline-end:-1.375rem;transform:translate(50%,-50%)}.tattd-hiw-timeline__arrow .tattd-hiw-icon{width:1.125rem;height:1.125rem}.tattd-hiw-timeline__label{display:inline-block;margin:.875rem 0 0;padding:.3rem .875rem;border-radius:999px;background:#ececec;font-size:.8125rem;line-height:1.1;letter-spacing:.01em}.tattd-hiw-timeline__caption{margin:.375rem 0 0;font-size:.75rem;line-height:1.35;color:#222}@media screen and (min-width:750px){.tattd-hiw{padding-block:4rem}.tattd-hiw-hero{padding-block:3rem}.tattd-hiw-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem}.tattd-hiw-hero__media{aspect-ratio:4 / 5}.tattd-hiw-hero__text{font-size:1.0625rem}.tattd-hiw__text{font-size:1.125rem}.tattd-hiw-compare__list{gap:2.5rem;margin-top:2.5rem}.tattd-hiw-compare__diagram{max-width:17rem}.tattd-hiw-compare__title{font-size:1.375rem}.tattd-hiw-compare__text{font-size:1rem}.tattd-hiw-steps__panel{padding:2.75rem 2.5rem 2rem}.tattd-hiw-steps__track{grid-auto-columns:calc((100% - 2 * 1.25rem) / 3);gap:1.25rem}.tattd-hiw-steps__title{font-size:2rem}.tattd-hiw-steps__text{font-size:1rem}.tattd-hiw-steps__arrow{width:3.25rem;height:3.25rem}.tattd-hiw-steps__arrow--prev{inset-inline-start:-1.625rem}.tattd-hiw-steps__arrow--next{inset-inline-end:-1.625rem}.tattd-hiw-timeline__list{gap:4rem}.tattd-hiw-timeline__arrow{inset-inline-end:-2rem}.tattd-hiw-timeline__arrow .tattd-hiw-icon{width:1.5rem;height:1.5rem}.tattd-hiw-timeline__label{font-size:1.125rem;padding:.375rem 1.125rem}.tattd-hiw-timeline__caption{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/tattd-how-it-works.css.map */