:root{
  --bg:#000;
  --fg:#fff;
  --muted:#aaa;
  --n:8;
  --radius: 360px;   /* vzdálenost štítů od středu */
  --badge: 180px;    /* velikost štítů */
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Arial, Helvetica, sans-serif}
a{color:var(--fg);text-decoration:none}

/* posun celé scény VÝŠ oproti v6 (menší top padding) */
.hero{min-height:90vh;display:grid;place-items:center;padding:80px 16px 40px}
.stage{position:relative; width:min(92vw, 1220px); min-height:800px; display:grid; place-items:center}
.center-logo{max-width:min(52%, 560px); height:auto; display:block;}

.ring{position:absolute; inset:0; display:grid; place-items:center; pointer-events:none}
.badge{position:absolute; width:var(--badge); height:var(--badge); display:flex; align-items:center; justify-content:center; pointer-events:auto; transform-origin:center; transition:transform .15s ease, filter .15s ease}
.badge:hover{transform:scale(1.05) var(--transform); filter:brightness(1.12)}
.badge svg{width:100%;height:100%}

.badge span{
  position:absolute;
  width:calc(var(--badge) * 0.82);
  max-width:calc(var(--badge) * 0.82);
  text-align:center;
  font-size:.95rem;
  line-height:1.12;
  font-weight:700;
  letter-spacing:.15px;
  word-break:break-word;
  overflow-wrap:anywhere;
  white-space:normal;
  padding:0 4px;
}

.badge{ --angle: calc(360deg/var(--n) * var(--i)); --transform: rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle))); transform: var(--transform); }

/* Email vpravo dole */
.email{position:fixed; right:16px; bottom:14px; font-size:.92rem}
.email a{color:#aaa; text-decoration:none}
.email a:hover{color:#fff}

/* Responzivita */
@media (max-width:1200px){ :root{ --radius: 330px; } }
@media (max-width:1020px){ :root{ --radius: 300px; --badge: 170px; } .center-logo{max-width:58vw} }
@media (max-width:860px){ :root{ --radius: 260px; --badge: 155px; } .center-logo{max-width:62vw} }
@media (max-width:680px){
  .stage{display:block}
  .ring{position:static; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; margin-top:18px}
  .badge{position:static; transform:none}
}