:root{
  --brand:#e41e26;
  --muted:#6b7280;
  --logo-dark:#22262a;
  --beige:#f6efe8;
}

body{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; 
  background:#f8fafb;
}

.container{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:16px;
  padding-right:16px;
}

.reveal{
  opacity:0; 
  transform: translateY(18px); 
  transition: all .5s ease;
}

.reveal.visible{
  opacity:1; 
  transform: translateY(0);
}

.card{
  transition:all .25s ease;
}

.card:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* placeholder style */
.ph { 
  background:var(--beige); 
  border-radius:8px; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  color:#7a5b3a; 
  font-size:48px; 
}

.ph-sm { 
  height: 112px;
  aspect-ratio: 1;
}

.ph-md { 
  height: 180px; 
}

.ph-lg { 
  height:320px; 
}

header svg.logo { 
  height:44px; 
}