*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%}
a{color:inherit}
details summary::-webkit-details-marker{display:none}
/* ================= ŠK Svätý Jur brand layer ================= */
:root {
  --jur-ink: #0f1113;
  --jur-panel: #16191c;
  --jur-line: #262a2e;
  --jur-red: #d8241b;
  --jur-red-deep: #9a1610;
  --jur-white: #faf9f9;
  --jur-muted: #9aa0a6;
  --jur-display: "Barlow Condensed", ui-sans-serif, system-ui, sans-serif;
  --jur-body: "Barlow", ui-sans-serif, system-ui, sans-serif;
  --jur-r: 6px;
  --jur-gut: clamp(1.25rem, 4vw, 4.5rem);
}
html { background: var(--jur-ink); }
body { background: var(--jur-ink); color: var(--jur-white); font-family: var(--jur-body); -webkit-font-smoothing: antialiased; }
::selection { background: var(--jur-red); color: var(--jur-white); }
:focus-visible { outline: 3px solid var(--jur-red); outline-offset: 3px; }

.jur-shell { width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 var(--jur-gut); }
.jur-sec { padding: clamp(4rem, 9vw, 8rem) 0; }
.jur-sec--rule { border-top: 1px solid var(--jur-line); }
.jur-eyebrow { font-family: var(--jur-body); font-size: .72rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--jur-red); margin: 0 0 1rem; }
.jur-h1 { font-family: var(--jur-display); font-weight: 800; text-transform: uppercase; letter-spacing: -0.01em; line-height: .92; font-size: clamp(3rem, 9vw, 6.5rem); margin: 0; }
.jur-h2 { font-family: var(--jur-display); font-weight: 800; text-transform: uppercase; letter-spacing: -0.005em; line-height: .95; font-size: clamp(2.25rem, 6vw, 4rem); margin: 0; }
.jur-h3 { font-family: var(--jur-display); font-weight: 700; text-transform: uppercase; line-height: 1; font-size: clamp(1.4rem, 3vw, 2rem); margin: 0; }
.jur-body { color: var(--jur-muted); line-height: 1.65; max-width: 62ch; font-size: 1.0625rem; margin: 1.25rem 0 0; }

/* header */
.jur-nav { position: fixed; inset: 0 0 auto; z-index: 60; border-bottom: 1px solid transparent; transition: background-color .35s ease, border-color .35s ease; }
.jur-nav--solid { background: rgba(15,17,19,.92); backdrop-filter: blur(14px); border-bottom-color: var(--jur-line); }
.jur-nav__in { display: flex; align-items: center; gap: 1.25rem; height: 74px; transition: height .35s ease; }
.jur-nav--solid .jur-nav__in { height: 62px; }
.jur-brand { display: flex; align-items: center; gap: .65rem; text-decoration: none; color: var(--jur-white); margin-right: auto; }
.jur-brand img { width: 38px; height: 38px; display: block; }
.jur-nav--solid .jur-brand img { width: 32px; height: 32px; }
.jur-brand span { font-family: var(--jur-display); font-weight: 800; text-transform: uppercase; letter-spacing: 0; font-size: 1.25rem; line-height: 1; }
.jur-nav__links { display: none; gap: 1.5rem; }
.jur-nav__links a { font-family: var(--jur-display); text-transform: uppercase; font-weight: 600; letter-spacing: .04em; color: var(--jur-muted); text-decoration: none; font-size: 1rem; }
.jur-nav__links a:hover, .jur-nav__links a[data-active="true"] { color: var(--jur-white); }
@media (min-width: 980px) { .jur-nav__links { display: flex; } }
.jur-burger { display: inline-flex; background: none; border: 1px solid var(--jur-line); color: var(--jur-white); border-radius: var(--jur-r); padding: .5rem .7rem; font-family: var(--jur-display); text-transform: uppercase; font-weight: 700; cursor: pointer; }
@media (min-width: 980px) { .jur-burger { display: none; } }
.jur-drawer { border-top: 1px solid var(--jur-line); background: rgba(15,17,19,.98); }
.jur-drawer a { display: block; padding: .9rem 0; border-bottom: 1px solid var(--jur-line); color: var(--jur-white); text-decoration: none; font-family: var(--jur-display); text-transform: uppercase; font-weight: 600; font-size: 1.1rem; }

