/* GOLDEN INK — Gallery & Lightbox */

/* Gallery Hero Band */
.gallery-hero { padding: 140px 0 60px; background: var(--surface); border-bottom: 1px solid var(--border); }
.gallery-hero__inner { display: flex; justify-content: space-between; align-items: center; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); gap: 2rem; flex-wrap: wrap; }
.gallery-hero__stats { display: flex; gap: 3rem; }
.gallery-hero__stat { text-align: center; }
.gallery-hero__stat-number { font-family: var(--font-heading); font-weight: 700; font-size: var(--text-3xl); color: var(--gold); }
.gallery-hero__stat-label { font-size: var(--text-xs); color: var(--muted); text-transform: uppercase; letter-spacing: 0.1em; }

/* Sticky Filter */
.gallery-filter { position: sticky; top: 72px; z-index: 50; background: rgba(10,10,10,0.95); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); padding: 16px 0; }
.gallery-filter__inner { display: flex; justify-content: center; gap: 0.5rem; flex-wrap: wrap; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); }

/* Masonry Grid */
.gallery-grid { columns: 4; column-gap: 12px; max-width: var(--container); margin-inline: auto; padding: 2rem var(--container-pad); }
.gallery-item { break-inside: avoid; margin-bottom: 12px; overflow: hidden; border-radius: var(--radius-sm); position: relative; cursor: pointer; }
.gallery-item img { width: 100%; display: block; transition: transform 500ms var(--ease); }
.gallery-item:hover img { transform: scale(1.04); }
.gallery-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.85) 0%, transparent 50%); opacity: 0; transition: opacity var(--mid) var(--ease); display: flex; flex-direction: column; justify-content: flex-end; padding: 1rem; }
.gallery-item:hover .gallery-overlay { opacity: 1; }
.overlay-category { font-size: var(--text-xs); color: var(--gold); text-transform: uppercase; letter-spacing: 0.1em; }
.overlay-artist { font-size: 12px; color: var(--muted); margin-top: 4px; }

/* Load More */
.load-more-wrap { text-align: center; padding: 2rem 0 4rem; }

/* Lightbox */
.lightbox { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.95); display: none; align-items: center; justify-content: center; }
.lightbox.open { display: flex; }
.lb-close { position: absolute; top: 1rem; right: 1rem; width: 44px; height: 44px; font-size: var(--text-xl); color: var(--white); cursor: pointer; z-index: 10; border: 1px solid var(--border); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color var(--fast) var(--ease); }
.lb-close:hover { border-color: var(--gold); color: var(--gold); }
.lb-prev, .lb-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; font-size: var(--text-lg); color: var(--white); cursor: pointer; border: 1px solid var(--border); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all var(--fast) var(--ease); }
.lb-prev { left: 1rem; }
.lb-next { right: 1rem; }
.lb-prev:hover, .lb-next:hover { border-color: var(--gold); color: var(--gold); }
.lb-content { text-align: center; max-width: 90vw; max-height: 90vh; }
.lb-image { max-width: 100%; max-height: 80vh; object-fit: contain; border-radius: var(--radius-sm); }
.lb-info { margin-top: 1rem; }
.lb-info .lb-category { font-size: var(--text-sm); color: var(--gold); }
.lb-info .lb-artist { font-size: var(--text-xs); color: var(--muted); margin-left: 1rem; }
.lb-counter { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); font-size: var(--text-xs); color: var(--muted); }

/* About Page */
.about-story { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); align-items: center; }
.about-story__text p { color: var(--muted); line-height: 1.9; margin-bottom: 1rem; }
.about-story__image img { width: 100%; border-radius: var(--radius-md); }

/* Values Grid */
.values-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); }
.value-card { background: var(--surface); border: 1px solid var(--border); border-left: 4px solid var(--gold); border-radius: var(--radius-md); padding: 2rem; transition: transform var(--fast) var(--ease); }
.value-card:hover { transform: translateY(-4px); }
.value-card__icon { font-size: 1.5rem; margin-bottom: 0.75rem; }
.value-card h3 { font-family: var(--font-body); font-size: var(--text-sm); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gold); margin-bottom: 0.5rem; }
.value-card p { font-size: var(--text-sm); color: var(--muted); line-height: 1.7; }

