.cosmic-showcase{position:relative;min-height:540px;overflow:hidden;border:1px solid #71f2e6;border-radius:18px;background:#0c1830;box-shadow:0 25px 70px #0008}.cosmic-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07111df2,#07111d08 60%);pointer-events:none}.cosmic-showcase img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cosmic-showcase-copy{position:absolute;z-index:1;left:7%;right:7%;bottom:8%;color:#fff}.cosmic-showcase-copy .eyebrow{color:#7af1e7}.cosmic-showcase-copy h2{font:900 clamp(2.2rem,5vw,5.5rem)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:.15em 0}.cosmic-showcase-copy p{max-width:32ch;font-size:1.1rem}.cosmic-showcase-copy a{color:#bafff5;font-weight:800}.cosmic-resource-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cosmic-resource-strip a{position:relative;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;border:1px solid #6ae5df;border-radius:14px;background:linear-gradient(0deg,#06111de8,#06111d13),url('/assets/player-hub/cosmic-background.webp') center/cover;transition:transform .2s,border-color .2s}.cosmic-resource-strip a:nth-child(2){background-image:linear-gradient(0deg,#06111de8,#06111d13),url('/assets/player-hub/cosmic-competition-banner.webp')}.cosmic-resource-strip a:nth-child(3){background-image:linear-gradient(0deg,#06111de8,#06111d13),url('/assets/player-hub/cosmic-banner.webp')}.cosmic-resource-strip a:hover,.cosmic-resource-strip a:focus-visible{transform:translateY(-4px);border-color:#fff}.cosmic-resource-strip span{font:800 .78rem system-ui;letter-spacing:.16em;color:#7af1e7}.cosmic-resource-strip strong{font:900 clamp(1.6rem,2.3vw,2.6rem)/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:7px 0}.cosmic-resource-strip p{margin:0;line-height:1.4}.post-social{display:flex;flex-wrap:wrap;gap:8px}.post-social button{min-width:46px}@media(max-width:800px){.cosmic-showcase{min-height:410px}.cosmic-resource-strip{grid-template-columns:1fr}.cosmic-resource-strip a{min-height:180px}}@media(prefers-reduced-motion:reduce){.cosmic-resource-strip a{transition:none}}

/* Put card copy on a calm, high-contrast surface while retaining the artwork. */
.cosmic-resource-strip a{min-height:250px;padding:24px;border-color:#d2b97578;border-radius:18px;background-image:linear-gradient(to top,#0b1310 0%,#0b1310f5 34%,#0b131085 66%,#0b13100d 100%),url('/assets/player-hub/cosmic-background.webp');box-shadow:0 18px 42px #0006}
.cosmic-resource-strip a:nth-child(2){background-image:linear-gradient(to top,#0b1310 0%,#0b1310f5 34%,#0b131085 66%,#0b13100d 100%),url('/assets/player-hub/cosmic-competition-banner.webp')}
.cosmic-resource-strip a:nth-child(3){background-image:linear-gradient(to top,#0b1310 0%,#0b1310f5 34%,#0b131085 66%,#0b13100d 100%),url('/assets/player-hub/cosmic-banner.webp')}
.cosmic-resource-strip a:hover,.cosmic-resource-strip a:focus-visible{border-color:#e7d49b}
.cosmic-resource-strip a span{color:#e6cf8b;font-size:12px;line-height:1.4}
.cosmic-resource-strip a strong{font:400 clamp(1.8rem,2.3vw,2.4rem)/1.08 Georgia,serif;letter-spacing:-.035em;text-transform:none;color:#f4f1e8;text-shadow:0 2px 12px #000a;margin:10px 0 8px}
.cosmic-resource-strip a p{max-width:32ch;color:#edf2ed;font-size:15px;line-height:1.5;text-shadow:0 2px 8px #000b}
/* Home: editorial opening with gentle motion and clear routes into the work. */
body.home-page .hero{position:relative;isolation:isolate;overflow:hidden;gap:clamp(28px,4vw,68px);padding-block:clamp(42px,6vw,96px);border-bottom:1px solid #d7bf7755}
body.home-page .hero::before{content:"";position:absolute;inset:-30% -15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 17% 45%,#d7bc6323,transparent 31%),radial-gradient(ellipse at 76% 34%,#6bcdbd21,transparent 33%);animation:home-atmosphere 15s ease-in-out infinite alternate}
body.home-page .hero h1{max-width:15ch;text-wrap:balance}
body.home-page .hero .eyebrow{color:#e6cc7c;letter-spacing:.16em}
body.home-page .cosmic-showcase{transform:none;border-color:#d7bf77b3;border-radius:22px;box-shadow:0 34px 75px #000a,0 0 0 8px #d7bf770d;animation:home-showcase-rise 1.1s cubic-bezier(.2,.7,.2,1) both}
body.home-page .cosmic-showcase img{animation:home-image-drift 18s ease-in-out infinite alternate}
body.home-page .cosmic-showcase-copy{bottom:7%;left:7%;right:7%}
body.home-page .cosmic-showcase-copy h2{font-size:clamp(2.5rem,4vw,4.7rem)}
body.home-page .hero>.actions,body.home-page .hero .actions{position:relative}
body.home-page .hero .btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
body.home-page .hero .btn:hover,body.home-page .hero .btn:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px #0006}
.home-motion-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 24px}
.home-motion-band a{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:154px;overflow:hidden;padding:22px 24px;border:1px solid #c8b2727c;border-radius:15px;background:linear-gradient(145deg,#1b3024,#14241c 75%);color:#f3eee1;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-motion-band a:nth-child(2){background:linear-gradient(145deg,#1a3732,#122722 75%);border-color:#73cfc07c}
.home-motion-band a:nth-child(3){background:linear-gradient(145deg,#2f3020,#1b271b 75%)}
.home-motion-band a::before{content:"";position:absolute;inset:-100% auto -100% -80%;width:40%;transform:rotate(19deg);background:linear-gradient(90deg,transparent,#fff2,transparent);transition:left .7s ease;pointer-events:none}
.home-motion-band a:hover::before,.home-motion-band a:focus-visible::before{left:130%}
.home-motion-band a:hover,.home-motion-band a:focus-visible{transform:translateY(-5px);border-color:#e9d69b;box-shadow:0 16px 35px #0007}
.home-motion-band span{font:800 11px/1.3 system-ui;letter-spacing:.15em;color:#8de3d4}
.home-motion-band strong{font:400 clamp(23px,2.6vw,34px)/1.1 Georgia,serif;letter-spacing:-.03em}
.home-motion-band em{font:600 12px/1.2 system-ui;font-style:normal;color:#e9cc80}
body.home-page .cosmic-resource-strip a{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
body.home-page .cosmic-resource-strip a:hover,body.home-page .cosmic-resource-strip a:focus-visible{transform:translateY(-6px);box-shadow:0 24px 48px #0009}
@keyframes home-atmosphere{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.05)}}
@keyframes home-image-drift{from{transform:scale(1.03) translateX(-1%)}to{transform:scale(1.1) translateX(1%)}}
@keyframes home-showcase-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.home-motion-band{grid-template-columns:1fr}.home-motion-band a{min-height:116px}.home-page .cosmic-showcase{transform:none}}
@media(prefers-reduced-motion:reduce){body.home-page .hero::before,body.home-page .cosmic-showcase,body.home-page .cosmic-showcase img{animation:none}body.home-page .cosmic-showcase{transform:none}.home-motion-band a,.home-page .hero .btn,.home-page .cosmic-resource-strip a{transition:none}}

/* A level, non-slanted interaction that works with hover, keyboard focus and touch. */
.home-surprise{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:18px;align-items:start;margin:0 0 28px}
#toggle-btn{min-height:58px;padding:14px 20px;border:1px solid #d8c27e;border-radius:12px;background:#d2b975;color:#11170e;font:800 14px/1.3 system-ui;cursor:pointer;box-shadow:0 10px 28px #0004;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
#toggle-btn:hover,#toggle-btn:focus-visible,#toggle-btn[aria-expanded=true]{transform:translateY(-2px);background:#ead596;box-shadow:0 16px 34px #0006}
.home-surprise .box{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);min-height:58px;padding:17px 20px;margin:0;border:1px solid #73cfc07c;border-radius:12px;background:linear-gradient(135deg,#193129,#11241d);color:#f4f1e8;box-shadow:0 14px 34px #0005;transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
#toggle-btn:hover + .box,#toggle-btn:focus-visible + .box,#toggle-btn[aria-expanded=true] + .box{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.home-surprise .box strong{display:block;font:400 clamp(20px,2.4vw,28px)/1.2 Georgia,serif;color:#f4f1e8}
.home-surprise .box span{display:block;margin-top:3px;color:#9be6da;font:700 11px/1.4 system-ui;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:680px){.home-surprise{grid-template-columns:1fr}.home-surprise .box{min-height:82px}}
@media(prefers-reduced-motion:reduce){#toggle-btn,.home-surprise .box{transition:none;transform:none!important}}