/* CTAs: three garments, one label */
.cta-nav { display: inline-flex; align-items: center; gap: .45rem; background: var(--jur-red); color: var(--jur-white); font-family: var(--jur-display); text-transform: uppercase; font-weight: 700; font-size: .95rem; letter-spacing: .03em; padding: .6rem 1.05rem; border-radius: var(--jur-r); text-decoration: none; border: 0; cursor: pointer; }
.cta-nav i { font-style: normal; transition: transform .25s cubic-bezier(.2,.7,.3,1); }
.cta-nav:hover i { transform: translateX(5px); }
.cta-chapter { position: relative; display: inline-block; overflow: hidden; border: 2px solid var(--jur-white); color: var(--jur-white); font-family: var(--jur-display); text-transform: uppercase; font-weight: 700; font-size: 1.05rem; letter-spacing: .04em; padding: .75rem 1.6rem; border-radius: var(--jur-r); text-decoration: none; background: transparent; }
.cta-chapter::before { content: ""; position: absolute; inset: 0; background: var(--jur-red); transform: scaleX(0); transform-origin: left; transition: transform .38s cubic-bezier(.2,.7,.3,1); }
.cta-chapter span { position: relative; }
.cta-chapter:hover::before { transform: scaleX(1); }
.cta-chapter:hover { border-color: var(--jur-red); }
.cta-final { display: inline-block; background: var(--jur-red); color: var(--jur-white); font-family: var(--jur-display); text-transform: uppercase; font-weight: 800; letter-spacing: .03em; font-size: clamp(1.3rem,3vw,1.8rem); padding: clamp(.9rem,2vw,1.25rem) clamp(1.8rem,4.2vw,3rem); border-radius: var(--jur-r); text-decoration: none; border: 0; box-shadow: 0 8px 0 var(--jur-red-deep); transition: box-shadow .18s ease, transform .18s ease; }
.cta-final:hover { box-shadow: 0 11px 0 var(--jur-red-deep); transform: translateY(-3px); }
.cta-final:active { transform: translateY(3px); box-shadow: 0 3px 0 var(--jur-red-deep); }

/* editable placeholder block */
.jur-fill { border: 2px dashed var(--jur-line); border-radius: var(--jur-r); padding: clamp(1.25rem,3vw,2rem); margin: 1.75rem 0 0; background: var(--jur-panel); }
.jur-fill__tag { display: inline-block; font-family: var(--jur-body); font-size: .66rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--jur-red); border: 1px solid var(--jur-red); border-radius: 3px; padding: .2rem .5rem; margin-bottom: .9rem; }
.jur-fill p { color: var(--jur-muted); margin: 0; line-height: 1.6; max-width: 62ch; }
.jur-fill--sm { padding: 1rem 1.25rem; margin-top: 1rem; }

/* page header */
.jur-head { padding: calc(74px + clamp(3rem,7vw,6rem)) 0 clamp(2.5rem,5vw,4rem); border-bottom: 1px solid var(--jur-line); position: relative; overflow: hidden; }
.jur-head__bg { position: absolute; inset: 0; z-index: 0; }
.jur-head__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .28; display: block; }
.jur-head__in { position: relative; z-index: 1; }

/* squad / team grid */
.jur-grid { display: grid; gap: 1px; background: var(--jur-line); border: 1px solid var(--jur-line); border-radius: var(--jur-r); overflow: hidden; margin-top: clamp(2rem,4vw,3rem); grid-template-columns: 1fr; }
@media (min-width: 700px) { .jur-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1040px) { .jur-grid { grid-template-columns: repeat(4,1fr); } }
.jur-cell { background: var(--jur-panel); padding: 1.5rem 1.25rem; }
.jur-cell h4 { font-family: var(--jur-display); text-transform: uppercase; font-weight: 800; font-size: 1.6rem; margin: 0 0 .35rem; }
.jur-cell p { color: var(--jur-muted); font-size: .92rem; line-height: 1.55; margin: 0; }
.jur-cell a { color: var(--jur-red); text-decoration: none; font-weight: 600; font-size: .9rem; }

/* timeline */
.jur-time { margin-top: clamp(2rem,4vw,3rem); border-top: 1px solid var(--jur-line); }
.jur-time__row { display: grid; gap: .5rem 2rem; padding: 1.5rem 0; border-bottom: 1px solid var(--jur-line); grid-template-columns: 1fr; }
@media (min-width: 760px) { .jur-time__row { grid-template-columns: 140px 1fr; } }
.jur-time__year { font-family: var(--jur-display); font-weight: 800; font-size: 1.75rem; color: var(--jur-red); line-height: 1; }

