/**
 * FilmMerge — press.css
 * Page: /press/
 * Extracted from filmmerge-press.html.
 */


/* ── Hero ───────────────────────────────────────────────── */
.fm-press-hero { padding: 100px 0 80px; position: relative; overflow: hidden; }
.fm-press-hero__bg { position: absolute; inset: 0; background: radial-gradient(ellipse 65% 55% at 50% 40%, rgba(200,151,58,.065) 0%, transparent 65%), linear-gradient(180deg, #0a0c10 0%, #0f1318 100%); }
.fm-press-hero__inner { position: relative; z-index: 2; max-width: var(--max-width); margin: 0 auto; padding: 0 28px; }
.fm-press-hero__breadcrumb { display: flex; align-items: center; gap: 10px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-bottom: 20px; }
.fm-press-hero__breadcrumb a { color: var(--muted); transition: color var(--transition); }
.fm-press-hero__breadcrumb a:hover { color: var(--gold); }
.fm-press-hero h1 { font-family: var(--serif); font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 700; color: var(--white); line-height: 1.0; margin-bottom: 22px; }
.fm-press-hero h1 em { font-style: italic; color: var(--gold); }
.fm-press-hero__sub { font-size: 1.05rem; color: var(--muted); max-width: 540px; line-height: 1.8; margin-bottom: 40px; }
.fm-press-hero__actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 56px; }
.fm-press-hero__stats { display: flex; gap: 40px; flex-wrap: wrap; padding-top: 40px; border-top: 1px solid var(--border); }
.fm-press-hero__stat strong { display: block; font-family: var(--serif); font-size: 2.2rem; font-weight: 700; color: var(--gold); line-height: 1; margin-bottom: 4px; }
.fm-press-hero__stat span { font-size: 0.75rem; color: var(--muted); letter-spacing: 0.06em; font-weight: 500; }

/* ── Media contact bar ───────────────────────────────────── */
.fm-media-contact { padding: 56px 0; background: var(--panel); border-top: 1px solid rgba(200,151,58,.12); border-bottom: 1px solid var(--border); }
.fm-media-contact__inner { max-width: var(--max-width); margin: 0 auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.fm-media-contact__label { display: flex; align-items: center; gap: 14px; }
.fm-media-contact__icon { width: 48px; height: 48px; border-radius: 50%; background: rgba(200,151,58,.12); border: 1px solid rgba(200,151,58,.2); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: var(--gold); flex-shrink: 0; }
.fm-media-contact__title { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.fm-media-contact__name { font-family: var(--serif); font-size: 1.15rem; font-weight: 700; color: var(--white); }
.fm-media-contact__detail { font-size: 0.85rem; color: var(--muted); }
.fm-media-contact__detail a { color: var(--gold); }
.fm-media-contact__badge { display: inline-flex; align-items: center; gap: 6px; font-size: 0.72rem; font-weight: 600; color: #4ade80; background: rgba(74,222,128,.08); border: 1px solid rgba(74,222,128,.15); padding: 6px 14px; border-radius: 100px; }
.fm-media-contact__badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #4ade80; }

/* ── Boilerplate ─────────────────────────────────────────── */
.fm-boilerplate { background: var(--deep); }
.fm-boilerplate__card { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 40px; position: relative; overflow: hidden; }
.fm-boilerplate__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--gold), var(--gold-lt), var(--gold)); }
.fm-boilerplate__tag { display: inline-flex; align-items: center; gap: 7px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); background: var(--deep); border: 1px solid var(--border); padding: 5px 12px; border-radius: 6px; margin-bottom: 20px; }
.fm-boilerplate__text { font-size: 0.97rem; color: var(--muted); line-height: 1.9; margin-bottom: 16px; }
.fm-boilerplate__copy-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); background: rgba(200,151,58,.08); border: 1px solid rgba(200,151,58,.2); padding: 10px 18px; border-radius: var(--radius); cursor: pointer; font-family: var(--sans); transition: background var(--transition); margin-top: 8px; }
.fm-boilerplate__copy-btn:hover { background: rgba(200,151,58,.14); }

/* ── Press releases ──────────────────────────────────────── */
.fm-press-list { display: flex; flex-direction: column; gap: 16px; }
.fm-press-item { display: grid; grid-template-columns: 120px 1fr auto; gap: 24px; align-items: start; padding: 28px; background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); transition: var(--transition); }
.fm-press-item:hover { border-color: rgba(200,151,58,.2); transform: translateX(4px); }
.fm-press-item__date { font-size: 0.75rem; font-weight: 600; color: var(--muted); padding-top: 4px; }
.fm-press-item__date strong { display: block; font-family: var(--serif); font-size: 1.4rem; font-weight: 700; color: var(--gold); line-height: 1; margin-bottom: 2px; }
.fm-press-item__category { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
.fm-press-item__title { font-family: var(--serif); font-size: 1.2rem; font-weight: 700; color: var(--white); margin-bottom: 8px; line-height: 1.3; }
.fm-press-item__excerpt { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }
.fm-press-item__action { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); white-space: nowrap; transition: color var(--transition); padding-top: 4px; }
.fm-press-item__action:hover { color: var(--gold-lt); }

