/* --- AtenWonder: light cleanup overrides layered on top of HTML5 UP "Eventually" --- */
/* Design tokens */
:root{
  --bg:#000;
  --text:rgba(255,255,255,.80);
  --muted:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.25);
  --accent:#1cb495;
  --accent-2:#1fcaa7;
}

/* Global tweaks */
body{color:var(--text);background:var(--bg);}
a{color:var(--accent);border-bottom-color:rgba(255,255,255,.3);}
a:hover{color:var(--accent);}
h1,h2,h3{letter-spacing:.2px}

/* Layout helpers */
.container{max-width:1024px;margin:0 auto;padding:0 1.25rem}
.stack{display:flex;flex-direction:column;gap:1.25rem}
.section{margin-top:3rem}
.center{text-align:center}

/* Video hero */
.hero-video{width:100%;height:auto;max-width:1024px;border-radius:10px}

/* Headings spacing */
.section-title{margin:2rem 0 1rem}

/* Forms */
form{max-width:1024px}
input[type="text"],input[type="email"],textarea{
  background-color:rgba(255,255,255,.05);
}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{
  outline:2px solid var(--accent);box-shadow:0 0 0 3px rgba(28,180,149,.15);
}
.button, button, input[type="submit"]{padding:0 1.25rem}

/* Newsletter */
#newsletter-form{display:flex;gap:.75rem;flex-wrap:wrap}
#newsletter-form input[type="email"]{flex:1;min-width:240px}

/* Contact */
#contact-form{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}
#contact-form textarea{grid-column:1/-1;min-height:110px;resize:vertical}
@media (max-width:720px){
  #contact-form{grid-template-columns:1fr}
}

/* Footer */
#footer{opacity:.9}
#footer .copyright li{border-left:1px solid var(--line)}