
:root {
  --press-orange: #e39a35;
  --press-orange-soft: #f0b65d;
  --press-ink: #05070a;
  --press-panel: rgba(9, 13, 19, .92);
  --press-line: rgba(176, 195, 216, .17);
  --press-copy: #d7dee7;
  --press-muted: #8d9aaa;
}

.press-kit-page { background: #030509; color: white; }
.press-kit-page .nav { position: sticky; top: 0; z-index: 50; }
.press-kit-page .nav-links .is-current { color: var(--press-orange-soft); }
.press-main { width: min(1580px, calc(100% - 34px)); margin: 0 auto; padding: 28px 0 70px; }

.press-hero {
  position: relative; min-height: 720px; overflow: hidden; border: 1px solid var(--press-line);
  border-radius: 34px; background: #080a0e; box-shadow: 0 40px 120px rgba(0,0,0,.48);
}
.press-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.press-hero-shade { position: absolute; inset: 0; background:
  radial-gradient(ellipse at 72% 46%, rgba(3,5,9,0) 0%, rgba(3,5,9,.05) 34%, rgba(3,5,9,.5) 100%),
  linear-gradient(90deg, rgba(3,5,9,.99) 0%, rgba(3,5,9,.96) 24%, rgba(3,5,9,.73) 46%, rgba(3,5,9,.18) 72%, rgba(3,5,9,.38) 100%),
  linear-gradient(0deg, rgba(3,5,9,.96) 0%, rgba(3,5,9,.24) 42%, rgba(3,5,9,.42) 100%); }
.press-hero-grid { position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: minmax(0, 820px) 1fr; gap: 40px; align-items: end; padding: clamp(34px, 5vw, 76px); }
.press-hero-copy { max-width: 780px; }
.press-eyebrow { margin: 0 0 16px; color: var(--press-orange-soft); font-size: 15px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.press-hero h1 { margin: 0 0 18px; font-size: clamp(54px, 5.4vw, 92px); line-height: .88; letter-spacing: -.035em; text-transform: uppercase; }
.press-elevator { max-width: 750px; color: #e1e6ec; font-size: clamp(22px, 2vw, 32px); line-height: 1.22; }
.press-hero-actions, .fact-actions, .press-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.press-updated { margin-top: 22px; color: #98a4b2; font-size: 15px; }

.press-jump { position: sticky; top: 62px; z-index: 30; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; width: fit-content; max-width: calc(100% - 20px); margin: -22px auto 34px; padding: 10px; border: 1px solid var(--press-line); border-radius: 999px; background: rgba(5,8,12,.88); backdrop-filter: blur(16px); }
.press-jump a { color: #b9c3cf; padding: 8px 15px; border-radius: 999px; font-weight: 600; text-decoration: none; }
.press-jump a:hover { background: rgba(227,154,53,.15); color: white; }

.press-section { position: relative; margin-top: 28px; padding: clamp(28px, 4.4vw, 64px); border: 1px solid var(--press-line); border-radius: 30px; background: linear-gradient(135deg, rgba(11,16,23,.96), rgba(5,8,13,.95)); overflow: hidden; }
.press-section::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 0 0, rgba(29,100,140,.12), transparent 38%), radial-gradient(circle at 100% 0, rgba(227,154,53,.08), transparent 34%); }
.press-section > * { position: relative; z-index: 1; }
.section-heading { max-width: 930px; margin-bottom: 30px; }
.section-heading .kicker { margin-bottom: 8px; }
.section-heading h2 { margin: 0; font-size: clamp(36px, 5vw, 72px); line-height: .98; letter-spacing: -.025em; }
.section-heading > p:last-child { color: var(--press-muted); font-size: clamp(18px, 1.65vw, 24px); line-height: 1.35; }
.section-heading.is-compact { margin-bottom: 22px; }
.section-heading.is-compact .kicker { margin-bottom: 0; }
.release-heading { max-width: 720px; }
.release-heading .kicker { margin-bottom: 10px !important; }
.release-heading > p:last-child { margin: 0; text-align: left; }

.fact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fact-grid article { min-height: 136px; padding: 21px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.025); }
.fact-grid span { display: block; color: var(--press-orange-soft); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 10px; }
.fact-grid strong { font-size: 21px; line-height: 1.2; }
.fact-grid strong small { display: block; margin-top: 9px; color: var(--press-muted); font-size: 15px; font-weight: 400; line-height: 1.3; }

.copy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.copy-card { padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.025); }
.copy-card-wide { grid-column: span 2; }
.copy-card-head { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 14px; color: var(--press-orange-soft); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.copy-card-head button { appearance: none; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; padding: 7px 13px; background: transparent; color: white; font: inherit; cursor: pointer; }
.copy-card-head button:hover, .copy-card-head button.is-copied { border-color: var(--press-orange); background: rgba(227,154,53,.13); }
.copy-card p { color: #d3dbe5; font-size: 19px; line-height: 1.47; margin: 0; }

.feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.feature-grid article { padding: 22px; border-top: 2px solid rgba(227,154,53,.58); background: linear-gradient(180deg, rgba(227,154,53,.06), rgba(255,255,255,.02)); border-radius: 0 0 18px 18px; }
.feature-grid h3 { font-size: 28px; line-height: 1.05; margin: 0 0 12px; }
.feature-grid p { color: var(--press-muted); font-size: 18px; line-height: 1.38; }

.angle-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.angle-list article { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: center; padding: 20px; border-bottom: 1px solid rgba(255,255,255,.11); }
.angle-list span { color: var(--press-orange-soft); font-weight: 700; text-transform: uppercase; letter-spacing: .14em; }
.angle-list h3 { font-size: 25px; line-height: 1.18; margin: 0; }

.asset-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 13px; }
.asset-card { grid-column: span 2; display: flex; flex-direction: column; min-height: 290px; padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.025); }
.asset-card-primary { grid-column: span 4; background: linear-gradient(135deg, rgba(227,154,53,.12), rgba(14,32,45,.35)); }
.asset-type { color: var(--press-orange-soft); font-size: 13px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.asset-card h3 { margin: 14px 0 12px; font-size: 32px; }
.asset-card p { color: var(--press-muted); font-size: 18px; line-height: 1.38; margin: 0 0 24px; }
.asset-card .btn { margin-top: auto; align-self: flex-start; }
.asset-note { margin: 18px 0 0; color: #7f8b99; }
.asset-note code { color: #bbc7d3; }
.press-drive-button[aria-disabled="true"] { opacity: .5; cursor: not-allowed; filter: grayscale(.55); }


.release-toolbar { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.release-toolbar label { color: var(--press-orange-soft); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.release-toolbar select { min-width: 270px; padding: 13px 42px 13px 15px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; background: #0b1017; color: white; font: inherit; }
.release-list { display: grid; gap: 12px; }
.release-empty, .release-card { padding: 26px; border: 1px dashed rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.02); }
.release-empty span, .release-card time { color: var(--press-orange-soft); text-transform: uppercase; font-weight: 700; letter-spacing: .14em; }
.release-empty h3, .release-card h3 { margin: 11px 0; font-size: 30px; }
.release-empty p, .release-card p { color: var(--press-muted); font-size: 18px; }
.release-card a { display: inline-flex; margin-top: 12px; }

.press-contact { min-height: 360px; display: flex; align-items: center; }
.press-contact > img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.press-contact-shade { position: absolute !important; inset: 0; z-index: 1 !important; background: linear-gradient(90deg, rgba(3,5,9,.98) 0%, rgba(3,5,9,.8) 50%, rgba(3,5,9,.28) 100%); }
.press-contact-copy { max-width: 820px; z-index: 2 !important; }
.press-contact-copy .kicker { margin-bottom: 14px; }
.press-contact-copy > p:not(.kicker) { max-width: 720px; margin: 0; color: #cbd3dd; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.45; }


@media (max-width: 1100px) {
  .press-hero-grid { grid-template-columns: 1fr; align-items: end; }
  .fact-grid, .feature-grid { grid-template-columns: 1fr 1fr; }
  .asset-card, .asset-card-primary { grid-column: span 3; }
}

@media (max-width: 760px) {
  .press-main { width: min(100% - 18px, 1580px); padding-top: 12px; }
  .press-hero { min-height: 820px; border-radius: 24px; }
  .press-hero-art { object-position: 62% center; }
  .press-hero-shade { background:
    linear-gradient(0deg, rgba(3,5,9,.99) 0%, rgba(3,5,9,.94) 56%, rgba(3,5,9,.52) 100%),
    radial-gradient(ellipse at 64% 24%, rgba(3,5,9,.04), rgba(3,5,9,.72) 76%); }
  .press-hero-grid { min-height: 820px; padding: 24px 20px; gap: 24px; }
  .press-hero h1 { font-size: 56px; }
  .press-elevator { font-size: 20px; }
  .press-hero-actions .btn { width: 100%; justify-content: center; }
  .press-jump { position: static; margin: 14px auto 22px; border-radius: 20px; }
  .press-section { padding: 25px 18px; border-radius: 22px; }
  .fact-grid, .copy-grid, .feature-grid, .angle-list { grid-template-columns: 1fr; }
  .copy-card-wide { grid-column: auto; }
  .angle-list article { grid-template-columns: 1fr; gap: 7px; }
  .asset-grid { grid-template-columns: 1fr; }
  .asset-card, .asset-card-primary { grid-column: auto; min-height: 250px; }
  .release-toolbar { align-items: stretch; flex-direction: column; }
  .release-toolbar select { width: 100%; min-width: 0; }
  .press-contact { min-height: 460px; align-items: end; }
  .press-contact-shade { background: linear-gradient(0deg, rgba(3,5,9,.98) 0%, rgba(3,5,9,.8) 66%, rgba(3,5,9,.3) 100%); }
}

[hidden] { display: none !important; }


@media (max-width: 980px) {
  .press-jump {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    padding: 10px 12px;
    scrollbar-width: thin;
  }
  .press-jump::-webkit-scrollbar { height: 6px; }
  .press-jump a { white-space: nowrap; }
}

@media (max-width: 760px) {
  .press-main { width: calc(100% - 12px); padding-top: 10px; padding-bottom: 46px; }
  .press-hero {
    min-height: 700px;
    border-radius: 22px;
  }
  .press-hero-art { object-position: 70% 18%; }
  .press-hero-shade { background:
    linear-gradient(180deg, rgba(3,5,9,.78) 0%, rgba(3,5,9,.38) 24%, rgba(3,5,9,.72) 44%, rgba(3,5,9,.96) 100%),
    linear-gradient(90deg, rgba(3,5,9,.96) 0%, rgba(3,5,9,.78) 38%, rgba(3,5,9,.18) 100%);
  }
  .press-hero-grid {
    min-height: 700px;
    padding: 20px 16px 18px;
    gap: 20px;
    align-items: end;
  }
  .press-eyebrow { margin-bottom: 12px; font-size: 12px; letter-spacing: .2em; }
  .press-hero h1 { margin-bottom: 14px; font-size: clamp(42px, 12vw, 52px); line-height: .92; }
  .press-elevator { font-size: 18px; line-height: 1.28; max-width: 100%; }
  .press-hero-actions, .fact-actions, .press-contact-actions {
    gap: 10px;
    margin-top: 20px;
  }
  .press-hero-actions .btn,
  .fact-actions .btn,
  .press-contact-actions .btn,
  .asset-card .btn,
  .release-card .btn,
  .release-empty .btn { width: 100%; justify-content: center; }
  .press-updated { margin-top: 16px; font-size: 13px; }
  .press-jump {
    position: static;
    margin: 12px auto 20px;
    border-radius: 16px;
    width: calc(100% - 2px);
  }
  .press-jump a { padding: 10px 14px; font-size: 14px; }
  .press-section { margin-top: 18px; padding: 22px 16px; border-radius: 20px; }
  .section-heading { margin-bottom: 20px; }
  .section-heading h2 { font-size: clamp(30px, 9.2vw, 42px); line-height: 1; }
  .section-heading > p:last-child { font-size: 17px; line-height: 1.4; }
  .fact-grid { gap: 10px; }
  .fact-grid article {
    min-height: auto;
    padding: 16px;
    border-radius: 16px;
  }
  .fact-grid span { font-size: 12px; margin-bottom: 8px; }
  .fact-grid strong { font-size: 18px; line-height: 1.25; }
  .fact-grid strong small { font-size: 14px; }
  .copy-grid, .feature-grid, .angle-list { gap: 10px; }
  .copy-card { padding: 18px 16px; border-radius: 16px; }
  .copy-card-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
  }
  .copy-card-head button { padding: 9px 14px; }
  .copy-card p { font-size: 17px; line-height: 1.52; }
  .feature-grid article { padding: 18px 16px; border-radius: 0 0 16px 16px; }
  .feature-grid h3 { font-size: 24px; margin-bottom: 10px; }
  .feature-grid p { font-size: 17px; line-height: 1.42; }
  .angle-list article { padding: 16px 0; gap: 8px; }
  .angle-list span { font-size: 12px; }
  .angle-list h3 { font-size: 20px; line-height: 1.26; }
  .asset-grid { gap: 10px; }
  .asset-card, .asset-card-primary {
    min-height: auto;
    padding: 18px 16px;
    border-radius: 16px;
  }
  .asset-card h3 { margin: 12px 0 10px; font-size: 24px; }
  .asset-card p { font-size: 17px; line-height: 1.42; margin-bottom: 18px; }
  .release-toolbar { gap: 10px; margin-bottom: 14px; }
  .release-toolbar label { font-size: 12px; }
  .release-toolbar select { padding: 12px 40px 12px 14px; }
  .release-empty, .release-card { padding: 18px 16px; border-radius: 16px; }
  .release-empty h3, .release-card h3 { font-size: 24px; margin: 9px 0; }
  .release-empty p, .release-card p { font-size: 16px; line-height: 1.42; }
  .press-contact { min-height: 420px; align-items: end; }
  .press-contact > img { object-position: 64% center; }
  .press-contact-copy > p:not(.kicker) { font-size: 17px; line-height: 1.45; }
}

@media (max-width: 480px) {
  .press-main { width: calc(100% - 8px); }
  .press-hero {
    min-height: 640px;
    border-radius: 18px;
  }
  .press-hero-art { object-position: 72% 18%; }
  .press-hero-grid { min-height: 640px; padding: 18px 14px 16px; }
  .press-eyebrow { font-size: 11px; }
  .press-hero h1 { font-size: clamp(38px, 11vw, 46px); }
  .press-elevator { font-size: 17px; }
  .press-jump { margin-bottom: 18px; padding: 8px; }
  .press-jump a { padding: 9px 12px; font-size: 13px; }
  .press-section { padding: 18px 14px; border-radius: 18px; }
  .fact-grid strong { font-size: 17px; }
  .feature-grid h3 { font-size: 22px; }
  .angle-list h3 { font-size: 18px; }
  .asset-card h3 { font-size: 22px; }
}
