/* Home issues 2–3: preserve the existing atmosphere and artwork. This is an
   additive, hero-bounded living layer, plus local copy/sigil presentation. */

/* Reuse the exact ray texture, width and top origin of .ar-light-source.
   Its own soft mask ends at 88% of the hero, before the existing light ends.
   Only this faint overlay's opacity animates; no filters, canvas or new JS. */
body[data-ar-page="home"] #main-content-home .ar-hero-illumination::before {
  content:"";position:absolute;left:0;top:0;width:100%;height:88%;
  pointer-events:none;
  background:url('/assets/f9dd091ebaffacfea2d074c3.webp') center clamp(-64px,-4.5vw,-24px)/min(140vw,2000px) auto no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,#0009 58%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 30%,#0009 58%,transparent 100%);
  opacity:.032;animation:ar-home-living-rays 28s ease-in-out -7s infinite alternate;
  animation-play-state:paused;will-change:auto;
}
body[data-ar-page="home"] #main-content-home .ar-hero-illumination[data-ar-lights-running="true"]::before {
  animation-play-state:running;will-change:opacity;
}
@keyframes ar-home-living-rays {from{opacity:.022}to{opacity:.052}}
@media(max-width:650px) {
  body[data-ar-page="home"] #main-content-home .ar-hero-illumination::before {background-size:180vw auto;}
}
@media(prefers-reduced-motion:reduce) {
  body[data-ar-page="home"] #main-content-home .ar-hero-illumination::before {animation:none!important;will-change:auto!important;opacity:0;}
}

/* A soft, offset shadow behind the existing medallion, below its original
   glow and image. A small static radial gradient needs no blur filter. */
html body[data-ar-page="home"] #main-content-home .ar-emblem-stack::after {
  content:"";position:absolute;inset:5% -5% -8%;z-index:-1;
  background:radial-gradient(ellipse at 50% 53%,#0009 0%,#0007 42%,#0003 57%,transparent 72%);
  pointer-events:none;
}

/* The opening paragraph becomes a quiet cinematic caption: feathered shade,
   a short warm hairline and generous leading, rather than an outlined card.
   Preserve every word, the reading controls and the portrait grid. */
html body[data-ar-page="home"] #main-content-home .hero-copy {
  position:relative;isolation:isolate;
  padding:clamp(20px,2.2vw,28px) clamp(12px,1.8vw,24px)!important;
  background:radial-gradient(ellipse at 45% 46%,#070604cc 0%,#0706048c 42%,transparent 74%)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  text-shadow:0 2px 5px #000b;
}
html body[data-ar-page="home"] #main-content-home .hero-copy::before {
  content:"";position:absolute;left:clamp(12px,1.8vw,24px);top:0;
  width:min(44%,240px);height:1px;pointer-events:none;
  background:linear-gradient(90deg,#d6b77480,#d6b77430 60%,transparent);
}
html body[data-ar-page="home"] #main-content-home .hero-date {
  border-top:0!important;padding-top:8px!important;
}
/* Decorative changes yield to the existing contrast/sprites preferences. */
html body[data-ar-page="home"][data-reading-contrast="high"] #main-content-home .hero-copy {
  background:#000!important;color:#fff!important;text-shadow:none!important;
}
html body[data-ar-page="home"][data-reading-contrast="high"] #main-content-home .hero-copy::before,
html body[data-ar-page="home"][data-reading-contrast="high"] #main-content-home .ar-emblem-stack::after {display:none!important;}
@media(forced-colors:active) {
  html body[data-ar-page="home"] #main-content-home .hero-copy {background:Canvas!important;color:CanvasText!important;text-shadow:none!important;}
  html body[data-ar-page="home"] #main-content-home .hero-copy::before,
  html body[data-ar-page="home"] #main-content-home .ar-emblem-stack::after {display:none!important;}
}