/* ── Press kit download ──────────────────────────────────── */
.fm-coverage-note { background: linear-gradient(135deg, rgba(200,151,58,.07), rgba(200,151,58,.02)); border: 1px solid rgba(200,151,58,.15); border-radius: 12px; padding: 36px; text-align: center; }
.fm-coverage-note h3 { font-family: var(--serif); font-size: 1.8rem; font-weight: 700; color: var(--white); margin-bottom: 12px; }
.fm-coverage-note p { font-size: 0.93rem; color: var(--muted); line-height: 1.8; max-width: 520px; margin: 0 auto 24px; }

/* ── Brand assets ────────────────────────────────────────── */
.fm-assets-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.fm-asset-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: var(--transition); }
.fm-asset-card:hover { border-color: rgba(200,151,58,.25); transform: translateY(-3px); }
.fm-asset-card__preview { padding: 40px 28px; display: flex; align-items: center; justify-content: center; min-height: 130px; }
.fm-asset-card__preview--dark { background: var(--ink); border-bottom: 1px solid var(--border); }
.fm-asset-card__preview--light { background: #f2ead8; border-bottom: 1px solid var(--border); }
.fm-asset-card__preview--mid { background: var(--deep); border-bottom: 1px solid var(--border); }
.fm-asset-card__preview img { max-height: 52px; width: auto; }
.fm-asset-card__body { padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fm-asset-card__name { font-size: 0.88rem; font-weight: 700; color: var(--cream); margin-bottom: 3px; }
.fm-asset-card__meta { font-size: 0.72rem; color: var(--muted); }
.fm-asset-card__dl { display: inline-flex; align-items: center; gap: 6px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); background: rgba(200,151,58,.08); border: 1px solid rgba(200,151,58,.18); padding: 7px 12px; border-radius: var(--radius); cursor: pointer; font-family: var(--sans); transition: background var(--transition); }
.fm-asset-card__dl:hover { background: rgba(200,151,58,.16); }

/* ── Usage guidelines ────────────────────────────────────── */
.fm-usage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.fm-usage-col__title { font-family: var(--serif); font-size: 1.3rem; font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.fm-usage-col--do .fm-usage-col__title { color: #4ade80; }
.fm-usage-col--dont .fm-usage-col__title { color: #f87171; }
.fm-usage-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.fm-usage-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.86rem; color: var(--muted); padding: 12px 14px; border-radius: var(--radius); line-height: 1.6; }
.fm-usage-list li i { flex-shrink: 0; margin-top: 2px; }
.fm-usage-col--do .fm-usage-list li { background: rgba(74,222,128,.04); border: 1px solid rgba(74,222,128,.1); }
.fm-usage-col--dont .fm-usage-list li { background: rgba(248,113,113,.04); border: 1px solid rgba(248,113,113,.1); }
.fm-usage-col--do .fm-usage-list li i { color: #4ade80; }
.fm-usage-col--dont .fm-usage-list li i { color: #f87171; }

/* ── Press CTA ───────────────────────────────────────────── */
.fm-press-cta { background: var(--deep); border-top: 1px solid var(--border); }
.fm-press-cta__inner { max-width: var(--max-width); margin: 0 auto; padding: 80px 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.fm-press-cta__left h2 { font-family: var(--serif); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: var(--white); line-height: 1.12; margin-bottom: 16px; }
.fm-press-cta__left h2 em { font-style: italic; color: var(--gold); }
.fm-press-cta__left p { font-size: 0.95rem; color: var(--muted); line-height: 1.8; margin-bottom: 28px; }
.fm-press-cta__contacts { display: flex; flex-direction: column; gap: 12px; }
.fm-press-cta__contact { display: flex; align-items: center; gap: 14px; padding: 18px 20px; background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); transition: border-color var(--transition); }
.fm-press-cta__contact:hover { border-color: rgba(200,151,58,.2); }
.fm-press-cta__contact-icon { width: 40px; height: 40px; border-radius: 50%; background: rgba(200,151,58,.1); border: 1px solid rgba(200,151,58,.18); display: flex; align-items: center; justify-content: center; color: var(--gold); flex-shrink: 0; }
.fm-press-cta__contact-label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-bottom: 3px; }
.fm-press-cta__contact-value { font-size: 0.92rem; font-weight: 600; color: var(--cream); }
.fm-press-cta__contact-value a { color: var(--gold); }
.fm-press-cta__items { display: flex; flex-direction: column; gap: 14px; }
.fm-press-cta__item { display: flex; align-items: flex-start; gap: 14px; padding: 20px; background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); }
.fm-press-cta__item-icon { color: var(--gold); font-size: 1.3rem; margin-top: 2px; flex-shrink: 0; }
.fm-press-cta__item-title { font-size: 0.88rem; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.fm-press-cta__item-desc { font-size: 0.8rem; color: var(--muted); line-height: 1.6; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1024px) {
  .fm-press-cta__inner { grid-template-columns: 1fr; gap: 40px; }
  .fm-usage-grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 768px) {
  .fm-press-item { grid-template-columns: 80px 1fr; }
  .fm-press-item__action { display: none; }
  .fm-assets-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .fm-press-item { grid-template-columns: 1fr; gap: 12px; }
  .fm-press-hero__actions { flex-direction: column; }
}


.fm-press-item__meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.fm-press-item__byline{font-size:.74rem;color:var(--muted)}
.fm-press-item__side{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.fm-press-item__thumb{display:block;width:140px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--border)}
.fm-press-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fm-press-item--empty{grid-template-columns:1fr}
@media (max-width:768px){.fm-press-item__side{align-items:flex-start}.fm-press-item__thumb{width:100%}}