/* Additions to the existing Lysios page, scoped to its root. */
#lysios-oxblood-basilisk {
  --head-scales: #d3cec4;
  --head-heart: #d9789b;
  --head-tongue: #b9743f;
  --head-eye: #9057b4;
  --head-spine: #3fa5a3;
  --head-skull: #527bca;
  --head-wings: #e7c65b;
  --head-fangs: #d13d55;
  --head-diadem: #7fa878;
}
/* Inscriptions share the seal's locked palette, including the sealed heads. */
#lysios-oxblood-basilisk .heads-inscription[data-head-number="I"] { --inscription-light: var(--head-scales); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="II"] { --inscription-light: var(--head-heart); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="III"] { --inscription-light: var(--head-tongue); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="IV"] { --inscription-light: var(--head-eye); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="V"] { --inscription-light: var(--head-spine); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="VI"] { --inscription-light: var(--head-skull); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="VII"] { --inscription-light: var(--head-wings); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="VIII"] { --inscription-light: var(--head-fangs); }
#lysios-oxblood-basilisk .heads-inscription[data-head-number="IX"] { --inscription-light: var(--head-diadem); }
#lysios-oxblood-basilisk .lysios-content-hero::after { content: none; }
#lysios-oxblood-basilisk .lysios-beliefs {
  padding-block: clamp(64px, 9vh, 110px);
}
/* Clip the artwork without creating an intermediate scrolling container.
   The absolute layer keeps sticky positioning out of the text's layout. */
@supports (overflow: clip) {
  #lysios-oxblood-basilisk .lysios-window,
  #lysios-oxblood-basilisk .lysios-beliefs { overflow: clip; }
  #lysios-oxblood-basilisk .lysios-sculpture-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  #lysios-oxblood-basilisk .lysios-sculpture-layer > .lysios-scroll-sculpture {
    position: sticky;
    top: 0;
    display: block;
    width: 100%;
    height: 100vh;
    contain: strict;
    pointer-events: none;
  }
  #lysios-oxblood-basilisk .lysios-sculpture-layer > .lysios-scroll-sculpture[hidden] {
    display: none;
  }
}
#lysios-oxblood-basilisk .lysios-belief {
  min-height: clamp(300px, 40vh, 410px);
  gap: 22px;
  padding: clamp(62px, 8vh, 96px) clamp(26px, 8vw, 130px);
  scroll-margin-top: 24px;
}
#lysios-oxblood-basilisk .lysios-belief::before,
#lysios-oxblood-basilisk .lysios-belief::after { content: none; }
#lysios-oxblood-basilisk .lysios-belief h2 {
  max-width: 850px;
  margin: 0;
  font: inherit;
}
#lysios-oxblood-basilisk .lysios-belief h2:focus { outline: none; }
#lysios-oxblood-basilisk .lysios-belief strong { display: block; line-height: 1.3; }
#lysios-oxblood-basilisk .lysios-belief p { max-width: 660px; }
#lysios-oxblood-basilisk.is-journey-motion .lysios-belief strong,
#lysios-oxblood-basilisk.is-journey-motion .lysios-belief p,
#lysios-oxblood-basilisk.is-journey-motion .lysios-belief.is-revealed strong,
#lysios-oxblood-basilisk.is-journey-motion .lysios-belief.is-revealed p { transform: none; }
/* Enhance only after JS has measured the nine beliefs. The paragraphs retain
   their space and remain available to assistive technology throughout. */
#lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal] .lysios-belief strong { opacity: 1; }
#lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal] .lysios-belief p {
  opacity: var(--belief-copy-opacity, 1);
  transition: opacity .09s linear, color .3s ease;
}
#lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal][data-keyboard-reveal] .lysios-belief:focus-within p {
  opacity: 1;
}
#lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal][data-keyboard-reveal]:has(.lysios-belief:focus-within) .lysios-belief:not(:focus-within) p {
  opacity: 0;
  transition: color .3s ease;
}
#lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal] .lysios-belief h2:focus-visible {
  text-decoration: underline;
  text-decoration-color: rgba(248, 246, 242, .55);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
