/* Homepage only: original artwork includes its emblem and brand text. */
.cosmic-home>.header{position:absolute;top:0;left:0;right:0;height:clamp(65px,5.6vw,94px);padding:0 4.8%;background:transparent;border-bottom:1px solid #d8bd8b25}
.cosmic-home>.header .brand{font-family:Georgia,serif;font-size:clamp(16px,1.65vw,28px);color:#edce78;letter-spacing:4px}
.cosmic-home>.header .brand b{color:inherit}
.cosmic-home>.header .mark{font-size:clamp(30px,3vw,50px)}
.cosmic-home>.header nav{font-family:Georgia,serif;font-size:clamp(14px,1.2vw,20px);gap:3.3vw;color:#f5ece5}
.cosmic-hero{display:block;min-height:0;max-height:none;height:auto;aspect-ratio:1672/941;overflow:hidden}
.cosmic-hero .hero-art{background:url('assets/cosmic-background.png') center top/100% 100% no-repeat}
.cosmic-copy{position:absolute;top:52.2%;left:4.8%;width:49%;font-family:Georgia,'Times New Roman',serif}
.cosmic-categories{font-family:inherit;font-size:clamp(11px,1.22vw,21px);line-height:1.4;font-weight:400;letter-spacing:1.5px;color:#efd179;margin:0;white-space:nowrap}
.cosmic-categories span{font-size:.6em;vertical-align:middle;margin:0 .45em}
.cosmic-tagline{font-size:clamp(13px,1.4vw,24px);line-height:1.5;margin:9px 0 0;color:#f3e9ea;white-space:nowrap;text-shadow:0 2px 5px #000}
.cosmic-actions{display:grid;grid-template-columns:1.04fr 1fr;gap:1.8vw;margin-top:2.7vw}
.cosmic-button{display:flex;align-items:center;justify-content:space-between;gap:.8vw;min-height:5.5vw;padding:.8vw 1.25vw;border:2px solid #c65bff;border-radius:1.4vw;background:radial-gradient(ellipse at 50% 100%,#ae31e777,transparent 58%),linear-gradient(125deg,#20053cda,#420e728c,#1b0a36ed);box-shadow:inset 0 0 20px #ad43ff66,0 0 15px #9625f544;color:#fff1ff;font-size:clamp(15px,1.55vw,26px);white-space:nowrap;text-shadow:0 0 8px #000;transition:filter .2s,transform .2s}
.cosmic-button.blue{border-color:#31beff;background:radial-gradient(ellipse at 25% 100%,#04bbfa77,transparent 60%),linear-gradient(125deg,#03213fef,#043568aa,#02182feb);box-shadow:inset 0 0 20px #239bef77,0 0 15px #109cff44}
.cosmic-button:hover{filter:brightness(1.2);transform:translateY(-2px)}
.cosmic-button svg{width:2.8vw;min-width:26px;height:3.6vw;min-height:35px;fill:#ae37ff55;stroke:#efc6ff;stroke-width:1.7;filter:drop-shadow(0 0 7px #c52eff)}
.cosmic-button.blue svg{fill:none;stroke:#bdffff;filter:drop-shadow(0 0 7px #00ceff)}
.cosmic-button .arrow{font-size:2.2vw;font-weight:400}
.cosmic-action>p{font-size:clamp(12px,1.18vw,20px);line-height:1.3;color:#dfb9ed;margin:10px 7px 0;text-shadow:0 2px 5px #000}
@media(max-width:850px){.cosmic-home>.header{height:65px}.cosmic-home>.header nav{top:65px;background:#101427f5;font-size:17px;gap:25px}.cosmic-home>.header .brand{letter-spacing:2px}.cosmic-home>.header .menu{background:#080c1b99}.cosmic-hero{aspect-ratio:auto;min-height:0;padding-top:57%;padding-bottom:35px;background:#090b1e}.cosmic-hero .hero-art{bottom:auto;height:56.28vw;background-size:100% 100%}.cosmic-copy{position:relative;top:auto;left:auto;width:auto;margin:0 5%;padding-top:15px}.cosmic-categories{white-space:normal;font-size:13px;letter-spacing:1px;line-height:1.8}.cosmic-tagline{white-space:normal;font-size:18px;max-width:650px}.cosmic-actions{gap:20px;margin-top:28px}.cosmic-button{font-size:18px;min-height:70px;padding:12px 15px;border-radius:16px;gap:12px}.cosmic-button svg{width:32px;height:42px}.cosmic-button .arrow{font-size:27px}.cosmic-action>p{font-size:15px;line-height:1.5}}
@media(max-width:550px){.cosmic-home>.header .brand{font-size:12px;letter-spacing:1.5px}.cosmic-home>.header .mark{font-size:30px}.cosmic-home>.header{height:55px}.cosmic-home>.header nav{top:55px}.cosmic-actions{grid-template-columns:1fr;gap:24px}.cosmic-button{justify-content:start;font-size:21px}.cosmic-button .arrow{margin-left:auto}.cosmic-action>p br{display:none}.cosmic-categories{font-size:12px}.cosmic-tagline{font-size:17px}}
@media(prefers-reduced-motion:reduce){.cosmic-button{transition:none}.cosmic-button:hover{transform:none}}

/* Readability only: local shading, without changing layout or artwork. */
.cosmic-home>.header{
  background:transparent;
  border-bottom-color:transparent;
}
.cosmic-home>.header nav{
  background:linear-gradient(180deg,rgba(5,8,22,.91),rgba(5,8,22,.84));
  box-shadow:0 0 0 12px rgba(5,8,22,.84);
  color:#fff8ee;
  text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.8);
}
.cosmic-categories,
.cosmic-tagline,
.cosmic-action>p{
  background:linear-gradient(90deg,rgba(5,8,22,.92),rgba(5,8,22,.84));
  box-shadow:0 0 14px 8px rgba(5,8,22,.7);
  text-shadow:0 1px 2px #000,0 2px 5px rgba(0,0,0,.95);
}
.cosmic-home>.header .brand,
.cosmic-home>.header .brand b{color:#B99AFF}
.cosmic-categories{color:#76D7FF}
.cosmic-tagline{color:#D5B9FF}
.cosmic-action>p{color:#f2dfff}
@media(max-width:850px){
  .cosmic-home>.header nav{background:transparent;box-shadow:none}
  .cosmic-home>.header nav a{
    background:linear-gradient(90deg,rgba(5,8,22,.96) 0,rgba(5,8,22,.96) 160px,transparent 200px);
  }
  .cosmic-home>.header .menu{color:#fff8ee;background:rgba(5,8,22,.9)}
}

/* Move the complete desktop text/button block; do not change the artwork. */
@media(min-width:851px){
  .cosmic-copy{top:auto;bottom:2.5%}
}