/* split */
.jur-split { display: grid; gap: clamp(2rem,5vw,3.5rem); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 920px) { .jur-split { grid-template-columns: 1fr 1fr; } }
.jur-split img { width: 100%; display: block; border-radius: var(--jur-r); }

/* contact */
.jur-contact { display: grid; gap: clamp(1.5rem,3vw,2.5rem); grid-template-columns: 1fr; margin-top: clamp(2rem,4vw,3rem); }
@media (min-width: 820px) { .jur-contact { grid-template-columns: repeat(3,1fr); } }
.jur-contact__card { border: 1px solid var(--jur-line); border-radius: var(--jur-r); padding: 1.5rem; background: var(--jur-panel); }
.jur-contact__card h4 { font-family: var(--jur-display); text-transform: uppercase; font-weight: 700; font-size: 1.2rem; margin: 0 0 .75rem; }

/* closing + footer */
.jur-close { text-align: center; background: var(--jur-panel); }
.jur-close .jur-h2 { max-width: 18ch; margin: 0 auto; }
.jur-close .cta-final { margin-top: clamp(1.75rem,3.5vw,2.5rem); }
.jur-foot { border-top: 1px solid var(--jur-line); padding: 2.5rem 0 3.5rem; display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; justify-content: space-between; }
.jur-foot__links { display: flex; flex-wrap: wrap; gap: 1.35rem; }
.jur-foot a { color: var(--jur-muted); text-decoration: none; font-size: .9rem; }
.jur-foot a:hover { color: var(--jur-red); }
.jur-foot small { color: var(--jur-muted); font-size: .74rem; letter-spacing: .08em; }

@keyframes jur-rise { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }
.jur-rise { animation: jur-rise .65s cubic-bezier(.2,.7,.3,1) both; }
.jur-rise-2 { animation-delay: .08s; }
.jur-rise-3 { animation-delay: .16s; }
@media (prefers-reduced-motion: reduce) {
  .jur-rise, .jur-rise-2, .jur-rise-3 { animation: none !important; }
  .cta-nav i, .cta-chapter::before, .cta-final, .jur-nav, .jur-nav__in, .jur-brand img { transition: none !important; }
}

/* --- erb mesta (stand-in until the official artwork lands) --- */
.jur-erb { display: grid; gap: clamp(1.5rem,4vw,3rem); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 820px) { .jur-erb { grid-template-columns: 220px 1fr; } }
.jur-erb__img { width: 100%; max-width: 220px; display: block; border-radius: var(--jur-r); }

/* --- static hero (no motion) --- */
.jur-hero { position: relative; min-height: 86vh; display: flex; align-items: center; overflow: hidden; }
.jur-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 72% center; display: block; }
@media (min-width: 900px) { .jur-hero__img { object-position: center; } }
.jur-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,17,19,.88) 0%, rgba(15,17,19,.7) 34%, rgba(15,17,19,.3) 62%, rgba(15,17,19,.1) 100%), linear-gradient(180deg, rgba(15,17,19,.6) 0%, rgba(15,17,19,0) 26%, rgba(15,17,19,0) 74%, rgba(15,17,19,.5) 100%); }
.jur-hero__in { position: relative; z-index: 2; width: 100%; padding-top: calc(74px + 1rem); padding-bottom: 1rem; }
@media (min-width: 900px) { .jur-hero__in { max-width: 1300px; } .jur-hero__in .jur-h1, .jur-hero__in .jur-eyebrow, .jur-hero__lead, .jur-hero__cta { max-width: 56%; } }
.jur-hero__in .jur-h1 { text-shadow: 0 2px 24px rgba(15,17,19,.6); }
.jur-hero__lead { color: var(--jur-white); font-size: clamp(1.05rem,2.2vw,1.35rem); line-height: 1.5; max-width: 46ch; margin: 1.25rem 0 0; text-shadow: 0 2px 16px rgba(15,17,19,.7); }
.jur-hero__cta { margin-top: clamp(1.75rem,3.5vw,2.5rem); display: flex; flex-wrap: wrap; gap: .85rem; }

