.showcase{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;overflow:hidden;isolation:isolate;padding-block:56px 40px;color:#fff}.showcase--flat{justify-content:center;background:radial-gradient(90% 60% at 15% 8%,rgba(144,32,128,.55) 0%,transparent 60%),radial-gradient(70% 55% at 92% 30%,rgba(255,208,0,.22) 0%,transparent 62%),linear-gradient(165deg,#221f5e,#15133c 62%,#100e30)}.showcase__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center}.showcase__media video,.showcase__media iframe{width:100%;height:100%;object-fit:cover;display:block}.showcase__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,#080614f5,#080614e0 30%,#08061473 58%,#0806141f 82%),linear-gradient(100deg,rgba(21,19,60,.8) 0%,rgba(21,19,60,.16) 48%,transparent 72%)}@media(min-width:1024px){.showcase__scrim{background:linear-gradient(0deg,#080614f0,#080614b8,#0806144d,#08061414 78%),linear-gradient(100deg,rgba(21,19,60,.82) 0%,rgba(21,19,60,.14) 46%,transparent 70%)}}@media(prefers-reduced-motion:reduce){.showcase__media video{display:none}}.showcase--medium{min-height:70vh}.showcase--tall{min-height:86vh}.showcase--full{min-height:100dvh}.showcase--flat:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;background:radial-gradient(38% 38% at 30% 30%,rgba(144,32,128,.5) 0%,transparent 70%),radial-gradient(32% 32% at 72% 62%,rgba(255,208,0,.24) 0%,transparent 70%);filter:blur(40px)}@media(prefers-reduced-motion:no-preference){.showcase--flat:before{animation:showcase-glow 22s ease-in-out infinite alternate}@keyframes showcase-glow{0%{transform:translate3d(-4%,-3%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.12)}}}.showcase__copy{position:relative;z-index:2}.showcase__eyebrow{margin:0 0 16px;font-size:var(--text-sm);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);opacity:0;animation:showcase-fade .7s ease forwards}.showcase__heading{max-width:14ch;font-family:var(--font-display);font-size:clamp(48px,14vw,116px);line-height:.9;letter-spacing:-.05em;font-weight:800;color:#fff}.showcase__word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-right:.2em;padding-bottom:.06em}.showcase__word>span{display:inline-block;transform:translateY(108%);animation:showcase-word .95s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.12s + var(--i) * 90ms)}.showcase__word--hi>span{color:var(--yellow);font-style:italic}@keyframes showcase-word{to{transform:translateY(0)}}.showcase__sub{max-width:32ch;margin:20px 0 28px;font-size:var(--text-md);line-height:1.55;color:#ffffffbd;opacity:0;animation:showcase-fade .8s ease forwards .5s}.showcase__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;opacity:0;animation:showcase-fade .8s ease forwards .65s}.showcase__cta{display:inline-block;background:var(--yellow);color:var(--indigo-deep);font-size:var(--text-base);font-weight:600;padding:15px 32px;border-radius:var(--radius-action);text-decoration:none;box-shadow:0 10px 30px #ffd00038}.showcase__link{font-size:var(--text-base);color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:3px}@media(prefers-reduced-motion:no-preference){.showcase__cta{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.showcase__cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px #ffd0004d}.showcase__cta:active{transform:translateY(0)}}@keyframes showcase-fade{to{opacity:1}}.showcase__rail{position:relative;z-index:2;overflow:hidden;padding-block:4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);opacity:0;animation:showcase-fade .9s ease forwards .8s}.showcase__track{display:flex;gap:14px;width:max-content}@media(prefers-reduced-motion:no-preference){.showcase__track{animation:showcase-marquee 46s linear infinite}.showcase__rail:hover .showcase__track,.showcase__rail:focus-within .showcase__track{animation-play-state:paused}@keyframes showcase-marquee{to{transform:translate(-50%)}}}@media(prefers-reduced-motion:reduce){.showcase__rail{overflow-x:auto}}.pill{display:flex;align-items:center;gap:12px;width:232px;padding:10px 16px 10px 10px;border-radius:var(--radius-card);background:#fffffff5;color:var(--ink);text-decoration:none;box-shadow:0 12px 30px #08061e47}.pill__media{flex:0 0 60px;display:grid;place-items:center;width:60px;height:60px;border-radius:var(--radius-input);background:#fff;overflow:hidden}.pill__media img{width:100%;height:100%;object-fit:contain;display:block}.pill__body{display:flex;flex-direction:column;gap:3px;min-width:0}.pill__title{font-size:var(--text-xs);line-height:1.35;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pill__price{font-size:var(--text-base);font-weight:600;color:var(--indigo)}.pill__price s{margin-left:6px;font-weight:400;font-size:var(--text-xs);color:var(--ink-mute)}@media(prefers-reduced-motion:no-preference){.pill{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}.pill:hover{transform:translateY(-4px);box-shadow:0 20px 40px #08061e5c}}@media(min-width:1024px){.showcase{padding-block:88px 56px;gap:44px}.showcase__heading{max-width:12ch}.showcase__sub{font-size:var(--text-lg)}.pill{width:288px;padding:12px 20px 12px 12px}.pill__media{flex-basis:74px;width:74px;height:74px}.pill__title{font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){.showcase__word>span,.showcase__eyebrow,.showcase__sub,.showcase__actions,.showcase__rail{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/stlukes-hero-showcase.css.map */