.enchant-hero-figure{
  width:min(100%,430px);
  margin:0;
  justify-self:center;
  text-align:center;
}
.enchant-hero-book{
  width:100%;
  aspect-ratio:1;
  border-radius:12px;
  background:url('../assets/brand/guide-icons-atlas.png') 0 0/200% 200% no-repeat;
  box-shadow:0 18px 36px #0005;
}
.enchant-hero-figure figcaption{
  margin-top:18px;
  color:var(--text);
  font-size:clamp(1.55rem,2.5vw,2rem);
  font-weight:900;
  line-height:1.25;
}
@media(max-width:850px){
  .enchant-hero-figure{width:min(100%,420px)}
}
@media(max-width:560px){
  .enchant-hero-figure{width:min(100%,360px)}
  .enchant-hero-figure figcaption{margin-top:13px}
}