.si{--si-ink:#0a1628;--si-dim:#6b7690;--si-line:#e3e8f0;--si-h:clamp(380px,34vw,460px);position:relative}.si-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 2rem}.si-filters button{--c:#0a1628;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--si-line);background:#fff;font:600 .86rem Plus Jakarta Sans,sans-serif;color:var(--si-ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.si-filters button:hover{border-color:var(--c);transform:translateY(-1px)}.si-filters button i{width:8px;height:8px;border-radius:50%;background:var(--c)}.si-filters button span{min-width:1.4rem;padding:.05rem .4rem;border-radius:999px;background:#f1f4f9;font:600 .72rem var(--mono,monospace);color:var(--si-dim);text-align:center}.si-filters button.on{background:var(--c);border-color:var(--c);color:#fff}.si-filters button.on i{background:#fff}.si-filters button.on span{background:rgba(255,255,255,.22);color:#fff}.si-rail{display:flex;align-items:stretch;gap:14px;height:var(--si-h);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:4px 4px 18px;margin:0 -4px;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.si-rail::-webkit-scrollbar{display:none}.si-rail.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-snap-type:none}.si-rail.is-dragging .si-card{pointer-events:none}.si-card{--c:#2563eb;--w:clamp(250px,22vw,290px);position:relative;flex:0 0 var(--w);height:100%;border-radius:26px;overflow:hidden;scroll-snap-align:start;background:#0a1628;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 26px 50px -34px rgba(10,22,40,.6);transition:flex-basis .6s cubic-bezier(.22,1,.36,1),box-shadow .4s}.si-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(1.12) saturate(1.08);transition:transform .9s cubic-bezier(.22,1,.36,1)}.si-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,12,24,.22) 0,rgba(6,12,24,0) 24%,rgba(6,12,24,0) 52%,rgba(6,12,24,.86) 100%),linear-gradient(0deg,color-mix(in srgb,var(--c) 40%,transparent),transparent 45%)}.si-card:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:4px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}.si-top{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.si-cat,.si-num{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .7rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 .7rem/1 var(--mono,monospace);letter-spacing:.08em;color:#fff;white-space:nowrap}.si-cat{text-transform:uppercase}.si-cat i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.6)}.si-body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:1.3rem 1.3rem 1.4rem}.si-title{padding-right:3rem;font:700 clamp(1.25rem,1.8vw,1.55rem)/1.12 var(--display,"Bricolage Grotesque",sans-serif);letter-spacing:-.025em;text-shadow:0 2px 16px rgba(0,0,0,.3)}.si-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .35s}.si-more-in{min-height:0;overflow:hidden}.si-desc{display:block;margin-top:.55rem;max-width:36ch;font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.86)}.si-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}.si-tags span{padding:.3rem .6rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font:600 .7rem/1 var(--mono,monospace)}.si-go{position:absolute;right:1.1rem;bottom:1.25rem;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--si-ink);transition:background .3s,color .3s,transform .45s cubic-bezier(.22,1,.36,1)}.si-go svg{width:16px;height:16px}.si-card.is-active{flex-basis:calc(var(--w) * 1.6)}.si-card.is-active img{transform:scale(1.06)}.si-card.is-active:before{transform:scaleX(1)}.si-card.is-active .si-more{grid-template-rows:1fr;opacity:1}.si-card.is-active .si-go{background:var(--c);color:#fff;transform:rotate(45deg)}.si-rail:not(.is-paused) .si-card.is-active:before{transition:none;animation:si-fill 3.2s linear both}@keyframes si-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:hover){.si-card:hover{flex-basis:calc(var(--w) * 1.6)}.si-card:hover img{transform:scale(1.06)}.si-card:hover:before{transform:scaleX(1)}.si-card:hover .si-more{grid-template-rows:1fr;opacity:1}.si-card:hover .si-go{background:var(--c);color:#fff;transform:rotate(45deg)}.si-rail:has(.si-card:hover) .si-card.is-active:not(:hover){flex-basis:var(--w)}.si-rail:has(.si-card:hover) .si-card.is-active:not(:hover) img{transform:none}.si-rail:has(.si-card:hover) .si-card.is-active:not(:hover):before{transform:scaleX(0)}.si-rail:has(.si-card:hover) .si-card.is-active:not(:hover) .si-more{grid-template-rows:0fr;opacity:0}.si-rail:has(.si-card:hover) .si-card.is-active:not(:hover) .si-go{background:#fff;color:var(--si-ink);transform:none}}.si-card:focus-visible{outline:3px solid var(--c);outline-offset:3px;flex-basis:calc(var(--w) * 1.6)}.si-card:focus-visible .si-more{grid-template-rows:1fr;opacity:1}.si-nav{display:flex;align-items:center;gap:.7rem;margin-top:1.1rem}.si-bar{flex:1 1;height:3px;border-radius:3px;background:#e6ebf2;overflow:hidden}.si-bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);transform-origin:left;transition:transform .2s linear}.si-arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--si-line);background:#fff;color:var(--si-ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s,opacity .25s,transform .25s}.si-arrow svg{width:18px;height:18px}.si-arrow:hover:not(:disabled){background:var(--si-ink);border-color:var(--si-ink);color:#fff;transform:translateY(-2px)}@media(hover:none){.si-more{grid-template-rows:1fr;opacity:1}.si-tags{display:none}.si-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:640px){.si{--si-h:400px}.si-card{--w:78vw}.si-card.is-active{flex-basis:var(--w)}.si-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-1rem;padding:0 1rem .3rem;scrollbar-width:none}.si-filters::-webkit-scrollbar{display:none}.si-filters button{flex:none}.si-arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.si-card,.si-card img,.si-card:before,.si-go,.si-more{transition:none!important;animation:none!important}}