/* v0.6: only the two unfinished concepts. Other concepts retain v0.5. */
#top:is([data-concept=stone],[data-concept=vellum]) .glyph-spire {
  width:53.78121%; /* 2994 / 5567: same source-pixel scale as HERITAGE */
  margin-left:0;
}
#top[data-concept=vellum] .artifact-body {
  grid-template-columns:minmax(0,1fr) 15%;
  gap:3%;
}
#top[data-concept=vellum] .artifact-type { padding-left:18px; }
#top[data-concept=vellum] .artifact-emblem { padding:18px 0 12px; }
#top[data-concept=vellum] .official-logo .cg-vellum {
  filter:url(#cg-burgundy-ink);
  mix-blend-mode:multiply;
  opacity:1;
}
#top[data-concept=vellum] .artifact-emblem figcaption {
  font-size:.6875rem;
  letter-spacing:.07em;
}
/* The inscription face is carved into the image itself. All UI sits outside it. */
#top.hero-study[data-concept=stone] {
  background:#e7e5db;
  --hero-ink:#292e28;
  --hero-secondary:#42473f;
  --hero-rule:#666b5959;
  --cut-face:#343a32;
  --cut-dark:#171c16;
  --cut-light:#f7f4df;
}
#top.hero-study[data-concept=stone]::before,
#top.hero-study[data-concept=stone]::after { display:none; }
#top[data-concept=stone] .study-bar { padding:0 0 6px; }
#top[data-concept=stone] .hero-concept-switch { background:#f5f3ea; }
#top[data-concept=stone] .hero-artifact {
  border:0;
  margin-top:20px;
  padding:0;
}
#top[data-concept=stone] .artifact-metadata {
  background:none;
  padding:12px 0 16px;
  font-size:.75rem;
  letter-spacing:.09em;
}
#top[data-concept=stone] .artifact-body {
  background:url('assets/hero-study/material-stone-dressed.webp') center/cover no-repeat;
  grid-template-columns:minmax(0,1fr) 15%;
  gap:3%;
  margin:0;
  padding:12% 8% 13%;
  min-height:0;
  aspect-ratio:3/2;
  align-items:center;
}
#top[data-concept=stone] .artifact-body::before,
#top[data-concept=stone] .artifact-body::after { content:none; }
#top[data-concept=stone] .artifact-type { padding:0; margin:0; background:none; }
#top[data-concept=stone] .artifact-signature { width:72%; margin-top:24px; }
#top[data-concept=stone] .artifact-emblem { width:100%; }
#top[data-concept=stone] .artifact-verse,
#top[data-concept=stone] .artifact-emblem figcaption { display:none; }
#top[data-concept=stone] .hero-study-footer {
  background:none;
  padding:28px 0;
  margin:0;
}
#top[data-concept=stone] .hero-study-footer #hero-intro { font-size:1rem; }
#top[data-concept=stone] .hero-study-caption {
  background:none;
  padding:16px 0;
  font-size:.75rem;
  letter-spacing:.07em;
}
@media(min-width:761px) {
  #top:is([data-concept=stone],[data-concept=vellum]) .artifact-body {
    grid-template-columns:1fr;
    gap:0;
  }
  #top:is([data-concept=stone],[data-concept=vellum]) .artifact-type {
    grid-area:1 / 1;
    width:82%;
  }
  #top:is([data-concept=stone],[data-concept=vellum]) .artifact-emblem {
    grid-area:1 / 1;
    align-self:start;
    justify-self:start;
    width:22%;
    max-width:none;
    /* Align the seal's centre with SPIRE, rather than the bottom of the byline. */
    margin:calc(16.9% + 20px) 0 0 64%;
  }
  #top[data-concept=vellum] .artifact-emblem { padding:0 0 6px; }
  #top[data-concept=vellum] .artifact-emblem::before { content:none; }
  #top[data-concept=vellum] .artifact-emblem figcaption { margin-top:14px; }
  #top[data-concept=stone] .artifact-type { margin-inline:auto; }
}
@media(min-width:761px) and (max-width:1100px) {
  #top[data-concept=vellum] .artifact-emblem figcaption { font-size:.5625rem; letter-spacing:.02em; }
}
@media(max-width:760px) {
  #top[data-concept=vellum] .artifact-body { grid-template-columns:1fr; gap:28px; }
  #top[data-concept=vellum] .artifact-type { padding-left:12px; }
  #top[data-concept=vellum] .artifact-emblem { width:220px; margin-right:8px; }
  #top[data-concept=stone] .artifact-body {
    grid-template-columns:1fr;
    gap:32px;
    aspect-ratio:auto;
    padding:56px 24px 62px;
    background-size:auto 100%;
  }
  #top[data-concept=stone] .artifact-emblem { width:180px; justify-self:center; margin:0; }
  #top[data-concept=stone] .artifact-signature { width:100%; margin-top:24px; }
  #top[data-concept=stone] .artifact-metadata { flex-wrap:wrap; gap:5px 16px; }
  #top[data-concept=stone] .artifact-metadata>span:last-child { max-width:none; text-align:left; }
  #top[data-concept=stone] .hero-study-caption { flex-wrap:wrap; gap:8px; }
  #top[data-concept=stone] .hero-study-caption>span:first-child { max-width:none; }
}