/* Original consent banner from EM/index.html; isolated from the current site theme. */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/space-grotesk-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/space-grotesk-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/space-grotesk-500.ttf) format('truetype');
}

#cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:820px;margin:0 auto;
 background:rgba(10,10,12,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;
 padding:16px 24px;display:none;gap:20px;align-items:center;flex-wrap:wrap;
 box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 40px rgba(255,38,23,.12);
 animation:cookieUp .6s cubic-bezier(.16,1,.3,1)}
#cookies.show{display:flex}
@keyframes cookieUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
#cookies p{flex:1 1 260px;font-size:14.5px;line-height:1.65;color:#e2e2e8;margin:0}
.cmascot{flex:0 0 auto;width:clamp(96px,14vw,150px);margin:-34px 0 -14px -6px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(255,38,23,.2))}
.cmascot img{width:100%;display:block}
#cookies .cbtns{display:flex;gap:8px}
#cookies button{cursor:pointer;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:500;border:0;transition:.25s}
#cookies .ok{background:#b93022;color:#fff;box-shadow:0 0 20px rgba(255,38,23,.45)}
#cookies .ok:hover{box-shadow:0 0 36px rgba(255,38,23,.8)}
#cookies .no{background:transparent;color:var(--dim);border:1px solid var(--line)}
#cookies .no:hover{color:#fff}

#cookies{--red:#ff2617;--dim:#8d8d96;--line:rgba(255,255,255,.09);font-family:"Space Grotesk",system-ui,sans-serif;font-weight:300;line-height:normal;letter-spacing:normal;color:#f5f5f7}
#cookies p{max-width:none}
#cookies button{font-family:inherit;line-height:normal;letter-spacing:normal;min-height:44px}
#cookies .cmascot img{height:auto;max-width:none}
@media(prefers-reduced-motion:reduce){#cookies{animation:none}}
.reduce-motion #cookies{animation:none}
