/* Public content styles keep the established portfolio layout and motion. */
[hidden] { display: none !important; }
.content-content-state { min-height: 56vh; padding-block: 88px; }
.content-content-state h1 { margin: 20px 0; font-size: clamp(30px, 5.2vw, 58px); line-height: 1.25; letter-spacing: -.04em; }
.content-content-state > p { max-width: 52em; color: var(--muted); line-height: 1.8; }
.content-state-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.content-media-placeholder { display: grid; min-height: 240px; width: 100%; height: 100%; place-items: center; border: 1px dashed #c7b9be; background: #f1ecec; color: #65535c; font-size: 13px; letter-spacing: .02em; }
.project-card-image:has(.content-media-placeholder) { aspect-ratio: 16 / 10; }
.project-cover > .content-media-placeholder { min-height: min(48vw, 420px); }
.content-project-video { margin: 0 0 60px; }
.content-media-heading { margin-bottom: 25px; }
.content-media-heading h2 { margin-top: 14px; font-size: clamp(28px, 3.6vw, 42px); letter-spacing: -.04em; }
.content-project-video video { display: block; width: 100%; max-height: 84vh; background: #171719; border-radius: 20px; }
.content-media-note { margin-top: 15px; font-size: 12px; color: var(--muted); }
.content-media-note a { text-decoration: underline; text-underline-offset: 4px; }
.work-info, .work-card-top, .detail-meta dd, .hero-bottom, .profile-row dd, .about-hero h1, .hero-top > p { overflow-wrap: anywhere; }
.work-card-top > span:last-child { text-align: right; }
.work-card-top { gap: 12px; }
.floating-shot > span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button:disabled { cursor: default; }
.contact-trigger:disabled { opacity: .5; }
@media (max-width: 680px) {
  .content-content-state { padding-block: 55px; min-height: 60vh; }
  .content-media-placeholder { min-height: 180px; }
  .content-project-video { margin-bottom: 38px; }
  .content-project-video video { border-radius: 14px; }
  }