#zarniv-metamorphosis{--zn-head:132px;font-family:ZarnivAnjoman,Tahoma,sans-serif}#zarniv-metamorphosis .zf-header{height:132px;display:block;padding:0 5%;background:#071b31}#zarniv-metamorphosis .zf-header a{letter-spacing:0}#zarniv-metamorphosis .zf-story{height:1720px;background:#071b31;position:relative;color:#eaf0f5;isolation:isolate}#zarniv-metamorphosis .zf-story-stage{position:sticky;top:132px;height:calc(100dvh - 132px);min-height:620px;max-height:950px;overflow:hidden;background:radial-gradient(ellipse at 27% 42%,#253a4c88,transparent 54%)}#zarniv-metamorphosis .zf-story-top{position:absolute;top:25px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;direction:ltr;font-size:10px;color:#a7b9c8;letter-spacing:2px}#zarniv-metamorphosis .zf-story-top a{font-size:12px;letter-spacing:0;color:#d9c08a;direction:rtl}#zarniv-metamorphosis .zf-hero-copy{position:absolute;top:14%;right:6%;width:43%;z-index:3}#zarniv-metamorphosis .zf-hero-copy h2{font-size:clamp(38px,4vw,64px);font-weight:500;line-height:1.65;margin:12px 0 14px;letter-spacing:0}#zarniv-metamorphosis .zf-hero-copy h2 em{font-style:normal;color:#e4c789}#zarniv-metamorphosis .zf-hero-copy p{font-size:15px;line-height:2.1;color:#acbdcb;max-width:440px;min-height:64px;margin:0 0 24px}#zarniv-metamorphosis .zf-hero-actions{display:flex;gap:28px;align-items:center;font-size:13px}#zarniv-metamorphosis .zf-hero-actions>a:last-child{color:#c5d1dc}#zarniv-metamorphosis .zf-quick-paths{display:flex;gap:21px;margin-top:25px;align-items:center;font-size:12px}#zarniv-metamorphosis .zf-quick-paths a{display:flex;align-items:center;gap:13px;border-bottom:1px solid #c8ac714d;padding:0 0 9px;white-space:nowrap}#zarniv-metamorphosis .zf-quick-paths span{color:#cfb171}#zarniv-metamorphosis .zf-hero-art{position:absolute;top:7%;bottom:110px;left:0;width:53%;isolation:isolate}#zarniv-metamorphosis .zf-metal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#zarniv-metamorphosis .zf-scene-fallback{position:absolute;width:76%;height:76%;object-fit:contain;left:12%;top:12%;border-radius:50%}#zarniv-metamorphosis [data-ready=true]>.zf-scene-fallback{opacity:0}#zarniv-metamorphosis .zf-object-meta{position:absolute;bottom:15px;left:14%;right:14%;display:flex;justify-content:space-between;color:#bca775;font-size:11px;direction:ltr;z-index:2}#zarniv-metamorphosis .zf-story .zm-live-peek{position:absolute;top:auto;bottom:94px;right:6%;left:auto;width:43%;gap:12px;grid-template-columns:1fr 1fr;z-index:3}#zarniv-metamorphosis .zf-story .zm-mini{padding:12px 15px;border-color:#b8c6d025;background:#13293b80;border-radius:4px}#zarniv-metamorphosis .zf-story .zm-mini strong{font-size:20px}#zarniv-metamorphosis .zf-story .zm-mini svg{height:32px}#zarniv-metamorphosis .zf-story-progress{position:absolute;bottom:23px;left:6%;right:6%;display:flex;align-items:center;gap:25px;border-top:1px solid #b49a6938;padding-top:20px;font-size:12px;direction:rtl}#zarniv-metamorphosis .zf-story-progress button{border:0;background:none;color:#788fa3;padding:4px 0;white-space:nowrap}#zarniv-metamorphosis .zf-story-progress button[aria-current]{color:#e6c889}#zarniv-metamorphosis .zf-story-progress span{font-size:10px;color:#b29869;margin-left:7px}#zarniv-metamorphosis .zf-story-progress>div{height:1px;background:#c1ae7d33;flex:1;max-width:210px}#zarniv-metamorphosis .zf-story-progress i{display:block;height:100%;background:#e1c68e;transform:scaleX(var(--story-progress,0));transform-origin:right}#zarniv-metamorphosis .zf-story-progress>a{margin-right:auto;color:#c9d4df}
#zarniv-metamorphosis .zc-conversion{background:radial-gradient(ellipse at 28% 45%,#20394c77,transparent 54%),#071b31;border:0}#zarniv-metamorphosis .zc-art canvas.zf-metal-canvas{inset:0;width:100%;height:100%}#zarniv-metamorphosis .zc-orbit{opacity:.22}#zarniv-metamorphosis .zc-art-caption{z-index:3}#zarniv-metamorphosis .zc-element{opacity:.25;z-index:0}#zarniv-metamorphosis .zl-conversion-guide{position:relative;background:linear-gradient(#071b31,#0e2a40);border-top:0}#zarniv-metamorphosis .zf-store-paths{padding:90px 6% 55px;background:#f6f6f2;color:#102b44;position:relative}#zarniv-metamorphosis .zf-store-paths:before{content:'';position:absolute;height:80px;width:1px;background:linear-gradient(#b89b63,#b89b6300);top:-40px;right:50%;z-index:3}#zarniv-metamorphosis .zf-paths-heading{text-align:center;margin-bottom:42px}#zarniv-metamorphosis .zf-paths-heading h2{font-size:45px;line-height:1.5;font-weight:500;margin:10px 0}#zarniv-metamorphosis .zf-paths-heading p{font-size:14px;color:#6b7a85}#zarniv-metamorphosis .zf-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}#zarniv-metamorphosis .zf-store-grid>a{display:block;background:#fff;border:1px solid #d8d8ce;overflow:hidden;transition:transform .5s,box-shadow .5s}#zarniv-metamorphosis .zf-store-grid>a:hover{transform:translateY(-7px);box-shadow:0 22px 40px #20354b12}#zarniv-metamorphosis .zf-store-grid img{display:block;width:100%;height:280px;object-fit:contain;background:#fff;transition:transform .7s}#zarniv-metamorphosis .zf-store-grid>a:hover img{transform:scale(1.04)}#zarniv-metamorphosis .zf-store-grid>a>div{padding:26px 27px 30px;border-top:1px solid #e5e5dd}#zarniv-metamorphosis .zf-store-grid span{font:9px/1.5 Georgia,serif;letter-spacing:1px;color:#a48952}#zarniv-metamorphosis .zf-store-grid h3{font-size:28px;font-weight:500;margin:9px 0}#zarniv-metamorphosis .zf-store-grid p{font-size:12px;color:#72818b;margin:0 0 22px}#zarniv-metamorphosis .zf-store-grid b{font-size:13px;font-weight:500;color:#96763e}#zarniv-metamorphosis .zc-categories{background:#f6f6f2;padding-top:45px;padding-bottom:45px}#zarniv-metamorphosis .zm-full-chart{transition:transform .9s,box-shadow .9s}#zarniv-metamorphosis .zf-market-visible .zm-full-chart{animation:zf-market-enter .9s both}@keyframes zf-market-enter{from{opacity:.3;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}#zarniv-metamorphosis .zf-footer{font-family:ZarnivAnjoman,Tahoma,sans-serif}#zarniv-metamorphosis .zf-footer .zf-brand>span{letter-spacing:5px!important}
@media(max-width:1100px){#zarniv-metamorphosis .zf-quick-paths{gap:12px;font-size:11px}#zarniv-metamorphosis .zf-hero-actions{gap:15px}#zarniv-metamorphosis .zf-hero-copy{width:44%;top:12%}#zarniv-metamorphosis .zf-hero-copy h2{font-size:42px}#zarniv-metamorphosis .zf-store-grid img{height:230px}#zarniv-metamorphosis .zf-store-grid>a>div{padding:22px 18px}}
@media(max-width:760px){#zarniv-metamorphosis{--zn-head:126px}#zarniv-metamorphosis .zf-header{height:126px}#zarniv-metamorphosis .zf-story{height:1400px}#zarniv-metamorphosis .zf-story-stage{top:126px;height:calc(100dvh - 126px);min-height:680px;max-height:850px}#zarniv-metamorphosis .zf-story-top{top:18px;font-size:7px;letter-spacing:1px}#zarniv-metamorphosis .zf-story-top a{font-size:10px}#zarniv-metamorphosis .zf-hero-art{top:35px;bottom:auto;left:0;width:100%;height:290px}#zarniv-metamorphosis .zf-object-meta{bottom:7px;font-size:9px;left:10%;right:10%}#zarniv-metamorphosis .zf-hero-copy{top:340px;right:6%;width:88%}#zarniv-metamorphosis .zf-hero-copy h2{font-size:32px;line-height:1.7;margin:7px 0 8px}#zarniv-metamorphosis .zf-hero-copy h2 br{display:none}#zarniv-metamorphosis .zf-hero-copy p{font-size:12px;line-height:2;min-height:48px;margin-bottom:16px}#zarniv-metamorphosis .zf-hero-actions{justify-content:space-between;gap:12px;font-size:12px}#zarniv-metamorphosis .zf-gold-button{font-size:12px;min-height:43px;gap:25px;padding:10px 17px}#zarniv-metamorphosis .zf-quick-paths{margin-top:18px;justify-content:space-between;font-size:11px;gap:10px}#zarniv-metamorphosis .zf-quick-paths a{gap:10px}#zarniv-metamorphosis .zf-story .zm-live-peek{display:none}#zarniv-metamorphosis .zf-story-progress{gap:10px;font-size:10px;bottom:18px;padding-top:14px}#zarniv-metamorphosis .zf-story-progress>div{display:none}#zarniv-metamorphosis .zf-story-progress span{font-size:9px;margin-left:4px}#zarniv-metamorphosis .zf-store-paths{padding:70px 6% 25px}#zarniv-metamorphosis .zf-paths-heading{margin-bottom:27px}#zarniv-metamorphosis .zf-paths-heading h2{font-size:33px}#zarniv-metamorphosis .zf-paths-heading p{font-size:12px;line-height:2}#zarniv-metamorphosis .zf-store-grid{grid-template-columns:1fr;gap:18px}#zarniv-metamorphosis .zf-store-grid>a{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}#zarniv-metamorphosis .zf-store-grid img{height:220px}#zarniv-metamorphosis .zf-store-grid>a>div{border:0;padding:20px 13px}#zarniv-metamorphosis .zf-store-grid h3{font-size:24px}#zarniv-metamorphosis .zf-store-grid p{font-size:11px;line-height:1.9}#zarniv-metamorphosis .zf-store-grid span{font-size:7px;letter-spacing:0}#zarniv-metamorphosis .zf-store-grid b{font-size:12px}}
@media(prefers-reduced-motion:reduce){#zarniv-metamorphosis .zf-story{height:auto}#zarniv-metamorphosis .zf-story-stage{position:relative;top:0}#zarniv-metamorphosis .zf-market-visible .zm-full-chart{animation:none}#zarniv-metamorphosis .zf-store-grid>a,#zarniv-metamorphosis .zf-store-grid img{transition:none}}

#zarniv-metamorphosis .zm-stage{top:var(--zn-head)}#zarniv-metamorphosis .zf-material-photo{position:absolute;inset:10% 14%;width:72%;height:78%;object-fit:contain;background:#fff;z-index:2;opacity:0;transform:perspective(1200px) rotateY(-16deg) scale(.86);border:1px solid #d5b67b66;box-shadow:0 20px 55px #0003;pointer-events:none}#zarniv-metamorphosis .zf-hero-copy{top:22%}#zarniv-metamorphosis .zm-stage .zm-live-peek{width:auto}#zarniv-metamorphosis .zf-story-stage{border-bottom:1px solid #b79b6122}@media(max-width:760px){#zarniv-metamorphosis .zf-hero-copy{top:340px}#zarniv-metamorphosis .zf-material-photo{inset:0 20%;width:60%;height:100%}}

@media(max-width:760px){#zarniv-metamorphosis .zf-hero-art{height:235px;top:33px}#zarniv-metamorphosis .zf-hero-copy{top:290px}#zarniv-metamorphosis .zf-hero-copy h2{font-size:27px;line-height:1.6}#zarniv-metamorphosis .zf-hero-copy p{margin-bottom:12px}#zarniv-metamorphosis .zf-quick-paths{margin-top:14px}#zarniv-metamorphosis .zf-story-progress{bottom:85px}}

#zarniv-metamorphosis .zf-gold-button{color:#142b3f!important}#zarniv-metamorphosis .zf-story-progress{padding-left:155px}@media(max-width:760px){#zarniv-metamorphosis .zf-story-progress{padding-left:0}}

#zarniv-metamorphosis .zf-material-photo{background:#071b31;border-color:#d5b67b26}

/* Store paths: card composition inspired by the supplied reference, without its scene background. */
#zarniv-metamorphosis .zf-store-paths{
  background-color:#f6f6f2;
  background-image:none;
}
#zarniv-metamorphosis .zf-store-grid{
  align-items:start;
  gap:22px;
  max-width:1320px;
  margin-inline:auto;
  padding-top:18px;
}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card{
  --store-card-accent:#dfc078;
  position:relative;
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid #dfc078;
  border-color:color-mix(in srgb,var(--store-card-accent) 82%,white);
  border-radius:24px;
  background:#07192c;
  color:#f7f3e9;
  box-shadow:0 18px 42px #0b1d3024,0 0 0 1px #fff5c710 inset;
  isolation:isolate;
  transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;
  text-decoration:none!important;
}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card:hover,
#zarniv-metamorphosis .zf-store-grid>.zf-store-card:focus,
#zarniv-metamorphosis .zf-store-grid>.zf-store-card:focus-visible,
#zarniv-metamorphosis .zf-store-grid>.zf-store-card *{
  text-decoration:none!important;
}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card--silver{--store-card-accent:#d9e0e8}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card--gold{
  transform:translateY(-18px);
  box-shadow:0 25px 55px #8e672a2b,0 0 24px #d9ad5940,0 0 0 1px #fff2c624 inset;
}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card:hover{
  transform:translateY(-8px);
  border-color:#f0d28c;
  box-shadow:0 28px 58px #0b1d3033,0 0 22px #d8b66b33;
}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card--gold:hover{transform:translateY(-26px)}
#zarniv-metamorphosis .zf-store-card__media{
  position:relative;
  height:340px;
  margin:0;
  overflow:hidden;
  background:#07192c;
}
#zarniv-metamorphosis .zf-store-grid .zf-store-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#07192c;
  transition:transform .8s ease,filter .5s ease;
}
#zarniv-metamorphosis .zf-store-card--gold .zf-store-card__media img{object-position:center 58%}
#zarniv-metamorphosis .zf-store-card--silver .zf-store-card__media img{object-position:center 43%}
#zarniv-metamorphosis .zf-store-card--jewelry .zf-store-card__media img{object-position:center 45%}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card:hover .zf-store-card__media img{
  transform:scale(1.045);
  filter:saturate(1.08) contrast(1.03);
}
#zarniv-metamorphosis .zf-store-grid>.zf-store-card>.zf-store-card__body{
  position:relative;
  z-index:2;
  min-height:230px;
  margin-top:-122px;
  padding:82px 24px 24px;
  border:0;
  background:linear-gradient(180deg,transparent 0,#07192cd9 30%,#07192cf5 48%,#061526 72%);
}
#zarniv-metamorphosis .zf-store-card__eyebrow{
  display:block;
  margin-bottom:12px;
  color:var(--store-card-accent);
  font:9px/1.5 Georgia,serif;
  letter-spacing:1.25px;
  direction:ltr;
  text-align:right;
  opacity:.92;
}
#zarniv-metamorphosis .zf-store-card__identity{
  display:flex;
  align-items:center;
  gap:15px;
  min-width:0;
}
#zarniv-metamorphosis .zf-store-card__icon{
  width:72px;
  height:72px;
  flex:0 0 72px;
  display:grid;
  place-items:center;
  border:2px solid var(--store-card-accent);
  border-radius:50%;
  color:var(--store-card-accent);
  background:#07192cbf;
  box-shadow:0 0 18px #dfbc7130;
}
#zarniv-metamorphosis .zf-store-card__icon svg{
  width:43px;
  height:43px;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#zarniv-metamorphosis .zf-store-card__identity>div{min-width:0}
