.zh{background:var(--z-cream)}.zh__hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(560px,calc(100svh - 106px),860px);overflow:hidden;background:#121a1a;color:var(--z-cream)}.zh__media,.zh__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.zh__still,.zh__film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:58% 30%}.zh__film{opacity:0;transition:opacity 1.2s var(--z-ease)}.zh__film.is-on{opacity:1}.zh__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0c1414d1,#0c141480 34%,#0c141400 62%),linear-gradient(0deg,#0c1414b3,#0c141400 42%)}.zh__hero-in{position:relative;width:100%;padding-top:96px;padding-bottom:72px}.zh__copy{max-width:620px}.zh__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--z-gold)}.zh__title{margin:0;font-family:var(--z-serif);font-size:clamp(48px,6.4vw,100px);font-weight:500;line-height:.96;letter-spacing:-.01em;color:#fffaf0;text-wrap:balance}.zh__title em{display:block;font-style:italic}.zh__shine{background:linear-gradient(100deg,#fffaf0 0 40%,#cfbd91 48%,#fff 52%,#fffaf0 60% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:zh-shine 2.4s .6s cubic-bezier(.4,0,.2,1) both}@keyframes zh-shine{to{background-position:0% 0}}.zh__lede{max-width:30em;margin:22px 0 0;font-size:18px;line-height:1.55;color:#fff8e9db}.zh__lede strong{font-weight:700;color:#fff;white-space:nowrap}.zh__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:32px}.zh__cta{gap:10px;height:56px;padding:0 32px;font-size:16px;box-shadow:0 14px 30px -16px #0009}.zh__cta svg{transition:transform .2s var(--z-ease)}@media(hover:hover){.zh__cta:hover svg{transform:translate(3px)}}.zh__link,.zh__all{font-size:15px;font-weight:600;color:var(--z-teal)!important;text-decoration:underline;text-decoration-color:var(--z-gold);text-decoration-thickness:1.5px;text-underline-offset:5px}.zh__hero .zh__link{color:#fffaf0!important}@media(hover:hover){.zh__link:hover,.zh__all:hover{text-decoration-color:currentColor}}.zh__cta:focus-visible,.zh__hero .zh__link:focus-visible,.zh__seal:focus-visible{outline:2px solid var(--z-gold);outline-offset:4px}.zh__facts{display:flex;flex-wrap:wrap;gap:8px 0;margin:44px 0 0;padding:22px 0 0;list-style:none;border-top:1px solid rgba(207,189,145,.35);font-size:14px;color:#fff8e9c7}.zh__facts li{padding:0 22px}.zh__facts li:first-child{padding-left:0}.zh__facts li+li{border-left:1px solid rgba(207,189,145,.3)}.zh__facts strong{display:block;font-family:var(--z-serif);font-size:26px;font-weight:600;line-height:1.1;color:#fffaf0}.zh__seal{position:absolute;right:40px;bottom:56px;z-index:1;width:112px;height:112px;padding:0;border:0;border-radius:50%;background:#0c141447;color:#fffaf0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--z-ease),transform .2s var(--z-ease)}.zh__seal[hidden]{display:none}.zh__seal svg{display:block;width:100%;height:100%;font-size:10.2px;font-weight:700;letter-spacing:.06em;fill:currentColor}.zh__seal-ring{animation:zh-spin 40s linear infinite;transform-origin:60px 60px}.zh__seal.is-paused .zh__seal-ring{animation-play-state:paused}.zh__seal-play,.zh__seal.is-paused .zh__seal-pause{display:none}.zh__seal.is-paused .zh__seal-play{display:inline}@media(hover:hover){.zh__seal:hover{background:#0c141480}}.zh__seal:active{transform:scale(.95)}@keyframes zh-spin{to{transform:rotate(360deg)}}.zh__sec{padding:72px 0 0}.zh__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:26px}.zh__head--center{flex-direction:column;align-items:center;text-align:center}.zh__h2{margin:0;font-family:var(--z-serif);font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.05;color:var(--z-teal)}.zh__sub{max-width:44em;margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--z-muted)}.zh__all{flex:none;padding-bottom:6px}.zh__link:focus-visible,.zh__all:focus-visible,.zh__env:focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:4px;border-radius:6px}.zh__mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(520px,46vw,660px);margin:0;padding:0;list-style:none}.zh__tile--lead{grid-row:span 2}.zh__tile-a{position:relative;display:block;height:100%;overflow:hidden;border-radius:var(--z-r-sm);background:var(--z-teal-deep);color:#fffaf0!important;text-decoration:none;isolation:isolate}.zh__tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--z-ease)}.zh__tile-a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(0deg,#0a1414c7,#0a141440 38%,#0a141400 60%)}.zh__tile-text{position:absolute;left:22px;right:72px;bottom:20px;z-index:1;display:flex;flex-direction:column}.zh__tile-i{margin-bottom:6px;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--z-gold)}.zh__tile-name{font-family:var(--z-serif);font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.05}.zh__tile--lead .zh__tile-name{font-size:clamp(38px,4vw,58px)}.zh__tile-meta{margin-top:6px;font-size:13.5px;color:#fff8e9d1}.zh__tile--lead .zh__tile-text{left:32px;bottom:30px}.zh__tile--lead .zh__tile-meta{font-size:15px}.zh__tile-go{position:absolute;right:18px;bottom:20px;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff8e980;transition:background-color .25s var(--z-ease),color .25s var(--z-ease)}.zh__tile--lead .zh__tile-go{right:28px;bottom:30px;width:52px;height:52px}@media(hover:hover){.zh__tile-a:hover .zh__tile-img{transform:scale(1.045)}.zh__tile-a:hover .zh__tile-go{background:#fffaf0;color:var(--z-teal)}}.zh__tile-a:focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:3px}.zh__best{margin-top:72px;padding:64px 0;background:var(--z-gold-wash);box-shadow:inset 0 1px #cfbd918c,inset 0 -1px #cfbd918c}.zh__best-in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}.zh__best-head{position:sticky;top:110px;display:flex;flex-direction:column;align-items:flex-start}.zh__best-mark{margin-bottom:16px;padding:7px 12px 7px 10px;font-size:11.5px}.zh__best-mark svg{width:13px;height:13px}.zh__best-head .zh__sub{margin-top:12px;color:var(--z-gold-ink)}.zh__best-cta{gap:10px;margin-top:26px}.zh__best-nav{display:flex;gap:10px;margin-top:34px}.zh__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--z-paper);color:var(--z-teal);cursor:pointer;box-shadow:inset 0 0 0 1px var(--z-gold);transition:background-color .2s var(--z-ease),color .2s var(--z-ease),opacity .2s var(--z-ease)}@media(hover:hover){.zh__arrow:not(:disabled):hover{background:var(--z-teal);color:var(--z-cream-ink)}}.zh__arrow:disabled{opacity:.35;cursor:default}.zh__arrow:focus-visible{outline:2px solid var(--z-gold-ink);outline-offset:3px}.zh__shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.zh__shelf::-webkit-scrollbar{display:none}.zh__shelf>*{scroll-snap-align:start}.zh__shelf .zoci-card__media{aspect-ratio:4 / 5;background:var(--z-paper)}.zh__shelf .zoci-card__title{font-size:15px}.zh__best-more{display:none}.zh__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;max-width:1320px;margin:0 auto;padding:0 32px}.zh__rail .zoci-card__media{aspect-ratio:4 / 5}.zh__envs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:8px 0 0;padding:0;list-style:none}.zh__env{--fh: 46%;--bg: var(--z-teal);--flap: var(--z-teal-lit);--ink: var(--z-cream-ink);--k: var(--z-gold);position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:5 / 4;padding:22px 24px;overflow:hidden;border-radius:var(--z-r-lg);background:var(--bg);color:var(--ink)!important;text-decoration:none;transition:transform .3s var(--z-ease),box-shadow .3s var(--z-ease)}.zh__env[data-tone=blush]{--bg: var(--z-blush-wash);--flap: #f1d6ca;--ink: var(--z-blush-ink);--k: var(--z-blush-ink)}.zh__env[data-tone=gold]{--bg: var(--z-gold-wash);--flap: #ecdbb4;--ink: var(--z-gold-ink);--k: var(--z-gold-ink)}.zh__env[data-tone=sage]{--bg: var(--z-sage-wash);--flap: #d3e3d1;--ink: var(--z-sage-ink);--k: var(--z-sage-ink)}.zh__env:before{content:"";position:absolute;inset:0 0 auto;height:var(--fh);background:var(--flap);clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .35s var(--z-ease);transform-origin:top}.zh__coin{position:absolute;top:calc(var(--fh) - 17px);left:calc(50% - 17px);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9b867;box-shadow:inset 0 0 0 2px #c29a45,0 4px 10px -4px #00000059;font-family:var(--z-serif);font-size:17px;font-weight:700;color:#6b4f1d}.zh__env-k,.zh__env-n{position:relative;font-size:13.5px;font-weight:600}.zh__env-k{color:var(--k);letter-spacing:.04em}.zh__env-v{position:relative;font-family:var(--z-serif);font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.05}.zh__env-n{margin-top:2px;opacity:.85;font-weight:500}@media(hover:hover){.zh__env:hover{transform:translateY(-3px);box-shadow:0 22px 34px -24px #1732338c}.zh__env:hover:before{transform:scaleY(.9)}}.zh__env:active{transform:scale(.98)}.zh__note{margin:18px 0 0;text-align:center;font-size:14px;color:var(--z-muted)}.zh__silver{position:relative;margin-top:88px;padding:80px 0;overflow:hidden;background:var(--z-teal-deep);color:var(--z-cream-ink)}.zh__chandi{position:absolute;right:-2%;bottom:-14%;font-size:clamp(160px,22vw,340px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(207,189,145,.22);pointer-events:none;-webkit-user-select:none;user-select:none}.zh__silver-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px 64px;align-items:start}.zh__big{margin:0;font-family:var(--z-serif);font-size:clamp(96px,12vw,170px);font-weight:500;line-height:.85;background:linear-gradient(170deg,#f6f3ec 20%,#b9c2c4 55%,#eef1f1 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.zh__big small{font-size:.38em}.zh__h2--light{margin-top:14px;color:var(--z-cream-ink)}.zh__points{display:grid;gap:0;margin:0;padding:0;list-style:none}.zh__points li{display:grid;gap:4px;padding:20px 0;border-bottom:1px solid var(--z-gold-hair)}.zh__points li:first-child{padding-top:6px}.zh__points strong{font-size:18px;font-weight:600;color:#fff}.zh__points span{font-size:15.5px;line-height:1.5;color:#f3e8ccd1}.zh__silver-cta{grid-column:2;justify-self:start;margin-top:8px}.zh__trust{padding-top:72px;padding-bottom:72px}@media(max-width:1099.98px){.zh__seal{right:24px;bottom:40px;width:96px;height:96px}.zh__mosaic{grid-template-columns:1.4fr 1fr 1fr;height:520px}.zh__rail{grid-template-columns:repeat(3,minmax(0,1fr))}.zh__best-in{grid-template-columns:240px minmax(0,1fr);gap:28px}.zh__shelf{grid-auto-columns:calc((100% - 20px) / 2.2)}.zh__rail>:nth-child(n+7){display:none}.zh__envs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749.98px){.zh__hero{min-height:min(calc(100svh - 96px),720px)}.zh__media:after{background:linear-gradient(0deg,#0c1414eb,#0c1414a8 38%,#0c141400 66%)}.zh__hero-in{padding-top:0;padding-bottom:28px}.zh__eyebrow{margin-bottom:12px;font-size:11px}.zh__title{font-size:46px}.zh__lede{margin-top:12px;font-size:15.5px}.zh__ctas{margin-top:20px;gap:14px 22px}.zh__cta{flex:1 1 100%;height:52px}.zh__ctas .zh__link{margin:0 auto}.zh__facts{margin-top:22px;padding-top:14px}.zh__facts li{flex:1;padding:0 10px;font-size:12.5px}.zh__facts strong{font-size:20px}.zh__seal{top:16px;right:16px;bottom:auto;width:76px;height:76px}.zh__sec{padding-top:52px}.zh__head{margin-bottom:18px}.zh__sub{font-size:15px}.zh__all{font-size:14px}.zh__rail{display:flex;gap:12px;padding:0 16px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.zh__rail::-webkit-scrollbar{display:none}.zh__mosaic{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto;gap:8px;height:auto}.zh__tile--lead{grid-column:span 2;grid-row:auto}.zh__tile-a{aspect-ratio:4 / 5;height:auto}.zh__tile--lead .zh__tile-a{aspect-ratio:16 / 11}.zh__tile-text,.zh__tile--lead .zh__tile-text{left:14px;right:14px;bottom:14px}.zh__tile--lead .zh__tile-text{left:20px;bottom:20px;right:70px}.zh__tile-name{font-size:24px}.zh__tile--lead .zh__tile-name{font-size:38px}.zh__tile-i{margin-bottom:3px;font-size:10.5px}.zh__tile-meta{margin-top:3px;font-size:12px}.zh__tile-go{display:none}.zh__tile:not(.zh__tile--lead) .zh__tile-n{display:none}.zh__tile--lead .zh__tile-go{display:grid;right:18px;bottom:20px;width:44px;height:44px}.zh__rail>*{flex:none;width:46%;scroll-snap-align:start}.zh__rail>:nth-child(n+7){display:block}.zh__best{margin-top:52px;padding:40px 0 44px}.zh__best-in{grid-template-columns:1fr;gap:20px;padding:0}.zh__best-head{position:static;padding:0 16px}.zh__best-mark{margin-bottom:12px}.zh__best-nav,.zh__best-cta{display:none}.zh__best-more{display:flex;margin:4px 16px 0}.zh__shelf{grid-auto-columns:62%;gap:12px;padding:0 16px 4px;scroll-padding-inline:16px}.zh__envs{gap:12px}.zh__env{--fh: 34%;aspect-ratio:1 / 1;padding:14px}.zh__coin{width:28px;height:28px;top:calc(var(--fh) - 14px);left:calc(50% - 14px);font-size:14px}.zh__env-v{font-size:28px}.zh__env-k,.zh__env-n{font-size:12.5px}.zh__silver{margin-top:60px;padding:52px 0 56px}.zh__silver-in{grid-template-columns:1fr}.zh__chandi{bottom:-6%;font-size:150px}.zh__points strong{font-size:16.5px}.zh__points span{font-size:14.5px}.zh__silver-cta{grid-column:auto;align-self:stretch;justify-self:stretch}.zh__trust{padding-top:52px;padding-bottom:52px}}@media(prefers-reduced-motion:reduce){.zh__seal-ring,.zh__shine{animation:none}.zh__shine{background:none;color:#fffaf0}.zh__film,.zh__tile-img,.zh__env,.zh__env:before,.zh__cta svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zoci-home.css.map */