/* Trisect Media Photography V6 — additions only. Main design remains intact. */
/* Photography filters use the same visual language as the film filters. */
.photo-filter-row {margin:0 0 35px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.photo-filter-row .filter-button {cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.photo-filter-row .filter-button:hover {border-color:#c8ba99;color:#f1ede4}
.photo-filter-row .filter-button[aria-pressed="true"]:hover {color:var(--ink)}
.photography-grid .photo-card[hidden] {display:none!important}
#photo-filter-empty[hidden] {display:none!important}
/* Embedded official Lightroom gallery inside the existing album page. */
.tm-lightroom-panel {margin:20px 0 84px;width:100%;display:grid;gap:18px}
.tm-lightroom-panel iframe {display:block;width:100%;height:clamp(510px,74vh,920px);border:1px solid #414039;border-radius:16px;background:#1a1b19;box-shadow:0 18px 48px rgba(0,0,0,.25)}
.tm-lightroom-panel .tm-lightroom-external {justify-self:start}
.tm-lightroom-notice {color:#c7c7c0;line-height:1.7;margin:0}
#album-grid[hidden],#album-lightbox[hidden] {display:none!important}
/* More refined overlapping two-photo hero composition, no new asset required. */
.hero-photo .main-photo {border-radius:18px;box-shadow:0 25px 65px rgba(0,0,0,.35)}
.hero-photo .secondary-photo {border-radius:15px;box-shadow:0 0 0 10px var(--ink),0 18px 46px rgba(0,0,0,.28)}
.vertical-text {font-weight:600;color:#d4d1c5;letter-spacing:.21em}
@media (min-width:761px) {
  /* Bring desktop squiggle closer to the highlighted word; leave mobile unchanged. */
  .hero .tm-ink-stroke {bottom:-.015em}
  .hero-photo .secondary-photo {rotate:1deg}
}
@media (max-width:760px) {
  .site-footer .footer-main img {width:130px;height:auto;max-width:100%}
  .hero-photo .main-photo {border-radius:14px}
  .hero-photo .secondary-photo {border-radius:12px;box-shadow:0 0 0 7px var(--ink),0 12px 24px rgba(0,0,0,.27)}
  .hero .tm-ink-stroke {bottom:-.085em}
  .tm-lightroom-panel iframe {height:min(76vh,720px);min-height:450px;border-radius:12px}
}
@media (max-width:440px) {
  .site-footer .footer-main img {width:116px;height:auto}
  .photo-filter-row {gap:7px;margin-bottom:25px}
  .photo-filter-row .filter-button {padding:8px 13px;font-size:12px}
}
@media (prefers-reduced-motion:reduce) {
  .photo-filter-row .filter-button {transition:none}
}