.zfe{--zfe-pos: 48%;--zfe-ratio: 16/10;--zfe-ratio-m: 3/4;--zfe-maxw: 1080px;--zfe-radius: clamp(16px, 2vw, 22px);--zfe-ink: #15110c;--zfe-muted: #5f5647;--zfe-gold: #c2934f;--zfe-gold-ink: #7a5a20;--zfe-line: rgba(21, 17, 12, .1);--zfe-ease: cubic-bezier(.22, 1, .36, 1);width:100%;margin-inline:auto;color:var(--zfe-ink)}.zfe *,.zfe *:before,.zfe *:after{box-sizing:border-box}.zfe :where(h2,h3,p,figure,figcaption){margin:0;padding:0}.zfe__head{max-width:64ch;margin:0 auto clamp(20px,2.6vw,32px);text-align:center}.zfe__kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--zfe-gold-ink)}.zfe__kicker:before{content:"";width:30px;height:2px;background:var(--zfe-gold);border-radius:9px}.zfe__title{margin-top:12px;font-family:var(--font-family-display, Georgia, serif);font-weight:500;font-size:clamp(27px,3.4vw,42px);line-height:1.06;letter-spacing:-.018em;text-wrap:balance}.zfe__lead{margin-top:12px;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:var(--zfe-muted);text-wrap:pretty}.zfe__media{position:relative;width:100%;max-width:var(--zfe-maxw);margin-inline:auto;border-radius:var(--zfe-radius);overflow:hidden;border:1px solid var(--zfe-line);background:#efe7da;box-shadow:0 18px 50px #18120c1f;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize}.zfe__frame{position:relative;width:100%;aspect-ratio:var(--zfe-ratio)}.zfe__layer{position:absolute;top:0;right:0;bottom:0;left:0}.zfe__layer--after{z-index:1}.zfe__layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--zfe-pos)) 0 0)}.zfe__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:var(--zfe-focus, 50% 58%);pointer-events:none;-webkit-user-drag:none}.zfe__tag{position:absolute;top:clamp(10px,1.6vw,16px);z-index:3;padding:7px 14px;border-radius:999px;font-size:clamp(10px,2.4vw,12px);font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.zfe__tag--before{left:clamp(10px,1.6vw,16px);background:#0c0a07b8;color:#fff}.zfe__tag--after{right:clamp(10px,1.6vw,16px);background:#ffffffed;color:var(--zfe-ink)}.zfe__divider{position:absolute;top:0;bottom:0;left:var(--zfe-pos);z-index:4;width:2px;transform:translate(-50%);background:#fffffff0;box-shadow:0 0 0 1px #00000029;pointer-events:none}.zfe__knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(38px,4.4vw,46px);aspect-ratio:1;border-radius:50%;background:#fff;color:var(--zfe-gold);display:grid;place-items:center;box-shadow:0 4px 18px #00000047}.zfe__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;padding:0;border:0;-webkit-appearance:none;appearance:none;background:transparent;opacity:0;pointer-events:none}.zfe__range:focus-visible~.zfe__divider .zfe__knob{outline:3px solid var(--zfe-gold);outline-offset:3px}.zfe:not(.is-dragging) .zfe__layer--before,.zfe:not(.is-dragging) .zfe__divider{transition:clip-path .22s var(--zfe-ease),left .22s var(--zfe-ease)}.zfe__caption{max-width:var(--zfe-maxw);margin:clamp(14px,1.8vw,18px) auto 0;font-size:14.5px;line-height:1.6;color:var(--zfe-muted);text-align:center}.zfe__ctawrap{text-align:center}.zfe__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 28px;margin-top:clamp(18px,2.2vw,26px);border-radius:999px;border:1px solid rgba(21,17,12,.22);font-size:14.5px;font-weight:700;color:var(--zfe-ink);text-decoration:none;transition:border-color .2s ease,transform .2s var(--zfe-ease)}.zfe__cta svg{transition:transform .2s var(--zfe-ease)}@media(hover:hover){.zfe__cta:hover{border-color:#c2934f8c;transform:translateY(-1px)}.zfe__cta:hover svg{transform:translate(3px)}}.zfe__cta:focus-visible{outline:3px solid var(--zfe-gold);outline-offset:2px}@media(max-width:749px){.zfe__frame{aspect-ratio:var(--zfe-ratio-m)}.zfe__cta{width:100%}}@media(prefers-reduced-motion:reduce){.zfe__layer--before,.zfe__divider,.zfe__cta,.zfe__cta svg{transition:none!important}}.zfe-section{padding-block:clamp(44px,5.6vw,82px)}.zfe-section__shell{width:min(1320px,calc(100% - 44px));margin-inline:auto}
/*# sourceMappingURL=/cdn/shop/t/47/assets/zenz-for-etter.css.map */