@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Poppins:wght@400;500;600;700&display=swap";.tales-of-threads{padding:48px 24px 56px;border-top:2px dashed #c98a94}.tot__inner{max-width:1280px;margin:0 auto}.tot__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.tot__heading{font-family:Playfair Display;font-size:32px;font-weight:500;line-height:40px;letter-spacing:0px;color:#432c40;margin:0 0 8px}.tot__subheading{font-family:POPPINS;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0%;color:#000c;margin:0;vertical-align:middle}.tot__view-all{display:inline-flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;color:#7a496f;text-decoration:none;white-space:nowrap;line-height:16px;letter-spacing:0px}.tot__view-all:hover{text-decoration:underline}.tot__row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tot__row::-webkit-scrollbar{display:none}.tot-card{position:relative;display:flex;flex-direction:column;flex:0 0 320px;width:320px;text-decoration:none;scroll-snap-align:start}.tot-card--hero{flex:0 0 53vw;width:660px}.tot-card__media{display:block;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3 / 2;background:#eee7de}.tot-card--hero .tot-card__media{aspect-ratio:2 / 1.05}.tot-card__image,.tot-card__image--placeholder{width:100%;height:100%;object-fit:cover;display:block}.tot-card__placeholder-svg{color:#d9c2b8}.tot-card__body{display:flex;flex-direction:column;padding:1rem}.tot-card__meta{font-family:Poppins,sans-serif;font-size:12px;color:#948a82;margin:0 0 6px}.tot-card__title{font-family:POPPINS;font-size:16px;line-height:120%;letter-spacing:0%;font-weight:500;color:#241a15;margin:0 0 6px}.tot-card__excerpt{font-family:Poppins,sans-serif;font-size:12px;color:#6f5f5a;font-weight:400;line-height:150%;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tot-card__readmore{display:inline-flex;align-items:center;gap:4px;line-height:120%;letter-spacing:0%;font-family:POPPINS;font-size:13px;font-weight:700;color:#7a496f}.tot-card--hero .tot-card__overlay{top:193px;left:316px;position:absolute;right:20px;bottom:20px;max-width:341px;height:160px;border-radius:12px;padding:10px 20px;background:#ffffffe5;box-shadow:0 10px 24px #00000024}.tot-card--hero .tot-card__overlay .tot-card__title{font-family:POPPINS;font-size:16px;line-height:120%;letter-spacing:0%;font-weight:500;color:#241a15}.tot-card--hero .tot-card__overlay .tot-card__excerpt{-webkit-line-clamp:3}.tot__empty{color:#948a82;font-size:14px;padding:24px 0}.tot__dots{display:flex;justify-content:center;gap:6px;margin-top:24px}.tot__dots .tot-dot{width:22px;height:4px;border-radius:999px;background:#e3dcd3}.tot__dots .tot-dot.is-active{background:#7a496f;width:34px}.tot__view-all.mobile{display:none}.tot__view-all.desktop{display:flex}@media screen and (max-width:989px){.tot-card--hero{flex-basis:500px;width:500px}}@media screen and (max-width:749px){.tales-of-threads{padding:32px 16px 40px}.tot__header{flex-direction:column;align-items:flex-start;gap:10px}.tot-card{flex-basis:75vw;width:75vw;max-width:280px}.tot-card--hero{flex-basis:88vw;width:88vw;max-width:360px}.tot__view-all.mobile{font-size:14px;display:flex}.tot__view-all.desktop{display:none}.tot__heading-wrapper svg{width:20px;height:20px}.tot-card--hero .tot-card__overlay{position:static;max-width:100%;height:auto;padding:12px 4px 0;background:transparent;box-shadow:none;border-radius:0}.tot-card--hero .tot-card__overlay .tot-card__title{color:#241a15}.tot__heading{font-size:24px!important}.tot__subheading{font-size:12px!important;line-height:18px}.tot__heading-wrapper{display:flex;justify-content:space-between}}.tot__header,.tot-card{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.tales-of-threads--in-view .tot__header,.tales-of-threads--in-view .tot-card{opacity:1;transform:translateY(0)}.tales-of-threads--in-view .tot-card{border-radius:20px;border:1px solid #E9E0DA;overflow:hidden}@media(prefers-reduced-motion:reduce){.tot__header,.tot-card{transition:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-tales-of-threads.css.map */
