#grh-rotating-word { display: inline-block; min-width: 8ch; transform-origin: left center; transition: opacity .24s ease, transform .24s ease; }
#grh-rotating-word.is-changing { opacity: 0; transform: translateY(7px); }
.grh-heading { position: relative; isolation: isolate; }
.grh-heading::before { content: ""; position: absolute; z-index: -1; inset: -16px -12px -20px -16px; border-radius: 16px; background: linear-gradient(90deg,rgba(5,20,31,.88),rgba(5,20,31,.58) 72%,rgba(5,20,31,0)); pointer-events: none; }
.grh-heading h1, .grh-heading > p { text-shadow: 0 2px 12px rgba(3,15,24,.9),0 1px 2px rgba(3,15,24,.95); }
.grh-heading h1 #grh-rotating-word { color: #ffad78; text-shadow: 0 2px 12px #061927,0 1px 2px #061927; }
@media(max-width:820px) { .grh-heading::before { inset: -12px -10px -16px -8px; background: linear-gradient(90deg,rgba(5,20,31,.82),rgba(5,20,31,.6) 72%,rgba(5,20,31,.12)); } }
@media (prefers-reduced-motion: reduce) { #grh-rotating-word { transition: none; transform: none !important; } }