.waven-ba{padding:80px 56px;font-family:Syne,sans-serif;overflow:hidden}.waven-ba__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto}.waven-ba__visuals{position:relative;padding:44px 28px 56px 0}.waven-ba__visuals:before{content:"";display:block;padding-top:89.9%}.waven-ba__img-wrap{position:absolute;border-radius:18px;overflow:hidden;width:58%;aspect-ratio:3 / 4}.waven-ba__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.waven-ba__img-ph{width:100%;height:100%;background:#be16220f;border:1.5px dashed rgba(190,22,34,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#be1622}.waven-ba__img-ph span{font-size:28px}.waven-ba__img-ph p{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin:0}.waven-ba__img-wrap--before{top:12px;left:0;transform:rotate(-4deg);z-index:1;box-shadow:0 20px 50px #00000021}.waven-ba__img-wrap--after{top:calc(12px + 24%);right:28px;transform:rotate(3deg);z-index:2;box-shadow:0 24px 60px #0000002e,4px 4px #be162226}.waven-ba__label{position:absolute;display:flex;align-items:center;gap:6px;font-family:Syne,sans-serif;font-size:13px;font-weight:800;z-index:10;white-space:nowrap}.waven-ba__label--before{top:-14px;right:72px;color:#1a1018;flex-direction:row;align-items:center}.waven-ba__label--after{bottom:6px;left:26px;color:#be1622;flex-direction:row;align-items:center;gap:10px}.waven-ba__arrow{width:52px;height:auto;display:block;flex-shrink:0}.waven-ba__label--before .waven-ba__arrow{transform:rotate(8deg)}.waven-ba__label--after .waven-ba__arrow{transform:rotate(180deg);transform-origin:center}.waven-ba__content{display:flex;flex-direction:column;gap:22px}.waven-ba__eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:800;color:#f4743b}.waven-ba__title{font-family:Fraunces,serif;font-size:clamp(28px,3vw,48px);font-weight:900;line-height:1.08;color:#1a1018;margin:0}.waven-ba__title em{font-style:italic;background:linear-gradient(135deg,#f4743b,#f2607a 60%,#be1622);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.waven-ba__text{font-size:15px;line-height:1.75;color:#1a1018;opacity:.58;margin:0;max-width:400px}.waven-ba__cta{display:inline-block;background:linear-gradient(135deg,#f9c24f,#f4743b 40%,#f2607a 75%,#be1622);color:#fff;padding:14px 32px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;width:fit-content;box-shadow:0 6px 24px #be16224d;transition:transform .25s,box-shadow .25s}.waven-ba__cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px #be16226b}@media(max-width:860px){.waven-ba{padding:56px 24px}.waven-ba__inner{grid-template-columns:1fr;gap:0}.waven-ba__content{order:1;gap:18px;margin-bottom:42px;align-items:center;text-align:center}.waven-ba__text{max-width:100%;text-align:left}.waven-ba__cta{align-self:center}.waven-ba__visuals{order:2;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:54px 0 0;align-items:start}.waven-ba__visuals:before{display:none}.waven-ba__img-wrap{position:relative;width:100%;aspect-ratio:3 / 4;top:auto;left:auto;right:auto;bottom:auto;box-shadow:0 10px 28px #0000001f}.waven-ba__img-wrap--before{transform:none;z-index:1;margin-right:-10px;border-radius:18px}.waven-ba__img-wrap--after{transform:none;z-index:2;margin-left:-10px;border-radius:18px}.waven-ba__label{position:absolute;gap:4px;font-size:12px;z-index:5;white-space:nowrap}.waven-ba__label--before{top:0;left:25%;transform:translate(-50%);color:#1a1018;flex-direction:column;align-items:center}.waven-ba__label--after{top:-250px;left:70%;transform:translate(-50%);color:#be1622}.waven-ba__arrow{display:block;width:28px}.waven-ba__label--before .waven-ba__arrow{transform:rotate(-90deg)}.waven-ba__label--after .waven-ba__arrow{transform:scaleX(-1) rotate(-90deg)}}@media(max-width:480px){.waven-ba{padding:44px 16px}.waven-ba__title{font-size:24px}.waven-ba__cta{padding:13px 22px;font-size:10px}.waven-ba__visuals{padding-top:46px}.waven-ba__img-wrap--before{margin-right:-8px}.waven-ba__img-wrap--after{margin-left:-8px}.waven-ba__arrow{width:24px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/waven-before-after.css.map */