.rui-hero{background:#0a0a0a;border-radius:24px;width:100%;max-width:72rem;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.rui-hero-stage{position:relative;overflow:hidden}.rui-hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rui-hero-shade{background:linear-gradient(90deg,#000,#0000);position:absolute;inset:0}.rui-hero-copy{color:#fff;justify-content:space-between;align-items:center;gap:24px;padding:48px 64px;display:flex;position:absolute;inset:0}.rui-hero-text{max-width:28rem}.rui-hero-subtitle{letter-spacing:.025em;margin:0 0 8px;font-size:18px;font-weight:300}.rui-hero-title{margin:0 0 20px;font-size:clamp(48px,6vw,60px);font-weight:700;line-height:1.15}.rui-hero-description{color:#ffffffd9;margin:0;font-size:18px;font-weight:300;line-height:1.6}.rui-hero-index{font-variant-numeric:tabular-nums;color:#fffc;align-self:flex-end;font-family:ui-monospace,monospace;font-size:60px;font-weight:100}.rui-hero-glass{z-index:20;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute}.rui-hero-glass:hover{background:#ffffff40}.rui-hero-prev,.rui-hero-next{width:48px;height:48px;top:50%;transform:translateY(-50%)}.rui-hero-prev{left:16px}.rui-hero-next{right:16px}.rui-hero-play{width:44px;height:44px;top:24px;right:24px}.rui-hero-bar{background:#ffffff0d;align-items:center;gap:32px;padding:20px 24px;display:flex}.rui-hero-dots,.rui-hero-thumbs{gap:8px;display:flex}.rui-hero-thumbs{margin-left:auto}.rui-hero-dot{cursor:pointer;border:none;border-radius:999px;height:6px;padding:0;transition:all .3s}.rui-hero-progress{background:#ffffff26;border-radius:999px;flex:1;height:4px;overflow:hidden}.rui-hero-progress-fill{border-radius:999px;height:100%}.rui-hero-thumb{cursor:pointer;opacity:.5;border:none;border-radius:8px;width:64px;height:44px;padding:0;transition:all .3s;position:relative;overflow:hidden}.rui-hero-thumb:hover{opacity:.8}.rui-hero-thumb-active{opacity:1;transform:scale(1.1)}.rui-hero-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (max-width:640px){.rui-hero-copy{padding:32px 24px}.rui-hero-subtitle,.rui-hero-description{font-size:14px}.rui-hero-title{margin-bottom:12px;font-size:30px}.rui-hero-index,.rui-hero-thumbs{display:none}.rui-hero-prev,.rui-hero-next{width:40px;height:40px}.rui-hero-prev{left:8px}.rui-hero-next{right:8px}.rui-hero-play{width:40px;height:40px;top:16px;right:16px}.rui-hero-bar{gap:16px;padding:16px}}