@media (hover: hover) and (pointer: fine) {
  /* Hover the inscription, rather than its full-width invisible padding. */
  #lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal]:not([data-keyboard-reveal]) .lysios-belief:has(h2:hover) p { opacity: 1; }
  #lysios-oxblood-basilisk .lysios-beliefs[data-focus-reveal]:not([data-keyboard-reveal]):has(.lysios-belief h2:hover) .lysios-belief:not(:has(h2:hover)) p {
    opacity: 0;
    transition: color .3s ease;
  }
}
@media (prefers-reduced-motion: reduce), print {
  #lysios-oxblood-basilisk .lysios-beliefs .lysios-belief :is(strong, p) {
    opacity: 1 !important;
    transition: none !important;
  }
}
#lysios-oxblood-basilisk .lysios-closing {
  position: relative;
  z-index: 1;
  order: 1;
  max-width: 540px;
  margin: 64px 0 0;
  color: #e4ded2;
  text-align: center;
  text-wrap: balance;
  font: 400 clamp(17px, 1.8vw, 20px)/1.5 'Marcellus', Georgia, serif;
}
#lysios-oxblood-basilisk .lysios-nav-join {
  color: #f8f6f2;
  display: inline-flex;
  gap: 10px;
  padding: 16px 0 16px 28px;
  text-decoration: none;
}
#lysios-oxblood-basilisk .lysios-nav-join:hover { color: #cd7773; }
#lysios-oxblood-basilisk .lysios-head-invite {
  color: #cbb7b8;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 11px;
}
#lysios-oxblood-basilisk .lysios-head-invite:hover { color: var(--inscription-light); }
#lysios-oxblood-basilisk .lysios-invitation {
  position: relative;
  z-index: 3;
  isolation: isolate;
  padding: clamp(80px, 12vw, 150px) 24px clamp(56px, 6vw, 88px);
  background: linear-gradient(180deg, #350610, #1d070c 24%, #18090c 65%, #350610);
  color: #f8f6f2;
  scroll-margin-top: 30px;
}
#lysios-oxblood-basilisk .lysios-invitation-inner { width: min(100%, 570px); margin-inline: auto; }
#lysios-oxblood-basilisk .lysios-invitation h2 {
  margin: 0;
  text-align: center;
  font: 400 clamp(27px, 4.7vw, 46px)/1.2 'Cinzel', 'Times New Roman', serif;
  letter-spacing: -.01em;
  text-wrap: balance;
}
#lysios-oxblood-basilisk .lysios-invitation h2 > span { display: block; }
#lysios-oxblood-basilisk #invitation-title:focus { outline: none; }
#lysios-oxblood-basilisk .lysios-invitation-intro {
  text-align: center;
  color: #b8a7a7;
  font-family: 'Marcellus', Georgia, serif;
  font-size: 17px;
  line-height: 1.6;
  text-wrap: balance;
  max-width: 470px;
  margin: 24px auto 38px;
}
#lysios-oxblood-basilisk .lysios-invitation-choices { width: min(100%, 490px); margin-inline: auto; }
#lysios-oxblood-basilisk .lysios-invitation-choices > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 23px 4px;
  border-top: 1px solid #594043;
  color: inherit;
  text-decoration: none;
}
#lysios-oxblood-basilisk .lysios-invitation-choices > a:last-child { border-bottom: 1px solid #594043; }
#lysios-oxblood-basilisk .lysios-invitation-choices > a > span:first-child { display: flex; flex-direction: column; gap: 6px; }
#lysios-oxblood-basilisk .lysios-invitation-choices strong { font-family: 'Cinzel', 'Times New Roman', serif; font-size: 18px; font-weight: 400; }
#lysios-oxblood-basilisk .lysios-invitation-choices > a > span:first-child > span { font-size: 12px; color: #b8a7a7; line-height: 1.7; }
#lysios-oxblood-basilisk .lysios-invitation-arrow { font-size: 21px; color: #b8a7a7; }
#lysios-oxblood-basilisk .lysios-invitation-choices > a:hover strong,
#lysios-oxblood-basilisk .lysios-invitation-choices > a:hover .lysios-invitation-arrow { color: #fff; }
#lysios-oxblood-basilisk .lysios-invitation-note { margin: 26px 0 0; text-align: center; font-size: 11px; color: #b8a7a7; }
#lysios-oxblood-basilisk :is(.lysios-invitation-choices > a, .lysios-nav-join, .lysios-head-invite):focus-visible {
  outline: 2px solid #cd7773;
  outline-offset: 5px;
}
#lysios-oxblood-basilisk.is-returning .lysios-page { transition: none; }
/* Keep the join-to-seal bridge inside the shorter closing padding. Its original
   color stops and overlapping mask still cover both section boundaries. */
