.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}}.qcl--car{position:relative}.qcl-car__viewport{display:grid}.qcl-car__slide{grid-area:1 / 1;width:100%;opacity:0;visibility:hidden;z-index:0;transition:opacity .85s cubic-bezier(.4,0,.2,1),visibility 0s linear .85s}.qcl-car__slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity .85s cubic-bezier(.4,0,.2,1)}.qcl-car__slide--has-bg .qcl__left{position:relative}.qcl-car__slide--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-car__slide--has-bg .qcl__left>*{position:relative;z-index:1}.qcl-car__slide--bg-both .qcl__right{position:relative}.qcl-car__slide--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-car__slide--bg-both .qcl__right>*{position:relative;z-index:1}.qcl-car__slide .qcl__badge,.qcl-car__slide .qcl__headline,.qcl-car__slide .qcl__season,.qcl-car__slide .qcl__tagline,.qcl-car__slide .qcl__cta,.qcl-car__slide .qcl__color-strip{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}.qcl-car__slide .qcl__product-img{opacity:0;transform:translateY(18px) scale(.965);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94),filter .3s ease}.qcl-car__slide.is-active .qcl__badge,.qcl-car__slide.is-active .qcl__headline,.qcl-car__slide.is-active .qcl__season,.qcl-car__slide.is-active .qcl__tagline,.qcl-car__slide.is-active .qcl__cta,.qcl-car__slide.is-active .qcl__color-strip{opacity:1;transform:translateY(0)}.qcl-car__slide.is-active .qcl__product-img{opacity:1;transform:translateY(0) scale(1);transition-delay:.2s}.qcl-car__slide.is-active .qcl__product-img:hover{filter:drop-shadow(0 28px 60px rgba(50,25,5,.3));transform:translateY(-4px) scale(1.015);transition-delay:0s}.qcl-car__slide.is-active .qcl__badge{transition-delay:.15s}.qcl-car__slide.is-active .qcl__headline{transition-delay:.22s}.qcl-car__slide.is-active .qcl__season{transition-delay:.3s}.qcl-car__slide.is-active .qcl__tagline{transition-delay:.28s}.qcl-car__slide.is-active .qcl__cta{transition-delay:.36s}.qcl-car__slide.is-active .qcl__color-strip{transition-delay:.44s}.qcl-car__controls{position:absolute;z-index:5;right:clamp(2rem,4vw,5rem);bottom:1.5rem;display:flex;align-items:center;gap:.9rem;color:var(--qcl-car-controls, #2e1a0a)}.qcl-car__btn{appearance:none;-webkit-appearance:none;background:transparent;border:1.5px solid currentColor;color:inherit;width:38px;height:38px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:.55;transition:opacity .2s ease,background .2s ease,transform .2s ease}.qcl-car__btn:hover{opacity:1;background:#2e1a0a0f;transform:translateY(-1px)}.qcl-car__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.qcl-car__dots{display:flex;gap:.5rem;align-items:center}.qcl-car__dot{appearance:none;-webkit-appearance:none;border:none;cursor:pointer;padding:0;width:8px;height:8px;border-radius:100px;background:currentColor;opacity:.3;transition:width .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.qcl-car__dot[aria-current=true]{width:26px;opacity:.85;position:relative;overflow:hidden}.qcl-car__dot[aria-current=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:#ffffff8c;transform:scaleX(var(--p, 0))}.qcl-car__dot:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:640px){.qcl--car .qcl__right{padding-bottom:4.2rem}.qcl-car__controls{right:50%;transform:translate(50%);bottom:1.1rem}}@media(prefers-reduced-motion:reduce){.qcl-car__slide,.qcl-car__slide.is-active,.qcl-car__slide .qcl__badge,.qcl-car__slide .qcl__headline,.qcl-car__slide .qcl__season,.qcl-car__slide .qcl__tagline,.qcl-car__slide .qcl__cta,.qcl-car__slide .qcl__color-strip,.qcl-car__slide .qcl__product-img,.qcl-car__dot{transition:none!important}.qcl-car__slide .qcl__product-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/qoio-cappuccino.css.map */