/* Eight real type families, sixteen voices; glyph-borne light, never surrounding rings. */
@font-face { font-family:'Ken Celestial'; src:url('fonts/cinzel-decorative-regular.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Ken Celestial'; src:url('fonts/cinzel-decorative-bold.woff2') format('woff2'); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:'Ken Invocation'; src:url('fonts/cormorant-garamond-italic.woff2') format('woff2'); font-style:italic; font-weight:500; font-display:swap; }
@font-face { font-family:'Ken Uncial'; src:url('fonts/uncial-antiqua.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Ken Oracle'; src:url('fonts/italiana.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Ken Canticle'; src:url('fonts/pinyon-script.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Ken Grimoire'; src:url('fonts/almendra-display.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Ken Mythic'; src:url('fonts/metamorphous.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Ken Reverie'; src:url('fonts/tangerine.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
.ken-omens { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:1; }
.ken-omen {
  --omen-life:6500ms; --omen-strength:.85;
  position:absolute; left:0; top:0;
  color:#f5f1e8; font:400 clamp(15px,1.55vw,27px)/1.3 'Ken Celestial',serif;
  letter-spacing:.045em; text-transform:uppercase; text-wrap:balance; opacity:0;
  isolation:isolate; transform-origin:center;
  animation:omen-breath var(--omen-life) cubic-bezier(.4,0,.2,1) both;
  -webkit-font-smoothing:antialiased;
  font-kerning:normal; font-feature-settings:'liga' 1,'dlig' 1;
}
/* Each recipe reuses downloaded glyphs, without another font or image request. */
.ken-omen--aureate { letter-spacing:.09em; }
.ken-omen--scripture { font-family:'Ken Canticle',cursive; font-size:clamp(27px,2.7vw,46px); line-height:1.08; text-transform:none; letter-spacing:0; }
.ken-omen--oracle { font-family:'Ken Oracle',serif; font-size:clamp(24px,2.3vw,40px); line-height:1.06; letter-spacing:.035em; }
.ken-omen--invocation { font-family:'Ken Invocation',serif; font-style:italic; font-weight:500; font-size:clamp(24px,2.3vw,40px); line-height:1.06; text-transform:none; letter-spacing:.015em; }
.ken-omen--uncial { font-family:'Ken Uncial',serif; font-size:clamp(19px,1.85vw,32px); line-height:1.2; text-transform:none; letter-spacing:.025em; }
.ken-omen--illuminated { font-weight:700; letter-spacing:.015em; text-transform:none; }
.ken-omen--whisper { font-family:'Ken Oracle',serif; letter-spacing:.14em; font-size:clamp(19px,1.85vw,32px); }
.ken-omen--canticle { font-family:'Ken Canticle',cursive; font-size:clamp(29px,2.9vw,49px); line-height:1.03; text-transform:none; letter-spacing:0; }
.ken-omen--monument { font-weight:700; font-size:clamp(16px,1.65vw,29px); letter-spacing:.085em; }
.ken-omen--reliquary { font-family:'Ken Uncial',serif; font-size:clamp(17px,1.7vw,30px); line-height:1.3; letter-spacing:.07em; }
.ken-omen--grimoire { font-family:'Ken Grimoire',serif; font-size:clamp(25px,2.5vw,44px); line-height:1.15; text-transform:none; letter-spacing:.015em; }
.ken-omen--mythic { font-family:'Ken Mythic',serif; font-size:clamp(18px,1.8vw,31px); line-height:1.25; letter-spacing:.035em; }
.ken-omen--reverie { font-family:'Ken Reverie',cursive; font-size:clamp(32px,3.1vw,54px); line-height:1.12; text-transform:none; letter-spacing:0; }
.ken-omen--palimpsest { font-family:'Ken Grimoire',serif; font-size:clamp(22px,2.2vw,38px); line-height:1.2; letter-spacing:.06em; }
.ken-omen--vesper { font-family:'Ken Reverie',cursive; font-size:clamp(29px,2.8vw,48px); line-height:1.2; text-transform:none; letter-spacing:.025em; }
.ken-omen--epigraph { font-family:'Ken Mythic',serif; font-size:clamp(17px,1.7vw,29px); line-height:1.35; text-transform:none; letter-spacing:.08em; }
.omen-script { position:relative; display:block; z-index:1; text-shadow:0 0 2px #fff7,0 0 10px #f5f1e870,0 0 25px #f5f1e836; }
.omen-word { display:inline-block; white-space:nowrap; }
@keyframes omen-breath { 0% { opacity:0; } 25% { opacity:var(--omen-strength); } 48% { opacity:calc(var(--omen-strength) * .60); } 65% { opacity:calc(var(--omen-strength) * .88); } 100% { opacity:0; } }
/* Rasterize the lettering/glow once. Animate whole phrases, never glyph shadows or blur. */
.ken-omen { will-change:opacity; }
.ken-omen--revelation .omen-script { animation:omen-revelation var(--omen-life) ease-in-out both; }
@keyframes omen-revelation {
  0% { transform:translateY(3px); }
  25%,65% { transform:translateY(0); }
  100% { transform:translateY(-3px); }
}
.ken-omen--incandescent .omen-script { animation:omen-incandescence var(--omen-life) ease-in-out both; }
@keyframes omen-incandescence {
  0%,100% { opacity:.5; }
  25%,65% { opacity:1; }
  48% { opacity:.7; }
}
.ken-omen--ascension .omen-script { animation:omen-ascension var(--omen-life) ease-in-out both; }
@keyframes omen-ascension {
  0% { transform:translateY(4px); }
  25%,65% { transform:translateY(0); }
  100% { transform:translateY(-6px); }
}
.ken-omen--benediction .omen-script { animation:omen-benediction var(--omen-life) ease-in-out both; }
@keyframes omen-benediction {
  0%,100% { opacity:.65; }
  25%,65% { opacity:1; }
  48% { opacity:.8; }
}
.ken-omen--stardust .omen-script { animation:omen-stardust var(--omen-life) ease-in-out both; }
@keyframes omen-stardust {
  0% { transform:translateY(3px); }
  27%,65% { transform:translateY(0); }
  100% { transform:translate(3px,-5px); }
}
.ken-omen--still { opacity:.55; animation:none; transition:none!important; }
.ken-omen--still .omen-script,.ken-omen--still .omen-word { animation:none; }
@media(max-width:760px) {
  .ken-omen { font-size:clamp(12px,3.15vw,19px); letter-spacing:.035em; line-height:1.3; }
  .ken-omen--scripture,.ken-omen--canticle { font-size:clamp(25px,6vw,34px); line-height:1.08; letter-spacing:0; }
  .ken-omen--oracle,.ken-omen--invocation { font-size:clamp(19px,4.9vw,28px); line-height:1.08; letter-spacing:.02em; }
  .ken-omen--uncial,.ken-omen--reliquary { font-size:clamp(15px,3.8vw,23px); letter-spacing:.02em; }
  .ken-omen--whisper { font-size:clamp(15px,3.9vw,23px); letter-spacing:.1em; }
}
@media(max-width:760px) {
  .ken-omen--grimoire,.ken-omen--palimpsest { font-size:clamp(18px,4.6vw,26px); line-height:1.2; letter-spacing:.02em; }
  .ken-omen--mythic,.ken-omen--epigraph { font-size:clamp(14px,3.7vw,21px); letter-spacing:.035em; }
  .ken-omen--reverie,.ken-omen--vesper { font-size:clamp(25px,6.2vw,36px); line-height:1.15; letter-spacing:0; }
}
@media(max-width:360px) {
  .ken-omen--scripture,.ken-omen--canticle,.ken-omen--reverie,.ken-omen--vesper { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .ken-omen--still { opacity:.55!important; animation:none!important; } }