.press-main { padding-bottom: 28px; }

.site-nav a[aria-current="page"] {
  color: var(--text);
  border-color: var(--border);
  background: rgb(255 255 255 / 3%);
}

.press-hero {
  display: grid;
  grid-template-columns: minmax(290px, .8fr) minmax(0, 1.2fr);
  gap: clamp(32px, 6vw, 76px);
  min-height: 500px;
  padding: 62px 0 72px;
  align-items: center;
  border-bottom: 1px solid var(--border);
}

.press-hero-copy { min-width: 0; container-type: inline-size; }
.press-hero h1 { font-size: clamp(2.8rem, 12cqw, 4.8rem); }
.press-deck { max-width: 36rem; margin: 22px 0 0; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
.press-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.file-meta { margin-left: 10px; font-size: .72rem; font-weight: 600; opacity: .7; }
.press-cover { margin: 0; overflow: hidden; border: 1px solid var(--border); background: var(--panel); box-shadow: 0 30px 70px var(--shadow); }
.press-cover img { width: 100%; height: auto; }

.press-layout {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: clamp(38px, 6vw, 82px);
  padding-top: 70px;
  align-items: start;
}

.factsheet {
  position: sticky;
  top: 24px;
  padding: 26px;
  border: 1px solid var(--border);
  background: linear-gradient(145deg, rgb(208 175 105 / 7%), transparent 42%), var(--panel);
  box-shadow: 0 20px 48px var(--shadow);
}
.factsheet h2 { margin-top: 10px; font-size: 1.65rem; }
.factsheet dl { margin: 26px 0 0; }
.factsheet dl div { padding: 13px 0; border-top: 1px solid rgb(208 175 105 / 14%); }
.factsheet dt { margin-bottom: 4px; color: #817965; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.factsheet dd { margin: 0; color: var(--text); font-size: .9rem; line-height: 1.45; }
.factsheet-links { display: grid; gap: 9px; margin-top: 22px; }
.factsheet-links a { padding: 11px 12px; color: var(--accent-light); border: 1px solid var(--border); font-size: .78rem; font-weight: 700; text-align: center; text-decoration: none; }
.factsheet-links a:hover, .factsheet-links a:focus-visible { background: rgb(208 175 105 / 8%); }

.press-content { min-width: 0; }
.press-section { padding: 0 0 78px; }
.press-section + .press-section { padding-top: 72px; border-top: 1px solid var(--border); }
.section-kicker { display: flex; gap: 24px; align-items: end; justify-content: space-between; }
.section-kicker h2 { font-size: clamp(2rem, 5vw, 3.4rem); }
.asset-heading > span { color: var(--muted); font-size: .82rem; }
.asset-heading > a { color: var(--accent-light); font-size: .82rem; font-weight: 700; text-decoration: none; }
.asset-heading > a:hover, .asset-heading > a:focus-visible { text-decoration: underline; text-underline-offset: 5px; }

.copy-block { margin-top: 30px; padding: 28px; border: 1px solid var(--border); background: var(--panel); }
.copy-heading { display: flex; gap: 20px; align-items: center; justify-content: space-between; }
.copy-heading h3, .feature-list h3 { margin: 0; }
.copy-button { padding: 8px 12px; color: var(--accent-light); border: 1px solid var(--border); background: transparent; font: 700 .75rem "Inter", sans-serif; cursor: pointer; }
.copy-button:hover, .copy-button:focus-visible { border-color: var(--accent); background: rgb(208 175 105 / 8%); }
.copy-block p { margin: 18px 0 0; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.copy-block p + p { margin-top: 14px; }

.feature-list { margin-top: 14px; padding: 28px; border: 1px solid rgb(255 255 255 / 8%); background: rgb(255 255 255 / 1.5%); }
.feature-list ul { display: grid; gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 20px; color: var(--muted); line-height: 1.65; }
.feature-list li::before { position: absolute; top: .68em; left: 0; width: 6px; height: 6px; content: ""; background: var(--accent); transform: rotate(45deg); }

.screenshot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 32px; }
.screenshot-grid a { position: relative; display: block; min-width: 0; overflow: hidden; border: 1px solid var(--border); background: var(--panel); text-decoration: none; }
.screenshot-grid img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .22s ease, filter .22s ease; }
.screenshot-grid span { position: absolute; right: 10px; bottom: 10px; padding: 8px 10px; color: var(--text); background: rgb(13 15 12 / 88%); font-size: .72rem; font-weight: 700; opacity: 0; transform: translateY(4px); transition: opacity .18s ease, transform .18s ease; }
.screenshot-grid a:hover img, .screenshot-grid a:focus-visible img { filter: brightness(.76); transform: scale(1.018); }
.screenshot-grid a:hover span, .screenshot-grid a:focus-visible span { opacity: 1; transform: translateY(0); }

.brand-assets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 32px; }
.asset-card { display: grid; grid-template-rows: 300px auto; min-width: 0; overflow: hidden; color: inherit; border: 1px solid var(--border); background: var(--panel); text-decoration: none; }
.asset-preview { display: grid; min-width: 0; padding: 20px; place-items: center; background: repeating-conic-gradient(#20231d 0 25%, #181b16 0 50%) 50% / 22px 22px; }
.asset-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
.asset-label { display: grid; gap: 5px; padding: 18px 20px; border-top: 1px solid var(--border); }
.asset-label strong { font-family: "Cinzel", Georgia, serif; font-size: .95rem; }
.asset-label small { color: var(--muted); }
.asset-card:hover, .asset-card:focus-visible { border-color: var(--accent); }

.press-video { display: block; width: 100%; margin-top: 30px; border: 1px solid var(--border); background: #050605; box-shadow: 0 24px 64px var(--shadow); }

.permission-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 42px; margin-bottom: 54px; padding: clamp(28px, 5vw, 48px); align-items: end; border: 1px solid var(--border); background: linear-gradient(110deg, rgb(208 175 105 / 10%), transparent 55%), var(--panel-light); }
.permission-panel h2 { font-size: clamp(1.7rem, 4vw, 2.7rem); }
.permission-panel p { max-width: 720px; margin: 18px 0 0; color: var(--muted); line-height: 1.75; }
.permission-panel nav { display: flex; flex-wrap: wrap; gap: 16px; }
.permission-panel nav a { color: var(--accent-light); font-size: .8rem; font-weight: 700; text-decoration: none; }
.permission-panel nav a:hover, .permission-panel nav a:focus-visible { text-decoration: underline; text-underline-offset: 5px; }

.copy-status { position: fixed; right: 18px; bottom: 18px; z-index: 20; padding: 12px 16px; color: #17130b; background: var(--accent-light); box-shadow: 0 12px 36px var(--shadow); font-size: .82rem; font-weight: 700; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease; }
.copy-status.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 920px) {
  .press-hero { grid-template-columns: 1fr; min-height: auto; }
  .press-hero-copy { max-width: 700px; }
  .press-layout { grid-template-columns: 1fr; }
  .factsheet { position: static; }
  .factsheet dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
}

@media (max-width: 680px) {
  .press-hero { padding: 48px 0 56px; }
  .press-actions { align-items: stretch; flex-direction: column; }
  .screenshot-grid, .brand-assets { grid-template-columns: 1fr; }
  .asset-card { grid-template-rows: 240px auto; }
  .permission-panel { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 480px) {
  .factsheet dl { grid-template-columns: 1fr; }
  .copy-block, .feature-list { padding: 22px; }
  .section-kicker { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .screenshot-grid img, .screenshot-grid span, .copy-status { transition-duration: .01ms !important; }
}