#zarniv-metamorphosis .zf-store-grid .zf-store-card h3{
  margin:0 0 4px;
  color:#f4d38e;
  font-size:27px;
  font-weight:650;
  line-height:1.55;
}
#zarniv-metamorphosis .zf-store-grid .zf-store-card--silver h3{color:#edf3f9}
#zarniv-metamorphosis .zf-store-grid .zf-store-card p{
  margin:0;
  color:#d4dce5;
  font-size:12px;
  line-height:1.9;
}
#zarniv-metamorphosis .zf-store-card__cta{
  width:min(100%,275px);
  min-height:47px;
  margin:18px auto 0;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:1px solid #f3d28c;
  border-radius:999px;
  color:#10253a;
  background:linear-gradient(180deg,#ffe2a0,#dba846);
  box-shadow:0 5px 18px #dba84638,0 1px 0 #fff7dc inset;
  font-size:12px;
  font-weight:650;
  line-height:1.4;
  transition:background .3s ease,color .3s ease,box-shadow .3s ease;
}
#zarniv-metamorphosis .zf-store-card:hover .zf-store-card__cta{background:#d9b86c;color:#10253a}
#zarniv-metamorphosis .zf-store-card__cta span{font-size:18px;line-height:1}

@media(max-width:1050px){
  #zarniv-metamorphosis .zf-store-grid{gap:14px}
  #zarniv-metamorphosis .zf-store-card__media{height:285px}
  #zarniv-metamorphosis .zf-store-grid>.zf-store-card>.zf-store-card__body{padding-inline:17px}
  #zarniv-metamorphosis .zf-store-card__icon{width:60px;height:60px;flex-basis:60px}
  #zarniv-metamorphosis .zf-store-card__icon svg{width:35px;height:35px}
  #zarniv-metamorphosis .zf-store-grid .zf-store-card h3{font-size:22px}
}
@media(max-width:820px){
  #zarniv-metamorphosis .zf-store-paths{padding:70px 6% 38px}
  #zarniv-metamorphosis .zf-store-grid{grid-template-columns:1fr;gap:22px;padding-top:0}
  #zarniv-metamorphosis .zf-store-grid>.zf-store-card{
    display:block;
    width:100%;
    max-width:540px;
    margin-inline:auto;
    transform:none;
  }
  #zarniv-metamorphosis .zf-store-grid>.zf-store-card:hover,
  #zarniv-metamorphosis .zf-store-grid>.zf-store-card--gold:hover{transform:translateY(-5px)}
  #zarniv-metamorphosis .zf-store-card__media{height:310px}
  #zarniv-metamorphosis .zf-store-grid>.zf-store-card>.zf-store-card__body{
    min-height:220px;
    margin-top:-116px;
    padding:78px 22px 22px;
    border:0;
  }
  #zarniv-metamorphosis .zf-store-card__icon{width:68px;height:68px;flex-basis:68px}
  #zarniv-metamorphosis .zf-store-card__icon svg{width:40px;height:40px}
  #zarniv-metamorphosis .zf-store-grid .zf-store-card h3{font-size:26px}
}
@media(max-width:540px){
  #zarniv-metamorphosis .zf-store-paths{padding:58px 16px 32px}
  #zarniv-metamorphosis .zf-paths-heading h2{font-size:31px}
  #zarniv-metamorphosis .zf-store-card__media{height:260px}
  #zarniv-metamorphosis .zf-store-grid>.zf-store-card>.zf-store-card__body{
    min-height:215px;
    margin-top:-96px;
    padding:64px 16px 18px;
  }
  #zarniv-metamorphosis .zf-store-card__eyebrow{font-size:8px;margin-bottom:10px}
  #zarniv-metamorphosis .zf-store-card__identity{gap:12px}
  #zarniv-metamorphosis .zf-store-card__icon{width:58px;height:58px;flex-basis:58px}
  #zarniv-metamorphosis .zf-store-card__icon svg{width:34px;height:34px}
  #zarniv-metamorphosis .zf-store-grid .zf-store-card h3{font-size:22px}
  #zarniv-metamorphosis .zf-store-grid .zf-store-card p{font-size:11px}
  #zarniv-metamorphosis .zf-store-card__cta{width:100%;min-height:44px;margin-top:15px;font-size:11px}
}

