body{background:linear-gradient(rgba(248,251,252,.84),rgba(250,247,251,.86)),url("./rainbow-background-user.webp") center top/cover fixed}
.site-header{background:linear-gradient(90deg,rgba(220,239,245,.95),rgba(250,236,239,.94),rgba(236,230,249,.95))}
.feature{background:linear-gradient(135deg,rgba(255,244,218,.94),rgba(220,239,245,.94),rgba(239,230,249,.94))}.feature-facts div{background:rgba(255,255,255,.56)}
.gem-preview,.stone-change{background:linear-gradient(125deg,#6c7f9d,#8678a8 52%,#b87996)}.making{background:linear-gradient(135deg,rgba(248,232,238,.93),rgba(226,241,246,.93))}
.story-gallery{border-top:1px solid var(--line);background:linear-gradient(120deg,rgba(224,241,246,.88),rgba(255,244,218,.84) 38%,rgba(248,232,238,.88) 68%,rgba(237,229,249,.9)),url("./rainbow-background-user.webp") center/cover}
.story-gallery-heading{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,.65fr);gap:clamp(40px,8vw,120px);align-items:end}.story-gallery-heading>.body-copy{margin:0}
.story-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(48px,7vw,86px)}.story-gallery-card{margin:0;min-width:0}.story-gallery-card-featured{grid-row:span 2}
.story-gallery-card img{width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:0 22px 60px rgba(85,102,129,.15)}.story-gallery-card-featured img{height:calc(100% - 64px);aspect-ratio:auto}
.story-gallery-card figcaption{display:flex;min-height:64px;flex-direction:column;justify-content:center;gap:8px;padding-top:15px}.story-gallery-card small{color:#74648f;font:600 9px/1 var(--sans);letter-spacing:.18em}.story-gallery-card strong{font-size:16px;font-weight:500}
.story-plush-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);margin-top:clamp(70px,9vw,120px);background:rgba(255,255,255,.58);box-shadow:0 24px 70px rgba(102,116,146,.12);backdrop-filter:blur(16px)}
.story-plush-feature>img{width:100%;height:100%;max-height:720px;object-fit:cover}.story-plush-feature>div{align-self:center;padding:clamp(42px,7vw,96px)}.story-plush-feature h3{margin:0 0 28px;font-size:clamp(32px,4.5vw,58px);font-weight:500;line-height:1.45}.story-plush-feature p:last-child{margin:0;color:var(--muted);font:14px/2.2 var(--sans)}
@media(max-width:860px){.story-gallery-heading,.story-plush-feature{grid-template-columns:1fr}.story-gallery-grid{grid-template-columns:1fr 1fr}.story-gallery-card-featured{grid-row:auto;grid-column:1/-1}.story-gallery-card-featured img{height:auto;aspect-ratio:4/5}}
@media(max-width:560px){.story-gallery-grid{grid-template-columns:1fr}.story-gallery-card-featured{grid-column:auto}.story-plush-feature>div{padding:38px 24px 46px}}

/* A first-view refresh that carries the pastel rainbow brand mood. */
.home-hero{
  min-height:min(880px,calc(100svh - 76px));
  background:
    linear-gradient(105deg,rgba(240,250,252,.86) 0%,rgba(255,246,224,.73) 38%,rgba(250,234,244,.62) 64%,rgba(230,226,250,.52) 100%),
    url("./rainbow-background-user.webp") center/cover;
}
.home-hero::after{
  background:linear-gradient(90deg,rgba(248,252,253,.58) 0%,rgba(250,248,247,.3) 42%,transparent 68%);
  -webkit-mask-image:none;
  mask-image:none;
}
.hero-product-card{
  top:50%;
  right:clamp(24px,4vw,64px);
  bottom:auto;
  width:min(45vw,660px,calc((100vh - 132px) * .75));
  aspect-ratio:862/1150;
  transform:translateY(-50%);
  border-radius:3px;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 34px 100px rgba(93,88,127,.24);
}
.home-hero .hero-product-image{object-position:center 52%}
.hero-inner{padding-right:max(50vw,650px)}
.home-hero .display{color:#29252e;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.home-hero .button{border-color:#5d4e76;background:linear-gradient(135deg,#596f8f,#7b668f 58%,#a36c85)}
.home-hero .button.ghost{color:#40374d;border-color:rgba(64,55,77,.42);background:rgba(255,255,255,.36)}

@media(max-width:980px){
  .hero-inner{padding-right:52vw}
  .hero-product-card{width:44vw;right:24px}
}
@media(max-width:760px){
  .home-hero{min-height:940px;background-position:44% center}
  .home-hero::after{background:linear-gradient(180deg,rgba(248,252,253,.64) 0%,rgba(250,248,247,.42) 45%,transparent 72%)}
  .hero-inner{padding:68px 24px 500px}
  .hero-product-card{top:auto;left:16px;right:16px;bottom:18px;width:auto;height:auto;aspect-ratio:862/1150;transform:none}
  .home-hero .hero-product-image{object-position:center 52%}
}

/* Match the supplied composition so its embedded AXB wordmark stays visible without letterboxing. */
.hero-product-card{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#f7efe5,#eef5f7 52%,#eee8f7);
}
.home-hero .hero-product-image{
  position:relative;
  inset:auto;
  object-fit:contain;
  object-position:center;
}
.hero-product-card::after,
.hero-product-label{display:none}
.story-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-gallery-card-featured{grid-row:auto}
.story-gallery-card img,
.story-gallery-card-featured img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:contain;
  object-position:center;
  background:rgba(255,255,255,.7);
}
.story-plush-feature>img{
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:rgba(255,255,255,.65);
}
@media(max-width:560px){
  .story-gallery-grid{grid-template-columns:1fr}
}