/* Focused additions to the existing homepage. */
.casino__page-link .text-link { margin-top: 0; font-size: 17px; }
.casino__copy .casino__signature { color: var(--ink); }
.creative__copy .text-link { line-height: 1.45; }
.production { margin-top: 56px; padding-top: 44px; border-top: 1px solid #cbd3df; }
.production__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 48px; align-items: end; }
.production__intro h3 { font-size: clamp(28px,3vw,38px); line-height: 1.15; max-width: 18ch; }
.production__intro p { color: #42516a; font-size: 16px; }
.production__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 28px; }
.production__card { min-width: 0; }
.production__stage { aspect-ratio: 16/10; position: relative; overflow: hidden; background: #fff; color: #0b1a33; border: 1px solid #dce2e9; }
.production__cover { position: relative; width: 100%; height: 100%; background: #fff; }
.production__poster { position: absolute; inset: 12px 12px 48px; display: block; }
.production__poster img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* HP's original image has wide transparent margins; enlarge within the frame while retaining the complete machine. */
.production__poster--hp img { transform: scale(1.25); }
.production__play { position: absolute; inset: 0; width: 100%; display: flex; align-items: end; justify-content: center; padding: 8px; border: 0; background: transparent; cursor: pointer; color: #fff; font: 500 14px var(--sans); }
.production__play-label { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; background: #0b1a33; border-radius: 2px; }
.production__play:hover .production__play-label { background: #075d85; }
.production__play:focus-visible { outline: 3px solid #075d85; outline-offset: -4px; }
.production__close:focus-visible { outline: 3px solid #075d85; outline-offset: 4px; }
.production__stage iframe { display: block; width: 100%; height: 100%; border: 0; position: absolute; inset: 0; }
.production__card h4 { margin: 16px 0 0; font-size: 20px; line-height: 1.25; font-weight: 500; }
.production__card p { color: #42516a; font-size: 14px; margin-top: 8px; }
.production__card a { color: #075d85; text-decoration: underline; text-underline-offset: .2em; }
.production__close { margin-top: 10px; min-height: 44px; border: 1px solid #8090a7; background: transparent; color: #0b1a33; padding: 8px 14px; cursor: pointer; font: inherit; }
.production [hidden] { display: none !important; }
.production__note { color: #42516a; font-size: 13px; margin-top: 20px; max-width: 86ch; }
.branded-production { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 64px; margin-top: 52px; padding-top: 44px; border-top: 1px solid #cbd3df; }
.branded-production__intro h3 { margin: 0; font-size: clamp(34px,4.2vw,52px); font-weight: 500; line-height: 1.08; letter-spacing: -.035em; }
.branded-production__intro > p:not(.eyebrow) { margin-top: 20px; max-width: 39ch; color: #42516a; }
.branded-production__intro .text-link { margin-top: 22px; line-height: 1.4; }
.branded-production__services article { display: grid; grid-template-columns: 26px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid #cbd3df; }
.branded-production__services article:first-child { padding-top: 0; }
.branded-production__services article > span { padding-top: 4px; color: #075d85; font: 12px var(--mono); }
.branded-production__services h4 { margin: 0; font-size: 21px; font-weight: 500; line-height: 1.25; }
.branded-production__services p { margin-top: 8px; color: #42516a; font-size: 15px; }
@media (max-width: 900px) {
  .production__intro, .branded-production { grid-template-columns: 1fr; }
  .production__grid { grid-template-columns: 1fr; gap: 32px; }
  .production__stage { max-height: 380px; }
}
.branded-production__intro > .branded-production__promise { font-size: 21px; font-weight: 500; line-height: 1.4; color: #0b1a33; max-width: 29ch; }
.branded-production .text-link { color: #075d85; }