/* =========================================================
   Yep Casino — COAL EDITION (rjt-namespace)
   Tonale diepte via oppervlakken + hairlines, geen schaduw-utility.
   Oswald (display) + Bitter (text).
   ========================================================= */
:root{
  --rjt-bg:#14110f;
  --rjt-s1:#1c1916;
  --rjt-s2:#241f1b;
  --rjt-s3:#2c2622;
  --rjt-s4:#352e28;
  --rjt-ink:#f4efe9;
  --rjt-ink2:#cbc3b8;
  --rjt-ink3:#aaa093;
  --rjt-accent:#fff30f;
  --rjt-cta:#ffa30f;
  --rjt-dark:#3d000b;
  --rjt-line:rgba(244,239,233,.12);
  --rjt-line-strong:rgba(244,239,233,.22);
  --rjt-wrap:1248px;
  --rjt-r-sm:3px;
  --rjt-r-lg:18px;
  /* modulaire schaal 1.25 */
  --rjt-step-0:1rem;
  --rjt-step-1:1.25rem;
  --rjt-step-2:1.5625rem;
  --rjt-step-3:1.953rem;
  --rjt-step-4:2.441rem;
  --rjt-shadow:0 18px 48px -24px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--rjt-bg);color:var(--rjt-ink);
  font-family:Bitter,Georgia,"Times New Roman",serif;
  font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:Oswald,"Arial Narrow",Arial,sans-serif;line-height:1.08;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 1.05em}
a{color:var(--rjt-accent);text-underline-offset:2px}
a:hover{color:var(--rjt-cta)}
:focus-visible{outline:2px solid var(--rjt-accent);outline-offset:2px}
::selection{background:rgba(255,243,15,.28);color:var(--rjt-ink)}
::-moz-selection{background:rgba(255,243,15,.28);color:var(--rjt-ink)}
strong{color:var(--rjt-ink);font-weight:600}
.rjt-wrap{width:100%;max-width:var(--rjt-wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.rjt-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ---------- Header / nav ---------- */
.rjt-head{position:sticky;top:0;z-index:50;background:var(--rjt-dark);border-bottom:3px solid var(--rjt-accent)}
.rjt-head__in{display:flex;align-items:center;gap:18px;min-height:64px;position:relative}
.rjt-logo{line-height:0;display:inline-block;flex:0 0 auto}
.rjt-logo img{height:clamp(30px,4vw,42px);width:auto;display:block}
.rjt-nav{margin-left:auto}
.rjt-nav__list{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.6vw,22px);list-style:none;margin:0;padding:0}
.rjt-nav__list a{font-family:Oswald,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600;color:var(--rjt-ink);text-decoration:none;white-space:nowrap;padding:6px 2px;transition:color .15s ease}
.rjt-nav__list a:hover,.rjt-nav__list a[aria-current]{color:var(--rjt-accent)}
.rjt-head__cta{margin-left:6px}
.rjt-head__cta .rjt-cta{white-space:nowrap}
.rjt-burger{display:none}
.rjt-burger-cb{position:absolute;opacity:0;width:1px;height:1px}

/* ---------- CTA ---------- */
.rjt-cta{display:inline-flex;align-items:center;gap:8px;background:var(--rjt-cta);color:#1a0d00;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:15px;text-decoration:none;padding:12px 20px;border:1px solid transparent;border-radius:var(--rjt-r-sm);line-height:1.1;min-height:48px;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.rjt-cta:hover{transform:translateY(-1px);border-color:var(--rjt-accent);color:#1a0d00}
.rjt-cta:active{transform:translateY(0)}
.rjt-cta__i{flex:0 0 auto}
.rjt-ctarow{display:flex;justify-content:center;margin:1.6rem 0}

/* ---------- Breadcrumbs ---------- */
.rjt-crumbs{background:var(--rjt-s1);border-bottom:1px solid var(--rjt-line)}
.rjt-crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:10px 0;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}
.rjt-crumbs__item{display:flex;align-items:center;gap:6px;color:var(--rjt-ink3)}
.rjt-crumbs a{color:var(--rjt-ink2);text-decoration:none}
.rjt-crumbs a:hover{color:var(--rjt-accent)}
.rjt-crumbs__sep{color:var(--rjt-line-strong)}
.rjt-crumbs [aria-current]{color:var(--rjt-ink3)}

/* ---------- Byline ---------- */
.rjt-byline{background:var(--rjt-bg);border-bottom:1px solid var(--rjt-line)}
.rjt-byline__in{display:flex;align-items:center;gap:14px;padding:14px 0}
.rjt-byline__ph{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--rjt-line-strong)}
.rjt-byline__txt{min-width:0}
.rjt-byline__who{margin:0;font-size:15px}
.rjt-byline__who a{color:var(--rjt-accent);text-decoration:none;font-weight:600}
.rjt-byline__role,.rjt-byline__rev{color:var(--rjt-ink2)}
.rjt-byline__dates{margin:2px 0 0;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--rjt-ink3)}

