/*
 * Press page (page-press.php). Converted from
 * design_handoff_v5_round3/Marketing Mockups/Pages/Press.dc.html (<helmet>).
 *
 * The Press design ships its OWN responsive layer (the `.rsp-*` classes +
 * @media below) — kept verbatim, with the dc's `.rsp-page{min-width:0}` dropped
 * (the global `.atarim-page` rule covers it). Shared machinery is global and
 * reused, not duplicated here: the page shell (`.atarim-page` min-width), the
 * nav hamburger, the footer recolumn, scroll-reveal (`[data-rev]`/`.hp-on`),
 * grain, fonts. Page-unique hover selectors are prefixed `pr-*`.
 *
 * `style-hover` attributes from the dc were converted to real classes + :hover.
 */

/* Light-page scrollbar (overrides the global dark one, only while this page's CSS is loaded). */
::-webkit-scrollbar-track { background: #ece6f6; }
::-webkit-scrollbar-thumb { background: #cabfe4; border-radius: 8px; border: 3px solid #ece6f6; }

/* ===== Hovers, converted from style-hover ===== */
.pr-mint { transition: background .16s ease; }
.pr-mint:hover { background: #35c98a; }
.pr-ghost-dark { transition: border-color .16s ease, color .16s ease; }
.pr-ghost-dark:hover { border-color: #9385FF; color: #9385FF; }
.pr-textlink { transition: color .16s ease; }
.pr-textlink:hover { color: #16042E; }
.pr-maillink { transition: color .16s ease; }
.pr-maillink:hover { color: #16042E; }
/* Logo-showcase panel links (on dark). */
.pr-link-light { transition: color .16s ease, border-color .16s ease; }
.pr-link-light:hover { color: #9385FF; border-color: #9385FF; }
.pr-link-violet { transition: color .16s ease, border-color .16s ease; }
.pr-link-violet:hover { color: #fff; border-color: #fff; }
/* Download links on the logo/screen cards. */
.pr-dl { transition: color .16s ease; }
.pr-dl:hover { color: #16042E; text-decoration: underline; }

/* ===== RESPONSIVE OVERRIDE LAYER · desktop (>=1280px) is the inline spec, untouched ===== */
@media (max-width: 1279px) {
	.rsp-hero { padding-left: 32px !important; padding-right: 32px !important; }
	.rsp-sec { padding-left: 32px !important; padding-right: 32px !important; }
}
@media (max-width: 1023px) {
	.rsp-hero { padding-left: 24px !important; padding-right: 24px !important; }
	.rsp-sec { padding-left: 24px !important; padding-right: 24px !important; }
	.rsp-2col { grid-template-columns: 1fr !important; gap: 40px !important; }
	.rsp-tiles3 { grid-template-columns: repeat(2, 1fr) !important; }
	.rsp-logos { grid-template-columns: repeat(2, 1fr) !important; }
	.rsp-sw { grid-template-columns: repeat(3, 1fr) !important; }
	.rsp-cast { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767px) {
	.rsp-hero { padding-left: 16px !important; padding-right: 16px !important; padding-top: 128px !important; padding-bottom: 54px !important; }
	.rsp-sec { padding-left: 16px !important; padding-right: 16px !important; padding-top: 56px !important; padding-bottom: 56px !important; }
	.rsp-tiles3 { grid-template-columns: 1fr !important; }
	.rsp-facts { grid-template-columns: repeat(2, 1fr) !important; }
}