/* Public content pages: presentation only; filtering and lightbox states stay in JS. */
body.about-page .about-page-main,
body.gallery-page .gallery-page-main { overflow: visible; }

body.about-page .about-intro-card {
  width: min(1180px, calc(100% - 48px)); margin: 64px auto; padding: 0;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  opacity: 1; transform: none; animation: none;
}
body.about-page .about-intro-card::before,
body.about-page .about-intro-card::after,
body.about-page .about-team::before,
body.about-page .team-member::before,
body.about-page .team-member::after,
body.about-page .about-section-heading h2::after,
body.gallery-page .gallery-section::before,
body.gallery-page .gallery-section-heading h2::after,
body.gallery-page .gallery-card::before,
body.gallery-page .gallery-card::after,
body.gallery-page .gallery-caption h3::after { display: none; }
body.about-page .about-intro-section {
  display: grid; grid-template-columns: minmax(200px, .6fr) minmax(0, 1.4fr); gap: 32px;
  margin: 0 0 34px; padding: 0 0 34px; border-color: #d9cbb9; text-align: left;
}
body.about-page .about-intro-section:last-child { margin-bottom: 0; padding-bottom: 0; }
body.about-page .about-intro-section h2 {
  margin: 0; color: #191511; font-family: var(--heading-font);
  font-size: clamp(26px, 2.4vw, 34px); line-height: 1.15; letter-spacing: -.035em;
}
body.about-page .about-intro-section p,
body.about-page .about-check-list { width: 100%; max-width: 70ch; margin: 0; }
body.about-page .about-intro-section p { color: #65513e; font-size: 16px; line-height: 1.85; }
body.about-page .about-intro-section a {
  color: #735035; font-family: var(--body-font); font-weight: 800;
  text-decoration: underline; text-underline-offset: 3px;
}
body.about-page .about-intro-section a:hover { color: #191511; }
body.about-page .about-intro-section strong { color: #24190f; }
body.about-page .about-check-list { gap: 14px; }
body.about-page .about-check-list li,
body.about-page .about-check-list li:hover {
  padding: 0 0 0 26px; border: 0; border-radius: 0; background: none;
  color: #65513e; font-size: 16px; line-height: 1.6; box-shadow: none; transform: none;
}
body.about-page .about-check-list li::before {
  content: ""; width: 7px; height: 12px; left: 3px; top: 6px;
  border: solid #8a582d; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
body.about-page .about-team,
body.about-page .about-team:nth-of-type(even) {
  padding: 64px 24px 72px; background: #191511; border: 0;
}
body.about-page .about-section-heading {
  width: min(1180px, 100%); margin: 0 auto 40px; text-align: left;
}
body.about-page .about-section-heading h2 {
  color: #f4eddf; font-family: var(--heading-font); font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.12; letter-spacing: -.035em; text-wrap: balance;
}
body.about-page .about-section-heading p {
  width: 100%; max-width: 65ch; margin: 16px 0 0;
  color: #c8bfb4; font-family: var(--body-font); font-size: 16px; line-height: 1.75;
}
body.about-page .team-container,
body.about-page .team-container.owners {
  width: min(1180px, 100%); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;
}
body.about-page .team-member,
body.about-page .team-member:hover {
  min-height: 0; padding: 0 !important; border: 0; border-radius: 0 !important;
  background: transparent; box-shadow: none; animation: none; opacity: 1; transform: none;
  align-items: flex-start; text-align: left !important;
}
body.about-page .team-member img,
body.about-page .team-member:hover img {
  width: 220px !important; height: 220px !important; max-width: 100% !important; max-height: none !important;
  margin: 0 0 24px !important; border: 0; border-radius: 8px;
  background: #f4eddf; object-fit: contain; box-shadow: none; transform: none;
}
body.about-page .team-member h3,
body.about-page .team-member:hover h3 {
  margin-bottom: 8px; color: #f4eddf; font-family: var(--heading-font);
  font-size: 28px !important; line-height: 1.15; letter-spacing: -.03em;
}
body.about-page .team-member p,
body.about-page .team-member:hover p {
  max-width: 45ch; color: #c8bfb4; font-family: var(--body-font);
  font-size: 16px !important; line-height: 1.7 !important;
}
body.about-page .team-member .team-role,
body.about-page .team-member:hover .team-role {
  color: #e6bd8e; font-family: var(--body-font); font-size: 12px !important;
}
body.about-page .about-team.about-hiring { background: #f4eddf; }
body.about-page .about-hiring .about-section-heading h2,
body.about-page .about-hiring .team-member h3 { color: #191511; }
body.about-page .about-hiring .about-section-heading p,
body.about-page .about-hiring .team-member p { color: #65513e; }
body.about-page .about-hiring .team-role { color: #735035; }
body.about-page .about-hiring .team-member {
  padding-top: 28px !important; border-top: 1px solid #d9cbb9;
}
body.about-page .hiring-placeholder,
body.about-page .team-member:hover .hiring-placeholder {
  width: auto !important; height: auto !important; max-width: 100% !important; max-height: none !important;
  margin: 0 0 22px !important; border: 0; border-radius: 5px;
  background: #e6bd8e; box-shadow: none; transform: none;
}
body.about-page .hiring-placeholder span {
  width: auto !important; height: auto !important; padding: 10px 14px;
  border-radius: 5px; background: none; color: #24190f; box-shadow: none;
  font-family: var(--body-font); font-size: 11px !important;
}

body.gallery-page .gallery-filter-section {
  width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 40px 0 0;
}
body.gallery-page .gallery-controls {
  grid-template-columns: minmax(0, 1fr) 260px; gap: 16px; padding: 0;
  background: none; border: 0; border-radius: 0; box-shadow: none;
}
body.gallery-page .gallery-controls input,
body.gallery-page .gallery-controls select {
  min-width: 0; height: 52px; padding: 0 16px; border: 1px solid #b8a590; border-radius: 5px;
  background: #fffaf2; color: #24190f; font-family: var(--body-font); font-size: 16px;
  box-shadow: none;
}
body.gallery-page .gallery-controls select { appearance: auto; -webkit-appearance: auto; }
body.gallery-page .gallery-controls input::placeholder { color: #76614e; opacity: 1; }
body.gallery-page .gallery-controls :is(input, select):focus {
  border-color: #735035; outline: 2px solid #735035; outline-offset: 3px; box-shadow: none;
}
body.gallery-page .gallery-section {
  padding: 48px 24px 64px; background: transparent; border: 0; overflow: visible;
}
body.gallery-page .gallery-section-heading {
  width: min(1180px, 100%); margin: 0 auto 32px; text-align: left;
}
body.gallery-page .gallery-section-heading h2 {
  color: #191511; font-family: var(--heading-font); font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.12; letter-spacing: -.035em;
}
body.gallery-page .gallery-section-heading p {
  width: 100%; max-width: 65ch; margin: 16px 0 0;
  color: #65513e; font-family: var(--body-font); font-size: 16px; line-height: 1.7;
}
body.gallery-page .gallery-grid {
  width: min(1180px, 100%); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px;
  opacity: 1; transform: none; animation: none;
}
body.gallery-page .gallery-card,
body.gallery-page .gallery-card:hover {
  min-height: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none;
  transform: none; text-align: left; overflow: visible;
}
body.gallery-page .gallery-card .lightbox-trigger { border-radius: 8px; overflow: hidden; }
body.gallery-page .gallery-card img,
body.gallery-page .gallery-card:hover img {
  width: 100%; height: clamp(340px, 40vw, 560px); padding: 16px;
  border: 0; background: #e9dfce; object-fit: contain; transform: none; filter: none;
}
body.gallery-page .gallery-caption { padding: 24px 0 0; align-items: flex-start; }
body.gallery-page .gallery-caption h3,
body.gallery-page .gallery-card:hover .gallery-caption h3 {
  color: #191511; font-family: var(--heading-font); font-size: 26px; line-height: 1.2;
  letter-spacing: -.03em;
}
body.gallery-page .gallery-caption p,
body.gallery-page .gallery-card:hover .gallery-caption p {
  color: #65513e; font-family: var(--body-font); font-size: 16px; line-height: 1.7;
}
body.gallery-page .gallery-caption .location,
body.gallery-page .gallery-card:hover .gallery-caption .location {
  padding: 0; border: 0; border-radius: 0; background: none; color: #735035;
  font-family: var(--body-font); font-size: 12px; line-height: 1.5;
}
body.gallery-page .gallery-empty-message {
  padding: 24px; border: 1px solid #d9cbb9; border-radius: 8px;
  background: #fffaf2; color: #65513e; font-family: var(--body-font); font-size: 16px;
}
body.gallery-page .gallery-consent { background: transparent; border-color: #d9cbb9; padding: 28px 24px; }
body.gallery-page .gallery-consent p { color: #65513e; font-family: var(--body-font); }
body.gallery-page .lightbox-overlay {
  z-index: 1000001; padding: 76px 80px; background: #191511f7;
  backdrop-filter: none; -webkit-backdrop-filter: none; animation: none;
}
body.gallery-page .lightbox-overlay img {
  max-width: min(1180px, calc(100vw - 160px)); max-height: calc(100dvh - 152px);
  border: 0; border-radius: 5px; background: #f4eddf; box-shadow: none; animation: none;
}
body.gallery-page .lightbox-close,
body.gallery-page .lightbox-nav {
  width: 48px; height: 48px; border: 1px solid #8b7660; border-radius: 5px;
  background: #2c251e; color: #f4eddf; font-family: var(--body-font); font-size: 28px;
}
body.gallery-page .lightbox-close:hover { transform: none; background: #493a2c; }
body.gallery-page .lightbox-nav:hover { background: #493a2c; }

@media (max-width: 680px) {
  body.about-page .about-intro-card { width: calc(100% - 40px); margin: 40px auto; }
  body.about-page .about-intro-section { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  body.about-page .about-team,
  body.about-page .about-team:nth-of-type(even) { padding: 40px 20px 48px; }
  body.about-page .about-section-heading { margin-bottom: 32px; }
  body.about-page .team-container,
  body.about-page .team-container.owners { gap: 36px !important; }
  body.gallery-page .gallery-filter-section { width: calc(100% - 40px); padding-top: 28px; }
  body.gallery-page .gallery-controls { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.gallery-page .gallery-section { padding: 36px 20px 44px; }
  body.gallery-page .gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  body.gallery-page .gallery-card img,
  body.gallery-page .gallery-card:hover img { height: auto; max-height: none; padding: 12px; }
  body.gallery-page .gallery-caption { padding-top: 20px; }
  body.gallery-page .lightbox-overlay { padding: 72px 16px 88px; }
  body.gallery-page .lightbox-overlay img { max-width: calc(100vw - 32px); max-height: calc(100dvh - 160px); }
  body.gallery-page .lightbox-close { top: 16px; right: 16px; }
  body.gallery-page .lightbox-nav { top: auto; bottom: max(20px, env(safe-area-inset-bottom)); transform: none; }
  body.gallery-page .lightbox-nav.prev { left: calc(50% - 56px); }
  body.gallery-page .lightbox-nav.next { right: calc(50% - 56px); }
}
@media (max-width: 360px) {
  body.about-page .about-intro-card,
  body.gallery-page .gallery-filter-section { width: calc(100% - 32px); }
  body.about-page .about-team,
  body.about-page .about-team:nth-of-type(even),
  body.gallery-page .gallery-section { padding-inline: 16px; }
}