/* Match HT live wordmark timing; alpha mask confines the sweep to both title lines. */
.hero-title-metal>img{display:block;width:100%;height:auto}
.hero-title-shine{display:block;position:absolute;inset:0;pointer-events:none;mask:url('./luc-dia-return-title-slim-v4-opt.webp') center/100% 100% no-repeat;-webkit-mask:url('./luc-dia-return-title-slim-v4-opt.webp') center/100% 100% no-repeat;background:linear-gradient(110deg,transparent 37%,#ffefbb15 41%,#fff9e3b3 46%,#fff 48%,#fff6cc66 51%,transparent 57%);background-size:350% 100%;mix-blend-mode:screen;opacity:0;animation:ht-title-metal-sweep 6.4s 1.8s infinite}
@keyframes ht-title-metal-sweep{0%,15%{background-position:140% 0;opacity:0}18%{opacity:.85}42%{background-position:-40% 0;opacity:.85}45%,100%{background-position:-40% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-title-shine{animation:none;opacity:0}}


.hero-title-metal>.hero-season-badge{position:absolute;width:42%;max-width:260px;height:auto;left:50%;bottom:calc(100% - 36px);transform:translateX(-50%);filter:drop-shadow(0 2px 5px #16060088)}
@media(max-width:767px){.hero-title-metal>.hero-season-badge{width:44%;max-width:175px;bottom:calc(100% - 31px)}}

/* A restrained ember glow keeps the badge readable without moving its alignment. */
.hero-title-metal>.hero-season-badge{filter:drop-shadow(0 2px 3px #180600aa) drop-shadow(0 0 5px #ff851b88);animation:ht-season-ember 4.6s ease-in-out infinite;will-change:filter}
@keyframes ht-season-ember{0%,100%{filter:brightness(1) drop-shadow(0 2px 3px #180600aa) drop-shadow(0 0 4px #ff741b66)}50%{filter:brightness(1.12) drop-shadow(0 2px 3px #180600aa) drop-shadow(0 0 9px #ff9e2999) drop-shadow(0 0 16px #e846152b)}}
@media(prefers-reduced-motion:reduce){.hero-title-metal>.hero-season-badge{animation:none;will-change:auto}}

/* Tiny sparks originate at both wordmark baselines. */
.title-foot-embers{position:absolute;inset:0;pointer-events:none;overflow:visible;mix-blend-mode:screen}
.title-foot-embers i{position:absolute;left:var(--tx);top:var(--ty);width:var(--sz);height:calc(var(--sz) * 1.6);border-radius:50%;background:#ffe8a0;box-shadow:0 0 3px 1px #ff851f88;opacity:0;animation:ht-title-foot-ember var(--tt) ease-out var(--td) infinite;will-change:transform,opacity}
@keyframes ht-title-foot-ember{0%,7%{opacity:0;transform:translate3d(0,0,0) scale(.65)}14%{opacity:.85}32%{opacity:.45}52%,100%{opacity:0;transform:translate3d(var(--dx),calc(-1 * var(--rise)),0) scale(.15)}}
@media(max-width:767px){.title-foot-embers i:nth-child(3n){display:none}.title-foot-embers i{box-shadow:0 0 2px #ff851f88}}
@media(prefers-reduced-motion:reduce){.title-foot-embers{display:none}}

/* More visible hot metal sparks: staggered glowing cores and short tails. */
.title-foot-embers i{height:var(--sz);background:#fff1b5;box-shadow:0 0 3px 1px #ffbc5488,0 0 7px 2px #ff662f55;animation-name:ht-title-coal-rise;animation-timing-function:linear}
.title-foot-embers i::after{content:"";position:absolute;left:50%;top:50%;width:1px;height:7px;transform:translateX(-50%) rotate(-14deg);transform-origin:top;background:linear-gradient(#ffcd7288,#ff5d2422,transparent);border-radius:50%;opacity:.8}
.title-foot-embers::before,.title-foot-embers::after{content:"";position:absolute;left:34%;top:55%;width:18px;height:3px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff9d7,#ffc56377 25%,transparent 72%);opacity:0;animation:ht-title-base-flash 6.4s 1.8s infinite}
.title-foot-embers::after{left:67%;top:80%;animation-delay:2.5s;width:13px}
@keyframes ht-title-coal-rise{0%,6%{opacity:0;transform:translate3d(0,2px,0) scale(.5)}10%{opacity:1;transform:translate3d(2px,-4px,0) scale(1.15)}20%{opacity:.85;transform:translate3d(calc(var(--dx) * -.2),calc(var(--rise) * -.35),0) scale(.85)}32%{opacity:.65;transform:translate3d(calc(var(--dx) * .45),calc(var(--rise) * -.7),0) scale(.65)}44%,100%{opacity:0;transform:translate3d(var(--dx),calc(-1 * var(--rise)),0) scale(.15)}}
@keyframes ht-title-base-flash{0%,18%,35%,100%{opacity:0}22%{opacity:.9}25%{opacity:.25}28%{opacity:.6}}
@media(max-width:767px){.title-foot-embers i{box-shadow:0 0 3px 1px #ffb14d88,0 0 5px #ff662f55}.title-foot-embers i::after{height:5px}}

/* Four staggered metallic pinpoints on the upper letter edges. */
.title-crown-glints{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.title-crown-glints i{position:absolute;left:var(--lx);top:var(--ly);width:3px;height:3px;border-radius:50%;background:#fffbea;box-shadow:0 0 5px 1px #ffe5a5aa;opacity:0;animation:ht-title-crown-glint 7.2s ease-in-out var(--ld) infinite}
.title-crown-glints i::before,.title-crown-glints i::after{content:"";position:absolute;left:50%;top:50%;width:21px;height:1px;background:linear-gradient(90deg,transparent,#fff9da,transparent);transform:translate(-50%,-50%) rotate(-12deg)}
.title-crown-glints i::after{width:1px;height:14px;transform:translate(-50%,-50%) rotate(-12deg)}
@keyframes ht-title-crown-glint{0%,12%,29%,100%{opacity:0;transform:scale(.25)}18%{opacity:1;transform:scale(1.05)}22%{opacity:.35;transform:scale(.65)}25%{opacity:.7;transform:scale(.85)}}
@media(max-width:767px){.title-crown-glints i{width:2px;height:2px}.title-crown-glints i::before{width:15px}.title-crown-glints i::after{height:10px}}
@media(prefers-reduced-motion:reduce){.title-crown-glints{display:none}}

/* Slower, slightly larger metallic glints. */
.title-crown-glints i{width:4px;height:4px;box-shadow:0 0 7px 1px #ffe5a5aa;animation-duration:8.8s}
.title-crown-glints i::before{width:27px}.title-crown-glints i::after{height:19px}
@keyframes ht-title-crown-glint{0%,8%,48%,100%{opacity:0;transform:scale(.25)}18%{opacity:.75;transform:scale(.9)}25%{opacity:1;transform:scale(1.08)}33%{opacity:.65;transform:scale(.9)}40%{opacity:.25;transform:scale(.6)}}
@media(max-width:767px){.title-crown-glints i{width:3px;height:3px}.title-crown-glints i::before{width:20px}.title-crown-glints i::after{height:14px}}