/* Artist Cards */
.artist-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); }
.artist-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; }
.artist-card__image { aspect-ratio: 1; overflow: hidden; }
.artist-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); }
.artist-card:hover .artist-card__image img { transform: scale(1.05); }
.artist-card__info { padding: 1.5rem; }
.artist-card__name { font-family: var(--font-heading); font-size: var(--text-xl); color: var(--white); margin-bottom: 0.25rem; }
.artist-card__title { font-family: var(--font-mono); font-size: 11px; color: var(--gold); text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.75rem; }
.artist-card__chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 0.75rem; }
.artist-card__chip { font-size: 11px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 100px; color: var(--muted); }
.artist-card__bio { font-size: var(--text-sm); color: var(--muted); line-height: 1.6; margin-bottom: 0.75rem; }
.artist-card__social { font-size: var(--text-sm); color: var(--gold); text-decoration: none; }

/* Studio Photos Grid */
.studio-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; gap: 12px; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); }
.studio-grid__item { border-radius: var(--radius-sm); overflow: hidden; }
.studio-grid__item--wide { grid-column: span 2; }
.studio-grid__item img { width: 100%; height: 100%; object-fit: cover; min-height: 200px; }

/* Cert Logo Grid */
.cert-grid { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); }
.cert-item { width: 100px; height: 100px; filter: grayscale(100%) brightness(0.6); transition: filter var(--mid) var(--ease); display: flex; align-items: center; justify-content: center; }
.cert-item:hover { filter: grayscale(0%) brightness(1); }
.cert-item img { max-width: 100%; max-height: 100%; }

/* Awards Timeline */
.awards-timeline { max-width: 800px; margin-inline: auto; padding-inline: var(--container-pad); position: relative; padding-left: 60px; }
.awards-timeline::before { content: ''; position: absolute; left: 20px; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, transparent, var(--gold), var(--gold), transparent); }
.award-entry { position: relative; margin-bottom: 2.5rem; }
.award-entry::before { content: ''; position: absolute; left: -48px; top: 8px; width: 12px; height: 12px; border-radius: 50%; background: var(--gold); border: 3px solid var(--black); z-index: 1; }
.award-entry__year { font-family: var(--font-mono); font-size: 12px; color: var(--gold); letter-spacing: 0.15em; margin-bottom: 0.5rem; }
.award-entry__card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 1.5rem; }
.award-entry__name { font-family: var(--font-display); font-size: var(--text-lg); color: var(--gold); margin-bottom: 0.25rem; }
.award-entry__org { font-size: var(--text-sm); color: var(--white); margin-bottom: 0.25rem; }
.award-entry__desc { font-size: var(--text-xs); color: var(--muted); }

/* Instagram Feed */
.insta-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; max-width: var(--container); margin-inline: auto; padding-inline: var(--container-pad); }
.insta-item { aspect-ratio: 1; overflow: hidden; position: relative; border-radius: var(--radius-sm); }
.insta-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); }
.insta-item:hover img { transform: scale(1.08); }
.insta-item__overlay { position: absolute; inset: 0; background: rgba(201,168,76,0.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity var(--mid) var(--ease); }
.insta-item:hover .insta-item__overlay { opacity: 1; }
.insta-item__overlay svg { width: 28px; height: 28px; fill: #fff; }

/* Legal Pages */
.legal-content { max-width: 800px; margin-inline: auto; padding: var(--section-gap) var(--container-pad); }
.legal-content h2 { font-size: var(--text-xl); margin-top: 2.5rem; margin-bottom: 1rem; color: var(--gold); }
.legal-content h3 { font-size: var(--text-lg); margin-top: 2rem; margin-bottom: 0.75rem; }
.legal-content p, .legal-content li { font-size: var(--text-sm); color: var(--muted); line-height: 1.8; margin-bottom: 0.75rem; }
.legal-content ul { padding-left: 1.5rem; }
.legal-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.legal-content th, .legal-content td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--border); font-size: var(--text-sm); }
.legal-content th { color: var(--gold); font-weight: 500; }
.legal-content td { color: var(--muted); }

/* Responsive */
@media (max-width: 1024px) {
  .gallery-grid { columns: 3; }
  .artist-grid { grid-template-columns: repeat(2, 1fr); }
  .insta-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .gallery-grid { columns: 2; }
  .gallery-hero__inner { flex-direction: column; text-align: center; }
  .gallery-hero__stats { justify-content: center; }
  .about-story { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .artist-grid { grid-template-columns: 1fr; }
  .studio-grid { grid-template-columns: 1fr; }
  .studio-grid__item--wide { grid-column: span 1; }
  .insta-grid { grid-template-columns: repeat(2, 1fr); }
  .awards-timeline { padding-left: 40px; }
  .award-entry::before { left: -28px; }
}