.sbc-entry[data-client=efnpro]{--c-accent-l: #e5560c;--c-accent-d: #fb6514;--c-edge: linear-gradient(90deg, #fdc201, #fb6514 50%, #8136b3);--c-ground: radial-gradient(70% 60% at 0% 0%, rgb(251 101 20 / .22), transparent 70%), radial-gradient(70% 70% at 100% 100%, rgb(129 54 179 / .34), transparent 70%), #1c1917}.sbc-entry[data-client=familyseed]{--c-accent-l: #b8945f;--c-accent-d: #dcb77c;--c-edge: linear-gradient(90deg, #dcb77c, #b8945f 55%, #144a57);--c-ground: radial-gradient(60% 60% at 50% 45%, rgb(220 183 124 / .42), transparent 70%), radial-gradient(60% 60% at 100% 100%, rgb(20 74 87 / .12), transparent 70%), #eee8dd}.sbc-entry[data-client=rythmia]{--c-accent-l: #d83d0a;--c-accent-d: #e45525;--c-edge: linear-gradient(90deg, #d83d0a, #e45525 45%, #006f67);--c-ground: radial-gradient(70% 60% at 0% 0%, rgb(247 204 190 / .8), transparent 70%), radial-gradient(60% 60% at 100% 100%, rgb(101 187 176 / .28), transparent 70%), #fdefe9}.sbc-entry[data-client=rlife]{--c-accent-l: #e45625;--c-accent-d: #ec7d43;--c-edge: linear-gradient(90deg, #ec7d43, #e45625 55%, #65bbb0);--c-ground: radial-gradient(70% 60% at 100% 0%, rgb(236 125 67 / .2), transparent 70%), linear-gradient(160deg, #fdefe9, #fffdf7 55%, #d9f0ed)}.sbc-entry[data-client=u4ea]{--c-accent-l: #0f6e3b;--c-accent-d: #97bf4b;--c-edge: linear-gradient(90deg, #fb9528, #97bf4b 33%, #f85d4a 66%, #8757b5);--c-ground: radial-gradient(45% 50% at 0% 0%, rgb(251 149 40 / .16), transparent 70%), radial-gradient(45% 50% at 100% 15%, rgb(151 191 75 / .18), transparent 70%), radial-gradient(50% 50% at 15% 100%, rgb(135 87 181 / .14), transparent 70%), radial-gradient(45% 45% at 100% 100%, rgb(248 93 74 / .14), transparent 70%), #fdfcf9}.sbc-entry[data-client=cpops]{--c-accent-l: #d90429;--c-accent-d: #ef3b55;--c-edge: linear-gradient(90deg, #6a0000, #d90429 50%, #d4af37);--c-ground: radial-gradient(70% 60% at 100% 0%, rgb(217 4 41 / .3), transparent 70%), radial-gradient(60% 60% at 0% 100%, rgb(212 175 55 / .16), transparent 70%), #0f0000}.sbc-entry,.sbc-jump a{--c-accent: var(--c-accent-l, var(--sbl-accent))}:root[data-theme=dark] :is(.sbc-entry,.sbc-jump a){--c-accent: var(--c-accent-d, var(--sbl-accent))}@media (prefers-color-scheme: dark){:root:not([data-theme]) :is(.sbc-entry,.sbc-jump a){--c-accent: var(--c-accent-d, var(--sbl-accent))}}.sbc-intro{max-width:52rem}.sbc-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 .6rem;margin:0;padding:0;list-style:none;font-family:var(--sbl-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sbl-fg-55)}.sbc-crumbs li+li:before{content:"/";margin-right:.6rem}.sbc-crumbs a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--sbl-fg-72);transition:color .25s ease}.sbc-crumbs a:hover{color:var(--sbl-accent)}.sbc-crumbs [aria-current]{color:var(--sbl-fg)}.sbc-h1{max-width:16ch;font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.sbc-lead{max-width:42rem;margin-top:1.5rem;font-size:1.125rem;line-height:1.65;color:var(--sbl-fg-72)}.sbc-jump{margin-top:2.25rem}.sbc-jump ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.sbc-jump a{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:0 1rem 0 .45rem;border:1px solid var(--sbl-hair-14);border-radius:999px;background:rgb(var(--sbl-paper-rgb) / .6);color:var(--sbl-fg);font-family:var(--sbl-display);font-size:.9rem;font-weight:500;white-space:nowrap;transition:border-color .3s ease,transform .35s cubic-bezier(.2,.7,.2,1)}.sbc-jump img{flex:none;width:1.75rem;height:1.75rem;border-radius:999px;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 0 1px var(--sbl-hair-08)}.sbc-jump a:hover{border-color:var(--c-accent)}.sbc-list{display:grid;gap:1.25rem;margin-top:2rem}@media (min-width: 1024px){.sbc-list{gap:2rem;margin-top:3rem}}.sbc-entry{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--sbl-hair-14);border-radius:1.5rem;background:rgb(var(--sbl-paper-rgb) / .84);box-shadow:0 40px 80px -64px color-mix(in srgb,var(--c-accent) 75%,transparent);scroll-margin-top:1rem}.sbc-entry:before{content:"";position:absolute;inset:0 0 auto;z-index:3;height:3px;background:var(--c-edge);transform-origin:0 50%}.sbc-media{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:var(--c-ground)}.sbc-entry[data-ground=dark] .sbc-media{color-scheme:dark}@media (min-width: 640px) and (max-width: 1023.98px){.sbc-media{aspect-ratio:16 / 9}}.sbc-logo{position:absolute;top:1.25rem;left:1.25rem;z-index:2;width:auto;height:calc(var(--logo-h) * .85);max-width:62%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.sbc-art,.sbc-emblem{position:absolute;top:4.5rem;right:1.25rem;bottom:1.25rem;left:1.25rem;margin:0;display:flex;align-items:center;justify-content:center}.sbc-art img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:.9rem;box-shadow:0 30px 60px -28px #0000008c,0 0 0 1px #ffffff0f}.sbc-entry[data-ground=dark] .sbc-art img{box-shadow:0 30px 60px -28px #000000b3,0 0 0 1px #ffffff29}.sbc-media.has-tall .sbc-logo{top:50%;max-width:42%;transform:translateY(-50%)}.sbc-media.has-tall .sbc-art{top:1.25rem;right:1.25rem;bottom:1.25rem;left:50%}.sbc-emblem img{position:relative;width:min(40%,11rem);height:auto;filter:drop-shadow(0 18px 30px rgb(62 47 32 / .25))}.sbc-emblem-ring{position:absolute;top:50%;left:50%;width:min(62%,17rem);aspect-ratio:1;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-accent-l) 40%,transparent);box-shadow:0 0 0 1.6rem color-mix(in srgb,var(--c-accent-l) 8%,transparent),0 0 0 3.2rem color-mix(in srgb,var(--c-accent-l) 5%,transparent);transform:translate(-50%,-50%)}.sbc-body{padding:1.5rem 1.25rem 1.75rem}@media (min-width: 640px){.sbc-body{padding:2rem 2rem 2.25rem}}.sbc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-family:var(--sbl-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sbl-fg-55)}.sbc-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1px solid color-mix(in srgb,var(--c-accent) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--c-accent) 12%,transparent);color:var(--sbl-fg)}.sbc-badge:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:var(--c-accent)}.sbc-name{margin-top:1rem;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:600;line-height:1.05}.sbc-one{margin-top:.85rem;font-size:1.0625rem;line-height:1.55;color:var(--sbl-fg)}@media (min-width: 640px){.sbc-one{font-size:1.15rem}}.sbc-label{margin-top:1.5rem;font-family:var(--sbl-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sbl-fg-55)}.sbc-work{margin-top:.6rem;line-height:1.7;color:var(--sbl-fg-72)}.sbc-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none}.sbc-tags li{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .7rem;border:1px solid var(--sbl-hair-14);border-radius:999px;font-size:.8125rem;line-height:1.3}.sbc-tags li:before{content:"";flex:none;width:.4rem;height:.4rem;border-radius:999px;background:var(--c-accent)}.sbc-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.sbc-visit,.sbc-store{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.2rem;border-radius:999px;font-family:var(--sbl-display);font-size:.9rem;font-weight:500;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .3s ease}.sbc-visit{background:var(--sbl-btn-bg);color:var(--sbl-btn-fg)}.sbc-store{border:1px solid var(--sbl-hair-14);color:var(--sbl-fg)}:is(.sbc-visit,.sbc-store) svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sbc-visit:hover{box-shadow:0 14px 30px -14px color-mix(in srgb,var(--c-accent) 80%,transparent)}.sbc-store:hover{border-color:var(--c-accent)}@media (min-width: 1024px){.sbc-entry{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"media body";min-height:34rem;border-radius:2rem}.sbc-entry.is-flip{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"body media"}.sbc-media{grid-area:media;aspect-ratio:auto}.sbc-body{grid-area:body;display:flex;flex-direction:column;justify-content:center;padding:3rem clamp(2rem,3.6vw,3.5rem)}.sbc-logo{top:2rem;left:2rem;height:calc(var(--logo-h) * 1.2)}.sbc-art,.sbc-emblem{top:7rem;right:2.5rem;bottom:2.5rem;left:2.5rem}.sbc-media.has-tall .sbc-logo{left:2.5rem}.sbc-media.has-tall .sbc-art{top:2.5rem;right:2.5rem;bottom:2.5rem;left:48%}.sbc-art img{border-radius:1.1rem}}@media (prefers-reduced-motion: no-preference){.sbc-jump a:hover,.sbc-visit:hover,.sbc-store:hover{transform:translateY(-2px)}.sbc-media{transition:opacity .8s ease var(--d, 0ms),transform 1s cubic-bezier(.2,.7,.2,1) var(--d, 0ms)}.sbc-entry:before{transition:transform 1.1s cubic-bezier(.65,0,.35,1) calc(var(--d, 0ms) + .15s)}.sbc-logo{transition:opacity .7s ease calc(var(--d, 0ms) + .15s)}:is(.sbc-art,.sbc-emblem)>img{transition:opacity .7s ease calc(var(--d, 0ms) + .25s),transform 1.1s cubic-bezier(.2,.75,.2,1) calc(var(--d, 0ms) + .25s)}.sbc-body>*{transition:opacity .7s ease calc(var(--d, 0ms) + var(--k, 0) * 70ms + .12s),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--d, 0ms) + var(--k, 0) * 70ms + .12s)}.sbc-body>:nth-child(2){--k: 1}.sbc-body>:nth-child(3){--k: 2}.sbc-body>:nth-child(4){--k: 3}.sbc-body>:nth-child(5){--k: 4}.sbc-body>:nth-child(6){--k: 5}.sbc-body>:nth-child(7){--k: 6}[data-anim] .sbc-entry:not([data-in]) .sbc-media{opacity:0;transform:scale(.97)}[data-anim] .sbc-entry:not([data-in]):before{transform:scaleX(0)}[data-anim] .sbc-entry:not([data-in]) .sbc-logo{opacity:0}[data-anim] .sbc-entry:not([data-in]) :is(.sbc-art,.sbc-emblem)>img{opacity:0;transform:translateY(32px) scale(.96)}[data-anim] .sbc-entry:not([data-in]) .sbc-body>*{opacity:0;transform:translateY(18px)}[data-anim] .sbc-entry:focus-within :is(.sbc-media,.sbc-logo,.sbc-body>*){opacity:1;transform:none}.sbc-art{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.sbc-emblem-ring{transition:transform .9s cubic-bezier(.2,.7,.2,1)}@media (hover: hover) and (pointer: fine){.sbc-entry:hover .sbc-art{transform:translateY(-6px) scale(1.015)}.sbc-entry:hover .sbc-emblem-ring{transform:translate(-50%,-50%) scale(1.05)}}}
