.qcl *,.qcl *:before,.qcl *:after{box-sizing:border-box}.qcl{width:100%;overflow:hidden;font-family:inherit}.qcl__inner{display:grid;grid-template-columns:1fr 300px 1fr;min-height:var(--qcl-min-h, 520px);position:relative}.qcl__left{--qcl-accent: var(--qcl-left-text, #fdf8f2);background:var(--qcl-left, #c8a078);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,5rem)}.qcl__right{background:var(--qcl-right, #f5f0e8);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,5rem)}.qcl__image-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:2.5rem 0}.qcl__image-wrap:before,.qcl__image-wrap:after{content:"";position:absolute;top:0;bottom:0;z-index:-1}.qcl__image-wrap:before{left:0;right:50%;background:var(--qcl-left, #c8a078)}.qcl__image-wrap:after{left:50%;right:0;background:var(--qcl-right, #f5f0e8)}.qcl__product-img{position:relative;z-index:1;max-width:260px;width:100%;height:auto;display:block;filter:drop-shadow(0 20px 48px rgba(50,25,5,.22));transition:filter .3s ease,transform .4s cubic-bezier(.25,.46,.45,.94)}.qcl__product-img:hover{filter:drop-shadow(0 28px 60px rgba(50,25,5,.3));transform:translateY(-4px) scale(1.015)}.qcl__placeholder{display:flex;align-items:center;justify-content:center;width:200px;height:200px}.qcl__swatch-circle{width:140px;height:140px;border-radius:50%;background:var(--qcl-left, #c8a078);box-shadow:0 0 0 8px #fff9,0 20px 48px #32190533}.qcl__badge{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--qcl-accent, #2e1a0a);border:1.5px solid currentColor;padding:.3em .8em;border-radius:100px;margin-bottom:1.4rem;opacity:.75}.qcl__headline{display:flex;flex-direction:column;margin:0 0 1.2rem;font-size:clamp(2.2rem,3.2vw,4rem);font-weight:300;line-height:1;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:normal;color:var(--qcl-accent, #2e1a0a)}.qcl__hl1{font-weight:300;font-style:italic;opacity:.7;font-size:.72em;letter-spacing:-.01em}.qcl__hl2{font-weight:200}.qcl__season{margin:0;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--qcl-accent, #2e1a0a);opacity:.5}.qcl__eyebrow{margin:0 0 .6rem;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--qcl-accent, #2e1a0a);opacity:.5}.qcl__tagline{margin:0 0 2.2rem;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;line-height:1.55;color:var(--qcl-accent, #2e1a0a);max-width:26ch}.qcl__cta{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--qcl-right, #f5f0e8);background:var(--qcl-accent, #2e1a0a);padding:.75em 1.5em;border-radius:100px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 16px #2e1a0a33}.qcl__cta:hover{background:#1a0d04;transform:translateY(-2px);box-shadow:0 8px 24px #2e1a0a47}.qcl__cta:active{transform:translateY(0)}.qcl__cta-arrow{transition:transform .25s ease;flex-shrink:0}.qcl__cta:hover .qcl__cta-arrow{transform:translate(3px)}.qcl__color-strip{display:flex;align-items:center;gap:.6rem;margin-top:1.8rem}.qcl__swatch{display:inline-block;width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 2px #00000014}.qcl__swatch-name{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--qcl-accent, #2e1a0a);opacity:.55}.qcl--has-bg .qcl__left{position:relative}.qcl--has-bg .qcl__left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--qcl-bg-img);background-size:cover;background-position:center;opacity:var(--qcl-bg-opacity, .15);pointer-events:none;z-index:0}.qcl--has-bg .qcl__left>*{position:relative;z-index:1}.qcl--bg-both .qcl__right{position:relative}.qcl--bg-both .qcl__right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--qcl-bg-img);background-size:cover;background-position:center;opacity:var(--qcl-bg-opacity, .15);pointer-events:none;z-index:0}.qcl--bg-both .qcl__right>*{position:relative;z-index:1}.qcl__center-tx{position:absolute;top:0;bottom:0;background-image:var(--qcl-bg-img);background-size:cover;background-position:center;opacity:var(--qcl-bg-opacity, .15);pointer-events:none;z-index:0}.qcl__center-tx--l{left:0;right:50%}.qcl__center-tx--r{left:50%;right:0}@media screen and (min-width:641px)and (max-width:1023px){.qcl__inner{grid-template-columns:1fr 220px 1fr}.qcl__product-img{max-width:200px}.qcl__headline{font-size:clamp(1.8rem,3.2vw,2.6rem)}}@media screen and (max-width:640px){.qcl__inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:unset}.qcl__left{padding:2.5rem 1.5rem 2rem;align-items:center;text-align:center}.qcl__image-wrap{background:linear-gradient(to bottom,var(--qcl-left, #c8a078) 50%,var(--qcl-right, #f5f0e8) 50%);padding:0;min-height:200px}.qcl__image-wrap:before,.qcl__image-wrap:after{display:none}.qcl__center-tx{display:none}.qcl__product-img{max-width:160px;margin:0 auto;filter:drop-shadow(0 12px 28px rgba(50,25,5,.22))}.qcl__right{padding:2rem 1.5rem 2.5rem;align-items:center;text-align:center}.qcl__tagline{margin-bottom:1.6rem;max-width:none}.qcl__headline{font-size:clamp(2.4rem,10vw,3.2rem)}.qcl__color-strip{justify-content:center}}@media(prefers-reduced-motion:reduce){.qcl__product-img,.qcl__cta,.qcl__cta-arrow{transition:none}.qcl__product-img:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/qoio-cappuccino.css.map */