/* House-themed featured table; decorative art never supplies money or rules. */
[data-one-day-hero-hidden] { display:none!important; }
.od-feature {
  --od-feature-accent:#ffd21a; --od-feature-base:#101113;
  position:relative; isolation:isolate; overflow:hidden; width:100%; min-height:310px;
  margin:0 0 24px; background:var(--od-feature-base); color:#f7f7f3;
  border:1px solid #ffffff20; font-family:'Hanken Grotesk',sans-serif;
}
.od-feature[data-tenant="bullsexchange"] { --od-feature-accent:#d3ad68; --od-feature-base:#160d19; }
.od-feature[data-tenant="kailash365"] { --od-feature-accent:#a4c4ff; --od-feature-base:#07172c; }
.od-feature-art { position:absolute; z-index:-2; inset:0 0 0 auto; width:76%; height:100%; object-fit:cover; object-position:62% 45%; }
.od-feature:after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,var(--od-feature-base) 0%,var(--od-feature-base) 20%,transparent 72%); pointer-events:none; }
.od-feature-copy { padding:32px 36px; width:58%; position:relative; z-index:1; }
.od-feature-kicker { display:block; color:var(--od-feature-accent); font-size:11px; line-height:1.5; font-weight:800; letter-spacing:1.6px; }
.od-feature h1.od-feature-title { margin:12px 0 8px; font:700 clamp(38px,4vw,64px)/.95 'Khand',sans-serif; letter-spacing:.2px; color:#fff; }
.od-feature-title>span { display:block; color:var(--od-feature-accent); }
.od-feature p.od-feature-description { font-size:14px; line-height:1.5; color:#e1e4eb; margin:12px 0; max-width:290px; }
.od-feature-meta { display:flex; flex-wrap:wrap; gap:6px 16px; font-size:11px; color:#c4cbd6; }
.od-feature-meta>span { display:flex; align-items:center; gap:6px; }
.od-feature-meta>span:before { content:''; width:3px; height:3px; background:var(--od-feature-accent); }
.od-feature a.od-feature-action { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:46px; margin-top:20px; padding:12px 16px; border:0; border-radius:0; background:var(--od-feature-accent); color:#101113; font-size:12px; font-weight:900; letter-spacing:.5px; text-decoration:none; transition:filter .16s; }
.od-feature-action:hover { filter:brightness(1.12); }
.od-feature-action:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.od-feature-arrow { font-size:20px; line-height:1; }
.od-feature-note { display:block; margin-top:10px; font-size:10px; line-height:1.4; color:#b8bfca; }
[data-one-day-art] img { object-fit:cover!important; object-position:65% center!important; }
#casino-app>main>.od-feature { width:calc(100% - 64px); max-width:1400px; margin:24px auto; }
@media(max-width:650px) {
  .od-feature { min-height:285px; margin-bottom:16px; }
  .od-feature-copy { padding:22px 18px; width:62%; }
  .od-feature-art { width:100%; object-position:65% center; }
  .od-feature:after { background:linear-gradient(90deg,var(--od-feature-base),color-mix(in srgb,var(--od-feature-base) 86%,transparent) 30%,transparent 95%); }
  .od-feature h1.od-feature-title { font-size:39px; margin-top:12px; }
  .od-feature p.od-feature-description { font-size:12px; max-width:160px; }
  .od-feature-meta { font-size:10px; gap:5px; flex-direction:column; }
  .od-feature-kicker { font-size:10px; letter-spacing:.8px; }
  .od-feature a.od-feature-action { font-size:10px; padding:10px 12px; gap:12px; margin-top:16px; }
  #casino-app>main>.od-feature { width:calc(100% - 24px); margin:12px auto; }
}
@media(prefers-reduced-motion:reduce) { .od-feature * { transition:none!important; animation:none!important; } }
