.tour-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
#portfolioGrid .portfolio-item[hidden], #portfolioMore[hidden] { display:none; }
#portfolioGrid { scroll-margin-top:90px; }
.portfolio-expand { display:flex; flex-direction:column; align-items:center; gap:16px; margin-top:32px; }
.portfolio-expand p { font-size:14px; color:#aaa; }
.property-film-feature { margin:0 0 64px; }
.property-film-feature video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#080808; border-radius:6px; }
.property-film-feature figcaption { padding:16px 0; }
.property-film-feature h3 { font-size:20px; line-height:1.3; }
.property-film-viewer { margin-bottom:64px; }
.property-film-viewer .property-film-feature { margin-bottom:16px; }
.film-library-toggle { margin-bottom:20px; }
.film-library { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.film-choice { display:block; min-width:0; overflow:hidden; border:1px solid #444; border-radius:6px; text-align:left; color:#fff; background:#111; transition:border-color .2s ease, background .2s ease; }
.film-choice:hover, .film-choice.is-active { border-color:#eee; background:#222; }
.film-choice:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.film-choice img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }
.film-choice span { display:block; padding:12px 14px; font-size:14px; font-weight:700; }
.agent-films { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 32px 0; max-width: 1040px; }
.agent-films figure { min-width: 0; margin: 0; }
.agent-films video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: contain; background: #080808; border-radius: 6px; }
.agent-films figcaption { padding: 16px 0; }
.agent-films h3 { font-size: 20px; line-height: 1.3; margin-bottom: 6px; }
.agent-films p { color: #bbb; font-size: 14px; }
@media(max-width:640px) { .agent-films { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; } }
.tour-tabs button { font: inherit; font-size: 14px; padding: 12px 18px; border: 1px solid #555; border-radius: 4px; color: #eee; }
.tour-tabs button[aria-selected="true"] { background: #f5f5f5; color: #111; }
.tour-tabs button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.tour-viewer iframe { width: 100%; height: 640px; max-height: 75svh; min-height: 360px; border: 0; display: block; background: #151515; }
.tour-viewer [data-tour-link] { display: inline-block; margin-top: 16px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.work-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; padding: 24px 16px; border-bottom: 1px solid #333; }
.work-nav a { font-size: 14px; text-decoration: underline; text-underline-offset: 6px; }
#photography-work, #films, #virtual-tours, #agent-on-camera { scroll-margin-top: 90px; }
@media(max-width:640px) {
  .film-library { grid-template-columns:1fr; }
  .tour-tabs { gap: 6px; }
  .tour-tabs button { padding: 10px 12px; font-size: 12px; }
  .tour-viewer iframe { height: 520px; max-height: 70svh; }
}