/* Home — subject tabs + moving cover strip */
.strip-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:-6px}
.strip-tabs button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--navy);color:var(--navy);padding:9px 18px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:.2s}
.strip-tabs button i{color:var(--gold)}
.strip-tabs button em{font-style:normal;background:var(--gold-soft);border-radius:999px;padding:0 7px;font-size:.7rem}
.strip-tabs button:hover,.strip-tabs button.on{background:var(--navy);color:#fff}
.strip-tabs button.on em{background:var(--gold);color:var(--navy)}

.strip{overflow:hidden;padding:40px 0 30px;margin-top:10px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.strip-track{display:flex;gap:26px;width:max-content;animation:strip var(--dur,40s) linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
@keyframes strip{to{transform:translateX(-50%)}}
.strip.fade .strip-track{opacity:0}
.strip-track{transition:opacity .25s}

.sc{position:relative;width:200px;flex-shrink:0;border-radius:6px;transition:transform .35s}
.sc:hover{transform:translateY(-12px)}
.sc .cover{box-shadow:0 22px 34px -14px rgba(11,29,51,.55)}
.sc-over{position:absolute;inset:0;border-radius:4px 8px 8px 4px;background:linear-gradient(180deg,rgba(11,29,51,.15),rgba(11,29,51,.95) 55%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;opacity:0;transition:opacity .3s}
.sc:hover .sc-over{opacity:1}
.sc-over .code{color:var(--gold);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.sc-over b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.05rem;line-height:1.15}
.sc-over strong{font-size:1.1rem}
.sc-over button{width:100%;background:var(--gold);color:var(--navy);border-radius:999px;padding:8px;font-weight:700;font-size:.8rem}
.sc-over button:hover{background:#fff}

@media (max-width:560px){
  .strip-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .strip-tabs button{white-space:nowrap}
  .sc{width:150px}
  .sc-over{opacity:1;background:linear-gradient(180deg,transparent 45%,rgba(11,29,51,.95))}
  .sc-over form{display:none}
}
.strip{-webkit-mask:none;mask:none}
@media (max-width:760px),(hover:none){.sc-over{display:none!important}.sc:hover{transform:none}}