.surface-light{z-index:3;padding:1px;border-radius:inherit;overflow:hidden;-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.surface-light:after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(260px circle at var(--edge-x,50%) var(--edge-y,30%),var(--theme-text),transparent 70%);transition:opacity .28s var(--studio-ease)}@media(hover:hover)and (pointer:fine){:hover>.surface-light:after{opacity:.5}}:focus-within>.surface-light:after{opacity:.65}@media(prefers-reduced-motion:reduce){.surface-light:after{transition:none}}.fresh-feature-card__media--compact-artwork{width:120px;height:120px}.fresh-feature-card__media--full-width{width:100%;height:auto}@media(max-width:720px){.fresh-feature-card__media--compact-artwork{width:90px;height:90px}}.fresh-feature-card__media--large-artwork{width:min(100%,260px);aspect-ratio:1;height:auto;margin-inline:auto}@media(max-width:720px){.fresh-feature-card__media--large-artwork{width:min(100%,200px)}}.fresh-feature-card--studio:not(.fresh-bento__card){padding:36px var(--studio-inset) 40px}.fresh-feature-card--studio:not(.fresh-bento__card)>:is(h2,h3){font-size:var(--studio-title);line-height:1.2;letter-spacing:-.025em;font-weight:500;margin-top:0}.fresh-feature-card--studio:not(.fresh-bento__card)>p{font-size:var(--studio-body);line-height:1.6;letter-spacing:-.01em;font-weight:400;color:var(--theme-text-muted);max-width:48ch}.fresh-ruled{--fresh-ruled-line: var(--app-border);padding:0;border-radius:0}.fresh-ruled--list{border-top:.72px solid var(--fresh-ruled-line)}.fresh-ruled--list>.fresh-ruled__row{border-bottom:.72px solid var(--fresh-ruled-line);border-radius:0}.fresh-ruled__num{font-family:var(--font-heading);font-size:clamp(18.72px,1.728vw,28.8px);font-weight:600;line-height:1;color:color-mix(in srgb,var(--theme-text) 32%,transparent)}.fresh-ruled--grid{display:grid}.fresh-ruled--grid>.fresh-ruled__cell{border-right:.72px solid var(--fresh-ruled-line);border-bottom:.72px solid var(--fresh-ruled-line);border-radius:0}.fresh-ruled--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fresh-ruled--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fresh-ruled--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}