/*
 * Minimal utility layer for the standalone landing page.
 * Replaces the Tailwind CDN runtime with the small subset used by index.php.
 */
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-x-4{column-gap:1rem}
.gap-y-2{row-gap:.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-10{margin-top:2.5rem}
.mb-0{margin-bottom:0}
.mb-10{margin-bottom:2.5rem}
.p-5{padding:1.25rem}
.w-fit{width:fit-content}
.max-w-sm{max-width:24rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.max-w-3xl{max-width:48rem}
.font-display{font-family:"Russo One","Oswald",sans-serif}
.font-condensed{font-family:"Oswald","Roboto",sans-serif}
.text-left{text-align:left}
.text-center{text-align:center}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.text-7xl{font-size:4.5rem;line-height:1}
.text-8xl{font-size:6rem;line-height:1}
.leading-tight{line-height:1.25}
.uppercase{text-transform:uppercase}
.tracking-widest{letter-spacing:.1em}
.tracking-\[0\.22em\]{letter-spacing:.22em}
.text-rust{color:#d97c2b}
.text-stone-300{color:#d6d3d1}
.text-stone-400{color:#a8a29e}
.text-stone-600{color:#57534e}
.text-stone-700{color:#44403c}
.hover\:text-rust:hover{color:#d97c2b}
.line-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:items-end{align-items:flex-end}
  .md\:justify-between{justify-content:space-between}
  .md\:p-8{padding:2rem}
  .md\:text-7xl{font-size:4.5rem;line-height:1}
  .md\:text-8xl{font-size:6rem;line-height:1}
}

@media (min-width:1024px){
  .lg\:flex-row{flex-direction:row}
  .lg\:items-end{align-items:flex-end}
  .lg\:justify-between{justify-content:space-between}
}
