.zv-rg{--rg-ink:#1a1a18;--rg-stone:#f1efeb;--rg-line:#dcd9d2;--rg-green:#5a7879;color:var(--rg-ink);background:#fff}.zv-rg em{font-style:italic}.zv-rg__open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zv-rg__open-media{position:relative;aspect-ratio:4 / 3.1;overflow:hidden;background:var(--rg-stone)}.zv-rg__open-media--dark{background:#1d1d1b}.zv-rg__open-media img,.zv-rg__open-media video,.zv-rg__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.zv-rg__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,rgba(90,120,121,.06) 0 14px,transparent 14px 28px),var(--rg-stone);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:#8a8a85}.zv-rg__open-media--dark .zv-rg__ph{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px),#1d1d1b;color:#8d8d88}.zv-rg__title{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1.75rem,3vw,2.5rem);text-align:center;margin:0;padding:clamp(40px,6vw,72px) 20px;border-bottom:1px solid var(--rg-line);letter-spacing:0}.zv-rg__method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--rg-line)}.zv-rg__method-media{position:relative;min-height:clamp(380px,42vw,680px);overflow:hidden;background:var(--rg-stone)}.zv-rg__method-media img,.zv-rg__method-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.zv-rg__method-text{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(32px,6vw,96px);max-width:640px}.zv-rg__method-text h2{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;margin:0}.zv-rg__copy{font-size:.9375rem;line-height:1.7;max-width:52ch}.zv-rg__copy p{margin:0}.zv-rg__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.zv-rg__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 26px;border:1px solid var(--rg-ink);color:var(--rg-ink);background:transparent;text-decoration:none;font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:background-color .3s,color .3s}.zv-rg__btn:hover,.zv-rg__btn--solid{background:var(--rg-ink);color:#fff}.zv-rg__btn--solid:hover{background:#fff;color:var(--rg-ink)}.zv-rg a.zv-rg__btn{color:var(--rg-ink)}.zv-rg a.zv-rg__btn:hover,.zv-rg a.zv-rg__btn--solid{color:#fff}.zv-rg a.zv-rg__btn--solid:hover{color:var(--rg-ink)}.zv-rg__chart{padding:clamp(32px,4vw,56px) clamp(20px,4vw,56px);border-bottom:1px solid var(--rg-line);background:#fafaf8}.zv-rg__chart-title{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1.125rem,1.5vw,1.375rem);margin:0 0 28px}.zv-rg__circles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 16px}.zv-rg__circles li{width:74px;height:74px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--rg-line)}.zv-rg__size{font-size:.6875rem;line-height:1.2}.zv-rg__mm{font-size:.5625rem;letter-spacing:.04em;color:#6f6f6a;margin-top:3px}.zv-rg__help{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:clamp(56px,8vw,104px) 20px;background:#dfe5e5}.zv-rg__help h2{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.25;margin:0;max-width:22ch;text-wrap:balance}.zv-rg__title,.zv-rg__method-text h2,.zv-rg__chart-title,.zv-rg__help h2{font-family:var(--zv-caps, var(--font-heading--family));text-transform:uppercase;letter-spacing:.14em;font-weight:400}.zv-rg__title{font-size:clamp(1.25rem,2.1vw,1.75rem);line-height:1.35}.zv-rg__method-text h2{font-size:clamp(1.0625rem,1.5vw,1.375rem);line-height:1.5}.zv-rg__chart-title{font-size:clamp(.9375rem,1.1vw,1.0625rem)}.zv-rg__help h2{font-size:clamp(1.0625rem,1.7vw,1.5rem);line-height:1.5;max-width:26ch}@media(max-width:749px){.zv-rg__open,.zv-rg__method{grid-template-columns:1fr}.zv-rg__open-media{aspect-ratio:4 / 3}.zv-rg__method-media{min-height:0;aspect-ratio:4 / 3.2}.zv-rg__method-text{padding:32px 20px 44px}.zv-rg__circles li{width:66px;height:66px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/zv-ring-guide.css.map */
