*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#ffffff;
  color:#111827;
}
.page{min-height:100vh}
.container{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;
}
.hero{
  padding:96px 0 56px;
  background:#ffffff;
}
.brand{
  margin:0 0 16px;
  color:#6b001e;
  font-size:14px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero h1{
  margin:0;
  max-width:980px;
  color:#0f172a;
  font-size:clamp(30px,4.8vw,60px);
  line-height:1.14;
}
.contact-section{
  padding:24px 0 72px;
  background:#ffffff;
}
.contact-section h2{
  margin:0 0 24px;
  color:#6b001e;
  font-size:clamp(28px,3vw,40px);
}
.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.contact-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:24px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.contact-card h3{
  margin:0 0 12px;
  color:#0f172a;
}
.contact-card p{
  margin:0 0 10px;
  line-height:1.7;
}
.contact-card a{
  color:inherit;
  text-decoration:none;
}
.contact-card a:hover{
  text-decoration:underline;
}
@media (max-width:768px){
  .hero{padding:64px 0 28px}
  .contact-grid{grid-template-columns:1fr}
}