/* Page composition around the shared GraphicStream components. */
.gaming-page { --gaming-ink: #182b40; --gaming-muted: #506476; --gaming-accent: #7950b5; color: var(--gaming-ink); background: #fff; line-height: 1.75; }
.gaming-page *, .gaming-page *::before, .gaming-page *::after { box-sizing: border-box; }
.gaming-container { width: min(1200px, calc(100% - 4rem)); margin-inline: auto; }
.gaming-page :is(h1, h2, h3) { padding: 0; color: inherit; text-wrap: balance; }
.gaming-page :is(p, h1, h2, h3) { overflow-wrap: anywhere; }
.gaming-page :is(a, button, canvas):focus-visible { outline: 3px solid #9065cc; outline-offset: 5px; }
.gaming-page section[id] { scroll-margin-top: 7rem; }
.gaming-page .gs-grid-item { min-width: 0; }
.gaming-page .gs-layout-grid { align-items: center; }
.gaming-page .gs-action { white-space: normal; text-align: center; }
.gaming-page .gs-content-header { margin-bottom: 2.5rem; color: inherit; }
.gaming-page :is(.gs-content-header__eyebrow, .gs-content-block__eyebrow) { color: var(--gaming-accent); font-weight: 750; letter-spacing: .08em; }
.gaming-page :is(.gs-content-header__text, .gs-content-block__text) { color: var(--gaming-muted); line-height: 1.75; }
.gaming-page .gs-content-block__actions { flex-direction: column; align-items: flex-start; }
.gaming-page .gs-content-block__actions > p { margin: 0; color: var(--gaming-muted); }
.gaming-section { padding-block: clamp(3.5rem, 7vw, 6rem); }

.gaming-hero { padding-block: 1.5rem clamp(3rem, 6vw, 5rem); color: #fff; background: radial-gradient(ellipse at 95% 20%, #544071 0, transparent 65%), #182b40; }
.gaming-breadcrumb { margin-bottom: clamp(2rem, 5vw, 4rem); font-size: .85rem; color: #d5dfeb; }
.gaming-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0; }
.gaming-breadcrumb li + li::before { content: "/"; padding-right: .5rem; color: #acb7c7; }
.gaming-breadcrumb a { color: inherit; }
.gaming-hero .gs-content-block__title { max-width: 20ch; font-size: clamp(2.4rem, 4.5vw, 4rem); font-weight: 750; line-height: 1.08; letter-spacing: -.04em; }
.gaming-hero .gs-content-block__eyebrow { color: #ddc7fb; }
.gaming-hero .gs-content-block { color: inherit; }
.gaming-hero .gs-content-block__text { color: #e0e7f0; font-size: 1.05rem; }
.gaming-hero .gs-action--link { color: #e0ceff; }
.gaming-preview { margin: 0; padding: .75rem; border: 1px solid #ffffff30; border-radius: 1.5rem; background: #ffffff0d; box-shadow: 0 1.5rem 4rem #0003; }
.gaming-preview figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; padding: 1rem .5rem .25rem; font-size: .85rem; color: #d7e2f0; }
.gaming-preview figcaption span:first-child { font-weight: 750; color: #fff; }

.gaming-introduction { background: #f7f8fb; }
.gaming-introduction .gs-content-header__title { font-size: clamp(1.9rem, 3vw, 2.7rem); }
.gaming-introduction__copy { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; color: var(--gaming-muted); }
.gaming-benefits-title { margin-block: 2.5rem 1.5rem; font-size: 1.25rem; }
.gaming-introduction .gs-benefit { border-top: 3px solid #a986d8; }
.gaming-introduction .gs-benefit__content { justify-content: flex-start; }
.gaming-introduction .gs-benefit__title { font-size: 1.35rem; }
.gaming-introduction .gs-benefit__description { color: var(--gaming-muted); line-height: 1.75; }
.gaming-introduction .gs-benefit__description p { margin: 0; }
.gaming-use--reverse { background: #f3f7fa; }
.gaming-use .gs-content-block__title { font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.2; }
.gaming-use .gs-video-player { box-shadow: 0 1rem 3rem #182b4017; }
.gaming-use--reverse .gaming-use__media { grid-column: 1; grid-row: 1; }
.gaming-use--reverse .gaming-use__copy { grid-column: 2; }
.gaming-demo { background: #eee8f7; }
.gaming-demo .gs-content-header, .gaming-contact .gs-content-header { margin-bottom: 0; }
.gaming-contact { margin-bottom: clamp(2rem, 4vw, 4rem); background: #182b40; color: #fff; }
.gaming-contact .gs-content-header__text { color: #dce8ee; font-size: 1.15rem; }

@media (max-width: 64rem) {
    .gaming-preview { max-width: 42rem; margin-inline: auto; transform: none; }
    .gaming-use--reverse .gaming-use__copy, .gaming-use--reverse .gaming-use__media { grid-column: auto; grid-row: auto; }
}
@media (max-width: 600px) {
    .gaming-container { width: calc(100% - 2rem); }
    .gaming-page + .PlanSite .row { --bs-gutter-x: 1.5rem; }
    .gaming-hero .gs-content-block__title { font-size: clamp(2.2rem, 9vw, 3.5rem); }
    .gaming-introduction__copy { grid-template-columns: 1fr; gap: .5rem; }
    .gaming-page .gs-action-group { width: 100%; align-items: stretch; }
    .gaming-page .gs-action-group .gs-action { flex: 1 1 100%; justify-content: center; }
}