/* Patch: restores utility classes missing from the original purged Tailwind
   build (styles-Cs0CNDc2.css). These were absent even in the original
   uploaded site — this file adds them back so mobile nav, hover states,
   card shadows and responsive type actually render correctly. */

.gap-5{gap:1.25rem}
.pt-6{padding-top:1.5rem}
.mt-10{margin-top:2.5rem}
.pb-6{padding-bottom:1.5rem}
.pb-8{padding-bottom:2rem}
.pl-5{padding-left:1.25rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.mb-1\.5{margin-bottom:.375rem}
.inline-block{display:inline-block}
.bg-gold{background-color:var(--gold)}
.text-background{color:var(--background)}
.hover\:text-gold:hover{color:var(--gold)}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:opacity-90:hover{opacity:.9}
.hover\:border-gold:hover{border-color:var(--gold)}
.group:hover .group-hover\:text-gold{color:var(--gold)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.group:hover .group-hover\:scale-\[1\.03\]{transform:scale(1.03)}
.h-\[80vh\]{height:80vh}
.leading-\[1\.05\]{line-height:1.05}
.text-\[10px\]{font-size:10px}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.tracking-\[0\.3em\]{letter-spacing:.3em}
.tracking-\[0\.4em\]{letter-spacing:.4em}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.shadow-\[0_30px_60px_-20px_rgba\(0\,0\,0\,0\.6\)\]{box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.bg-background\/80{background-color:color-mix(in srgb, var(--background) 80%, transparent)}
.bg-card\/50{background-color:color-mix(in srgb, var(--card) 50%, transparent)}
.\[column-fill\:_balance\]{column-fill:balance}

/* Hero gradient overlay: reconstructs the from/via/to background gradient
   without relying on purged Tailwind gradient-stop utilities. */
.from-background\/30.via-background\/40{
  background-image:linear-gradient(
    to bottom,
    color-mix(in srgb, var(--background) 30%, transparent) 0%,
    color-mix(in srgb, var(--background) 40%, transparent) 55%,
    var(--background) 100%
  );
}

@media (min-width:640px){
  .sm\:columns-2{columns:2}
}

@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:gap-8{gap:2rem}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}
  .md\:pb-24{padding-bottom:6rem}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .md\:text-5xl{font-size:3rem;line-height:1}
  .md\:text-6xl{font-size:3.75rem;line-height:1}
  .md\:text-7xl{font-size:4.5rem;line-height:1}
}

@media (min-width:1024px){
  .lg\:columns-3{columns:3}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:text-8xl{font-size:6rem;line-height:1}
}

/* Mobile menu + cookie banner support (new components, not in original) */
#mobile-nav.hidden{display:none}
#mobile-nav:not(.hidden){display:flex}
#cookie-banner.hidden{display:none}