.hero-art.portrait-frame.portal-art .portal-composite{position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1.4;isolation:isolate;pointer-events:none}
.hero-art.portrait-frame.portal-art .portal-composite{z-index:2}
.hero-art.portrait-frame.portal-art .portal-particle{z-index:1}
.hero-art.portrait-frame.portal-art .portal-particle.portal-binary{width:auto;height:auto;min-width:.7em;background:none;border-radius:0;box-shadow:none;font:600 var(--particle-size)/1 'JetBrains Mono',monospace;color:#9aeaff;text-shadow:0 0 5px #77dfffbb,0 0 13px #168fff88}
.hero-art.portrait-frame.portal-art .portal-binary:nth-of-type(7n){color:#f0d099;text-shadow:0 0 6px #e0b67c88}
.hero-art.portrait-frame.portal-art:before,.hero-art.portrait-frame.portal-art:after{display:none!important}
.hero-art.portrait-frame.portal-art .staff-glint,.hero-art.portrait-frame.portal-art .portal-edge-light{display:none}
.hero-art.portrait-frame.portal-art .portal-composite .portal{position:absolute;width:120%;height:88%;left:-10%;top:-1%;z-index:1;object-fit:fill;filter:drop-shadow(0 0 12px #138eff55)}
.hero-art.portrait-frame.portal-art .portal-composite .portrait{position:absolute;left:5%;top:0;width:90%;height:auto;z-index:2;filter:drop-shadow(9px 16px 12px #0008)}
.hero-art.portrait-frame.portal-art .portal-composite .front-rim{z-index:3;mask-image:linear-gradient(transparent 52%,#000 66%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 52%,#000 66%,#000 90%,transparent 100%)}
.hero-art.portrait-frame.portal-art .portal-composite .hands-staff{z-index:4;clip-path:url(#foreground-cutout)}
.hero-art.portrait-frame.portal-art .portal-composite .portal{width:160%;left:-30%;height:96%;top:-5%}
.hero-art.portrait-frame.portal-art .portal-composite .hands-staff{clip-path:none;-webkit-mask-image:linear-gradient(90deg,transparent 9%,#000 14%,#000 29%,transparent 35%),radial-gradient(ellipse 24% 13% at 80% 59%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 9%,#000 14%,#000 29%,transparent 35%),radial-gradient(ellipse 24% 13% at 80% 59%,#000 78%,transparent 100%)}
.hero-art.portrait-frame.portal-art .portal-composite .ribbon-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-art.portrait-frame.portal-art .portal-composite .portal-waist{z-index:4}
.hero-art.portrait-frame.portal-art .portal-composite .waist-orb{position:absolute;left:17%;top:51%;width:78%;height:23%;z-index:3;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#ddfcfff0 0%,#7eeaffd9 13%,#16b5ffb3 34%,#087dff73 52%,#075bea26 69%,transparent 78%);filter:blur(9px);box-shadow:0 0 40px #168fff40;mix-blend-mode:screen}
.hero-art.portrait-frame.portal-art .portal-composite .hand-flame{position:absolute;left:65.5%;top:27%;width:22%;aspect-ratio:205/350;z-index:5;pointer-events:none}
.hero-art.portrait-frame.portal-art .portal-composite .hand-flame img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 7px #42cfffaa) drop-shadow(0 0 18px #087fff88)}
.hero-art.portrait-frame.portal-art .portal-composite .hands-staff{z-index:4}
.hero-art.portrait-frame.portal-art .portal-composite .portal-waist{z-index:3}
.hero-art.portrait-frame.portal-art .portal-composite .hand-flame{z-index:5}
.hero-art.portrait-frame.portal-art .portal-composite .portal-depth{position:absolute;left:14%;top:12%;width:78%;height:61%;border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(ellipse,#020510d9 20%,#04112e80 55%,transparent 74%)}
.hero-art.portrait-frame.portal-art .portal-composite .reflected-light{position:absolute;z-index:7;pointer-events:none;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(ellipse,#7edfff42,#188dff20 40%,transparent 72%);filter:blur(4px)}
.hero-art.portrait-frame.portal-art .portal-composite .palm-light{left:66%;top:49%;width:23%;height:15%;opacity:.8}
.hero-art.portrait-frame.portal-art .portal-composite .gold-light{left:78%;top:43%;width:15%;height:16%;opacity:.6;transform:rotate(-25deg)}
.hero-art.portrait-frame.portal-art .portal-composite .glasses-light{left:39%;top:17%;width:18%;height:6%;opacity:.45;filter:blur(2px)}
.hero-art.portrait-frame.portal-art .portal-composite .near-rim{position:absolute;left:25%;top:58%;width:58%;height:12%;border-radius:50%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,transparent 45%,#65dcff88 65%,#139aff55 73%,transparent 82%);filter:blur(5px);mix-blend-mode:screen}
.hero-art.portrait-frame.portal-art .portal-composite .magic-embers{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}
.hero-art.portrait-frame.portal-art .portal-composite .magic-pulse{animation:shared-magic-pulse 6.432s ease-in-out infinite}
.hero-art.portrait-frame.portal-art .portal-composite .hand-flame img{animation:flame-light-pulse 6.432s ease-in-out infinite}
.hero-art.portrait-frame.portal-art .portal-composite .waist-orb{animation:shared-magic-pulse 6.432s ease-in-out infinite}
.hero-art.portrait-frame.portal-art .portal-composite .magic-accents{position:absolute;inset:0;width:100%;height:100%;z-index:9;pointer-events:none}
@keyframes shared-magic-pulse{0%,100%{opacity:.55}42%{opacity:.95}72%{opacity:.7}}
@keyframes flame-light-pulse{0%,100%{filter:drop-shadow(0 0 7px #42cfffaa) drop-shadow(0 0 18px #087fff88)}42%{filter:drop-shadow(0 0 11px #80eaffcc) drop-shadow(0 0 26px #159dffaa)}72%{filter:drop-shadow(0 0 8px #42cfffaa) drop-shadow(0 0 21px #087fff99)}}
html[data-effects-paused] .portal-composite .magic-pulse,html[data-effects-paused] .portal-composite .hand-flame img,html[data-effects-paused] .portal-composite .waist-orb,.portal-composite[data-playback="still"] .magic-pulse,.portal-composite[data-playback="still"] .hand-flame img,.portal-composite[data-playback="still"] .waist-orb{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.portal-composite .magic-pulse,.portal-composite .hand-flame img,.portal-composite .waist-orb{animation:none!important}}
.hero+.divider+.featured{margin-top:clamp(35px,5vw,60px)}
.hero{min-height:0;padding-bottom:0}
.hero-art.portrait-frame.portal-art{aspect-ratio:1/1.18;margin-bottom:0;align-self:end}
@media(min-width:601px) and (max-width:1200px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.hero-art.portrait-frame.portal-art{align-self:start;justify-self:stretch;width:100%;max-width:none;margin:0}}
.hero-art.portrait-frame.portal-art .portal-composite{position:absolute;top:0;left:0}
.hero+.divider{z-index:1}
.hero-art.portrait-frame.portal-art .hero-illustrated-still{display:block;position:absolute;top:0;left:-15%;width:120%;max-width:none;height:auto;z-index:2;pointer-events:none}
html[data-effects-paused] .hero-art.portrait-frame.portal-art .portal-composite{display:none}
html[data-effects-paused] .hero-art.portrait-frame.portal-art .hero-illustrated-still{display:block}
@media(prefers-reduced-motion:reduce){.hero-art.portrait-frame.portal-art .portal-composite{display:none}.hero-art.portrait-frame.portal-art .hero-illustrated-still{display:block}}
@media(max-width:600px){.hero+.divider{padding-left:32%;justify-content:flex-end}.hero+.divider>span{text-align:right}}