.cs{background:radial-gradient(120% 80% at 50% 35%, #fbfaf7 0%, var(--color-offwhite) 55%, var(--color-mist) 100%);min-height:100svh;color:var(--color-charcoal);grid-template-rows:auto 1fr auto auto;justify-items:center;padding:clamp(20px,4vw,40px) 16px;display:grid;overflow:hidden}.cs-top{animation:cs-fade 1s var(--ease-soft) .1s both}.cs-logo{width:auto;height:clamp(18px,2.4vw,24px)}.cs-stage{aspect-ratio:1;align-self:center;place-items:center;width:min(80vw,460px,52svh);margin-top:clamp(8px,3vh,32px);display:grid;position:relative}.cs-ring{fill:none;width:92%;height:92%;stroke:var(--color-silver);stroke-width:2.2px;stroke-dasharray:1;stroke-dashoffset:1px;animation:cs-draw 1.8s var(--ease-expo) .3s forwards, cs-spin 60s linear 2s infinite;position:absolute;inset:4%}.cs-can{mix-blend-mode:multiply;clip-path:inset(100% 0 0);width:100%;animation:cs-reveal 1.6s var(--ease-expo) .5s forwards;position:relative}.cs-can-float{animation:6s ease-in-out 2.2s infinite cs-float;position:relative}.cs-can img{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%)}.cs-sheen{mix-blend-mode:soft-light;animation:cs-sheen 1.4s var(--ease-soft) 2s forwards;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 150% 0/250% 100%;position:absolute;inset:8% 34%}.cs-shadow{opacity:0;width:30%;height:4%;animation:cs-fade 1.2s var(--ease-soft) 1.4s forwards;background:radial-gradient(closest-side,#0a143029,#0000);border-radius:50%;position:absolute;bottom:4%}.cs-copy{text-align:center;justify-items:center;gap:14px;margin:clamp(16px,3vh,32px) 0 clamp(24px,5vh,56px);display:grid}.cs-copy>*{animation:cs-rise 1s var(--ease-expo) both}.cs-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#6b6f73;font-size:11px;animation-delay:1.3s}.cs-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-navy);font-size:clamp(44px,8vw,88px);font-weight:300;line-height:.95;animation-delay:1.45s}.cs-lede{color:#4a4d50;max-width:32ch;font-size:clamp(15px,1.5vw,17px);animation-delay:1.6s}.cs-link{background:var(--color-navy);color:var(--color-offwhite);transition:transform .3s var(--ease-expo), background .3s;border-radius:999px;margin-top:8px;padding:12px 22px;font-size:14px;text-decoration:none;animation-delay:1.75s}.cs-link:hover{background:#16244d;transform:translateY(-2px)}.cs-link:focus-visible{outline:2px solid var(--color-navy);outline-offset:3px}.cs-foot{color:#8a8d90;animation:cs-fade 1s var(--ease-soft) 2s both;font-size:12px}@keyframes cs-reveal{0%{clip-path:inset(100% 0 0);transform:translateY(14%)scale(.96)}to{clip-path:inset(0);transform:translateY(0)scale(1)}}@keyframes cs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}@keyframes cs-sheen{to{background-position:-50% 0}}@keyframes cs-draw{to{stroke-dashoffset:0}}@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cs *,.cs :before{animation:none!important}.cs-can{clip-path:none}.cs-ring{stroke-dashoffset:0}.cs-shadow{opacity:1}}