img {
max-width:100%;
height:auto;
display:block;
}

.rex-hero{
  background:#000;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:clamp(360px,42vw,460px);
  padding:40px 20px;
  margin-top:1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:1.4rem;
  box-shadow:0 10px 26px rgba(0,0,0,.16);
  text-align:center;
}

.rex-wordmark{
  font-size:clamp(4.75rem,13vw,8.5rem);
  font-weight:800;
  letter-spacing:.12em;
  line-height:.95;
  color:#d4af37;
  text-shadow:0 0 18px rgba(212,175,55,.12);
  margin-bottom:.65rem;
}

.rex-tagline{
  font-size:clamp(.88rem,2vw,1.1rem);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(244,227,171,.82);
}

.rex-logo{
  text-align:center;
  margin-bottom:30px;
}

.rex{
  font-size:56px;
  font-weight:700;
  letter-spacing:4px;
}

.rex-logo .rex-tagline{
  display:block;
  font-size:18px;
  opacity:0.8;
  margin-top:6px;
  letter-spacing:normal;
  text-transform:none;
}

.footer-links{
display:flex;
justify-content:center;
gap:.9rem;
flex-wrap:wrap;
margin:.75rem 0 .45rem;
}

.footer-links a{
text-decoration:none;
color:inherit;
opacity:.72;
}

@media(max-width:768px){
.page{padding:1rem}
.page > *{width:100%;max-width:720px;margin-left:auto;margin-right:auto}
.header-inner{padding:.8rem 1rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem}
.logo-wrap img{height:40px}
.brand{font-size:.88rem}
.subbrand{font-size:.62rem;line-height:1.3}
.nav-toggle{display:flex}
#site-nav{display:none;grid-column:1 / -1;flex-direction:column;width:100%;margin-top:.5rem;gap:0}
#site-nav.open{display:flex}
#site-nav a{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem}
.rex-hero{min-height:clamp(240px,52vw,300px);padding:28px 16px;border-radius:1rem;margin-top:.8rem;width:100%;margin-left:auto;margin-right:auto}
.rex-wordmark{font-size:clamp(3.2rem,16vw,5.2rem);letter-spacing:.1em;margin-bottom:.5rem}
.rex-tagline{font-size:.82rem;letter-spacing:.22em}
.hero{width:100%;margin-left:auto;margin-right:auto}
.card{width:100%;margin-left:auto;margin-right:auto}
}