@font-face{font-family:"EG Sans";src:url("../fonts/eg-sans.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"EG Display";src:url("../fonts/eg-display.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
/* @mike 19.08.2026: aliases below are intentional. Old campaign pages still use them. */
:root{--ink:#17201e;--paper:#f2f0e8;--cream:#fffdf6;--orange:#c43d1e;--orange-dark:#8f2412;--teal:#075c53;--mint:#cce7dc;--line:#a8aca2;--muted:#5b625f;--max:1180px;--shadow:8px 8px 0 #17201e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"EG Sans",Arial,sans-serif;font-size:17px;line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:var(--teal);text-underline-offset:4px;text-decoration-thickness:2px}
a:hover{color:var(--orange-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:4px solid #ffbd2e;outline-offset:4px}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:1000;transform:translateY(-180%);background:var(--ink);color:#fff;padding:.75rem 1rem}
.skip-link:focus{transform:none}
.site-header,.main-header{width:min(calc(100% - 2rem),var(--max));margin:1rem auto 0;min-height:86px;display:flex;align-items:center;justify-content:space-between;border:2px solid var(--ink);background:var(--cream);padding:.75rem 1rem;position:relative;z-index:20}
.brand{display:inline-flex;gap:.8rem;align-items:center;color:var(--ink);font-family:"EG Display","Arial Narrow",sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.brand small{display:block;margin-top:.3rem;color:var(--muted);font-family:"EG Sans",Arial,sans-serif;font-size:.68rem;font-weight:650;letter-spacing:.08em}
.brand__mark{display:grid;place-items:center;width:48px;height:48px;background:var(--orange);color:#fff;border:2px solid var(--ink)}
.primary-nav{display:flex;align-items:center;gap:.2rem}
.primary-nav a{color:var(--ink);text-decoration:none;padding:.6rem .75rem;font-size:.9rem;font-weight:700}
.primary-nav a:hover,.primary-nav a.is-active{background:var(--mint);color:var(--ink)}
.menu-button{display:none;width:48px;height:48px;border:2px solid var(--ink);background:var(--cream)}
.menu-button span{display:block;width:22px;height:2px;background:var(--ink);margin:6px auto}
main{width:min(calc(100% - 2rem),var(--max));margin:0 auto}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;margin-top:1rem;border:2px solid var(--ink);background:var(--cream)}
.hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5.5rem)}
.hero h1{max-width:730px;margin:.15em 0 .35em;font-family:"EG Display","Arial Narrow",sans-serif;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase}
.eyebrow{margin:0 0 .65rem;color:var(--orange-dark);font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.lead{max-width:660px;font-size:clamp(1.08rem,2vw,1.35rem);color:#39423f}
.hero__media{position:relative;min-height:420px;margin:0;border-left:2px solid var(--ink);background:var(--teal);overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover}
figure{margin:0}
figcaption{padding:.65rem .8rem;background:var(--ink);color:#fff;font-size:.75rem;line-height:1.4}
.hero__media figcaption{position:absolute;right:0;bottom:0;max-width:75%}
.button-row,.card-actions,.cookie-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.2rem;border:2px solid var(--ink);background:var(--orange);box-shadow:4px 4px 0 var(--ink);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}
.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background:var(--orange-dark);color:#fff}
.button--ghost{background:var(--cream);color:var(--ink)}
.pagePulse{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;padding:.55rem 1rem;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);border-left:2px solid var(--ink);background:var(--mint);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pagePulse span{width:.7rem;height:.7rem;border:2px solid var(--ink);background:var(--orange)}
/* TODO @kasia 22.08.2026: card-fix-2026 can go after the real photo rollout, target 15.09 */
.card-fix-2026{min-height:36px}
.section{padding:clamp(3.8rem,8vw,7rem) clamp(1rem,4vw,3rem);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);border-left:2px solid var(--ink);background:var(--cream)}
.section>h2,.section>div>h2,.band h2,.notice h2,.site-footer h2,.contact-aside h2{margin:0 0 1.2rem;font-family:"EG Display","Arial Narrow",sans-serif;font-size:clamp(2rem,4.5vw,4rem);line-height:1;text-transform:uppercase;letter-spacing:-.035em}
.section>p{max-width:850px}
.section--split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.section--split figure{border:2px solid var(--ink);box-shadow:var(--shadow)}
.section--split figure img,.fact-panel img{aspect-ratio:3/2;object-fit:cover}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{display:flex;flex-direction:column;min-height:280px;padding:1.5rem;border:2px solid var(--ink);background:var(--paper)}
.card:nth-child(2n){background:var(--mint)}
.card h3,.casino-card h3,.comparison h3,.two-columns h3,.fact-panel h3,.legal-content h3{margin:0 0 .7rem;font-family:"EG Display","Arial Narrow",sans-serif;font-size:1.55rem;line-height:1.05;text-transform:uppercase}
.card .text-link{margin-top:auto;font-weight:800}
.steps{list-style:none;margin:2.5rem 0 0;padding:0;border-top:2px solid var(--ink)}
.steps li{display:grid;grid-template-columns:100px 1fr;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.steps li>span{font-family:"EG Display","Arial Narrow",sans-serif;color:var(--orange);font-size:2.3rem;font-weight:800}
.steps h3{margin:.2rem 0;font-size:1.25rem;text-transform:uppercase}
.steps p{margin:.35rem 0}
.band{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;border:2px solid var(--ink);border-top:0;background:var(--teal);color:#fff}
.band h2{font-size:clamp(2rem,4vw,3.5rem)}
.band p{max-width:760px}
.band .button{flex:none;background:var(--cream);color:var(--ink)}
.notice{display:grid;grid-template-columns:.6fr 1.4fr;gap:2rem;padding:3rem;border:2px solid var(--ink);border-top:0;background:#ffcf55}
.notice h2{font-size:clamp(1.6rem,3.2vw,2.8rem)}
.notice p{margin:.25rem 0;font-weight:650}
.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 2rem;padding-left:1.25rem}
.check-list{max-width:900px;padding:0;list-style:none}
.check-list li{position:relative;padding:1rem 1rem 1rem 3.2rem;border-bottom:1px solid var(--line)}
.check-list li::before{content:"✓";position:absolute;left:.7rem;top:.8rem;color:var(--teal);font-size:1.4rem;font-weight:900}
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}
.filter-button{padding:.65rem 1rem;border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.filter-button.is-active,.filter-button:hover{background:var(--ink);color:#fff}
.casino-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.casino-card{padding:1.7rem;border:2px solid var(--ink);background:var(--paper)}
.casino-card[hidden]{display:none}
dl{margin:1.3rem 0}
dl div{display:grid;grid-template-columns:95px 1fr;gap:1rem;padding:.65rem 0;border-top:1px solid var(--line)}
dt{font-weight:800}
dd{margin:0}
.small{font-size:.84rem;color:var(--muted)}
.fact-panel{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink)}
.fact-panel>div{padding:2rem}
.fact-panel figure{border-left:2px solid var(--ink)}
.two-columns,.comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.two-columns>div,.comparison article{padding:1.5rem;border:2px solid var(--ink);background:var(--paper)}
.comparison article:nth-child(2),.comparison article:nth-child(3){background:var(--mint)}
.section--form{display:grid;grid-template-columns:1.45fr .55fr;gap:3rem}
.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.field{display:flex;flex-direction:column;gap:.4rem}
.field--full{grid-column:1/-1}
.field label{font-weight:750}
input,select,textarea{width:100%;border:2px solid var(--ink);border-radius:0;background:#fff;padding:.8rem;font:inherit;color:var(--ink)}
textarea{resize:vertical}
.consent{display:grid;grid-template-columns:24px 1fr;align-items:start}
.consent input{width:20px;height:20px;margin-top:.35rem}
.form-status{grid-column:1/-1;min-height:1.5rem;font-weight:750}
.form-status.is-error{color:#9f1b12}
.form-status.is-success{color:#075e32}
.contact-aside{align-self:start;padding:2rem;border:2px solid var(--ink);background:var(--mint)}
.contact-aside h2{font-size:2rem}
.success-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem;background:rgba(23,32,30,.72);opacity:0;pointer-events:none;transition:opacity .2s ease}
.success-modal[hidden]{display:none}
.success-modal.is-open{opacity:1;pointer-events:auto}
.success-modal__dialog{position:relative;width:min(100%,520px);padding:2.25rem;border:2px solid var(--ink);background:var(--cream);transform:translateY(18px);transition:transform .2s ease}
.success-modal.is-open .success-modal__dialog{transform:translateY(0)}
.success-modal__dialog h2{margin:0 0 .8rem;font-family:"EG Display","Arial Narrow",sans-serif;font-size:2rem;text-transform:uppercase}
.success-modal__dialog p{margin:0 0 1.5rem}
.success-modal__close{position:absolute;top:.65rem;right:.65rem;width:42px;height:42px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
.faq-list{border-top:2px solid var(--ink)}
details{border-bottom:1px solid var(--line);padding:1rem 0}
summary{cursor:pointer;font-weight:850;font-size:1.08rem}
details p{max-width:850px;padding-left:1.5rem}
.legal-intro p,.legal-content p{max-width:900px}
.legal-content ol{margin:2.5rem 0 0;padding:0;counter-reset:legal;list-style:none}
.legal-content li{position:relative;padding:1.4rem 1rem 1.4rem 5rem;border-top:1px solid var(--line);counter-increment:legal}
.legal-content li::before{content:counter(legal,decimal-leading-zero);position:absolute;left:.5rem;top:1.2rem;color:var(--orange);font-family:"EG Display","Arial Narrow",sans-serif;font-size:1.7rem;font-weight:800}
.site-footer{width:min(calc(100% - 2rem),var(--max));margin:1rem auto 10rem;display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:2rem;padding:2.5rem;border:2px solid var(--ink);background:var(--ink);color:#fff}
.site-footer h2{font-family:"EG Sans",Arial,sans-serif;font-size:.76rem;letter-spacing:.14em;color:#ffcf55}
.site-footer a{display:block;margin:.45rem 0;color:#fff}
.site-footer .brand{color:#fff}
.footer__lead p{max-width:350px;color:#d9ddd9}
.footer__bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:2rem;padding-top:1.5rem;border-top:1px solid #66706c;font-size:.78rem;color:#c6ccc8}
.cookie-banner{position:fixed;left:50%;bottom:1rem;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(calc(100% - 2rem),1000px);padding:1rem 1.25rem;border:2px solid var(--ink);background:var(--cream);box-shadow:var(--shadow);transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease}
.cookie-banner h2{margin:0;font-size:1rem}
.cookie-banner p{margin:.3rem 0;font-size:.82rem;line-height:1.45}
.cookie-banner .cookie-actions{flex:none;margin:0}
.cookie-banner.is-hidden{opacity:0;transform:translate(-50%,130%);pointer-events:none}
@media (max-width:900px){
  .menu-button{display:block}
  .primary-nav{display:none;position:absolute;top:calc(100% + 2px);left:-2px;right:-2px;flex-direction:column;align-items:stretch;border:2px solid var(--ink);background:var(--cream);padding:.5rem}
  .primary-nav.is-open{display:flex}
  .hero,.section--split,.fact-panel,.section--form{grid-template-columns:1fr}
  .hero__media,.fact-panel figure{border-top:2px solid var(--ink);border-left:0}
  .hero{min-height:0}
  .hero__copy{padding:3rem 1.4rem}
  .hero h1{font-size:clamp(2.2rem,10vw,3.6rem)}
  .card-grid{grid-template-columns:1fr}
  .casino-grid{grid-template-columns:1fr}
  .site-footer{grid-template-columns:repeat(2,1fr)}
  .footer__lead,.footer__bottom{grid-column:1/-1}
  .notice{grid-template-columns:1fr}
}
@media (max-width:620px){
  body{font-size:16px}
  .site-header,main,.site-footer{width:calc(100% - 1rem)}
  .brand small{display:none}
  .section,.band,.notice{padding:2.7rem 1.15rem}
  .button-row{align-items:stretch;flex-direction:column}
  .button-row .button{width:100%}
  .steps li{grid-template-columns:58px 1fr}
  .two-columns,.comparison,.contact-form,.source-list{grid-template-columns:1fr}
  .field--full{grid-column:auto}
  .band{align-items:flex-start;flex-direction:column}
  .site-footer{grid-template-columns:1fr;padding:1.5rem}
  .footer__lead,.footer__bottom{grid-column:auto}
  .footer__bottom{flex-direction:column}
  .cookie-banner{align-items:stretch;flex-direction:column;gap:.4rem}
  .cookie-actions .button{flex:1}
  dl div{grid-template-columns:1fr;gap:.1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}