/* Category showcase: a high-contrast shelf between the store paths and products. */
#zarniv-metamorphosis .zc-categories{
  position:relative;
  overflow:hidden;
  padding:72px 6% 62px;
  background:var(--z-blue-gradient,linear-gradient(180deg,#102e54 0%,#153768 53%,#20417a 100%));
  color:#eef4fa;
  isolation:isolate;
}
#zarniv-metamorphosis .zc-categories:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(90deg,transparent 49.8%,#d8bb7c17 50%,transparent 50.2%),
    linear-gradient(0deg,transparent 49.8%,#d8bb7c0d 50%,transparent 50.2%);
  background-size:120px 120px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
#zarniv-metamorphosis .zc-categories .zc-section-head{
  position:relative;
  z-index:1;
  max-width:1280px;
  margin:0 auto 38px;
  padding-bottom:24px;
  border-bottom:1px solid #dcc58e30;
}
#zarniv-metamorphosis .zc-categories .zc-eyebrow{
  color:#e4c47f;
  font-size:12px;
  letter-spacing:.2px;
}
#zarniv-metamorphosis .zc-categories .zc-section-head h2{
  margin:8px 0 4px;
  color:#fff;
  font-size:clamp(32px,3.2vw,46px);
  font-weight:650;
  line-height:1.55;
}
#zarniv-metamorphosis .zc-categories .zc-section-head p{
  max-width:650px;
  margin:0;
  color:#aebfd0;
  font-size:13px;
  line-height:2;
}
#zarniv-metamorphosis .zc-categories .zc-section-head>a{
  min-height:46px;
  padding:10px 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #efd18e;
  border-radius:999px;
  background:linear-gradient(180deg,#ffe2a0,#dba846);
  color:#10253a;
  box-shadow:0 8px 22px #dba8462b,0 1px 0 #fff7dc inset;
  font-size:12px;
  font-weight:700;
  text-decoration:none!important;
  transition:transform .3s ease,box-shadow .3s ease;
}
#zarniv-metamorphosis .zc-categories .zc-section-head>a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px #dba84644,0 1px 0 #fff7dc inset;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  justify-content:stretch;
  gap:16px;
  max-width:1280px;
  margin-inline:auto;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a{
  position:relative;
  min-width:0;
  padding:9px 9px 16px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:right;
  color:#f5f7fa;
  border:1px solid #e3c57a54;
  border-radius:20px;
  background:linear-gradient(160deg,#173653e8,#0b233bdd);
  box-shadow:0 14px 35px #020c1738,0 0 0 1px #fff5ce08 inset;
  overflow:hidden;
  isolation:isolate;
  text-decoration:none!important;
  transition:transform .38s ease,border-color .38s ease,box-shadow .38s ease,background .38s ease;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a:before{
  content:'';
  position:absolute;
  right:-35%;
  bottom:-48%;
  width:150px;
  height:150px;
  z-index:-1;
  border-radius:50%;
  background:#d9b86c17;
  filter:blur(2px);
  transition:transform .45s ease,opacity .45s ease;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a:hover{
  transform:translateY(-8px);
  border-color:#e9c875;
  background:linear-gradient(160deg,#1c4265,#0b253f);
  box-shadow:0 22px 46px #020c175c,0 0 24px #d7b76424;
  text-decoration:none!important;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a:hover:before{transform:scale(1.35);opacity:.9}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a>div{
  position:relative;
  width:100%;
  padding:0;
  overflow:hidden;
  aspect-ratio:1/1;
  border:0;
  border-radius:14px;
  background:#f3f0e9;
  box-shadow:none;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a>div:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,#fff5ce20,transparent 45%,#061b351c);
  box-shadow:0 0 0 1px #fff8dc22 inset;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid img{
  width:100%;
  height:100%;
  display:block;
  border-radius:0;
  object-fit:cover;
  transition:transform .55s ease,filter .4s ease;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a:hover img{
  transform:scale(1.08);
  filter:saturate(1.08) contrast(1.04);
}
#zarniv-metamorphosis .zc-categories .zc-category-grid h3{
  min-height:48px;
  margin:13px 2px 4px;
  padding-left:28px;
  display:flex;
  align-items:center;
  color:#f7f4ec;
  font-size:14px;
  font-weight:650;
  line-height:1.65;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a>span{
  position:absolute;
  bottom:22px;
  left:14px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid #dfc17673;
  border-radius:50%;
  color:#f0cc7c;
  background:#071a2dcc;
  font-size:13px;
  line-height:1;
  transition:background .3s ease,color .3s ease,transform .3s ease;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid>a:hover>span{
  color:#10253a;
  background:#e3bd68;
  transform:rotate(-12deg);
}
#zarniv-metamorphosis .zc-categories .zc-extra-category{
  width:max-content;
  max-width:100%;
  margin:28px auto 0;
  padding:11px 20px;
  display:block;
  border-bottom:1px solid #dabc795e;
  color:#dfc486;
  font-size:12px;
  text-align:center;
  text-decoration:none!important;
  transition:color .3s ease,border-color .3s ease;
}
#zarniv-metamorphosis .zc-categories .zc-extra-category:hover{color:#fff0c6;border-color:#f0d492}

@media(max-width:900px){
  #zarniv-metamorphosis .zc-categories{padding:60px 5% 52px}
  #zarniv-metamorphosis .zc-categories .zc-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
}
@media(max-width:650px){
  #zarniv-metamorphosis .zc-categories{padding:50px 16px 42px}
  #zarniv-metamorphosis .zc-categories .zc-section-head{
    display:block;
    align-items:flex-start;
    margin-bottom:25px;
    padding-bottom:20px;
  }
  #zarniv-metamorphosis .zc-categories .zc-section-head h2{font-size:29px}
  #zarniv-metamorphosis .zc-categories .zc-section-head p{font-size:11px;line-height:1.9}
  #zarniv-metamorphosis .zc-categories .zc-section-head>a{min-height:40px;margin-top:14px;padding:8px 13px;font-size:10px}
  #zarniv-metamorphosis .zc-categories .zc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #zarniv-metamorphosis .zc-categories .zc-category-grid>a{padding:7px 7px 12px;border-radius:16px}
  #zarniv-metamorphosis .zc-categories .zc-category-grid>a>div{border-radius:11px}
  #zarniv-metamorphosis .zc-categories .zc-category-grid h3{min-height:43px;margin-top:10px;font-size:12px}
  #zarniv-metamorphosis .zc-categories .zc-category-grid>a>span{left:11px;bottom:17px;width:24px;height:24px;font-size:11px}
  #zarniv-metamorphosis .zc-categories .zc-extra-category{margin-top:22px;font-size:11px}
}


/* Story hero refinement: open layout, aligned object/copy, no framing cards. */
#zarniv-metamorphosis .zf-story{
  height:1420px;
  background:#102e54;
}
#zarniv-metamorphosis section.zf-story .zf-story-stage{
  --zf-edge:max(5vw,calc((100vw - 1600px)/2));
  min-height:640px;
  max-height:920px;
  background:
    radial-gradient(circle at 25% 48%,#d1aa5922 0,transparent 25%),
    radial-gradient(circle at 19% 48%,#6f94c11d 0,transparent 43%),
    linear-gradient(135deg,#102e54 0%,#163965 52%,#102d52 100%)!important;
  border-bottom:1px solid #d8bf8124;
}
#zarniv-metamorphosis .zf-story-stage::before{
  content:"";
  position:absolute;
  width:min(40vw,620px);
  aspect-ratio:1;
  left:calc(var(--zf-edge) - 1vw);
  top:50%;
  transform:translateY(-48%);
  border:1px solid #e0bf7526;
  border-radius:50%;
  box-shadow:0 0 0 56px #e0bf7506;
  pointer-events:none;
}
#zarniv-metamorphosis .zf-story-top{
  top:27px;
  left:var(--zf-edge);
  right:var(--zf-edge);
  color:#9fb3c7;
  letter-spacing:1.5px;
  z-index:6;
}
#zarniv-metamorphosis .zf-story-top a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border:1px solid #dfc27c40;
  border-radius:999px;
  background:#0b264762;
  color:#e8ca86;
  transition:border-color .25s ease,background .25s ease,color .25s ease;
}
#zarniv-metamorphosis .zf-story-top a:hover{
  border-color:#dfc27c85;
  background:#163d6b;
  color:#ffe2a0;
}
#zarniv-metamorphosis .zf-hero-art{
  top:50%;
  bottom:auto;
  left:var(--zf-edge);
  width:min(45vw,720px);
  height:min(58vh,540px);
  min-height:390px;
  transform:translateY(-46%);
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#zarniv-metamorphosis .zf-hero-art::before,
#zarniv-metamorphosis .zf-hero-art::after{display:none}
#zarniv-metamorphosis .zf-scene-fallback{
  width:78%;
  height:78%;
  left:11%;
  top:11%;
  border-radius:0;
}
#zarniv-metamorphosis .zf-material-photo{
  inset:7% 10%;
  width:80%;
  height:86%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#zarniv-metamorphosis .zf-object-meta{display:none}
#zarniv-metamorphosis .zf-hero-copy{
  top:50%;
  right:var(--zf-edge);
  width:min(38vw,570px);
  transform:translateY(-46%);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
#zarniv-metamorphosis .zf-hero-copy .zf-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:2px 10px;
  border:1px solid #d7b86f38;
  border-radius:999px;
  background:transparent;
  color:#e1c17d;
  font-size:10px;
  line-height:1.8;
}
#zarniv-metamorphosis .zf-hero-copy h2{
  max-width:540px;
  margin:15px 0 13px;
  color:#f5f8fb;
  font-size:clamp(28px,2.45vw,42px);
  font-weight:600;
  line-height:1.62;
}
#zarniv-metamorphosis .zf-hero-copy h2 em{
  color:#e6c57d;
  font-style:normal;
  font-weight:600;
}
#zarniv-metamorphosis .zf-hero-copy p{
  max-width:500px;
  min-height:0;
  margin:0 0 22px;
  color:#c0cfdd;
  font-size:13px;
  line-height:2.05;
}
#zarniv-metamorphosis .zf-hero-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
#zarniv-metamorphosis .zf-hero-actions .zf-gold-button{
  min-width:205px;
  min-height:46px;
  padding:10px 19px;
  border:1px solid #f0d18e;
  border-radius:999px;
  background:linear-gradient(180deg,#efd18e,#d7aa50);
  box-shadow:0 8px 24px #c9983e20,inset 0 1px 0 #fff8dd;
  color:#102b4d!important;
  font-size:12px;
  font-weight:650;
}
#zarniv-metamorphosis .zf-secondary-action{
  min-height:46px;
  padding:10px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #c9d7e52d;
  border-radius:999px;
  color:#dbe6ef!important;
  background:transparent;
}
#zarniv-metamorphosis .zf-secondary-action:hover{
  border-color:#d9c08372;
  color:#f0d493!important;
}
#zarniv-metamorphosis .zf-quick-paths{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:23px;
  padding-top:16px;
  border-top:1px solid #d0dce518;
  font-size:11px;
}
#zarniv-metamorphosis .zf-quick-label{
  margin-left:4px;
  color:#8ea5b9;
  font-size:10px;
  white-space:nowrap;
}
#zarniv-metamorphosis .zf-quick-paths a{
  min-height:32px;
  padding:5px 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
  border-bottom:1px solid #c5d3df2b;
  border-radius:0;
  color:#d5e0e9;
  background:transparent;
  white-space:nowrap;
  transition:border-color .25s ease,color .25s ease;
}
#zarniv-metamorphosis .zf-quick-paths a:hover{
  border-color:#d9bb756d;
  color:#f0d08a;
  background:transparent;
}
#zarniv-metamorphosis .zf-quick-paths span:not(.zf-quick-label){color:#dcbc72}
#zarniv-metamorphosis .zf-story .zm-live-peek{display:none}
#zarniv-metamorphosis .zf-story-progress{display:none!important}

