/*
Theme Name: Space 2047 Header Concept
Theme URI: https://space2047.com
Author: Benjamin Robinson
Description: Safe Space 2047 header concept theme with black starfield hero, large logo area, and spaceship artwork.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: space2047-header-concept
*/

:root{
  --s2047-gold:#f4c542;
  --s2047-cyan:#87f7ff;
  --s2047-bg:#000;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:#000;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
}

.s2047-hero{
  min-height:620px;
  background:
    radial-gradient(circle at 15% 20%, rgba(120,247,255,.18), transparent 26%),
    radial-gradient(circle at 70% 60%, rgba(40,120,255,.15), transparent 28%),
    #000;
  position:relative;
  overflow:hidden;
  padding:70px 5vw 65px;
}

.s2047-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(#fff 0.8px, transparent 1px),
    radial-gradient(#87f7ff 0.6px, transparent 1px);
  background-size:34px 34px, 57px 57px;
  background-position:0 0, 11px 19px;
  opacity:.75;
}

.s2047-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(280px, 42%) 1fr;
  gap:34px;
  align-items:center;
  max-width:1400px;
  margin:0 auto;
}

.s2047-copy{
  text-align:center;
}

.s2047-kicker{
  letter-spacing:.42em;
  font-weight:900;
  font-size:16px;
  margin:0 0 12px;
}

.s2047-logo{
  margin:0;
  line-height:.86;
  font-size:clamp(76px, 10vw, 150px);
  font-weight:950;
  color:#eaffff;
  text-shadow:
    0 0 10px rgba(135,247,255,.95),
    0 0 24px rgba(0,210,255,.9),
    0 12px 0 rgba(0,0,0,.55),
    8px 18px 22px rgba(0,0,0,.95);
}

.s2047-subtitle{
  margin:26px auto 20px;
  color:var(--s2047-gold);
  font-size:clamp(24px, 3vw, 42px);
  font-weight:950;
  line-height:1.08;
  letter-spacing:.05em;
  text-shadow:0 4px 8px #000;
}

.s2047-description{
  max-width:620px;
  margin:0 auto 30px;
  font-size:18px;
  line-height:1.55;
  text-shadow:0 3px 8px #000;
}

.s2047-button{
  display:inline-block;
  background:linear-gradient(#ffe47a, #d99e19);
  color:#050505;
  padding:16px 34px;
  border-radius:6px;
  border:2px solid rgba(255,255,255,.35);
  font-weight:950;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.6);
}

.s2047-ship-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
}

.s2047-ship{
  width:100%;
  max-width:760px;
  height:auto;
  display:block;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  filter:drop-shadow(0 0 22px rgba(70,180,255,.55));
}

@media (max-width: 850px){
  .s2047-hero{padding:50px 22px 46px}
  .s2047-hero-inner{grid-template-columns:1fr}
  .s2047-ship{max-width:100%}
}