.flipside-col__flavour{background:var(--col-bg, #b8e8f5);position:relative;overflow:hidden;min-height:670px;display:flex;align-items:stretch}.flipside-col__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.flipside-col__bg img{width:100%;height:100%;object-fit:cover;opacity:.3;mix-blend-mode:multiply}.flipside-col__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:80px;gap:60px;box-sizing:border-box}.flipside-col__flavour:first-child .flipside-col__inner{padding-top:200px}.flipside-col__flavour:last-child .flipside-col__inner{padding-bottom:100px}.flipside-col__media{display:flex;align-items:center;border-radius:28px 0;overflow:hidden;background:transparent;justify-content:center}.flipside-col__can-img{width:100%;max-width:700px;height:auto;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.flipside-col__flavour:hover .flipside-col__can-img{transform:translateY(-10px) scale(1.02)}.flipside-col__content{display:flex;flex-direction:column;gap:5px}.flipside-col__badge{display:inline-flex;align-self:flex-start;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-style:italic;color:#111;margin:0;border:2.5px solid #111;padding:4px 14px;border-radius:2px;transform:skew(-4deg);background:#ffffff80}.flipside-col__heading{display:flex;flex-direction:column;gap:4px;margin:-5px 0 0}.flipside-col__heading-line1{display:block;font-size:clamp(4rem,8vw,12rem);font-weight:900;text-transform:uppercase;letter-spacing:0em;line-height:.88;color:#fff;-webkit-text-stroke:3px #111;paint-order:stroke fill}.flipside-col__heading-line2{display:inline-flex;align-self:flex-start;align-items:center;font-size:clamp(2rem,4.5vw,4rem);font-weight:900;font-style:normal;text-transform:uppercase;letter-spacing:0em;line-height:1;color:#fff;background:#111;padding:.22em .5em;border-radius:4px;border:3px solid #ee86b4;box-shadow:5px 5px #000;transform:rotate(-1deg) translateY(-.5em);position:relative;overflow:hidden;z-index:1}.flipside-col__heading-line2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);animation:colShimmer 4s ease-in-out infinite}@keyframes colShimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.flipside-col__desc{font-size:.88rem;font-weight:700;font-style:italic;line-height:1.6;color:#111;margin-top:-15px;max-width:420px}.flipside-col__btns{display:flex;flex-wrap:wrap;gap:0px;margin-top:0;align-items:center}.flipside-col__btn{display:inline-flex;align-items:center;padding:14px 32px;background:#fff;color:#111;border:2.5px solid #111;border-radius:28px 0;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;box-shadow:4px 4px #111;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.flipside-col__btn:hover{background:#111;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #111}.flipside-col__btn--outline{background:transparent;color:#111;box-shadow:4px 4px #00000040}.flipside-col__btn--outline:hover{background:#111;color:#fff}.flipside-col__price{font-size:clamp(1rem,1.2vw,1.2rem);font-weight:400;color:#111;letter-spacing:-.02em;display:flex;align-items:center;padding-left:15px}.flipside-col__flavour-logo{max-width:300px;width:100%;height:auto;display:block;object-fit:contain}.flipside-col__logo-wrap{display:flex;align-items:flex-start}@media screen and (min-width:750px){.flipside-col__inner{grid-template-columns:1fr 1fr;align-items:center}.flipside-col__content{grid-column:1;grid-row:1;align-self:center}.flipside-col__media{grid-column:2;grid-row:1;align-self:center}.flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__logo-wrap{grid-column:1;grid-row:1;align-self:end;margin-bottom:0}.flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__content{grid-column:1;grid-row:2;align-self:start}.flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__media{grid-column:2;grid-row:1 / 3;align-self:center}.flipside-col__flavour--reversed .flipside-col__content{grid-column:2;grid-row:1;align-self:center}.flipside-col__flavour--reversed .flipside-col__media{grid-column:1;grid-row:1;align-self:center}.flipside-col__flavour--reversed .flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__logo-wrap{grid-column:2;grid-row:1;align-self:end}.flipside-col__flavour--reversed .flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__content{grid-column:2;grid-row:2;align-self:start}.flipside-col__flavour--reversed .flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__media{grid-column:1;grid-row:1 / 3;align-self:center}.flipside-col__flavour-logo{max-width:240px}}@media screen and (max-width:989px){.flipside-col__inner{padding:60px 40px;gap:32px}.flipside-col__heading-line1{-webkit-text-stroke:2px #111}}@media screen and (max-width:749px){.flipside-col__flavour{min-height:auto}.flipside-col__inner{display:flex;flex-direction:column;padding:40px 24px 56px;gap:28px}.flipside-col__flavour:first-child .flipside-col__inner{padding-top:150px}.flipside-col__logo-wrap{order:0;justify-content:center;margin-bottom:0}.flipside-col__media{order:1}.flipside-col__content{order:2}.flipside-col__flavour--reversed .flipside-col__logo-wrap{order:0}.flipside-col__flavour--reversed .flipside-col__media{order:1}.flipside-col__flavour--reversed .flipside-col__content{order:2}.flipside-col__can-img{max-width:380px;margin:0 auto}.flipside-col__flavour-logo{max-width:250px}.flipside-col__heading-line1{-webkit-text-stroke:2px #111}.flipside-col__btn{padding:12px 24px;font-size:.72rem}}@media screen and (min-width:750px){.flipside-col__inner:has(.flipside-col__logo-wrap) .flipside-col__logo-wrap{align-self:end;margin-bottom:-40px}}.flipside-col__cta{padding:120px 80px;text-align:center;position:relative;overflow:hidden}.flipside-col__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(-55deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 1px,transparent 1px,transparent 32px)}.flipside-col__cta-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}.flipside-col__cta-eyebrow{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#00000073;margin:0 0 8px}.flipside-col__cta-line{font-size:clamp(2rem,5vw,4.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:1;color:#111;margin:0}.flipside-col__cta-line--highlight span{display:inline-block;background:#111;color:#fff;padding:.06em .22em;border:3px solid #ee86b4;box-shadow:6px 6px #ee86b4;transform:rotate(-1.5deg);border-radius:4px}.flipside-col__cta-btn{margin-top:24px;display:inline-flex;align-items:center;padding:16px 40px;background:#111;color:#fff;border:2.5px solid #111;border-radius:28px 0;font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;box-shadow:4px 4px #ee86b4;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.flipside-col__cta-btn:hover{background:#ee86b4;border-color:#ee86b4;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #111}@media screen and (max-width:749px){.flipside-col__cta{padding:64px 24px 80px}.flipside-col__cta-line{font-size:clamp(1.8rem,8vw,2.8rem)}}@media screen and (min-width:750px){.flipside-col__cta{padding-top:60px;padding-bottom:60px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/flipside-collection.css.map */