@media(max-width:1120px){
  #zarniv-metamorphosis .zf-hero-art{width:46vw;height:min(52vh,490px)}
  #zarniv-metamorphosis .zf-hero-copy{width:41vw}
  #zarniv-metamorphosis .zf-hero-copy h2{font-size:34px}
}
@media(max-width:820px){
  #zarniv-metamorphosis .zf-story{height:1230px}
  #zarniv-metamorphosis .zf-story-stage{
    --zf-edge:18px;
    min-height:700px;
    max-height:840px;
  }
  #zarniv-metamorphosis .zf-story-stage::before{
    width:min(76vw,430px);
    left:50%;
    top:205px;
    transform:translate(-50%,-50%);
  }
  #zarniv-metamorphosis .zf-story-top{top:15px;font-size:8px;letter-spacing:.8px}
  #zarniv-metamorphosis .zf-story-top a{min-height:30px;padding:4px 9px;font-size:9px}
  #zarniv-metamorphosis .zf-hero-art{
    top:62px;
    left:18px;
    right:18px;
    width:auto;
    height:285px;
    min-height:0;
    transform:none;
  }
  #zarniv-metamorphosis .zf-scene-fallback{width:74%;height:74%;left:13%;top:13%}
  #zarniv-metamorphosis .zf-material-photo{inset:3% 17%;width:66%;height:94%}
  #zarniv-metamorphosis .zf-hero-copy{
    top:375px;
    right:18px;
    left:18px;
    width:auto;
    transform:none;
  }
  #zarniv-metamorphosis .zf-hero-copy h2{margin:11px 0 9px;font-size:27px;line-height:1.58}
  #zarniv-metamorphosis .zf-hero-copy h2 br{display:none}
  #zarniv-metamorphosis .zf-hero-copy p{font-size:12px;line-height:1.95;margin-bottom:16px}
  #zarniv-metamorphosis .zf-hero-actions{gap:8px}
  #zarniv-metamorphosis .zf-hero-actions .zf-gold-button,
  #zarniv-metamorphosis .zf-secondary-action{min-height:42px;padding:8px 13px;font-size:11px}
  #zarniv-metamorphosis .zf-hero-actions .zf-gold-button{min-width:0;flex:1 1 175px}
  #zarniv-metamorphosis .zf-secondary-action{flex:0 0 auto}
  #zarniv-metamorphosis .zf-quick-paths{margin-top:15px;padding-top:13px;gap:6px}
  #zarniv-metamorphosis .zf-quick-label{width:100%;margin:0 0 2px}
  #zarniv-metamorphosis .zf-quick-paths a{min-height:29px;padding:4px 7px;font-size:10px}
}
@media(max-width:520px){
  #zarniv-metamorphosis .zf-story{height:1160px}
  #zarniv-metamorphosis .zf-story-stage{min-height:660px;max-height:780px}
  #zarniv-metamorphosis .zf-story-top span{font-size:7px}
  #zarniv-metamorphosis .zf-hero-art{top:58px;height:250px}
  #zarniv-metamorphosis .zf-hero-copy{top:330px}
  #zarniv-metamorphosis .zf-hero-copy h2{font-size:24px;line-height:1.6}
  #zarniv-metamorphosis .zf-hero-copy p{font-size:11px}
  #zarniv-metamorphosis .zf-hero-actions{align-items:stretch}
  #zarniv-metamorphosis .zf-hero-actions .zf-gold-button{flex:1 1 100%;width:100%}
  #zarniv-metamorphosis .zf-secondary-action{flex:1 1 100%;width:100%}
}

