.ways-to-wham__header{text-align:center;margin-bottom:4rem}.ways-to-wham__title{font-size:clamp(2.8rem,4vw,4.2rem);margin:0}.ways-to-wham__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.wtw-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #611b5014,0 8px 24px #611b500f;transition:transform .25s ease,box-shadow .25s ease}.wtw-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #611b5024,0 16px 40px #611b501a}.wtw-card__image-wrap{aspect-ratio:4 / 3;overflow:hidden}.wtw-card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.wtw-card:hover .wtw-card__image-wrap img{transform:scale(1.04)}.wtw-card__body{padding:2rem 2rem 2.4rem;display:flex;flex-direction:column;flex:1;gap:1rem}.wtw-card__title{font-size:1.8rem;margin:0;line-height:1.2}.wtw-card__text{font-size:1.4rem;line-height:1.6;opacity:.7;margin:0;flex:1}.wtw-card__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.8rem;font-size:1.3rem;font-family:var(--font-body-family);font-weight:600;color:#611b50;letter-spacing:.02em;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:gap .2s ease}.wtw-card__cta:hover{gap:.9rem}.wtw-card__cta-arrow{transition:transform .2s ease}.wtw-card__cta:hover .wtw-card__cta-arrow{transform:translate(3px)}.wtw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0a14a6;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.wtw-overlay.is-open{opacity:1;pointer-events:auto}.wtw-popup{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:85vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 80px #1a0a1459;flex-shrink:0}.wtw-overlay.is-open .wtw-popup{transform:translateY(0) scale(1)}.wtw-popup__image{aspect-ratio:unset;min-height:36rem;overflow:hidden}.wtw-popup__image img{width:100%;height:100%;object-fit:cover}.wtw-popup__content{padding:3.2rem 3rem;display:flex;flex-direction:column;gap:1.4rem;overflow-y:auto}.wtw-popup__close{position:absolute;top:1.6rem;right:1.6rem;background:#ffffffe6;border:none;border-radius:50%;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.8rem;line-height:1;color:#1a0a14;transition:background .2s;z-index:10}.wtw-popup__close:hover{background:#fff}.wtw-popup__wrapper{position:relative}.wtw-popup__tag{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:#611b50;opacity:.6;margin:0;font-family:var(--font-body-family)}.wtw-popup__heading{font-size:2.8rem;margin:0;line-height:1.15;color:#1a0a14}.wtw-popup__text{font-size:1.45rem;line-height:1.7;opacity:.75;margin:0;flex:1}.wtw-popup__cta{display:inline-block;background:#611b50;color:#fff271;border:none;border-radius:50px;padding:1.1rem 2.4rem;font-size:1.4rem;font-family:var(--font-body-family);font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .15s;align-self:flex-start}.wtw-popup__cta:hover{background:#86106a;transform:translateY(-1px)}@media screen and (max-width:749px){.ways-to-wham__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.6rem;padding-bottom:1.2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ways-to-wham__grid::-webkit-scrollbar{display:none}.wtw-card{flex:0 0 78vw;scroll-snap-align:start}.wtw-overlay{padding:1.2rem;align-items:flex-end}.wtw-popup{grid-template-columns:1fr;max-height:88vh;overflow-y:auto;border-radius:16px 16px 0 0;transform:translateY(100%);width:100%;max-width:100%}.wtw-overlay.is-open .wtw-popup{transform:translateY(0)}.wtw-popup__image{min-height:20rem;aspect-ratio:16 / 9}.wtw-popup__content{padding:2.4rem 2rem 3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-ways-to-wham.css.map */