.persistent-header { position:fixed; inset:0 0 auto; z-index:1000; display:flex; align-items:flex-start; justify-content:flex-end; padding:16px clamp(20px,4vw,64px); pointer-events:none; }
.persistent-header > * { pointer-events:auto; }
.numbers-portrait { perspective:1000px; }
.numbers-portrait > img {
  transform-origin:50% 85%;
  transform:rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg)) scale(1.025);
  transition:transform 500ms cubic-bezier(.2,.7,.3,1);
  animation:portrait-float 7s ease-in-out infinite;
  animation-play-state:paused;
}
.numbers-portrait.is-in-view > img { animation-play-state:running; }
@keyframes portrait-float {
  0%,100% { translate:0 0; }
  50% { translate:0 -12px; }
}
@media(prefers-reduced-motion:reduce) {
  .numbers-portrait > img { animation:none; transition:none; transform:none; }
}
.persistent-menu { width:190px; color:#f4f3ef; background:#080b0df5; border:1px solid #ffffff25; font:14px Arial,sans-serif; }
.persistent-menu[open] { width:min(190px,calc(100vw - 40px)); }
.persistent-menu summary { padding:14px 18px; cursor:pointer; text-transform:uppercase; letter-spacing:.12em; }
.persistent-menu { perspective:800px; }
.persistent-menu summary {
  position:relative;
  list-style:none;
  transform:rotateX(var(--menu-rx,0deg)) rotateY(var(--menu-ry,0deg));
  transform-style:preserve-3d;
  background:linear-gradient(125deg,#ffffff0d,transparent 65%),#080b0d;
  box-shadow:0 4px 0 #030506,0 10px 22px #0006;
  transition:transform 180ms ease-out,box-shadow 220ms ease,background 220ms ease;
}
.persistent-menu summary::-webkit-details-marker { display:none; }
.persistent-menu summary::before {
  content:""; display:inline-block; margin-right:10px;
  border-left:6px solid currentColor; border-top:4px solid transparent; border-bottom:4px solid transparent;
  transform:translateZ(8px); transition:transform 260ms ease,color 260ms ease;
}
.persistent-menu summary:hover,.persistent-menu summary:focus-visible { box-shadow:0 5px 0 #030506,0 14px 28px #0009,inset 0 -1px #c51f2d80; }
.persistent-menu summary:active { transform:translateY(2px); box-shadow:0 1px 0 #030506; }
.persistent-menu[open] summary::before { transform:translateZ(8px) rotate(90deg); color:#e52d40; }
.persistent-menu[open] nav { transform-origin:top right; animation:menu-panel-open 420ms cubic-bezier(.16,1,.3,1) both; }
.persistent-menu[open] nav > * { animation:menu-item-open 320ms cubic-bezier(.22,1,.36,1) both; }
.persistent-menu[open] nav > :nth-child(1) { animation-delay:70ms; }
.persistent-menu[open] nav > :nth-child(2) { animation-delay:95ms; }
.persistent-menu[open] nav > :nth-child(3) { animation-delay:120ms; }
.persistent-menu[open] nav > :nth-child(4) { animation-delay:145ms; }
.persistent-menu[open] nav > :nth-child(5) { animation-delay:170ms; }
.persistent-menu[open] nav > :nth-child(6) { animation-delay:195ms; }
.persistent-menu[open] nav > :nth-child(7) { animation-delay:220ms; }
.persistent-menu[open] nav > :nth-child(8) { animation-delay:245ms; }
.persistent-menu[open] nav > :nth-child(9) { animation-delay:270ms; }
@keyframes menu-panel-open {
  from { opacity:0; transform:translateY(-10px) scale(.97); clip-path:inset(0 0 100% 0); }
  to { opacity:1; transform:translateY(0) scale(1); clip-path:inset(0); }
}
@keyframes menu-item-open { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) {
  .persistent-menu summary,.persistent-menu summary::before { transition:none; transform:none; }
  .persistent-menu[open] nav,.persistent-menu[open] nav > * { animation:none; }
}
.persistent-menu nav { display:grid; box-sizing:border-box; padding:0 18px 18px; max-height:calc(100svh - 95px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; }
.persistent-menu a { padding:12px 0; color:inherit; text-decoration:none; border-top:1px solid #ffffff18; }
.persistent-menu a:hover { color:#ff6675; }
.language-picker__label { margin-top:16px; font-size:12px; }
.language-picker { position:relative; margin-top:8px; }
.language-picker__toggle { display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; min-width:0; width:100%; padding:11px 12px; border:1px solid rgba(255,255,255,.36); color:#f4f3ef; background:#121619; font:inherit; text-align:left; cursor:pointer; }
.language-picker__toggle i { width:8px; height:8px; margin-left:12px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s ease; }
.language-picker__toggle[aria-expanded="true"] { border-color:#e21c2c; box-shadow:0 0 0 1px #e21c2c; }
.language-picker__toggle[aria-expanded="true"] i { transform:rotate(225deg) translate(-2px,-2px); }
.language-picker__options { position:static; box-sizing:border-box; width:100%; margin-top:4px; overflow:hidden; border:1px solid rgba(255,255,255,.34); background:#0a0d0f; box-shadow:0 14px 28px rgba(0,0,0,.5); }
.language-picker__options button { display:block; box-sizing:border-box; width:100%; padding:10px 12px; border:0; border-bottom:1px solid rgba(255,255,255,.1); color:#f4f3ef; background:transparent; font:inherit; text-align:left; overflow-wrap:anywhere; cursor:pointer; }
.language-picker__options button:last-child { border-bottom:0; }
.language-picker__options button:hover, .language-picker__options button:focus-visible, .language-picker__options button[aria-selected="true"] { color:#fff; background:rgba(226,28,44,.24); }
.persistent-header :focus-visible { outline:2px solid #ff6675; outline-offset:3px; }
section[id], article[id], #contact { scroll-margin-top:80px; }
.hero .site-header, .hero > .menu-panel { display:none; }
.hero .next-game { width:min(480px,46vw); transform:none; }
.fixture-context { margin:0 0 10px; font:600 11px/1.4 Inter,Arial,sans-serif; color:#eee; }
.hero .section-label { font-size:10px; letter-spacing:.2em; transform:none; margin-bottom:8px; }
.hero .match-details { display:grid; min-width:0; gap:5px; padding-left:12px; }
.hero .match-details p { font-size:11px; line-height:1.4; letter-spacing:.03em; }
.hero .match-details i { display:none; }
.hero .fixture-teams { color:#fff; font-weight:600; }
.hero .matchup { grid-template-columns:44px 12px 44px minmax(0,1fr); gap:10px; }
.hero .club-logo { width:44px; height:44px; }
.hero .club[hidden], .hero .versus[hidden] { display:none; }
.about-panel__story { columns:1; height:auto; top:25%; }
.about-tabs { display:flex; gap:8px; margin-bottom:22px; border-bottom:1px solid rgba(255,255,255,.18); }
.about-tabs button { position:relative; padding:0 0 12px; border:0; color:rgba(255,255,255,.48); background:transparent; font:700 11px/1 Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; transition:color .2s ease; }
.about-tabs button + button { margin-left:18px; }
.about-tabs button::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#e21c2c; transform:scaleX(0); transform-origin:left; transition:transform .24s ease; }
.about-tabs button[aria-selected="true"] { color:#f4f3ef; }
.about-tabs button[aria-selected="true"]::after { transform:scaleX(1); }
.about-tabs button:focus-visible { outline:2px solid #e21c2c; outline-offset:4px; }
.about-tab-panel { animation:about-tab-enter .28s ease both; }
@keyframes about-tab-enter { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
.about-panel__story h3 { margin:12px 0 6px; color:#f4f3ef; font-size:15px; letter-spacing:.12em; text-transform:uppercase; }
.about-panel__story p { font-size:clamp(12px,.9vw,15px); line-height:1.5; }
.about-panel__story blockquote { margin:18px 0 0; padding-left:16px; border-left:2px solid #e21c2c; font-size:clamp(14px,1.1vw,18px); line-height:1.5; color:#f4f3ef; }
.footer-contact h3 { margin:0 0 12px; font-size:22px; }
.footer-contact p { color:#aaa; font-size:13px; }
.footer-contact__icons { display:flex; gap:12px; margin-top:18px; }
.footer-contact { margin-bottom:28px; }
.site-footer__identity > img { display:block; margin-top:0; }
.site-footer__identity > a[href="#home"] { margin-top:36px; }
.site-footer__identity .footer-contact__icon { display:grid; flex:0 0 48px; place-items:center; box-sizing:border-box; width:48px; height:48px; margin:0; padding:0; border:1px solid rgba(255,255,255,.28); color:#f4f3ef; line-height:1; transition:color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.footer-contact__icon svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.footer-contact__icon .footer-contact__icon-dot { fill:currentColor; stroke:0; }
.site-footer__identity .footer-contact__icon:hover, .site-footer__identity .footer-contact__icon:focus-visible { color:#fff; border-color:#e21c2c; background:rgba(226,28,44,.16); transform:translateY(-3px); }
@media(max-width:900px) {
  .hero .next-game { left:5vw; width:90vw; bottom:4svh; }
  .about-panel__story { top:auto; columns:1; }
}
@media(min-width:901px) and (max-width:980px) { .about-panel__story { top:auto; } }
@media(max-width:560px) {
  .hero .site-header,
  .hero > .menu-panel { display:none; }
  .hero .next-game { top:auto; bottom:5svh; left:5vw; width:90vw; transform:none; }
  .hero .matchup { grid-template-columns:34px 10px 34px minmax(0,1fr); gap:8px; }
  .hero .club-logo { width:34px; height:34px; }
  .hero .match-details p { font-size:10px; }
  .hero .watch-rail { bottom:29svh; }
  .persistent-menu { width:165px; }
  .about-tabs button { font-size:10px; }
  .about-tabs button + button { margin-left:12px; }
  .footer-contact { margin-bottom:34px; }
  .site-footer__identity > img { margin-left:0; }
}