/* Focused casino marketing page. Uses the existing Big Ideas typography and brand. */
.casino-page { background: #fff; }
.casino-page main { --ink: #122846; --ink-muted: #465b71; --cyan: #076b9e; --hair: #d8e0e9; color: var(--ink); }
.casino-page main h1 { font-size: clamp(40px, 4.6vw, 65px); line-height: 1.04; letter-spacing: -.025em; font-weight: 650; }
.casino-page main h2 { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.08; letter-spacing: -.025em; font-weight: 650; }
.casino-page main h3 { font-size: 23px; }
.casino-page main p { text-wrap: pretty; }
.casino-page main .eyebrow { font-size: 11px; letter-spacing: .12em; }
.casino-page main a:focus-visible { outline-color: #076b9e; }
.casino-page .nav { background: rgba(7,18,42,.96); }
.casino-page .nav a[aria-current="page"] { color: #fff; text-decoration: underline; text-decoration-color: #29abe2; text-underline-offset: 7px; }
.casino-page__hero { padding: clamp(40px, 6vw, 80px) 0 0; background: #f7f9fb; }
.casino-page__hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 32px; align-items: center; }
.casino-page__intro h1 span { color: #076b9e; }
.casino-page__intro .lead { margin-top: 24px; font-size: clamp(20px, 1.8vw, 24px); font-weight: 500; color: #122846; max-width: 35ch; }
.casino-page__intro p:not(.lead):not(.eyebrow) { margin-top: 16px; color: #465b71; max-width: 55ch; }
.casino-page__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 22px; margin-top: 28px; }
.casino-page__button { padding: 13px 20px; border: 1px solid #076b9e; border-radius: 4px; background: #076b9e; color: #fff; font-size: 16px; }
.casino-page__button:hover { background: #085679; border-color: #085679; }
.casino-page__text-link { font-weight: 600; display: inline-flex; align-items: center; gap: 12px; min-height: 44px; }
.casino-page__text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.casino-page__cutout { align-self: start; margin-top: 12px; }
.casino-page__cutout img { width: 100%; height: auto; }
.casino-page__cutout figcaption { font-size: 11px; color: #52667c; text-align: center; padding-top: 8px; }
.casino-page__service-line { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; padding: 25px 0; margin-top: 58px; border-top: 1px solid #d8e0e9; font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .07em; color: #465b71; }
.casino-page__service-line span { display: flex; align-items: center; gap: 10px; }
.casino-page__service-line span::before { content: ''; display: block; width: 6px; height: 6px; background: #076b9e; }
.casino-page__portfolio { padding-block: clamp(56px, 7vw, 90px); }
.casino-page__section-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 36px; }
.casino-page__section-intro > p { max-width: 52ch; color: #465b71; }
.casino-page__concept-note { max-width: 78ch; margin-top: 30px; color: #52667c; font-size: 13px; }
.casino-page__campaign-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px; margin-top: 24px; }
.casino-page__campaign-grid .campaign-link { display: block; position: relative; background: #f2f4f8; border: 1px solid #d8e0e9; border-radius: 6px; overflow: hidden; }
.casino-page__campaign-grid img { width: 100%; aspect-ratio: 4/3; object-fit: contain; transition: transform .3s ease; }
.casino-page__campaign-grid .campaign-link:hover img { transform: scale(1.025); }
.casino-page__campaign-grid figcaption { margin-top: 16px; }
.casino-page__campaign-grid figcaption h3 { font-size: 22px; }
.casino-page__campaign-grid figcaption p { color: #465b71; margin-top: 6px; font-size: 16px; max-width: 50ch; }
.casino-page__process { background: #eef3f7; padding-block: clamp(56px, 7vw, 88px); }
.casino-page__workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; margin-top: 44px; }
.casino-page__workflow li { padding-top: 20px; border-top: 2px solid #076b9e; }
.casino-page__workflow li > span { color: #076b9e; display: block; font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 14px; }
.casino-page__workflow p { margin-top: 12px; color: #465b71; font-size: 16px; }
.casino-page__production { padding-block: clamp(56px, 7vw, 90px); }
.casino-page__production-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 7vw, 100px); }
.casino-page__production h2 { max-width: 18ch; }
.casino-page__signature { font-family: "Kaushan Script", cursive; font-size: clamp(25px, 2.8vw, 35px); margin-top: 30px; color: #076b9e; }
.casino-page__capabilities { display: grid; gap: 26px; }
.casino-page__capabilities h3 { font-size: 22px; }
.casino-page__capabilities p { margin-top: 10px; color: #465b71; font-size: 16px; }
.casino-page__capabilities .casino-page__scope { padding-top: 20px; border-top: 1px solid #d8e0e9; margin-top: 0; font-size: 15px; }
.casino-page__contact { background: #0b1a33; color: #f4f6fb; padding-block: clamp(52px, 7vw, 88px); }
.casino-page__contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 7vw, 100px); align-items: center; }
.casino-page__contact .eyebrow { color: #29abe2; }
.casino-page__contact .eyebrow::before { background: #29abe2; }
.casino-page__contact p:not(.eyebrow) { color: #c0cee0; margin-top: 20px; max-width: 48ch; }
.casino-page__contact a { color: #5fc9f5; }
.casino-page__contact .cta--big { background: #29abe2; color: #07122a; margin-top: 24px; font-size: 18px; padding: 15px 22px; }
.casino-page__contact-action p:first-child { margin-top: 0; }
.casino-page__contact a:focus-visible { outline-color: #5fc9f5; }
@media (max-width: 1000px) { .casino-page__hero-grid { gap: 20px; } .casino-page main h1 { font-size: clamp(40px, 5.2vw, 58px); } }
@media (max-width: 760px) {
  .casino-page__hero-grid, .casino-page__section-intro, .casino-page__production-grid, .casino-page__contact-grid { grid-template-columns: 1fr; gap: 28px; }
  .casino-page__cutout { max-width: 580px; margin: 0 auto; }
  .casino-page__service-line { margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; font-size: 10px; gap: 15px; }
  .casino-page__workflow { grid-template-columns: 1fr; gap: 28px; margin-top: 32px; }
  .casino-page__campaign-grid { gap: 28px 18px; }
  .casino-page__campaign-grid figcaption h3 { font-size: 20px; }
  .casino-page__campaign-grid figcaption p { font-size: 15px; }
  .casino-page__production h2 { max-width: none; }
}
@media (max-width: 520px) {
  .casino-page__campaign-grid { grid-template-columns: 1fr; }
  .casino-page__hero { padding-top: 36px; }
  .casino-page main h1 { font-size: 41px; }
  .casino-page__button { font-size: 15px; padding-inline: 16px; }
  .casino-page__service-line span { gap: 7px; }
  .casino-page__contact .cta--big { font-size: 16px; padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) { .casino-page__campaign-grid img { transition: none; } .casino-page__campaign-grid .campaign-link:hover img { transform: none; } }.casino-page__capabilities a { color: #075d85; text-decoration: underline; text-underline-offset: .2em; }