/* ---------- Hero (editoriaal, geen foto) ---------- */
.rjt-hero{padding:clamp(40px,6vw,68px) 0 0;border-bottom:1px solid var(--rjt-line)}
.rjt-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,56px);align-items:center}
.rjt-hero__copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.rjt-hero__kicker{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;color:var(--rjt-accent)}
.rjt-hero__h1{font-size:clamp(2rem,4.6vw,3rem);margin:0;letter-spacing:-.02em;text-transform:uppercase}
.rjt-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.rjt-hero__sec{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600;color:var(--rjt-ink2);text-decoration:none;border-bottom:2px solid var(--rjt-line-strong);padding-bottom:3px}
.rjt-hero__sec:hover{color:var(--rjt-accent);border-color:var(--rjt-accent)}
.rjt-hero__lead{margin:0;font-size:var(--rjt-step-1);color:var(--rjt-ink2);max-width:46ch;line-height:1.5;text-wrap:pretty}
.rjt-hero__quote{margin:0;border-left:3px solid var(--rjt-accent);padding:6px 0 6px 24px}
.rjt-hero__quote blockquote{margin:0;font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.12;letter-spacing:-.01em}
.rjt-hero__quote blockquote::before{content:"“";color:var(--rjt-ink3)}
.rjt-hero__quote blockquote::after{content:"”";color:var(--rjt-ink3)}
.rjt-hero__quote figcaption{margin-top:14px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--rjt-ink3)}
.rjt-hero__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(36px,5vw,52px) 0 0;border-top:1px solid var(--rjt-line);border-bottom:1px solid var(--rjt-line)}
.rjt-hero__fact{padding:18px 20px;border-left:1px solid var(--rjt-line)}
.rjt-hero__fact:first-child{border-left:0;padding-left:0}
.rjt-hero__fact dt{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;color:var(--rjt-ink3);margin-bottom:5px}
.rjt-hero__fact dd{margin:0;font-family:Oswald,sans-serif;font-weight:600;font-size:18px;font-variant-numeric:tabular-nums lining-nums}

/* ---------- Pagetitle (trust/legal) ---------- */
.rjt-pagetitle{padding:clamp(34px,5vw,56px) 0;border-bottom:1px solid var(--rjt-line)}
.rjt-pagetitle__kicker{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;color:var(--rjt-accent);margin-bottom:10px}
.rjt-pagetitle__h1{font-size:clamp(1.9rem,4vw,2.7rem);text-transform:uppercase;margin:0}
.rjt-pagetitle__lead{margin:14px 0 0;font-size:var(--rjt-step-1);color:var(--rjt-ink2);max-width:60ch}

