/* Crash demo pages. Dark photo heroes and a studio iframe. Sidebar and tiles come from dealers.css. */

.page-crash-demo .dlobby {
  grid-template-columns: 200px minmax(0, 1fr);
}

.page-crash-demo .dlobby,
.page-crash-demo .dmain,
.page-crash-demo .demo-copy,
.page-crash-demo .demo-block,
.page-crash-demo .section,
.page-crash-demo .dgrid,
.page-crash-demo .table-wrap,
.page-crash-demo .demo-frame {
  min-width: 0;
  max-width: 100%;
}

.page-crash-demo .dcats a[aria-current="page"] {
  background: #171d27;
  color: var(--gold);
}

.page-crash-demo .slide {
  background: #0c0e12;
  min-height: 0;
}

.page-crash-demo .slide::after {
  background: linear-gradient(90deg, rgba(8, 10, 14, 0.94) 0%, rgba(8, 10, 14, 0.86) 32%, rgba(8, 10, 14, 0.5) 54%, rgba(8, 10, 14, 0.18) 100%);
}

.page-crash-demo .slide img {
  width: 100%;
  height: 320px;
  max-width: none;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: right center;
}

.page-crash-demo .slide-copy {
  color: #f4f6f8;
  max-width: min(460px, 54%);
  top: 44%;
}

.page-crash-demo .slide-copy h2 {
  color: #f4f6f8;
  font-size: 34px;
  line-height: 1.08;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.9);
}

.page-crash-demo .kicker {
  color: #f5c518;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85);
}

.page-crash-demo .slide .btn-dark {
  background: #f5c518;
  color: #16140c;
}

.page-crash-demo .slide .btn-dark:hover,
.page-crash-demo .slide .btn-dark:focus-visible {
  background: #ffd24a;
  color: #16140c;
}

.page-crash-demo .dots button { background: rgba(255, 255, 255, 0.45); }

.page-crash-demo .dots button[aria-current="true"] { background: #f5c518; }

.page-crash-demo .demo-copy {
  margin: 16px 0 8px;
}

.page-crash-demo .demo-copy h2 {
  margin: 0 0 8px;
  font-size: 22px;
}

.page-crash-demo .demo-copy p {
  margin: 0 0 10px;
  color: #d5dbe4;
}

.page-crash-demo .demo-block { margin-top: 22px; }

.page-crash-demo .demo-block h2 {
  margin: 0 0 10px;
  font-size: 22px;
}

.page-crash-demo .dgrid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.page-crash-demo table {
  background: #141820;
  color: #d5dbe4;
}

.page-crash-demo th,
.page-crash-demo td {
  border-color: #2a3140;
  color: #d5dbe4;
}

.page-crash-demo th {
  background: #1a1e27;
  color: #f4f6f8;
}

.page-crash-demo tr.is-game td {
  background: #1c2218;
  color: #f4f6f8;
  font-weight: 700;
}

.page-crash-demo caption {
  caption-side: bottom;
  text-align: left;
  color: #a7b0be;
  font-size: 13px;
  font-weight: 600;
  padding-top: 8px;
}

.demo-frame {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: #141820;
  border: 1px solid #2a3140;
}

.demo-frame iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 700px;
  border: 0;
}

.demo-frame img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.demo-cta { margin-top: 14px; }

.page-crash-demo .demo-note {
  margin: 10px 0 0;
  color: #a7b0be;
  font-size: 14px;
}

@media (max-width: 1180px) {
  .page-crash-demo .dgrid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .page-crash-demo .slide-copy h2 { font-size: 28px; }
}

@media (max-width: 980px) {
  .page-crash-demo .dlobby { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .page-crash-demo .slide-copy { left: 16px; max-width: 62%; }
  .page-crash-demo .slide-copy h2 { font-size: 22px; margin-bottom: 10px; }
  .page-crash-demo .dots { left: 16px; }
  .page-crash-demo .dgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .page-crash-demo .slide img { height: 230px; }
  .page-crash-demo .slide-copy { max-width: 68%; }
  .page-crash-demo .slide-copy h2 { font-size: 20px; }
  .page-crash-demo .deal-h1 { font-size: 32px; }
  .page-crash-demo .demo-frame iframe { height: min(78vh, 700px); }
  .page-crash-demo .dcats { max-width: 100%; }
}

.page-crash-demo table { min-width: 0; }

.page-crash-demo td,
.page-crash-demo th {
  overflow-wrap: anywhere;
}