.ribbon{position:relative;isolation:isolate;overflow:hidden;transform:none!important;border:0;background:radial-gradient(ellipse at 50% 100%,#b4491428,transparent 60%),linear-gradient(180deg,#1b1f22,#0b1116 50%,#191713);box-shadow:inset 0 1px #d2a06b44,inset 0 -1px #d2a06b44}.ribbon:before,.ribbon:after{content:'';position:absolute;width:85px;top:24px;bottom:24px;border-top:1px solid #a5754455;border-bottom:1px solid #a5754455;pointer-events:none}.ribbon:before{left:0;border-right:1px solid #a5754455;clip-path:polygon(0 0,85% 0,100% 20%,100% 80%,85% 100%,0 100%);background:linear-gradient(120deg,#292a29,#11171c)}.ribbon:after{right:0;border-left:1px solid #a5754455;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 80%,0 20%);background:linear-gradient(-120deg,#292a29,#11171c)}.casting-stage{position:relative;min-height:188px;width:min(1080px,calc(100% - 210px));margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 0 30px;perspective:900px}.casting-kicker{font:600 9px/1.5 Foundry,sans-serif;letter-spacing:.26em;color:#be956c;margin-bottom:19px}.cast-display{position:relative;text-align:center;min-height:44px;width:100%;transform-style:preserve-3d}.cast-word{display:inline-block;white-space:nowrap;margin-inline:.13em}.ribbon .cast-letter{display:inline-block;font:700 clamp(24px,3vw,39px)/1.15 Foundry,sans-serif;letter-spacing:.015em;color:#d6d8d6;text-shadow:0 2px 0 #000;transform-origin:50% 100%;backface-visibility:hidden}.ribbon .casting .cast-letter{animation:cast-letter 5.8s cubic-bezier(.16,.65,.25,1) both;animation-delay:calc(var(--i)*22ms)}.cast-underlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 95%,#ff711e22,transparent 65%);filter:blur(12px);opacity:0}.casting .cast-underlay{animation:cast-heat 5.8s ease-out both}.casting-rail{width:min(620px,90%);height:2px;margin-top:21px;position:relative;background:linear-gradient(90deg,transparent,#72645377 20%,#72645377 80%,transparent);overflow:visible}.casting-rail:before{content:'';position:absolute;inset:0;transform:scaleX(0);background:linear-gradient(90deg,transparent,#ff7218 20%,#fff0c4 50%,#ff7218 80%,transparent);box-shadow:0 0 18px #ff711e66;transform-origin:center}.casting .casting-rail:before{animation:cast-pour 5.8s ease-out both}.casting-rail:after{content:'';position:absolute;left:50%;top:-2px;width:5px;height:5px;background:#ffd7a3;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 12px #ff711e77}.casting-footer{display:flex;align-items:center;justify-content:space-between;width:min(620px,90%);margin-top:13px;font:500 8px/1.5 Foundry,sans-serif;letter-spacing:.15em;color:#a8927d}.casting-footer>span:first-child{color:#d4a778}.casting-pause{padding:3px 0 3px 12px;background:none;border:0;color:#c7aa8d;font:600 9px/1.5 Foundry,sans-serif;letter-spacing:.07em;cursor:pointer}.casting-pause:hover{color:#ffcf96}.casting .cast-ember{position:absolute;bottom:48px;left:var(--x);width:3px;height:8px;border-radius:60% 60% 40% 40%;background:linear-gradient(#ffdb9d,#ef5f17);opacity:0;pointer-events:none;animation:cast-fragment 5.8s ease-out both;animation-delay:var(--delay);box-shadow:0 0 5px #ff711e44}.casting.is-paused .cast-letter,.casting.is-paused .cast-underlay,.casting.is-paused .casting-rail:before,.casting.is-paused .cast-ember,.motion-paused .casting .cast-letter,.motion-paused .casting .cast-underlay,.motion-paused .casting .casting-rail:before,.motion-paused .casting .cast-ember{animation-play-state:paused}.casting-list{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.custom-cursor .casting-pause{cursor:none}
@keyframes cast-letter{0%{opacity:0;transform:translateY(11px) rotateX(-65deg);color:#ff691c;text-shadow:0 0 16px #ff711e}12%{opacity:1;transform:translateY(0) rotateX(0);color:#fff0cf;text-shadow:0 0 14px #ff711e66}30%{color:#ffbe76;text-shadow:0 0 7px #ff711e33}48%,83%{opacity:1;transform:none;color:#d6d8d6;text-shadow:0 1px 0 #000}100%{opacity:0;transform:translateY(-4px);color:#8e9295;text-shadow:none}}
@keyframes cast-pour{0%{transform:scaleX(0);opacity:0}8%{opacity:1}30%{transform:scaleX(1);opacity:1}70%,100%{transform:scaleX(1);opacity:0}}
@keyframes cast-heat{0%{opacity:0}14%{opacity:.9}60%,100%{opacity:0}}
@keyframes cast-fragment{0%,10%{opacity:0;transform:translateY(0) scale(.5)}18%{opacity:.65}35%,100%{opacity:0;transform:translateY(-24px) rotate(20deg) scale(.2)}}
@media(max-width:700px){.casting-stage{width:calc(100% - 38px);min-height:205px;padding-block:26px}.ribbon:before,.ribbon:after{width:10px;top:30px;bottom:30px}.casting-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:19px}.cast-display{min-height:64px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 0}.ribbon .cast-letter{font-size:clamp(20px,5.6vw,27px)}.casting-footer{width:100%;font-size:7px;letter-spacing:.08em}.casting-rail{width:100%;margin-top:15px}.casting-footer>span:nth-child(2){display:none}.casting-pause{font-size:8px}.casting .cast-ember{bottom:55px}}
@media(prefers-reduced-motion:reduce){.casting .cast-letter,.casting .cast-underlay,.casting .casting-rail:before,.casting .cast-ember{animation:none}.ribbon .cast-letter{color:#e4c4a1}.casting-rail:before{transform:scaleX(1);opacity:.45}.cast-ember{display:none}}
@media(prefers-reduced-motion:reduce){.ribbon .casting .cast-letter{animation:none!important;transform:none;opacity:1}.casting .cast-underlay,.casting .casting-rail:before,.casting .cast-ember{animation:none!important}}.motion-paused .ribbon .casting .cast-letter,.casting.is-paused .cast-letter{animation-play-state:paused}

.ribbon .casting-footer>span{font:500 9px/1.5 Foundry,sans-serif;letter-spacing:.15em;color:#ac947d}.ribbon .casting-footer>span:first-child{color:#d4a778}@media(max-width:700px){.ribbon .casting-footer>span{font-size:8px;letter-spacing:.08em}}
.ribbon .cast-word{margin-inline:8px}@media(max-width:700px){.ribbon .cast-word{margin-inline:5px}}