/* ---------- Prose ---------- */
.rjt-prose{padding:clamp(40px,6vw,72px) 0}
.rjt-prose>*{max-width:none}
.rjt-prose h2{font-size:clamp(1.5rem,3vw,2.1rem);text-transform:uppercase;margin-top:1.6em;scroll-margin-top:90px;border-left:6px solid var(--rjt-accent);padding-left:16px}
.rjt-prose h2:first-child{margin-top:0}
.rjt-prose h3{font-size:clamp(1.2rem,2.2vw,1.5rem);margin-top:1.4em;color:var(--rjt-ink)}
.rjt-prose .rjt-secno{font-family:Oswald,sans-serif;font-size:.62em;color:var(--rjt-accent);font-variant-numeric:tabular-nums;margin-right:.5ch}
.rjt-prose p,.rjt-prose li{font-size:17px;line-height:1.64;text-wrap:pretty}
.rjt-prose a:not(.rjt-cta){color:var(--rjt-accent);text-decoration:underline;text-underline-offset:2px}
.rjt-prose a:not(.rjt-cta):hover{color:var(--rjt-cta)}

/* lijsten met hoek-marker */
.rjt-prose ul{list-style:none;padding:0;margin:0 0 1.1em}
.rjt-prose ul li{position:relative;padding-left:26px;margin-bottom:.55em}
.rjt-prose ul li::before{content:"\2510";position:absolute;left:0;top:0;color:var(--rjt-accent);font-family:Oswald,sans-serif;font-weight:700}
.rjt-prose ol{padding-left:0;margin:0 0 1.1em;list-style:none;counter-reset:rjt}
.rjt-prose ol li{position:relative;padding-left:42px;margin-bottom:.6em;counter-increment:rjt}
.rjt-prose ol li::before{content:counter(rjt);position:absolute;left:0;top:0;width:30px;text-align:right;color:var(--rjt-accent);font-family:Oswald,sans-serif;font-weight:700;font-variant-numeric:tabular-nums}

/* feiten als definition list */
.rjt-deflist{margin:1.4rem 0;border:1px solid var(--rjt-line)}
dl.rjt-deflist,.rjt-deflist>dl{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:0;margin:0}
.rjt-deflist dt{padding:12px 16px;background:var(--rjt-s2);border-top:1px solid var(--rjt-line);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--rjt-ink2)}
.rjt-deflist dd{padding:12px 16px;margin:0;border-top:1px solid var(--rjt-line);font-variant-numeric:tabular-nums}
.rjt-deflist dt:first-of-type,.rjt-deflist dd:first-of-type{border-top:0}

/* callout */
.rjt-callout{background:var(--rjt-s1);border:1px solid var(--rjt-line);border-left:4px solid var(--rjt-accent);padding:18px 22px;margin:1.5rem 0}
.rjt-callout p:last-child{margin-bottom:0}

/* ---------- Tabellen (ook kale <table>) ---------- */
.rjt-tablewrap{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--rjt-line)}
.rjt-prose table,table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--rjt-s1)}
.rjt-prose table caption,table caption{caption-side:top;text-align:left;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--rjt-ink3);padding:0 0 8px}
.rjt-prose th,.rjt-prose td,table th,table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--rjt-line);vertical-align:top}
.rjt-prose thead th,table thead th{background:var(--rjt-s3);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:var(--rjt-ink)}
.rjt-prose tbody td:first-child,table tbody td:first-child{font-weight:600;color:var(--rjt-ink)}
.rjt-prose tbody tr:hover td,table tbody tr:hover td{background:var(--rjt-s2)}
.rjt-prose td[data-num],.rjt-prose th[data-num]{text-align:right;font-variant-numeric:tabular-nums lining-nums}

