@layer components{.hero-portal-light{isolation:isolate;color:var(--ink);background:linear-gradient(160deg, var(--subtle) 0%, var(--sage) 55%, var(--glow) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent);border-radius:1.75rem;position:relative;overflow:hidden}@media (min-width:40rem){.hero-portal-light{border-radius:2.25rem}}.hero-portal-light-bg{z-index:-1;pointer-events:none;background:radial-gradient(40rem 26rem at 80% 40%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(28rem 20rem at 5% 0%, color-mix(in srgb, var(--highlight) 55%, transparent), transparent 70%);position:absolute;inset:0}.hero-portal-light-bg:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--primary) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 7%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 75% at 72% 45%,#000 0%,#0000 75%);mask-image:radial-gradient(65% 75% at 72% 45%,#000 0%,#0000 75%)}.hero-portal-light-bg:after{content:"";background-image:var(--grain);opacity:.12;mix-blend-mode:soft-light;position:absolute;inset:0}.sh-card{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px hsl(var(--shadow-color) / .08), 0 18px 40px -18px hsl(var(--shadow-color) / .35), inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent);border-radius:1.25rem}.sh-glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-radius:1.25rem;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 48px -24px #00000080}@media (prefers-reduced-motion:no-preference){.sh-float{animation:sba-in-up .9s var(--ease-out-soft) backwards;animation-delay:var(--d,0s)}}.sh-fan{height:clamp(13rem,52vw,22rem);position:relative}.sh-fan-item{background:var(--surface);width:58%;box-shadow:0 2px 4px hsl(var(--shadow-color) / .08), 0 28px 50px -24px hsl(var(--shadow-color) / .45), inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent);border-radius:.875rem;position:absolute;top:50%;overflow:hidden}.sh-fan-item:first-child{left:0;translate:0 -58%;rotate:-6deg}.sh-fan-item:nth-child(2){z-index:1;left:21%;translate:0 -46%;rotate:1.5deg}.sh-fan-item:nth-child(3){z-index:2;right:0;translate:0 -38%;rotate:7deg}.sh-fan-bar{border-bottom:1px solid var(--line);background:var(--subtle);align-items:center;gap:.25rem;padding:.4rem .6rem;display:flex}.sh-fan-bar i{background:var(--line);border-radius:9999px;width:.375rem;height:.375rem}.sh-fan-item img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}@media not (min-width:40rem){.sh-fan-item:not(:last-child) .sh-fan-tag{display:none}}.sh-fan-tag{color:#16372d;background:#fafbf8f0;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem;box-shadow:0 4px 12px -4px #0000004d}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sh-fan-item{transition:translate .4s var(--ease-out-soft), rotate .4s var(--ease-out-soft)}.sh-fan:hover .sh-fan-item:first-child{translate:-4% -60%;rotate:-8deg}.sh-fan:hover .sh-fan-item:nth-child(3){translate:4% -36%;rotate:9deg}}}