:root{color-scheme:dark;--dark:#08140e;--paper:#f4f3e9;--green:#a8f76c;--muted:#becbc1;--line:#314738;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--dark);color:var(--paper);font:1rem/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1200px,calc(100% - 88px));margin:auto}.bar{border-bottom:1px solid var(--line)}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:80px}.wordmark{width:192px}nav{display:flex;gap:32px;font-size:.87rem;font-weight:700}.skip{position:absolute;left:1rem;top:-5rem;background:var(--dark);padding:12px;z-index:2}.skip:focus{top:1rem}
.hero{background:radial-gradient(ellipse at 75% 52%,#173e23 0%,transparent 55%),repeating-linear-gradient(115deg,transparent 0 53px,#ccffcc08 54px 55px,transparent 56px 110px)}.hero-grid,.split{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:52px}.hero-grid{min-height:635px;padding-block:60px}.label{color:var(--green);display:flex;align-items:center;gap:10px;font-size:.73rem;text-transform:uppercase;letter-spacing:.19em;font-weight:800;margin:0 0 23px}.label span{height:2px;width:22px;background:currentColor}.art{position:relative;display:grid;place-items:center;isolation:isolate}.art::before,.art::after{content:"";position:absolute;z-index:-1;border:1px solid #ace6ac34;border-radius:50%;width:100%;aspect-ratio:1}.art::after{width:88%;border-style:dashed}.art img{width:90%;filter:drop-shadow(0 16px 22px #0008)}h1,h2{font-family:Impact,"Arial Black",system-ui,sans-serif;line-height:.95;letter-spacing:-.028em;margin:0;text-wrap:balance}h1{font-size:clamp(3rem,8.1vw,8rem)}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(2.65rem,5.9vw,5.7rem)}.lede{max-width:34ch;font-size:1.12rem;color:var(--muted);margin:24px 0 27px}.button{display:inline-flex;align-items:center;gap:27px;background:var(--green);color:#102013;padding:12px 17px;font-weight:850}.button:hover{background:var(--paper);color:#102013}.strip{background:var(--green);color:#102013}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:51px;font-weight:900;letter-spacing:.14em;font-size:clamp(.58rem,1.6vw,.89rem)}
.tribute,.identity{padding:clamp(62px,10vw,135px) 0}.tribute .split{align-items:start}.copy{color:var(--muted);max-width:53ch}.intro{font-size:1.35rem;font-weight:750;color:var(--paper);margin-top:0}.salute{color:var(--green);font-weight:850;margin-bottom:0}.identity{background:#10271a;border-block:1px solid var(--line)}.badge{width:min(360px,90%);margin:auto}.identity .copy{margin-bottom:0}footer{padding-block:24px}footer strong{letter-spacing:.1em}footer p{margin:3px 0 0;color:var(--muted);font-size:.84rem}footer a{white-space:nowrap;font-size:.86rem;font-weight:700}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.top{min-height:66px}.wordmark{width:135px}nav{gap:14px;font-size:.77rem}.hero-grid,.split{grid-template-columns:1fr;gap:34px}.hero-grid{padding-block:48px;min-height:auto}h1{font-size:clamp(3rem,12.7vw,6rem)}.art{width:min(100%,420px);margin:auto}.badge{width:min(88%,300px);grid-row:2}footer .top{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.social-links a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
}
.social-links a:hover {
  border-color: var(--green);
}
.social-links svg {
  width: 21px;
  height: 21px;
}
@media (max-width: 420px) {
  .bar .wordmark { width: 110px; }
  .bar .top { gap: 10px; }
  .bar nav { gap: 9px; }
}

.italy-flag {
  display: inline-block;
  width: 1.35em;
  height: .9em;
  margin-inline: .1em;
  vertical-align: -.08em;
  border-radius: 2px;
  background: linear-gradient(to right, #009246 0 33.333%, #fff 33.333% 66.667%, #ce2b37 66.667% 100%);
}

.club-crests {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2vw, 16px);
  width: fit-content;
  max-width: 100%;
  margin: 24px auto 0;
  padding: 14px 6px 0;
  border-top: 1px solid var(--line);
  list-style: none;
}
.club-crests li {
  flex: 0 1 40px;
  min-width: 0;
}
.club-crests img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}