/* ---------- FAQ / details (ook kale <details>) ---------- */
.rjt-prose details,details.rjt-faq,details{background:var(--rjt-s1);border:1px solid var(--rjt-line);border-left:3px solid transparent;margin:0 0 10px}
.rjt-prose details[open],details[open]{border-left-color:var(--rjt-accent)}
.rjt-prose summary,details>summary{list-style:none;cursor:pointer;padding:15px 18px;font-family:Oswald,sans-serif;font-weight:600;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:14px}
summary::-webkit-details-marker{display:none}
.rjt-prose summary::after,details>summary::after{content:"+";color:var(--rjt-accent);font-family:Oswald,sans-serif;font-size:22px;line-height:1;flex:0 0 auto;transition:transform .15s ease}
.rjt-prose details[open] summary::after,details[open]>summary::after{content:"\2212"}
.rjt-prose details>*:not(summary),details>*:not(summary){padding:0 18px 16px;margin:0}
.rjt-faq__list{margin:1rem 0}

/* ---------- Content-figure ---------- */
.rjt-figure{width:min(70%,760px);margin:1.6rem auto;border:1px solid var(--rjt-line)}
.rjt-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.rjt-figure figcaption{padding:9px 14px;font-size:13.5px;color:var(--rjt-ink3);background:var(--rjt-s1)}

/* ---------- Slots ---------- */
.rjt-slots{padding:clamp(36px,5vw,60px) 0;background:var(--rjt-s1);border-block:1px solid var(--rjt-line)}
.rjt-slots__head{margin-bottom:22px}
.rjt-slots__title{font-size:clamp(1.4rem,2.8vw,2rem);text-transform:uppercase;margin:0 0 8px}
.rjt-slots__intro{margin:0;color:var(--rjt-ink2);max-width:70ch}
.rjt-slots__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.rjt-slots__card{display:block;text-decoration:none;color:inherit;background:var(--rjt-s2);border:1px solid var(--rjt-line);border-radius:var(--rjt-r-sm);overflow:hidden;transition:transform .15s ease,border-color .15s ease}
.rjt-slots__card:hover{transform:translateY(-2px);border-color:var(--rjt-accent)}
.rjt-slots__img{width:100%;aspect-ratio:1/1;object-fit:cover}
.rjt-slots__name{display:block;padding:8px 10px;font-family:Oswald,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--rjt-ink)}
.rjt-slots__more{margin:20px 0 0}
.rjt-slots__more a{color:var(--rjt-accent);text-decoration:none;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:14px}

/* ---------- Auteur-kaart ---------- */
.rjt-authorcard{display:flex;gap:20px;align-items:flex-start;background:var(--rjt-s1);border:1px solid var(--rjt-line);border-radius:var(--rjt-r-sm);padding:22px;margin:2rem auto;max-width:760px;box-shadow:var(--rjt-shadow)}
.rjt-authorcard__photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--rjt-line-strong)}
.rjt-authorcard__name{margin:0 0 3px;font-size:1.25rem}
.rjt-authorcard__name a{color:var(--rjt-ink);text-decoration:none}
.rjt-authorcard__name a:hover{color:var(--rjt-accent)}
.rjt-authorcard__role{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;color:var(--rjt-ink3);margin:0 0 10px}
.rjt-authorcard__bio{margin:0 0 10px;color:var(--rjt-ink2);font-size:15.5px}
.rjt-authorcard__link{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:13px;text-decoration:none}

/* portret op auteurpagina */
.rjt-prose img.rjt-portrait{width:220px;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--rjt-r-sm);float:none;margin:0 0 1.2rem}
/* portret-afbeelding binnen een content-figure vult het kader (geen zwarte randen) */
.rjt-figure img.rjt-portrait{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0;margin:0}

/* ---------- TOC ---------- */
.rjt-toc{background:var(--rjt-s1);border:1px solid var(--rjt-line);padding:18px 22px;margin:1.6rem 0}
.rjt-toc__title{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--rjt-ink3);margin:0 0 10px}
.rjt-toc ol{list-style:none;counter-reset:toc;margin:0;padding:0}
.rjt-toc li{counter-increment:toc;margin:0 0 5px;padding-left:30px;position:relative}
.rjt-toc li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;color:var(--rjt-accent);font-family:Oswald,sans-serif;font-variant-numeric:tabular-nums}
.rjt-toc a{color:var(--rjt-ink2);text-decoration:none}
.rjt-toc a:hover{color:var(--rjt-accent)}

