:root{--cosmos-ring-width:80px;--cosmos-ring-height:150px;--cosmos-animation-duration:5s;--cosmos-item-radius:8px}.cosmos-hero{position:relative;width:100%;height:100svh;min-height:500px;max-height:100vh;overflow:hidden;background:var(--bg,hsl(var(--background)));display:flex;justify-content:center;align-items:center;contain:layout style paint;padding-top:80px}@supports (-webkit-touch-callout:none){.cosmos-hero{height:-webkit-fill-available;min-height:-webkit-fill-available}}.cosmos-heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;pointer-events:none;width:90%;max-width:600px;padding:0 1rem;box-sizing:border-box}.cosmos-heading h1{font-size:clamp(1.75rem,6vw + .5rem,5rem);font-weight:700;color:hsl(var(--foreground));text-transform:uppercase;letter-spacing:.05em;margin:0;text-shadow:0 0 40px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.3);line-height:1.1;word-break:keep-all;white-space:nowrap}.cosmos-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:translateZ(0);will-change:contents}.cosmos-ring{position:absolute;width:var(--cosmos-ring-width);height:var(--cosmos-ring-height);transition:transform .3s ease-out;will-change:transform}.cosmos-item{position:absolute;top:0;left:0;width:100%;height:100%;background:hsl(var(--muted));animation:cosmos-fall-and-disappear var(--cosmos-animation-duration) infinite ease-in-out;animation-delay:var(--item-delay,0s);transform-origin:bottom center;transform:scale(0);border-radius:var(--cosmos-item-radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);will-change:transform,opacity,top,left;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cosmos-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:-webkit-optimize-contrast}@keyframes cosmos-fall-and-disappear{0%{opacity:0;top:0;left:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}50%{opacity:1;top:-200px;left:-100px;transform:scale(1)}85%{opacity:.5}to{opacity:0;top:-150px;left:-300px;transform:scale(0)}}.cosmos-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,transparent 15%,hsl(var(--background)/.3) 35%,hsl(var(--background)/.6) 55%,hsl(var(--background)/.85) 70%,hsl(var(--background)) 85%);pointer-events:none;z-index:10}@media (min-width:1441px){:root{--cosmos-ring-width:100px;--cosmos-ring-height:180px}}@media (max-width:1440px){:root{--cosmos-ring-width:85px;--cosmos-ring-height:160px}}@media (max-width:1024px){:root{--cosmos-ring-width:70px;--cosmos-ring-height:130px;--cosmos-item-radius:6px}.cosmos-hero{min-height:450px}.cosmos-overlay{background:radial-gradient(ellipse at center,transparent 0,transparent 12%,hsl(var(--background)/.4) 30%,hsl(var(--background)/.7) 50%,hsl(var(--background)) 75%)}@keyframes cosmos-fall-and-disappear{0%{opacity:0;top:0;left:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}50%{opacity:1;top:-150px;left:-80px;transform:scale(1)}85%{opacity:.5}to{opacity:0;top:-120px;left:-200px;transform:scale(0)}}}@media (max-width:768px){:root{--cosmos-ring-width:55px;--cosmos-ring-height:100px;--cosmos-item-radius:5px}.cosmos-hero{height:100svh;min-height:400px}.cosmos-heading h1{font-size:clamp(1.5rem,8vw,2.75rem);letter-spacing:.03em}.cosmos-overlay{background:radial-gradient(ellipse at center,transparent 0,transparent 10%,hsl(var(--background)/.5) 25%,hsl(var(--background)/.8) 45%,hsl(var(--background)) 65%)}@keyframes cosmos-fall-and-disappear{0%{opacity:0;top:0;left:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}50%{opacity:1;top:-100px;left:-50px;transform:scale(1)}85%{opacity:.5}to{opacity:0;top:-80px;left:-130px;transform:scale(0)}}}@media (max-width:600px){:root{--cosmos-ring-width:48px;--cosmos-ring-height:85px}.cosmos-heading{width:95%;padding:0 .75rem}.cosmos-heading h1{font-size:clamp(1.4rem,9vw,2.25rem)}}@media (max-width:480px){:root{--cosmos-ring-width:42px;--cosmos-ring-height:75px;--cosmos-item-radius:4px;--cosmos-animation-duration:4.5s}.cosmos-hero{min-height:350px}.cosmos-heading h1{font-size:clamp(1.25rem,10vw,2rem);letter-spacing:.02em}.cosmos-item{box-shadow:0 2px 12px rgba(0,0,0,.25),0 1px 4px rgba(0,0,0,.15)}.cosmos-overlay{background:radial-gradient(ellipse at center,transparent 0,transparent 8%,hsl(var(--background)/.6) 20%,hsl(var(--background)/.85) 40%,hsl(var(--background)) 60%)}@keyframes cosmos-fall-and-disappear{0%{opacity:0;top:0;left:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}50%{opacity:1;top:-70px;left:-35px;transform:scale(1)}85%{opacity:.4}to{opacity:0;top:-55px;left:-90px;transform:scale(0)}}}@media (max-width:375px){:root{--cosmos-ring-width:36px;--cosmos-ring-height:64px;--cosmos-item-radius:3px;--cosmos-animation-duration:4s}.cosmos-hero{min-height:320px}.cosmos-heading{width:98%;padding:0 .5rem}.cosmos-heading h1{font-size:clamp(1.1rem,11vw,1.75rem)}.cosmos-overlay{background:radial-gradient(ellipse at center,transparent 0,transparent 5%,hsl(var(--background)/.65) 18%,hsl(var(--background)/.9) 35%,hsl(var(--background)) 55%)}@keyframes cosmos-fall-and-disappear{0%{opacity:0;top:0;left:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}50%{opacity:1;top:-50px;left:-25px;transform:scale(1)}85%{opacity:.3}to{opacity:0;top:-40px;left:-65px;transform:scale(0)}}}@media (max-width:320px){:root{--cosmos-ring-width:30px;--cosmos-ring-height:54px}.cosmos-heading h1{font-size:1rem;white-space:normal;word-break:normal}}@media (max-height:500px) and (orientation:landscape){:root{--cosmos-ring-width:40px;--cosmos-ring-height:70px}.cosmos-hero{min-height:100svh;height:100svh}.cosmos-heading h1{font-size:clamp(1.25rem,5vh,2rem)}.cosmos-overlay{background:radial-gradient(ellipse at center,transparent 0,transparent 10%,hsl(var(--background)/.5) 25%,hsl(var(--background)/.8) 45%,hsl(var(--background)) 65%)}}@media (max-height:400px) and (orientation:landscape){:root{--cosmos-ring-width:32px;--cosmos-ring-height:56px}.cosmos-heading h1{font-size:clamp(1rem,6vh,1.5rem)}}@media (prefers-reduced-motion:reduce){.cosmos-item{animation:cosmos-fade-only var(--cosmos-animation-duration) infinite ease-in-out}@keyframes cosmos-fade-only{0%,to{opacity:0;transform:scale(.9)}25%,75%{opacity:1;transform:scale(1)}}.cosmos-ring{transition:none}}@media (prefers-contrast:high){.cosmos-item{box-shadow:0 0 0 2px hsl(var(--foreground))}.cosmos-overlay{background:radial-gradient(ellipse at center,transparent 0,transparent 20%,hsl(var(--background)) 50%)}}@media (hover:none) and (pointer:coarse){.cosmos-item{--cosmos-animation-duration:4s}}@media print{.cosmos-hero{height:auto;min-height:auto;page-break-inside:avoid}.cosmos-container,.cosmos-overlay{display:none}.cosmos-heading{position:relative;transform:none;top:auto;left:auto}}