.s3-canvas{background-color:var(--color-m-cream);position:relative}.s3-canvas:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 18% 12%, color-mix(in srgb, var(--color-m-petrol) 9%, transparent) 0%, transparent 60%), radial-gradient(62% 58% at 84% 86%, color-mix(in srgb, var(--color-hb-navy) 10%, transparent) 0%, transparent 62%);position:fixed;inset:0}.s3-grain{z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.s3-core{border-radius:1.6rem}@keyframes s3-rise{0%{opacity:0;filter:blur(8px);transform:translateY(1.75rem)}to{opacity:1;filter:blur();transform:translate(0,0)}}.s3-rise{opacity:0;animation:.9s cubic-bezier(.32,.72,0,1) both s3-rise;animation-delay:var(--s3-delay,0s)}.s3-sheen{background:linear-gradient(115deg,#0000 38%,#ffffff8c 50%,#0000 62%);transform:translate(-120%)}.s3-card:hover .s3-sheen{transition:transform 1.1s cubic-bezier(.32,.72,0,1);transform:translate(120%)}@media (prefers-reduced-motion:reduce){.s3-rise{opacity:1;animation:none}.s3-sheen,.s3-card:hover .s3-sheen{transition:none;transform:translate(-120%)}}