@font-face{font-family:'Outfit';src:url('../assets/fonts/Outfit-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Outfit';src:url('../assets/fonts/Outfit-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Outfit';src:url('../assets/fonts/Outfit-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{
  --beige:#e7e2d9;
  --ink:#1a1a1a;
  --ink-muted:#6f6f6f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
a{text-decoration:none;color:inherit}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
/* HERO */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;
  background-position:center;background-size:cover;background-repeat:no-repeat;border-bottom:6px solid var(--beige)}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero-inner{position:relative;z-index:2}
.hero-logo{display:block;margin:0 auto 16px auto;max-width:340px;width:60vw;height:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.35))}
.hero-links{margin-top:12px;font-weight:600;opacity:.95}
.hero-links a{display:inline-block;margin:0 10px;color:#e8e8e8}
.hero-links .dot{opacity:.6}
/* BEIGE SECTION */
.beige{background:var(--beige);padding:40px 0 60px 0}
.beige-illustration{display:block;margin:24px auto;max-width:780px;width:88vw;height:auto}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.gallery img{width:100%;height:240px;object-fit:cover;border-radius:10px;filter:grayscale(100%) contrast(1.05)}
.footer{background:var(--beige);padding:20px 0;color:var(--ink-muted);text-align:center;border-top:1px solid #d9d2c6}
@media (max-width:960px){
  .gallery{grid-template-columns:repeat(2,1fr)}
  .hero{min-height:70vh}
}