@import url('tokens/fonts.css');
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');
@import url('tokens/base.css?v=2');



p,
[style*="var(--text-body-lg)"],
[style*="var(--text-body-md)"],
[style*="var(--text-ui-body)"] {
  max-width: 75ch !important;
  text-align: justify !important;
}

.logo {
  position: relative;
  display: inline-flex;
}

.logo .animated-strike {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

/* User preference: Navigation and mono headers */
nav a,
.nav-dropdown>span,
.nav-dropdown-content a,
#pf-mobile-nav a,
[style*="var(--text-ui-eyebrow)"]:not(.pf-filter-btn),
[style*="var(--text-ui-nav)"]:not(.pf-filter-btn),
[style*="var(--font-ui)"]:not(.pf-filter-btn) {
  color: #ffffff !important;
}

html[data-theme="light"] nav a,
html[data-theme="light"] .nav-dropdown>span,
html[data-theme="light"] .nav-dropdown-content a,
html[data-theme="light"] #pf-mobile-nav a,
html[data-theme="light"] [style*="var(--text-ui-eyebrow)"]:not(.pf-filter-btn),
html[data-theme="light"] [style*="var(--text-ui-nav)"]:not(.pf-filter-btn),
html[data-theme="light"] [style*="var(--font-ui)"]:not(.pf-filter-btn) {
  color: #000000 !important;
}

html[data-current-page="team.html"] .pf-nav-desktop-links a[href="team.html"],
html[data-current-page="team.html"] #pf-mobile-nav a[href="team.html"],
html[data-current-page="work.html"] .pf-nav-desktop-links a[href="work.html"],
html[data-current-page="work.html"] #pf-mobile-nav a[href="work.html"],
html[data-current-page="awards.html"] .pf-nav-desktop-links a[href="awards.html"],
html[data-current-page="awards.html"] #pf-mobile-nav a[href="awards.html"],
html[data-current-page="news.html"] .pf-nav-desktop-links a[href="news.html"],
html[data-current-page="news.html"] #pf-mobile-nav a[href="news.html"],
html[data-current-page="film-tv.html"] .pf-nav-desktop-links a[href="film-tv.html"],
html[data-current-page="film-tv.html"] #pf-mobile-nav a[href="film-tv.html"],
html[data-current-page="marketing.html"] .pf-nav-desktop-links a[href="marketing.html"],
html[data-current-page="marketing.html"] #pf-mobile-nav a[href="marketing.html"],
html[data-current-page="community.html"] .pf-nav-desktop-links a[href="community.html"],
html[data-current-page="community.html"] #pf-mobile-nav a[href="community.html"],
html[data-current-page="contact.html"] .pf-nav-desktop-links a[href="contact.html"],
html[data-current-page="contact.html"] #pf-mobile-nav a[href="contact.html"],
html[data-current-page="team.html"] .nav-dropdown>span,
html[data-current-page="work.html"] .nav-dropdown>span,
html[data-current-page="awards.html"] .nav-dropdown>span,
html[data-current-page="news.html"] .nav-dropdown>span {
  color: var(--gold-2) !important;
  text-shadow: 0 0 10px rgba(212, 169, 74, 0.4);
}

.pf-award-item {
  display: flex;
  gap: 32px;
  align-items: center;
  padding-bottom: 32px;
}

.pf-award-image {
  width: 300px;
  flex-shrink: 0;
  aspect-ratio: 16/9;
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-sm);
}

@media (max-width: 768px) {
  .pf-award-item {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 12px;
  }
  .pf-award-text-wrap {
    display: contents;
  }
  .pf-award-title {
    order: 1;
    text-align: left;
    margin-bottom: 0 !important;
  }
  .pf-award-subtitle {
    order: 2;
    text-align: left;
    margin-bottom: 4px !important;
  }
  .pf-award-image {
    order: 3;
    width: 100%;
    max-width: none;
  }
  .pf-award-desc {
    order: 4;
    margin-top: 8px !important;
  }
}