/* --- league table --- */
.jur-table-wrap{margin-top:clamp(2rem,4vw,3rem);overflow-x:auto;border:1px solid var(--jur-line);border-radius:var(--jur-r)}
.jur-table{width:100%;border-collapse:collapse;min-width:620px;font-variant-numeric:tabular-nums}
.jur-table thead th{background:var(--jur-panel);font-family:var(--jur-display);text-transform:uppercase;font-weight:700;font-size:.82rem;letter-spacing:.06em;color:var(--jur-muted);text-align:right;padding:.85rem .6rem;border-bottom:1px solid var(--jur-line);white-space:nowrap}
.jur-table thead th:nth-child(1){text-align:center;width:3rem}
.jur-table thead th:nth-child(2){text-align:left}
.jur-table td{padding:.8rem .6rem;border-bottom:1px solid var(--jur-line);text-align:right;font-size:.95rem;white-space:nowrap}
.jur-table td:nth-child(1){text-align:center;color:var(--jur-muted);font-family:var(--jur-display);font-weight:700}
.jur-table td:nth-child(2){text-align:left;font-weight:500}
.jur-table tbody tr:last-child td{border-bottom:0}
.jur-table tbody tr.is-us{background:rgba(216,36,27,.14)}
.jur-table tbody tr.is-us td{color:var(--jur-white);font-weight:700}
.jur-table tbody tr.is-us td:nth-child(1){color:var(--jur-red)}
.jur-table td.pts{font-family:var(--jur-display);font-weight:800;font-size:1.05rem}
.jur-table-note{color:var(--jur-muted);font-size:.85rem;margin:1rem 0 0;line-height:1.55}
.jur-table-note a{color:var(--jur-red);text-decoration:none}
.jur-table-note a:hover{text-decoration:underline}
.jur-addr{margin:0;color:var(--jur-white);line-height:1.7;font-size:1.02rem}
.jur-foot__meta{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}
.jur-foot__meta small{display:block}
.jur-foot__by{color:var(--jur-muted);font-size:.74rem;letter-spacing:.08em}

/* --- fixtures --- */
.jur-fix{margin-top:clamp(1.75rem,3.5vw,2.5rem);border-top:1px solid var(--jur-line)}
.jur-fix__row{display:grid;gap:.35rem 1.25rem;padding:1.1rem 0;border-bottom:1px solid var(--jur-line);grid-template-columns:1fr;align-items:baseline}
@media(min-width:720px){.jur-fix__row{grid-template-columns:120px 1fr auto}}
.jur-fix__date{font-family:var(--jur-display);font-weight:800;font-size:1.15rem;color:var(--jur-red);white-space:nowrap}
.jur-fix__date span{display:block;font-family:var(--jur-body);font-weight:500;font-size:.85rem;color:var(--jur-muted)}
.jur-fix__match{font-weight:600;font-size:1.02rem;line-height:1.4}
.jur-fix__match em{display:block;font-style:normal;font-weight:400;font-size:.85rem;color:var(--jur-muted);margin-top:.2rem}
.jur-fix__where{font-family:var(--jur-body);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--jur-line);border-radius:3px;padding:.25rem .5rem;color:var(--jur-muted);white-space:nowrap;justify-self:start}
.jur-fix__where.is-home{border-color:var(--jur-red);color:var(--jur-red)}
.jur-cat{margin-top:clamp(2rem,4vw,3rem)}
.jur-cat__h{font-family:var(--jur-display);text-transform:uppercase;font-weight:800;font-size:1.5rem;margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--jur-red)}

/* --- social --- */
.jur-social{display:flex;gap:.65rem}
.jur-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--jur-line);border-radius:var(--jur-r);color:var(--jur-muted);transition:color .2s ease,border-color .2s ease}
.jur-social a:hover{color:var(--jur-red);border-color:var(--jur-red)}
.jur-social svg{width:19px;height:19px;fill:currentColor}
.jur-foot__col{display:flex;flex-direction:column;gap:.85rem;align-items:flex-end}

/* --- category cells as links + category page --- */
a.jur-cell{text-decoration:none;color:inherit;display:block;transition:background-color .2s ease}
a.jur-cell:hover{background:#1c2024}
a.jur-cell h4{color:var(--jur-white)}
a.jur-cell .jur-cell__go{display:inline-block;margin-top:.7rem;font-family:var(--jur-body);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--jur-red)}
.jur-back{display:inline-block;margin-top:clamp(1.5rem,3vw,2rem);color:var(--jur-muted);text-decoration:none;font-family:var(--jur-body);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.jur-back:hover{color:var(--jur-red)}
.jur-league{font-family:var(--jur-body);color:var(--jur-muted);font-size:.95rem;margin:.6rem 0 0}