#lysios-oxblood-basilisk .lysios-transition--portals-vow {
  --lysios-transition-overlap: clamp(40px, 5vh, 64px);
}
/* Leave room for the awakened 160px constellation above the footer copy. */
#lysios-oxblood-basilisk .lysios-vow {
  min-height: 300px;
  padding: 64px 6% 120px;
}
#lysios-oxblood-basilisk .lysios-vow > .lysios-seal { margin-top: 0; }
/* Pearl lettering above dark ink ornamentation with rose Greek letters. */
#lysios-oxblood-basilisk .lysios-etymology { color: #cbbbad; }
#lysios-oxblood-basilisk .lysios-etymology-dot {
  color: #10090b;
  text-shadow: 0 1px 0 rgba(203, 187, 173, .12);
}
#lysios-oxblood-basilisk .lysios-devotion {
  color: #160b10;
  text-shadow: 0 1px 0 rgba(203, 187, 173, .12);
}
#lysios-oxblood-basilisk .lysios-devotion-letter {
  color: #ad7886;
  text-shadow: none;
}
/* Seal: dark geometry, with the differentiated head palette confined to the stars.
   Enneagram order runs clockwise from IX at twelve o'clock, then I through VIII. */
#lysios-oxblood-basilisk .lysios-seal {
  color: #e4ded2;
  border-color: #706960;
}
#lysios-oxblood-basilisk .lysios-seal-mark { transform: scale(1.25); }
#lysios-oxblood-basilisk .lysios-seal:hover,
#lysios-oxblood-basilisk .lysios-seal:focus-visible {
  color: #f8f3e9;
  border-color: #b7aea1;
}
#lysios-oxblood-basilisk .lysios-seal:focus-visible { outline-color: #e4ded2; }
#lysios-oxblood-basilisk .lysios-seal-sky { color: #211317; }
#lysios-oxblood-basilisk .lysios-seal-sky > g {
  stroke: #211317;
  stroke-width: 1;
  opacity: .95;
}
#lysios-oxblood-basilisk .lysios-seal-sky > circle {
  r: 2.5;
  stroke: #180c10;
  stroke-width: .6;
}
#lysios-oxblood-basilisk .lysios-seal.is-awake .lysios-seal-sky {
  animation-name: lysios-seal-palette-discovery;
}
@keyframes lysios-seal-palette-discovery {
  0% { opacity: 0; transform: scale(.8); }
  30%, 60% { opacity: .95; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  #lysios-oxblood-basilisk .lysios-seal.is-awake .lysios-seal-sky {
    animation: none;
    opacity: .95;
    transform: none;
  }
}
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(1) { fill: var(--head-diadem); } /* IX */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(2) { fill: var(--head-scales); } /* I */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(3) { fill: var(--head-heart); } /* II */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(4) { fill: var(--head-tongue); } /* III */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(5) { fill: var(--head-eye); } /* IV */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(6) { fill: var(--head-spine); } /* V */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(7) { fill: var(--head-skull); } /* VI */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(8) { fill: var(--head-wings); } /* VII */
#lysios-oxblood-basilisk .lysios-seal-sky > circle:nth-of-type(9) { fill: var(--head-fangs); } /* VIII */
@media (max-width: 760px) {
  #lysios-oxblood-basilisk .lysios-head-invite { grid-column: 2; justify-self: start; margin-top: 3px; }
}
@media (max-width: 600px) {
  #lysios-oxblood-basilisk .lysios-social { padding-left: 8px; }
  #lysios-oxblood-basilisk .lysios-social > span { display: none; }
  #lysios-oxblood-basilisk .lysios-nav-join { padding-left: 24px; font-size: 10px; }
  #lysios-oxblood-basilisk .lysios-invitation-choices strong { font-size: 16px; }
  #lysios-oxblood-basilisk .lysios-invitation-intro { font-size: 16px; }
}