/* Restrained, traditional gallery styling; original artwork remains untouched. */
html:root {
  --offwhite: #faf9f6;
  --sand: #eae5da;
  --deep-navy: #293e42;
  --text-dark: #333b3b;
  --sea-blue: #526d71;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Source Sans 3", sans-serif;
  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1.0625rem;
  --text-xl: clamp(1.7rem, 2.5vw, 2.25rem);
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
}
html body { font-family: var(--font-body); }
html body::before { display: none; }
html header { background: rgba(250,249,246,.97); border-color: #deddd7; }
html .nav-container { max-width: 1200px; padding-block: var(--space-4); }
html .logo { font-family: var(--font-display); font-size: 1.55rem; letter-spacing: .025em; text-transform: none; }
html nav ul { font-size: var(--text-xs); letter-spacing: .1em; }
html nav a { display: inline-flex; align-items: center; min-height: 44px; }
html .hero {
  min-height: 66vh;
  padding-block: 9rem 4.5rem;
  background-image: linear-gradient(rgba(22,37,39,.65),rgba(22,37,39,.65)),url("Chappy.png");
}
html .hero-kicker { font-size: var(--text-xs); letter-spacing: .24em; }
html .hero-title { font-family: var(--font-display); font-weight: 500; font-size: clamp(3rem,6vw,5rem); text-transform: none; letter-spacing: .015em; line-height: 1.12; text-shadow: none; }
html .hero-subtitle { font-size: var(--text-base); max-width: 35rem; margin-block: var(--space-6) var(--space-8); }
html .hero-note { font-size: var(--text-sm); margin-top: var(--space-8); }
html .btn, html .btn-card { border-radius: 2px; box-shadow: none; min-height: 44px; font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: .08em; }
html .btn:hover, html .btn-card:hover { transform: none; box-shadow: none; }
html main { max-width: 1200px; padding-top: var(--space-8); }
html main section { padding-block: var(--space-16); }
html .section-heading { margin-bottom: var(--space-8); gap: var(--space-6); }
html .section-heading h2 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500; letter-spacing: .015em; text-transform: none; }
html .section-heading p { font-size: var(--text-base); color: #58615e; }
html .gallery-grid { gap: var(--space-8); }
html .gallery-item, html .gallery-item:hover { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
html .gallery-img-wrap { background: #efede7; }
html #current-gallery .gallery-img-wrap { padding-top: 77%; }
html .gallery-img-wrap img { padding: var(--space-4); }
html .gallery-meta { padding: var(--space-6) 0 var(--space-8); border-bottom: 1px solid #deddd7; gap: var(--space-4); }
html .gallery-meta h3 { font-family: var(--font-display); font-size: 1.75rem; font-weight: 600; line-height: 1.2; margin-bottom: .5rem; }
html .gallery-meta h3::after { display: none; }
html .badge { margin: 0 0 var(--space-4); font-size: var(--text-xs); letter-spacing: .15em; }
html .meta-lines { font-size: var(--text-sm); }
html .price { font-weight: 500; font-size: var(--text-base); }
html .card-actions { gap: .5rem; }
html .bio-portrait { border-radius: 2px; box-shadow: none; }
html .bio-highlight { border-radius: 2px; box-shadow: none; padding: var(--space-6); background: #efede7; }
html .modal { border-radius: 3px; }
html .modal-title { font-family: var(--font-display); font-size: var(--text-xl); }
html .modal-close { min-width: 44px; min-height: 44px; }
@media (max-width: 720px) {
  html .nav-container { gap: 0; padding-block: .5rem; }
  html nav ul { gap: .8rem; font-size: .75rem; letter-spacing: .045em; }
  html .hero { padding-top: 9rem; min-height: 620px; }
  html .hero-title { font-size: 3.25rem; }
  html main section { padding-block: var(--space-12); }
  html .gallery-grid { grid-template-columns: minmax(0,1fr); }
  html .gallery-meta h3 { font-size: 1.6rem; }
  html .btn-card { padding-inline: .8rem; }
}