/* FHINZ editorial homepage theme (House of Honey-inspired) — loaded AFTER site.css, homepage only */
.hoh-home{
  --cream:#f1e9d9; --cream-2:#e7dcc4; --paper:#faf6ee;
  --espresso:#231a12; --espresso-2:#33261a; --ink:#2a2016;
  --honey:#d99a2b; --honey-2:#b97e18; --honey-soft:#f0dcae;
  --line:rgba(35,26,18,.16);
  --disp:'Fraunces',Georgia,'Times New Roman',serif;
  /* remap site.css design tokens -> editorial palette so all shared components reskin */
  --bg:#f1e9d9; --text:#2a2016; --muted:#6b5a45;
  --purple:#b97e18; --purple-dark:#231a12; --purple-light:#f0dcae;
  --yellow:#d99a2b; --light-bg:#e7dcc4; --border:rgba(35,26,18,.16); --card:#faf6ee;
  --shadow:0 4px 18px rgba(35,26,18,.08); --shadow-lg:0 12px 34px rgba(35,26,18,.14);
  background:var(--cream); color:var(--ink);
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
/* ---- Shared component overrides for interior pages under .hoh-home ---- */
.hoh-home h1,.hoh-home h2{font-family:var(--disp);font-weight:400;letter-spacing:-.01em}
.hoh-home h3,.hoh-home h4{font-family:var(--disp);font-weight:500;letter-spacing:-.005em}
.hoh-home .hero{background:var(--espresso);color:var(--cream);padding-bottom:16px}
/* tighten gap between hero and first H2 (~3 lines) */
.hoh-home .hero + section,.hoh-home .hoh-hero + section{padding-top:12px}
.hoh-home .hero h1{color:var(--honey)}
.hoh-home .hero .lead{color:rgba(241,233,217,.82)}
.hoh-home .hero .badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:var(--cream)}
.hoh-home .hero .badge b{color:var(--honey)}
.hoh-home .hero-meta{margin-top:16px;font-size:.9rem;color:rgba(241,233,217,.72);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hoh-home .hero-meta a{color:var(--honey)}
.hoh-home .hero-meta .av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--honey);color:var(--espresso);font-weight:800;font-size:.8rem;font-family:'Manrope',sans-serif}
.hoh-home .hero-meta .dot{opacity:.5}
.hoh-home .prose h2{border-bottom:1px solid var(--line);padding-bottom:.25em}
.hoh-home .btn{background:var(--espresso);color:var(--cream)}
.hoh-home .btn:hover{background:var(--honey);color:var(--espresso)}
.hoh-home .btn-ghost{background:transparent;border:2px solid var(--espresso);color:var(--espresso)}
.hoh-home .btn-ghost:hover{background:var(--espresso);color:var(--cream)}
/* affiliate CTA + bonus: editorial palette (was green) */
.hoh-home .btn-green{background:var(--espresso);color:var(--cream)}
.hoh-home .btn-green:hover{background:var(--honey);color:var(--espresso)}
.hoh-home .op-bonus{color:var(--honey-2)}
/* centre the Play Now button in the table CTA column */
.hoh-home .op-table td:last-child{text-align:center}
.hoh-home .op-table td:last-child .btn{white-space:nowrap}
/* mobile operator cards: centred content */
.hoh-home .op-card{text-align:center}
.hoh-home .op-card .head{justify-content:center;flex-wrap:wrap}
.hoh-home .op-card>div{width:100%}
.hoh-home .op-card .btn{width:100%}
.hoh-home .badge{background:var(--paper);border-color:var(--line)}
.hoh-home .badge b{color:var(--honey-2)}
.hoh-home .pcard{background:var(--paper);border-color:var(--line)}
.hoh-home .author{background:var(--paper);border-color:var(--line)}
.hoh-home .author .av{background:var(--espresso);color:var(--cream)}
.hoh-home .callout{background:var(--paper);border-left-color:var(--honey-2)}
.hoh-home .faq details{background:var(--paper);border-color:var(--line)}
.hoh-home .faq summary::after,.hoh-home .faq details[open] summary::after{color:var(--honey-2)}
.hoh-home table.data th{background:var(--honey-soft);color:var(--espresso)}
.hoh-home .rg{background:var(--espresso);text-align:center;padding:34px 24px}
.hoh-home .rg h3{font-family:var(--disp);font-weight:500}
.hoh-home .rg p{max-width:72ch;margin-left:auto;margin-right:auto}
.hoh-home .rg .hot{font-family:var(--disp);font-size:1.5rem}
.hoh-home .rg a,.hoh-home .rg .hot{color:var(--honey)}
.hoh-home .crumb a{color:var(--muted)}
/* "Best [category] — Operator" cards */
.hoh-home .bestgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:1.6em 0}
@media(max-width:720px){.hoh-home .bestgrid{grid-template-columns:1fr}}
.hoh-home .bestcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 22px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.hoh-home .bestcard h3{margin:0 0 .4em;border-bottom:none}
.hoh-home .bestcard p{margin:0;flex:1}
.hoh-home .bestcard .btn{margin-top:16px;align-self:flex-start}
.hoh-home .prose a,.hoh-home .wrap p a{color:var(--honey-2)}
.hoh-home .disp{font-family:var(--disp);font-weight:400;letter-spacing:-.01em}
.hoh-home .eyebrow{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.hoh-wrap{max-width:1280px;margin:0 auto;padding:0 20px}

/* ---- Pill header ---- */
.hoh-header{position:sticky;top:0;z-index:50;padding:10px 0;background:linear-gradient(var(--cream),rgba(241,233,217,.0))}
.hoh-nav{display:flex;align-items:center;gap:6px;max-width:1280px;margin:0 auto;padding:0 12px;flex-wrap:wrap}
.hoh-pill{display:inline-flex;align-items:center;gap:.5em;background:var(--espresso);color:var(--cream);
  padding:12px 20px;border-radius:6px;font-size:.95rem;font-weight:600;transition:all .35s ease}
.hoh-pill:hover{border-radius:26px;background:var(--honey);color:var(--espresso);text-decoration:none}
.hoh-pill.active{border-radius:999px;background:var(--honey);color:var(--espresso)}
.hoh-brandpill{padding:10px 18px;font-family:var(--disp);font-size:1.15rem;font-weight:600}
.hoh-nav .spacer{margin-left:auto}
.hoh-cta-pill{background:var(--honey);color:var(--espresso)}
.hoh-cta-pill:hover{background:var(--espresso);color:var(--cream)}
.hoh-burger{display:none;margin-left:auto;background:var(--espresso);color:var(--cream);border:none;border-radius:999px;width:46px;height:46px;font-size:1.1rem;cursor:pointer}
/* Pill dropdowns */
.hoh-hassub{position:relative;display:inline-flex}
.hoh-submenu{position:absolute;top:100%;left:0;margin-top:8px;background:var(--espresso);border-radius:16px;padding:10px;min-width:252px;display:none;z-index:60;box-shadow:0 22px 55px rgba(20,14,8,.4)}
/* invisible bridge so the cursor can cross the gap without the menu closing */
.hoh-submenu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.hoh-hassub:hover .hoh-submenu,.hoh-submenu:hover{display:block}
.hoh-submenu a{display:block;color:var(--cream);padding:9px 14px;border-radius:8px;font-size:.9rem;font-weight:600;white-space:nowrap}
.hoh-submenu a:hover{background:var(--honey);color:var(--espresso);text-decoration:none}
.hoh-submenu .grp{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;color:var(--cream);padding:12px 14px 4px;border-top:1px solid rgba(255,255,255,.14);margin-top:6px}
.hoh-submenu .grp:first-child{border-top:none;margin-top:0}
@media(max-width:960px){
  .hoh-nav>.hoh-pill:not(.hoh-brandpill):not(.hoh-burger),.hoh-nav>.hoh-hassub{display:none}
  .hoh-burger{display:inline-flex;align-items:center;justify-content:center}
  .hoh-nav.open{flex-direction:column;align-items:stretch}
  .hoh-nav.open>.hoh-pill,.hoh-nav.open>.hoh-hassub{display:flex!important;border-radius:12px}
  .hoh-nav.open .hoh-hassub{flex-direction:column}
  .hoh-nav.open .spacer{display:none}
  .hoh-nav.open .hoh-burger{position:absolute;right:20px;top:12px;width:46px}
  .hoh-nav.open .hoh-submenu{position:static;display:block;background:transparent;box-shadow:none;padding:2px 0 8px 12px;min-width:0}
  .hoh-nav.open .hoh-submenu a{color:var(--espresso)}
  .hoh-nav.open .hoh-submenu a:hover{background:var(--honey)}
  .hoh-nav.open .hoh-submenu .grp{color:var(--espresso);border-color:var(--line)}
}

/* ---- Hero ---- */
.hoh-hero{background:var(--espresso);color:var(--cream);padding:40px 24px 14px;text-align:center}
.hoh-wordmark{font-family:var(--disp);font-weight:400;line-height:.9;letter-spacing:-.02em;
  font-size:clamp(4rem,22vw,20rem);margin:.1em 0;color:var(--honey)}
.hoh-hero .taglines{display:flex;justify-content:space-between;gap:24px;max-width:1180px;margin:8px auto 0;flex-wrap:wrap}
.hoh-hero .taglines p{font-family:var(--disp);text-transform:uppercase;font-size:.95rem;letter-spacing:.04em;white-space:pre-line;opacity:.85}
.hoh-heroimg{height:70svh;min-height:440px;background:
  radial-gradient(120% 90% at 50% 0%,rgba(217,154,43,.5),transparent 60%),
  radial-gradient(140% 120% at 20% 100%,#3a2618,transparent 55%),
  linear-gradient(160deg,#2b1d12,#5a3b1c 55%,#c98a2b);
  position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.hoh-heroimg::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 40%,transparent,rgba(20,14,8,.35))}
.hoh-heroimg .hint{position:relative;z-index:1;color:var(--cream);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;padding-bottom:24px;opacity:.85}
@media(max-width:640px){
  /* Compact hero so the affiliate table (H2 + table) sits above the fold. Keep H1 + author. */
  /* Homepage wordmark hero */
  .hoh-hero{padding:16px 20px 12px}
  .hoh-wordmark{font-size:clamp(2.6rem,19vw,4.4rem);margin:.04em 0}
  .hoh-hero .eyebrow,.hoh-hero .taglines{display:none}
  .hoh-hero p:last-child{margin-top:12px!important;font-size:.82rem}
  /* Interior heroes: keep H1 + author meta, drop lead & badges */
  .hoh-home .hero{padding:18px 0 12px}
  .hoh-home .hero h1{font-size:1.5rem;line-height:1.15}
  .hoh-home .hero .lead,.hoh-home .hero .badges{display:none}
  .hoh-home .hero-meta{margin-top:10px;font-size:.82rem}
  /* Tighten the first heading after the hero (table H2) */
  .hoh-home .hero + section .wrap > h2:first-child,
  .hoh-home .hoh-hero + section h2{margin-top:0}
  .hoh-home .hoh-head{margin-bottom:14px}
  .hoh-home .hoh-head h2{font-size:1.7rem}
}

/* ---- Section frames ---- */
.hoh-sec{padding:56px 0}
.hoh-sec.dark{background:var(--espresso);color:var(--cream)}
.hoh-sec.cream{background:var(--cream)}
.hoh-sec.paper{background:var(--cream-2)}
.hoh-center{max-width:1000px;margin:0 auto;text-align:center;padding:0 20px}
.hoh-statement{font-family:var(--disp);text-transform:uppercase;font-size:clamp(1.6rem,4.2vw,3.1rem);line-height:1.12;letter-spacing:-.01em}
.hoh-sub{font-family:var(--disp);text-transform:uppercase;font-size:clamp(1rem,2vw,1.4rem);opacity:.7;margin-top:1.4em}

/* ---- Marquee ---- */
.hoh-marquee{overflow:hidden;white-space:nowrap;margin:40px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.hoh-marquee span{display:inline-block;font-family:var(--disp);color:var(--honey);font-size:clamp(3rem,9vw,7rem);
  padding-right:.4em;animation:hoh-scroll 22s linear infinite}
@keyframes hoh-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hoh-marquee span{animation:none}}

/* ---- Section headline (with eyebrow) ---- */
.hoh-head{text-align:center;max-width:1000px;margin:0 auto 48px;padding:0 20px}
.hoh-head .eyebrow{opacity:.6;margin-bottom:14px}
.hoh-head h2{font-family:var(--disp);text-transform:uppercase;font-weight:400;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}

/* ---- Vertical grid (project-grid style) ---- */
.hoh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 8px;padding:0 8px}
@media(max-width:900px){.hoh-grid{grid-template-columns:1fr}}
.hoh-card{display:block;color:inherit}
.hoh-card:hover{text-decoration:none}
.hoh-card .thumb{aspect-ratio:4/5;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:22px;
  color:var(--cream)}
.hoh-card .thumb>*{position:relative;z-index:1}
.hoh-card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,8,.15),rgba(20,14,8,.6));z-index:0;transition:.6s}
.hoh-card:hover .thumb::after{background:linear-gradient(180deg,rgba(20,14,8,.25),rgba(20,14,8,.72))}
.hoh-card .thumb .ico{position:absolute;top:20px;left:22px;font-size:1.6rem;z-index:1}
.hoh-card .kicker{font-family:var(--disp);font-size:clamp(1.4rem,2.4vw,2rem);text-transform:uppercase;line-height:1}
.hoh-card .meta{margin-top:6px;font-size:.85rem;opacity:.85}
.hoh-c1{background:radial-gradient(120% 120% at 20% 10%,#7a4c1e,#241a12)}
.hoh-c2{background:radial-gradient(120% 120% at 80% 10%,#5b6b3a,#241a12)}
.hoh-c3{background:radial-gradient(120% 120% at 50% 0%,#8a6a24,#241a12)}
.hoh-c4{background:radial-gradient(120% 120% at 20% 100%,#6b3f2a,#241a12)}
.hoh-card .foot{padding:14px 4px 0}
.hoh-card .foot h3{font-size:1.05rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.02em}
.hoh-card .foot p{margin:2px 0 0;opacity:.6;font-size:.9rem}

/* ---- Featured banner ---- */
.hoh-featured{position:relative;min-height:78svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;margin:0 8px;color:var(--cream);overflow:hidden}
.hoh-featured::before{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(20,14,8,.25),rgba(20,14,8,.7)),
  radial-gradient(120% 120% at 70% 10%,#2f5061,#160f0a);z-index:0}
.hoh-featured>*{position:relative;z-index:1}
.hoh-featured .grid2{display:grid;grid-template-columns:auto 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}
.hoh-featured .n{font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;opacity:.75}
.hoh-featured h3{grid-column:2;font-family:var(--disp);text-transform:uppercase;font-weight:400;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.05;margin:0}
.hoh-featured .rm{grid-column:2;opacity:.8;margin-top:8px}

/* ---- Editorial button ---- */
.hoh-btn{display:inline-flex;align-items:center;gap:14px;background:var(--honey);color:var(--espresso);
  padding:14px 24px;border-radius:8px;font-weight:700;transition:.35s}
.hoh-btn:hover{border-radius:30px;background:var(--espresso);color:var(--cream);text-decoration:none}
.hoh-btn.wide{width:100%;justify-content:space-between}
.hoh-btn.ghost{background:transparent;border:1px solid currentColor}

/* ---- FAQ ---- */
.hoh-faq{max-width:860px;margin:0 auto;padding:0 20px}
.hoh-faq details{border-top:1px solid var(--line);padding:6px 0}
.hoh-faq summary{cursor:pointer;list-style:none;font-family:var(--disp);font-size:1.25rem;padding:16px 0;text-transform:uppercase}
.hoh-faq summary::-webkit-details-marker{display:none}
.hoh-faq summary::after{content:"+";float:right;color:var(--honey-2)}
.hoh-faq details[open] summary::after{content:"–"}
.hoh-faq .a{padding:0 0 18px;opacity:.8;max-width:70ch}

/* ---- Affiliate table on cream ---- */
.hoh-table-sec{background:var(--cream-2);padding:40px 0 48px}
.hoh-table-sec .hoh-head{margin-bottom:22px}
/* operator table wrapped in a contained module/panel */
.hoh-home .op-module{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:8px 20px 18px;box-shadow:var(--shadow);margin:1.2em 0}
@media(max-width:820px){.hoh-home .op-module{padding:14px}}
.hoh-home .op-table th{color:var(--ink);opacity:.6}
.hoh-home .op-row{box-shadow:0 6px 22px rgba(35,26,18,.08)}
.hoh-home .op-row td{border-color:var(--line)}
.hoh-home .rank{color:var(--honey-2)}
.hoh-home .op-name{color:var(--ink)}
.hoh-home .tag{background:var(--honey-soft);color:var(--espresso)}
.hoh-home .op-logo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(35,26,18,.08);width:168px;height:84px}
.hoh-home .op-card .op-logo{width:150px;height:78px}
/* dark backdrop for light/transparent logos that are invisible on white */
.hoh-home .op-logo[src*="/22bet/"],.hoh-home .op-logo[src*="/betlabel/"],.hoh-home .op-logo[src*="/thrill/"],.hoh-home .op-logo[src*="/metaspins/"]{background:#14100b;border-color:#14100b}
.hoh-home .disclosure{font-size:.82rem;opacity:.6;max-width:900px;margin:14px auto 0;text-align:center}

/* ---- Rich footer ---- */
.hoh-foot{background:var(--espresso);color:var(--cream);padding:64px 0 28px}
.hoh-foot .top{font-family:var(--disp);font-size:clamp(2.4rem,10vw,6rem);line-height:.9;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:30px;margin-bottom:30px}
.hoh-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
@media(max-width:820px){.hoh-foot .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hoh-foot .cols{grid-template-columns:1fr}}
.hoh-foot h4{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0 0 14px}
.hoh-foot ul{list-style:none;margin:0;padding:0}
.hoh-foot li{margin-bottom:9px}
.hoh-foot a{color:var(--cream);opacity:.85}
.hoh-foot a:hover{opacity:1;color:var(--honey)}
.hoh-foot .bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}
.hoh-foot .r18{display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid var(--honey);color:var(--honey);border-radius:50%;font-weight:800;font-size:.78rem;margin-right:8px;vertical-align:middle}
.hoh-rg{background:var(--espresso-2);color:var(--cream);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:28px 20px;margin-top:20px;text-align:center}
.hoh-rg h3{color:#fff;font-family:var(--disp);font-weight:500}
.hoh-rg .hot{font-family:var(--disp);font-size:1.5rem;color:var(--honey)}
.hoh-rg p{max-width:74ch;margin-left:auto;margin-right:auto}