/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',sans-serif; background:#fafafa; color:#333; font-size:14px; }
.container { max-width:1200px; margin:0 auto; padding:0 15px; }

/* Navbar */
.navbar { position:fixed; top:0; width:100%; background:#fff; backdrop-filter:blur(10px); z-index:1000; padding:.8rem 0; border-bottom:1px solid rgba(0,0,0,.1); }
.nav-container { display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:0 auto; padding:0 15px; }
.site-logo { height:97px; margin-right:2.5rem; } /* +10% */
.logo h1 { display:none; }
.nav-menu { display:flex; gap:1.2rem; }
.nav-menu a { text-decoration:none; color:#333; font-weight:500; font-size:.9rem; }
.nav-menu a:hover, .nav-menu a.active { color:#000; }

/* Hero */
.hero { height:30vh; /* smaller */ display:flex; align-items:center; justify-content:center; text-align:center;
       background:linear-gradient(135deg,#222,#444,#666,#888); margin-top:97px; padding:0 15px; }
.hero-content h2 { font-family:'Playfair Display',serif; font-size:1.6rem; color:#fff; margin-bottom:.3rem; font-weight:400; text-shadow:0 2px 4px rgba(0,0,0,.5); }
.hero-content p { font-size:.8rem; color:#ddd; font-style:italic; text-shadow:0 1px 3px rgba(0,0,0,.5); }

/* Section Headers */
.category-section { padding:3rem 0; background:#fff; }
.section-header { text-align:center; margin-bottom:1.5rem; }
.section-header h3 { font-family:'Playfair Display',serif; font-size:1.6rem; color:#000; }
.section-header p { font-size:.9rem; color:#666; font-style:italic; }

/* Media Grid */
.media-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1rem; margin-top:1rem; }
/* 9:16 aspect ratio */
.media-item { position:relative; width:100%; padding-top:177.78%; overflow:hidden; border-radius:8px; background:#f5f5f5; cursor:pointer; transition:transform .3s,box-shadow .3s; }
.media-item:hover { transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,.1); }
.media-item img, .media-item video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

/* Contact */
.contact-section { padding:4rem 0; background:#000; color:#fff; text-align:center; }
.contact-content { display:flex; flex-direction:column; align-items:center; gap:1rem; }
.contact-content h3 { font-family:'Playfair Display',serif; font-size:1.8rem; font-weight:400; }
.contact-content p { font-size:1rem; color:#ccc; }
.contact-info { display:flex; flex-wrap:wrap; gap:2rem; justify-content:center; }
.contact-link { color:#fff; text-decoration:none; padding:.8rem 1.5rem; border:2px solid #fff; border-radius:25px; transition:all .3s; }
.contact-link:hover { background:#fff; color:#000; }

/* Footer */
.footer { background:#000; color:#ccc; text-align:center; padding:1.5rem 0; }
.footer p { font-size:.8rem; }

/* Responsive */
@media(max-width:768px){
  .site-logo{height:87px;}
  .hero{height:25vh;margin-top:87px;}
  .media-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .site-logo{height:78px;}
  .hero{height:20vh;margin-top:78px;}
  .media-grid{grid-template-columns:1fr;}
}