/* Homepage content cleanup: categories-only grid, featured RTL alignment, refined filters and link reset. */
#zarniv-metamorphosis a,
#zarniv-metamorphosis a:visited,
#zarniv-metamorphosis a:hover,
#zarniv-metamorphosis a:focus,
#zarniv-metamorphosis a:active{
  text-decoration:none!important;
}

#zarniv-metamorphosis .zl-guide-foot{
  justify-content:flex-start;
}
#zarniv-metamorphosis .zl-guide-foot>a{
  margin-right:auto;
}

#zarniv-metamorphosis .zc-categories{
  padding-top:54px;
  padding-bottom:54px;
}
#zarniv-metamorphosis .zc-categories .zc-category-grid{
  margin-block:0;
}

#zarniv-metamorphosis #zm-collections{
  direction:rtl;
  text-align:right;
}
#zarniv-metamorphosis #zm-collections .zm-section-head{
  direction:rtl;
  text-align:right;
  align-items:flex-end;
}
#zarniv-metamorphosis #zm-collections .zm-section-head>div{
  text-align:right;
}
#zarniv-metamorphosis #zm-collections .zm-section-head>a{
  margin-inline-start:auto;
  margin-inline-end:0;
  border-bottom:0!important;
  padding:9px 0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#886726;
  font-weight:600;
}
#zarniv-metamorphosis #zm-collections .zm-section-head>a:hover{
  color:#b18432;
}

