/* GeeksInAGarage — denim blue + cream, November poster register */
:root{
  --denim:#23406B;
  --denim-deep:#16294A;
  --ink:#0B1626;
  --cream:#F7F2E4;
  --paper:#FBF8EF;
  --orange:#FF7A1A;
  --gold:#C9A227;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Verdana,Geneva,'Segoe UI',sans-serif;
  background:var(--denim-deep);
  color:var(--ink);
  line-height:1.65;
}
a{color:var(--denim)}
a:hover{color:var(--orange)}

.hero{background:var(--ink);border-bottom:6px solid var(--orange)}
.hero-art{display:block;width:100%;height:auto;max-height:70vh;object-fit:cover}
.hero-text{
  text-align:center;padding:2.6rem 1.5rem 2.8rem;
  background:linear-gradient(180deg, var(--denim) 0%, var(--denim-deep) 100%);
  color:var(--cream);
}
.hero-text h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:.04em;text-transform:uppercase;
}
.tagline{font-size:clamp(1.05rem,2.4vw,1.3rem);font-style:italic;color:#E9E2CE;margin-top:.6rem}
.premiere{
  margin-top:1.1rem;display:inline-block;
  background:var(--orange);color:#1A1206;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;
  padding:.5rem 1.1rem;border-radius:999px;
}
.socials{margin-top:1.6rem;display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.socials a{
  color:var(--cream);text-decoration:none;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--cream);border-radius:999px;padding:.5rem 1.1rem;
}
.socials a:hover{background:var(--cream);color:var(--denim-deep)}

main{
  max-width:1000px;margin:2rem auto;padding:2.6rem 2rem;
  background:var(--paper);border-radius:6px;
  border-top:10px solid var(--cream);outline:1px solid rgba(11,22,38,.15);
  box-shadow:0 18px 44px rgba(0,0,0,.4);
}
section{margin-bottom:2.8rem}
section:last-child{margin-bottom:.4rem}
h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--denim);
  border-bottom:3px solid var(--orange);padding-bottom:.35rem;margin-bottom:1rem;
}
p{margin-bottom:1rem;max-width:46rem}

.crew{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem}
.member{
  background:var(--cream);border:1px solid #D9D2BC;border-top:6px solid var(--denim);
  border-radius:8px;padding:1.1rem 1.1rem 1.2rem;
}
.member h3{font-family:Georgia,serif;font-size:1.3rem;color:var(--denim-deep);margin-bottom:.4rem}
.member p{font-size:.95rem;margin-bottom:0}

.emblem{display:block;width:min(300px,70vw);height:auto;margin:1.4rem auto 0;border-radius:50%}

footer{text-align:center;color:#B9C4D6;padding:0 1rem 2.4rem;font-size:.92rem}
footer a{color:var(--gold)}
@media (max-width:640px){ main{margin:1rem .6rem;padding:2rem 1.2rem} }