.sg{margin-top:0;margin-bottom:2.75rem}.sg-strip{display:flex;gap:.5rem;margin:0;padding:0 1rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain}.sg-wrap{position:relative}.sg-wrap:after{content:"";position:absolute;z-index:1;inset:0 0 0 auto;width:2.5rem;background:linear-gradient(to right,transparent,var(--color-paper));pointer-events:none}.sg-item{flex:0 0 72vw;scroll-snap-align:center;min-width:0}.sg-link{position:relative;display:block;height:clamp(320px,46vh,440px);overflow:hidden;border-radius:.75rem;background:var(--color-brand-950);color:var(--color-paper);text-decoration:none}.sg-img{height:100%;width:100%;object-fit:cover;object-position:center}.sg-plate{display:block;height:100%;width:100%;background:linear-gradient(180deg,transparent 0%,rgb(10 24 54 / .35) 100%),repeating-linear-gradient(135deg,var(--color-brand-950) 0 14px,#10214a 14px 28px)}.sg-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a18360d 40%,#0a1836c7);pointer-events:none}.sg-spine,.sg-open{position:absolute;z-index:1;pointer-events:none}.sg-spine{left:1rem;bottom:1rem;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;opacity:0}.sg-open{left:1.15rem;right:1.15rem;bottom:1.15rem;display:flex;flex-direction:column;gap:.4rem}.sg-n{font-variant-numeric:tabular-nums;font-size:.68rem;letter-spacing:.09em;opacity:.72}.sg-name{font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}@media(min-width:1024px){.sg-wrap:after{display:none}}@media(min-width:1024px)and (hover:hover){.sg-strip{padding:0 1.5rem;overflow:visible;scroll-snap-type:none}.sg-item{flex:1 1 0;contain:layout paint;transition:flex-grow .55s cubic-bezier(.22,1,.36,1)}.sg-strip:hover .sg-item,.sg-strip:focus-within .sg-item{flex-grow:.62}.sg-strip .sg-item:hover,.sg-strip .sg-item:focus-within{flex-grow:5.4}.sg-link{height:clamp(360px,54vh,500px)}.sg-spine{opacity:1;left:50%;bottom:1.15rem;transform:translate(-50%);writing-mode:vertical-rl;transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}.sg-open{opacity:0;transform:translateY(.6rem);transition:opacity .35s ease .12s,transform .45s cubic-bezier(.22,1,.36,1) .12s}.sg-item:hover .sg-spine,.sg-item:focus-within .sg-spine{opacity:0;transform:translate(-50%) translateY(.5rem)}.sg-item:hover .sg-open,.sg-item:focus-within .sg-open{opacity:1;transform:none}.sg-img{transform:scale(1.06);transition:transform .75s cubic-bezier(.22,1,.36,1)}.sg-item:hover .sg-img,.sg-item:focus-within .sg-img{transform:none}}@media(prefers-reduced-motion:reduce){.sg-item,.sg-img,.sg-spine,.sg-open{transition:none!important}.sg-img{transform:none!important}}.si-reg{--si-bleed: 1rem;margin-top:2.25rem;padding:0;list-style:none}.si-row{border-top:1px solid var(--color-rule)}.si-row:last-child{border-bottom:1px solid var(--color-rule)}.si-link{position:relative;display:grid;grid-template-columns:6.25rem minmax(0,1fr) auto;grid-template-areas:"thumb name arrow" "scopes scopes scopes";align-items:center;gap:.5rem 1rem;padding:1rem 0;color:inherit;text-decoration:none;isolation:isolate}.si-wash{position:absolute;z-index:-1;inset:0 calc(var(--si-bleed) * -1);background:var(--color-brand-900);transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.si-ord{display:none;grid-area:ord;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--color-accent-700);transition:color .35s ease-out}.si-thumb{position:relative;grid-area:thumb;overflow:hidden;aspect-ratio:16 / 9;border-radius:.5rem;background:var(--color-brand-950);box-shadow:inset 0 0 0 1px var(--color-rule);transition:box-shadow .35s ease-out}.si-img{display:block;height:100%;width:100%;object-fit:cover;object-position:center 42%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.si-name{grid-area:name;min-width:0;font-size:clamp(1.15rem,2.2vw,1.75rem);color:var(--color-brand-950);transition:color .35s ease-out,transform .45s cubic-bezier(.22,1,.36,1)}.si-scopes{grid-area:scopes;min-width:0;font-size:.86rem;line-height:1.55;color:var(--color-slate-ink);transition:color .35s ease-out}.si-arrow{grid-area:arrow;display:flex;height:2.25rem;width:2.25rem;flex:none;align-items:center;justify-content:center;border:1px solid var(--color-rule);border-radius:999px;color:var(--color-brand-700);transition:border-color .35s ease-out,color .35s ease-out,transform .4s cubic-bezier(.22,1,.36,1)}.si-row:is(:hover,:focus-within) .si-wash{transform:scaleX(1)}.si-row:is(:hover,:focus-within) .si-name{color:var(--color-paper);transform:translate(6px)}.si-row:is(:hover,:focus-within) .si-scopes{color:#ffffffeb}.si-row:is(:hover,:focus-within) .si-ord{color:var(--color-accent-500)}.si-row:is(:hover,:focus-within) .si-thumb{box-shadow:inset 0 0 0 1px #ffffff47}.si-row:is(:hover,:focus-within) .si-img{transform:scale(1.07)}.si-row:is(:hover,:focus-within) .si-arrow{border-color:#ffffff52;color:var(--color-paper);transform:translate(6px)}@media(min-width:640px){.si-reg{--si-bleed: 1.25rem}.si-link{grid-template-columns:7rem minmax(0,1fr) auto;grid-template-areas:"thumb name arrow" "thumb scopes arrow";gap:.35rem 1.35rem}}@media(min-width:1024px){.si-link{grid-template-columns:3rem 8rem minmax(0,1fr) auto;grid-template-areas:"ord thumb name arrow" "ord thumb scopes arrow";gap:.3rem 1.75rem;padding:1.3rem 0}.si-ord{display:block}}@media(prefers-reduced-motion:reduce){.si-link,.si-link *{transition:none!important}.si-row:is(:hover,:focus-within) :is(.si-name,.si-arrow,.si-img){transform:none}}
