.czhero{background:var(--czhero-bg, #21160d);color:var(--czhero-body-color, #ebe7e2);padding:clamp(36px,4vw,56px) clamp(20px,5vw,64px);padding-top:calc(var(--transparent-header-h, 0px) + var(--czhero-pad-top, 36px));padding-bottom:var(--czhero-pad-bottom, 38px)}.czhero__inner{max-width:var(--czhero-max-width, 1320px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(28px,3vw,52px);align-items:stretch}.czhero__copy{display:flex;flex-direction:column;justify-content:center}.czhero__eyebrow{font-size:12px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--czhero-accent, #c4b49a);margin:0 0 22px}.czhero__heading{font-family:var(--type__font-header-family, Georgia, serif);font-weight:400;font-size:clamp(33px,2.4vw + 10px,var(--czhero-heading-size, 48px));line-height:1.18;color:var(--czhero-heading-color, #ebe7e2);margin:0 0 20px}.czhero__body{font-size:15px;line-height:1.75;color:var(--czhero-copy-body, #d8cfc2);max-width:44ch;margin:0}.czhero__ctas{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:34px}.czhero__btn{display:inline-block;padding:15px 30px;background:var(--czhero-btn-bg, #ebe7e2);color:var(--czhero-btn-text, #21160d);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .3s ease}.czhero__btn:hover{background:var(--czhero-btn-bg-hover, #fcfcfc)}.czhero__link{font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--czhero-accent, #c4b49a);transition:color .3s ease}.czhero__link:hover{color:var(--czhero-link-hover, #fcfcfc)}.czhero__module{display:flex;flex-direction:column;gap:12px;min-width:0}.czhero__rail{align-self:center;width:fit-content;max-width:100%}.czhero__module-label{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--czhero-accent, #c4b49a);margin:0;text-align:center}.czhero__stage{position:relative;flex:1 0 auto;height:min(clamp(300px,40vw,var(--czhero-stage-h, 480px)),52vh);display:flex;align-items:flex-end;justify-content:center;padding-bottom:34px}.czhero__stage--centered{align-items:center;padding-bottom:10px}.czhero__rugwrap{position:relative;transition:width .9s cubic-bezier(.4,0,.2,1),height .9s cubic-bezier(.4,0,.2,1);will-change:width,height}.czhero__rug{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:3px;box-shadow:0 24px 60px #00000073;background:#ebe7e20f}.czhero__rug-img,.czhero__rug-ph{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.czhero__rug-img.is-active,.czhero__rug-ph.is-active{opacity:1}.czhero__rug-img img{display:block;width:100%;height:100%;object-fit:cover}.czhero__rug-ph{border:6px solid rgba(0,0,0,.28)}.czhero__dims{position:absolute;left:0;right:0;bottom:-30px;display:flex;align-items:center;gap:12px;pointer-events:none}.czhero__dims:before,.czhero__dims:after{content:"";flex:1;height:1px;background:none}.czhero__dims-text{font-size:11.5px;letter-spacing:.16em;color:var(--czhero-body-color, #ebe7e2);opacity:.85;white-space:nowrap;transition:opacity .3s ease}.czhero__dims-text.is-changing{opacity:.25}.czhero__controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px 36px;min-height:56px;align-content:flex-start}.czhero__group[hidden]{display:none}.czhero__group--palette .czhero__opts{padding-top:3px}.czhero__group{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.czhero__group-label{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--czhero-accent, #c4b49a);opacity:.75;margin:0}.czhero__opts{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px}.czhero__opts[hidden]{display:none}.czhero__sizerows{display:grid}.czhero__sizerows .czhero__opts{grid-area:1 / 1}.czhero__opts.is-off{visibility:hidden;pointer-events:none}.czhero__opt{padding:2px 0 4px;border:none;border-bottom:1px solid transparent;background:none;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--czhero-body-color, #ebe7e2);opacity:.5;white-space:nowrap;transition:opacity .25s ease,border-color .25s ease}.czhero__opt:hover{opacity:.85}.czhero__opt.is-active{opacity:1;border-bottom-color:var(--czhero-accent, #c4b49a)}.czhero__swatch{width:18px;height:18px;padding:0;border:1px solid rgba(235,231,226,.35);border-radius:50%;cursor:pointer;opacity:.75;transition:opacity .25s ease,box-shadow .25s ease}.czhero__swatch:hover{opacity:1}.czhero__swatch.is-active{opacity:1;box-shadow:0 0 0 2px var(--czhero-bg, #21160d),0 0 0 3px var(--czhero-accent, #c4b49a)}.czhero__opt:focus-visible,.czhero__swatch:focus-visible,.czhero__btn:focus-visible,.czhero__link:focus-visible{outline:2px solid var(--czhero-accent, #c4b49a);outline-offset:3px}@keyframes czping{0%{box-shadow:0 0 #c4b49a66}to{box-shadow:0 0 0 14px #c4b49a00}}.czhero__opt.is-ping,.czhero__swatch.is-ping{animation:czping .9s ease-out}@media(min-width:900px){.czhero--fill{display:flex;flex-direction:column;justify-content:center;min-height:100svh}.czhero--fill .czhero__inner{width:100%}}@media(min-width:900px)and (max-width:1149px){.czhero__opt{font-size:10px;letter-spacing:.08em}.czhero__controls{gap:16px 24px}.czhero__opts{gap:4px 10px}}@media(max-width:899px){.czhero__inner{grid-template-columns:1fr;row-gap:24px}.czhero__module{max-width:560px;margin:0 auto;width:100%}.czhero__stage{height:min(clamp(280px,46vw,380px),48vh)}.czhero__inner>.czhero__ctas{margin-top:0;justify-content:center}}@media(min-width:640px)and (max-width:899px){.czhero__copy{text-align:center;align-items:center}.czhero__body{margin-inline:auto}}@media(max-width:639px){.czhero{padding-top:calc(max(var(--transparent-header-h, 64px),64px) + 24px);padding-bottom:64px}.czhero__inner{row-gap:18px}.czhero__inner>.czhero__ctas,.czhero__ctas{flex-direction:column;align-items:stretch;gap:16px;width:100%}.czhero__btn{text-align:center}.czhero__group--size{display:none}.czhero__controls{justify-content:center}.czhero__group--shape{align-items:center}.czhero__group--shape .czhero__group-label{display:none}.czhero__link{text-align:center}.czhero__heading{font-size:clamp(28px,8vw,34px)}.czhero__body{margin-bottom:28px}.czhero__stage{height:clamp(240px,62vw,320px)}.czhero__controls{gap:18px 28px}}@media(prefers-reduced-motion:reduce){.czhero__rugwrap,.czhero__rug-img,.czhero__rug-ph,.czhero__dims-text{transition:none}.czhero__rugwrap{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/jubi-customizer-hero.css.map */