.hero-showcase{position:absolute;right:5%;bottom:51px;width:365px;border:1px solid #ffffff94;border-radius:19px;background:#fffef7ed;backdrop-filter:blur(15px);box-shadow:0 25px 65px #0a20383d;transform:rotate(2deg);transition:transform .25s;overflow:hidden;color:var(--navy)}
.hero-showcase:hover,.hero-showcase:focus-within{transform:rotate(0)}
.hero-showcase .hero-spotlight{position:static;right:auto;bottom:auto;width:100%;margin:0;min-height:166px;gap:17px;padding:14px 20px 12px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:none}
.hero-showcase .hero-spotlight:hover{transform:none;box-shadow:none}
.hero-showcase .hero-spotlight>span{min-width:0;flex:1}
.hero-showcase .hero-spotlight strong{font-size:29px;line-height:1.13;margin:8px 0 13px}
.hero-showcase .hero-spotlight img{flex-shrink:0;width:79px;height:132px}
.showcase-controls{border-top:1px solid #18344918;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;background:#fff8}
.showcase-controls>button{min-width:32px;min-height:32px;border-radius:50%;font-size:24px;line-height:1}
.showcase-controls button:hover{background:#e5eceb}
.showcase-dots{display:flex;align-items:center;gap:0}
.showcase-dots button{width:25px;height:30px;padding:8px;display:grid;place-items:center;border-radius:20px}
.showcase-dots span{display:block;width:5px;height:5px;background:#a1b0b6;border-radius:50%;transition:background .2s,transform .2s}
.showcase-dots [aria-current=true] span{background:var(--navy);transform:scale(1.4)}
.showcase-controls #showcase-pause{font-size:11px;border:1px solid #cad3d3;min-width:52px;min-height:30px;border-radius:30px;padding:7px 10px;margin-left:8px}
@media(min-width:1600px){.hero-showcase{right:7%}}
@media(max-width:1150px){.hero-showcase{width:325px;right:4%;bottom:43px}.hero-showcase .hero-spotlight strong{font-size:27px}.hero-showcase .hero-spotlight img{width:67px;height:119px}.hero-showcase .hero-spotlight{min-height:157px}}
@media(max-width:900px) and (min-width:761px){.hero-showcase{width:270px}.hero-showcase .hero-spotlight{padding:14px 12px;gap:12px}.hero-showcase .hero-spotlight img{width:55px}.hero-showcase .hero-spotlight strong{font-size:25px}.showcase-controls{gap:0;padding:6px}.showcase-dots button{width:23px}.showcase-controls #showcase-pause{margin-left:4px}}
@media(max-width:760px){.hero-showcase{position:relative;right:auto;bottom:auto;margin:32px 0 12px auto;width:100%;max-width:335px;transform:none;border-radius:17px}.hero-showcase .hero-spotlight{min-height:146px;padding:12px 15px;gap:15px}.hero-showcase .hero-spotlight img{width:63px;height:116px}.hero-showcase .hero-spotlight strong{font-size:27px}.hero-immersive{padding-bottom:35px}.showcase-controls{padding:6px 8px}.showcase-controls #showcase-pause{margin-left:5px}.hero-credit{font-size:8px}}
@media(max-width:360px){.hero-showcase .hero-spotlight strong{font-size:24px}.hero-showcase .hero-spotlight img{width:51px}.hero-showcase .hero-spotlight{gap:12px;padding:12px}.showcase-dots button{width:22px}.showcase-controls>button{min-width:28px}}
@media(prefers-reduced-motion:reduce){.hero-showcase{transform:none;transition:none}.showcase-dots span{transition:none}}