/* 2022 · "conjure" — every selector is prefixed with .in-conjure */
.in-conjure .cj{position:absolute;inset:0;overflow:hidden}
.in-conjure .cj-sky{position:absolute;inset:-8%;will-change:transform;
  background:
    radial-gradient(rgba(255,244,214,.85) .9px,transparent 1.5px) 13px 27px/211px 173px,
    radial-gradient(rgba(255,255,255,.45) .8px,transparent 1.4px) 91px 53px/149px 131px,
    radial-gradient(rgba(214,184,118,.5) 1.2px,transparent 1.9px) 47px 119px/331px 293px,
    radial-gradient(ellipse at 50% 42%,#3b2f5e 0%,#2c2443 42%,#150f22 100%)}
.in-conjure .cj-star{position:absolute;color:#e8d29a;line-height:1;font-style:normal;opacity:.35;animation:cj-tw 3s ease-in-out infinite alternate;text-shadow:0 0 6px rgba(232,210,154,.6)}
@keyframes cj-tw{from{opacity:.15;transform:scale(.8)}to{opacity:.9;transform:scale(1.1)}}
.in-conjure .cj-orn{position:absolute;height:auto;opacity:0;will-change:transform,opacity;pointer-events:none}
.in-conjure .cj-orn.tl{left:-6px}          /* top pair: `top` is set from the bar height in geometry() */
.in-conjure .cj-orn.tr{right:-6px}
.in-conjure .cj-orn.bl{left:-6px;bottom:-4px}
.in-conjure .cj-orn.br{right:-6px;bottom:-4px}
.in-conjure .cj-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;will-change:opacity}
.in-conjure .cj-line{fill:none;stroke:#dcc07f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.in-conjure .cj-line.glow{stroke-width:7;opacity:.28;filter:blur(3px)}
.in-conjure .cj-glow{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity;
  background:radial-gradient(circle,rgba(240,212,140,.55) 0%,rgba(232,200,120,.14) 38%,rgba(232,200,120,0) 68%)}
.in-conjure .cj-spark{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px;border-radius:50%;opacity:0;will-change:transform,opacity;
  background:radial-gradient(circle,#fff9e6 0 22%,rgba(243,217,150,.95) 34%,rgba(243,217,150,0) 70%);box-shadow:0 0 18px 6px rgba(240,210,140,.45)}
.in-conjure .cj-spark.tail{box-shadow:0 0 12px 3px rgba(240,210,140,.3)}
.in-conjure .cj-med{position:absolute;left:0;top:0;width:0;height:0;perspective:900px;will-change:transform}
.in-conjure .cj-flash{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity;
  background:radial-gradient(circle,rgba(255,240,200,.9) 0%,rgba(240,208,130,.35) 30%,rgba(240,208,130,0) 65%)}
.in-conjure .cj-medal{position:absolute;max-width:none;opacity:0;will-change:transform,opacity;backface-visibility:hidden;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.in-conjure .cj-port{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity;backface-visibility:hidden;
  box-shadow:0 22px 50px -12px rgba(0,0,0,.65),0 0 34px rgba(211,181,111,.28)}
.in-conjure .cj-rim{position:absolute;inset:0;border-radius:50%;will-change:transform;
  background:conic-gradient(from 20deg,#f4e1a4,#b8923f 18%,#efd58f 34%,#a98439 52%,#f6e4a8 68%,#b8923f 84%,#f4e1a4)}
.in-conjure .cj-port-in{position:absolute;inset:4px;border-radius:50%;overflow:hidden;background:#2a2240;box-shadow:inset 0 0 0 1px rgba(80,60,20,.5),inset 0 10px 30px rgba(20,12,40,.55)}
.in-conjure .cj-port-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;will-change:transform}
.in-conjure .cj-tale{position:absolute;left:0;right:0;bottom:0;padding:14% 4% 18%;text-align:center;font-family:var(--serif);font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;line-height:1.15;color:#f2dfa9;opacity:0;
  background:linear-gradient(to bottom,rgba(21,15,34,0),rgba(21,15,34,.75) 45%,rgba(21,15,34,.92) 100%)}
.in-conjure .cj-book{position:absolute;left:0;top:0;opacity:0;perspective:1400px;will-change:transform,opacity}
.in-conjure .cj-body{position:absolute;inset:0;background:#e9dcc0;border-radius:2px 6px 6px 2px;overflow:hidden;box-shadow:0 30px 70px -18px rgba(0,0,0,.7),inset 0 0 0 1px rgba(120,95,50,.35)}
.in-conjure .cj-body img{width:100%;height:100%;object-fit:cover;object-position:50% 0;max-width:none}
.in-conjure .cj-body::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 10%,transparent 90%,rgba(0,0,0,.08))}
.in-conjure .cj-cover{position:absolute;inset:0;transform-origin:0% 50%;border-radius:2px 6px 6px 2px;overflow:hidden;background:#2c2443;will-change:transform;box-shadow:0 20px 50px -12px rgba(0,0,0,.7)}
.in-conjure .cj-cover img{width:100%;height:100%;object-fit:cover;max-width:none}
.in-conjure .cj-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 9%,transparent 94%,rgba(255,255,255,.06))}
.in-conjure .cj-wave{position:absolute;border-radius:50%;border:2px solid rgba(238,214,150,.9);opacity:0;will-change:transform,opacity;box-shadow:0 0 24px rgba(238,214,150,.5),inset 0 0 24px rgba(238,214,150,.35)}
.in-conjure .cj-dust i{position:absolute;left:0;top:0;border-radius:50%;background:#f5dfa0;box-shadow:0 0 6px 1px rgba(211,181,111,.8);opacity:0;will-change:transform,opacity}