#zarniv-metamorphosis #zm-collections .zc-product-filters{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:4px;
  margin:16px 0 30px;
  padding:5px;
  direction:rtl;
  border:1px solid #d9e1e9;
  border-radius:14px;
  background:#f3f6f9;
  box-shadow:0 7px 18px #0b25420a inset;
}
#zarniv-metamorphosis #zm-collections .zc-product-filters button{
  min-height:38px;
  padding:8px 16px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#607286;
  font-size:12px;
  font-weight:500;
  white-space:nowrap;
  box-shadow:none;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
#zarniv-metamorphosis #zm-collections .zc-product-filters button:hover{
  color:#17324d;
  background:#fff;
}
#zarniv-metamorphosis #zm-collections .zc-product-filters button[aria-pressed="true"]{
  color:#fff;
  background:#153768;
  border-color:transparent;
  box-shadow:0 5px 13px #15376826;
}
#zarniv-metamorphosis #zm-collections .zc-product-filters>span{
  margin:0 8px 0 4px;
  padding-right:12px;
  border-right:1px solid #d4dde6;
  color:#8493a2;
  font-size:11px;
  white-space:nowrap;
}

@media(max-width:650px){
  #zarniv-metamorphosis .zc-categories{padding:38px 16px 42px}
  #zarniv-metamorphosis #zm-collections .zm-section-head{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
  }
  #zarniv-metamorphosis #zm-collections .zm-section-head>div{grid-column:1/-1}
  #zarniv-metamorphosis #zm-collections .zm-section-head>a{
    grid-column:1/-1;
    justify-self:start;
    margin:0;
  }
  #zarniv-metamorphosis #zm-collections .zc-product-filters{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
    padding:5px;
  }
  #zarniv-metamorphosis #zm-collections .zc-product-filters button{
    width:100%;
    padding:8px 7px;
    font-size:11px;
  }
  #zarniv-metamorphosis #zm-collections .zc-product-filters>span{
    grid-column:1/-1;
    margin:2px 4px 0;
    padding:7px 0 0;
    border-right:0;
    border-top:1px solid #d4dde6;
    text-align:right;
  }
}
/* Remove decorative underlines from text links on the homepage. */
#zarniv-metamorphosis .zf-quick-paths a,
#zarniv-metamorphosis .zm-section-head a,
#zarniv-metamorphosis .zl-text-link{
  border-bottom:0!important;
  padding-bottom:0;
}

/* Final morph target: the exact FSU 0.5 g gold bar supplied for the homepage story. */
#zarniv-metamorphosis .zf-material-photo{
  inset:4% 24% 3%;
  width:52%;
  height:93%;
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
  transform-origin:50% 58%;
  will-change:opacity,transform,filter;
}
#zarniv-metamorphosis .zf-hero-art[data-final-bar="true"] .zf-material-photo{
  filter:brightness(1.10) saturate(1.12) contrast(1.035) drop-shadow(0 26px 30px rgba(0,0,0,.22));
}
@media(max-width:820px){
  #zarniv-metamorphosis .zf-material-photo{
    inset:1% 31% 0;
    width:38%;
    height:99%;
  }
}
@media(max-width:520px){
  #zarniv-metamorphosis .zf-material-photo{
    inset:0 30%;
    width:40%;
    height:100%;
  }
}