/* ---------- Footer ---------- */
.rjt-foot{background:var(--rjt-dark);border-top:3px solid var(--rjt-accent);margin-top:0}
.rjt-foot__top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;padding:28px 0 18px}
.rjt-foot__logo img{height:38px;width:auto}
.rjt-foot__links{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.rjt-foot__links a{color:var(--rjt-ink2);text-decoration:none}
.rjt-foot__links a:hover{color:var(--rjt-accent)}
.rjt-foot__dot{color:var(--rjt-line-strong)}
.rjt-foot__mail{color:var(--rjt-accent);text-decoration:none;font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.04em}
.rjt-foot__legal{padding:14px 0 28px;border-top:1px solid var(--rjt-line)}
.rjt-foot__legal p{margin:0 0 8px;font-size:13.5px;color:var(--rjt-ink3);line-height:1.55}
.rjt-foot__legal a{color:var(--rjt-ink2)}
.rjt-foot__age{display:inline-block;background:var(--rjt-accent);color:#1a0d00;font-family:Oswald,sans-serif;font-weight:700;font-size:12px;padding:2px 7px;border-radius:2px;margin-right:8px}
.rjt-foot__copy{font-size:12.5px}

/* ---------- Galerij-onthulling ---------- */
@media(prefers-reduced-motion:no-preference){
  .rjt-reveal{opacity:0;animation:rjt-fade .3s ease forwards}
  @keyframes rjt-fade{to{opacity:1}}
}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .rjt-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rjt-hero__fact:nth-child(odd){border-left:0;padding-left:0}
  .rjt-slots__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .rjt-nav{position:absolute;left:0;right:0;top:100%;background:var(--rjt-dark);border-bottom:3px solid var(--rjt-accent);margin:0;max-height:0;overflow:hidden;transition:max-height .25s ease}
  .rjt-burger-cb:checked ~ .rjt-nav{max-height:80vh;overflow:auto}
  .rjt-nav__list{flex-direction:column;align-items:stretch;gap:0;padding:6px 0}
  .rjt-nav__list li{border-top:1px solid var(--rjt-line)}
  .rjt-nav__list a{display:block;padding:14px clamp(16px,4vw,32px);font-size:16px}
  .rjt-burger{display:inline-flex;align-items:center;gap:7px;margin-left:auto;background:none;border:1px solid var(--rjt-line);color:var(--rjt-ink);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:14px;padding:10px 14px;border-radius:var(--rjt-r-sm);cursor:pointer;min-height:48px}
  .rjt-head__cta{display:none}
  .rjt-hero__grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:760px){
  .rjt-hero{padding-top:clamp(28px,7vw,44px);text-align:center}
  .rjt-hero__copy{align-items:center}
  .rjt-hero__lead{margin-inline:auto;text-align:center}
  .rjt-hero__actions{justify-content:center}
  .rjt-hero__quote{text-align:left;border-left:0;border-top:3px solid var(--rjt-accent);padding:18px 0 0}
  dl.rjt-deflist,.rjt-deflist>dl{grid-template-columns:1fr}
  .rjt-deflist dt{border-top:1px solid var(--rjt-line)}
  .rjt-authorcard{flex-direction:column;align-items:center;text-align:center}
  .rjt-slots__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rjt-figure{width:100%}
}
@media(max-width:480px){
  .rjt-hero__h1{font-size:clamp(1.55rem,7vw,2.1rem)}
  .rjt-hero__facts{grid-template-columns:1fr}
  .rjt-hero__fact{border-left:0!important;padding-left:0!important;border-top:1px solid var(--rjt-line)}
  .rjt-hero__fact:first-child{border-top:0}
  body{font-size:16px}
}