.hero-stage{isolation:isolate;background:#fff;height:100%;position:relative;overflow:hidden}.hero.has-showcase .hero-surface{z-index:0;height:100%;min-height:0;bottom:auto}.hero-stage>.hero-interface{z-index:3}.showcase-screen{--showcase-height:clamp(220px, 29svh, 320px);--showcase-reveal:1;--showcase-rise:0px;height:calc(100svh - var(--nav-height));isolation:isolate;background:#fff;min-height:360px;position:relative;overflow:clip}.home-showcase{z-index:2;width:min(1120px,100% - 112px);opacity:var(--showcase-reveal);transform:translate(-50%, -50%) translateY(var(--showcase-rise));will-change:opacity, transform;position:absolute;top:50%;bottom:auto;left:50%}.showcase-intro{text-align:center;color:#102747;max-width:780px;margin:0 auto 12px}.showcase-intro h2{letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.2vw,30px);font-weight:600;line-height:1.4}.showcase-intro p{color:#737373;text-wrap:pretty;max-width:760px;margin:4px auto 0;font-size:14px;font-weight:400;line-height:1.75}.showcase-track{height:var(--showcase-height);gap:12px;display:flex}.showcase-card{isolation:isolate;color:#fff;text-align:left;cursor:pointer;background:#172333;border:0;border-radius:18px;flex:1 1 0;min-width:0;padding:0;transition:flex-basis .65s cubic-bezier(.22,1,.36,1),flex-grow .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 12px 28px -16px #08264860,inset 0 0 0 1px #ffffff24}.showcase-card.is-active{flex:0 0 calc(var(--showcase-height) * 16 / 9)}.showcase-card:active{transform:none}.showcase-card:focus-visible{outline-offset:4px;outline:3px solid #245ff5}.showcase-card img{object-fit:cover;object-position:center;filter:grayscale()brightness(.7);width:100%;max-width:none;height:100%;transition:filter .65s,transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.08)}.showcase-card.is-active img{filter:grayscale(0)brightness();transform:scale(1)}.showcase-shade{pointer-events:none;background:linear-gradient(#0000 45%,#0610200d 58%,#061020b3 100%);position:absolute;inset:0}.home-showcase-caption{opacity:1;pointer-events:none;flex-direction:column;gap:4px;transition:opacity .18s,transform .25s;display:flex;position:absolute;bottom:23px;left:24px;right:82px;transform:none}.showcase-card.is-active .home-showcase-caption{opacity:1;transition-delay:.22s;transform:translateY(0)}.showcase-category{letter-spacing:.06em;color:#ffffffbd;white-space:nowrap;font-size:11px;font-weight:400;line-height:1.5}.showcase-title{letter-spacing:-.025em;color:#fff;font-size:22px;font-weight:600;line-height:1.3}.showcase-play{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:none;background:#ffffff20;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:36px;height:36px;transition:right .4s,transform .4s,width .3s,height .3s,background-color .2s;display:grid;position:absolute;bottom:22px;right:50%;transform:translate(50%);box-shadow:0 4px 16px #00132920}.showcase-play svg{width:18px;height:18px}.showcase-card.is-active .showcase-play{background:#ffffff30;width:44px;height:44px;right:22px;transform:none}.showcase-card.is-active .showcase-play svg{width:22px;height:22px}.showcase-card:is(:hover,:focus-visible) .showcase-play{background:#ffffff50}@media (max-width:900px){.home-showcase{width:calc(100% - 48px)}.showcase-track{gap:8px}.showcase-card{border-radius:14px}.showcase-screen{--showcase-height:clamp(180px, 25svh, 240px)}.home-showcase-caption{bottom:18px;left:18px}.showcase-title{font-size:19px}}@media (max-width:600px){.showcase-screen{--showcase-height:calc((100vw - 152px) * 9 / 16)}.home-showcase{width:calc(100% - 32px)}.showcase-intro{margin-bottom:12px}.showcase-intro h2{font-size:22px}.showcase-intro p{margin-top:4px;font-size:12px;line-height:1.8}.showcase-track{gap:6px}.showcase-card{border-radius:10px;flex:1 1 0}.showcase-card.is-active{flex:0 0 calc(100% - 120px)}.home-showcase-caption{gap:2px;bottom:12px;left:12px;right:54px}.showcase-category{font-size:9px}.showcase-title{font-size:15px}.showcase-play{width:18px;height:18px;bottom:13px}.showcase-play svg{width:10px;height:10px}.showcase-card.is-active .showcase-play{width:32px;height:32px;bottom:12px;right:12px}.showcase-card.is-active .showcase-play svg{width:18px;height:18px}}.home-showcase[data-variant=bounce]{--bounce-width:clamp(260px, 31vw, 390px)}@media (min-width:601px) and (max-height:680px){.home-showcase[data-variant=bounce]{--bounce-width:clamp(220px, 44svh, 320px)}}[data-variant=bounce] .showcase-track{height:calc(var(--bounce-width) * 9 / 16 + 44px);touch-action:pan-y;display:block;position:relative}[data-variant=bounce] .showcase-card,[data-variant=bounce] .showcase-card.is-active{width:var(--bounce-width);aspect-ratio:16/9;will-change:transform;border:4px solid #fff;border-radius:18px;flex:none;height:auto;transition:box-shadow .25s;position:absolute;top:50%;left:50%;box-shadow:0 10px 32px -9px #10284f55}[data-variant=bounce] .showcase-card img{filter:none;transform:none}[data-variant=bounce] .home-showcase-caption{bottom:16px;left:18px}[data-variant=bounce] .showcase-title{font-size:20px}[data-variant=bounce] .showcase-card[data-bounce-active]{box-shadow:0 20px 44px -10px #10284f70}[data-variant=bounce] .showcase-play{bottom:18px;right:18px;transform:none}.showcase-player{color:#fff;width:min(1600px,100vw - 64px,177.778svh - 142.222px);max-width:none;max-height:calc(100svh - 80px);box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto;padding:0;overflow:visible}.showcase-player::backdrop{-webkit-backdrop-filter:blur(12px);background:#061020b8}.showcase-player[open]{animation:.18s ease-out showcase-player-in}.showcase-player-close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#06102080;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:8px;display:grid;position:absolute;top:12px;right:12px}.showcase-player-close:hover{background:#061020c0}.showcase-player-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.showcase-player-body{padding:0;position:relative}.showcase-player video{aspect-ratio:16/9;object-fit:contain;background:#080a10;border-radius:8px;width:100%;height:auto;margin:0;display:block}.showcase-player-error{color:#fff;text-align:center;background:#061020d9;border-radius:8px;width:max-content;max-width:calc(100% - 48px);margin:0;padding:10px 16px;font-size:14px;line-height:1.5;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}@keyframes showcase-player-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:600px){.home-showcase[data-variant=bounce]{--bounce-width:calc((100vw - 32px) * .56)}[data-variant=bounce] .showcase-card{border-width:3px;border-radius:12px}[data-variant=bounce] .home-showcase-caption{bottom:10px;left:10px;right:50px}[data-variant=bounce] .showcase-title{font-size:13px}[data-variant=bounce] .showcase-play{bottom:10px;right:10px}.showcase-player{width:min(100vw - 24px,177.778svh - 42.6667px);max-height:calc(100svh - 24px)}.showcase-player-close{width:36px;height:36px;top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.showcase-player[open]{animation:none}.showcase-play,.showcase-card,.showcase-card img,.home-showcase-caption{transition:none}.home-showcase{transform:translate(-50%,-50%)}}.home-showcase[data-variant=bounce] .home-showcase-caption{opacity:1;max-width:calc(var(--bounce-spread,150px) - 36px);text-shadow:0 1px 5px #0008;right:18px;transform:none}.home-showcase[data-variant=bounce] .showcase-card:last-child .home-showcase-caption,.home-showcase[data-variant=bounce] .showcase-card[data-bounce-active] .home-showcase-caption{max-width:calc(100% - 84px)}.home-showcase[data-variant=bounce] .showcase-shade{background:linear-gradient(#0000 30%,#06102030 55%,#061020c9 100%)}@media (max-width:600px){.home-showcase[data-variant=bounce] .showcase-track{scroll-snap-type:x mandatory;scrollbar-width:thin;touch-action:pan-x pan-y;gap:12px;height:auto;padding:12px 4px 24px;display:flex;overflow:auto hidden}.home-showcase[data-variant=bounce] .showcase-card{scroll-snap-align:center;flex:0 0 78%;width:78%;position:relative;top:auto;left:auto}.home-showcase[data-variant=bounce] .home-showcase-caption{max-width:calc(100% - 68px);right:56px}.home-showcase[data-variant=bounce] .showcase-title{font-size:17px}.home-showcase[data-variant=bounce] .showcase-category{font-size:11px}}