.partner-page { padding-block: var(--space-7) var(--space-8); }
.partner-page section[id] { scroll-margin-top: 7rem; }
.partner-page h2 { font-size: var(--text-xl); }
.hero.hero--partner { --hero-image: image-set(url("/assets/images/fredrikstad-cup-partnere-hero-1600.avif") type("image/avif"), url("/assets/images/fredrikstad-cup-partnere-hero-1600.webp") type("image/webp")); --hero-position: center 42%; }
.partner-intro, .partner-invitation { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); padding-block: var(--space-6); }
.partner-intro { padding: var(--space-7); background: var(--color-highlight); color: var(--color-ink); }
.partner-intro h2, .partner-intro p { font-weight: 800; }
.partner-intro p { max-width: 65ch; }
.partner-volunteers__action { margin-top: var(--space-6); }
.partner-intro .button { border-color: var(--color-ink); background: var(--color-ink); color: var(--color-paper); }
.partner-intro .button:hover { border-color: var(--color-brand); background: var(--color-brand); }
.partner-intro .button, .partner-invitation .button { flex-shrink: 0; }
.partner-group { margin-block: calc(var(--space-8) + var(--space-6)); }
.partner-group--gull, .partner-group--solv, .partner-group--bronse { position: relative; border: 1px solid #ccc; padding: 0 clamp(1rem, 3vw, 2rem) 1.5rem; }
.partner-group--gull { border-color: #f4a800; }
.partner-group h2 { margin: 0 0 var(--space-5); color: var(--color-ink); text-align: center; text-transform: uppercase; }
.partner-group--gull h2 { color: #f4a800; }
.partner-group:is(.partner-group--gull, .partner-group--solv, .partner-group--bronse) h2 { width: fit-content; max-width: calc(100% - 1rem); margin: -.65em auto var(--space-5); padding-inline: clamp(.75rem, 3vw, 2rem); line-height: 1.3; background: var(--color-canvas); }
.partner-group:is(.partner-group--gull, .partner-group--solv, .partner-group--bronse)::after { content: ""; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); width: 64px; height: 50px; background: var(--color-canvas) url('/assets/images/partners/pokal-grey.jpg') center / 50px 50px no-repeat; background-blend-mode: multiply; }
.partner-group.partner-group--gull::after { background-image: url('/assets/images/partners/pokal-gold.jpg'); }

.partner-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); list-style: none; padding: 0; }
.partner-group--gull .partner-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.partner-group--solv .partner-grid, .partner-group--stotte .partner-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.partner-logo { display: flex; flex-direction: column; align-items: center; padding: var(--space-5); background: transparent; border: 0; text-decoration: none; font-weight: 750; }
.partner-logo:hover { opacity: .8; }
.partner-logo img { width: 100%; height: 9rem; object-fit: contain; }
.partner-group--gull .partner-logo img { height: 12rem; }
.partner-grid li > p { margin: var(--space-3) 0 0; font-size: var(--text-sm); color: var(--color-ink-soft); }
.partner-volunteers { display: grid; grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.7fr); gap: var(--space-7); padding: var(--space-7); background: var(--color-surface-tint); }
.partner-volunteers__intro { max-width: 28rem; }
.partner-volunteers__intro p { margin-bottom: 0; font-size: var(--text-base); }
.partner-volunteers ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2) var(--space-5); align-content: start; padding: 0; list-style: none; margin: 0; }
.partner-volunteers li { padding-block: var(--space-1); font-size: 1rem; line-height: 1.35; }
.partner-group--gull .partner-grid li > p { text-align: center; }
.partner-invitation { margin-top: 0; padding: var(--space-7); background: var(--color-ink); color: var(--color-paper); }
.partner-invitation p:last-child { max-width: 65ch; margin-bottom: 0; }
.partner-invitation a { color: var(--color-paper); }
.partner-invitation .button { background: var(--color-highlight); color: var(--color-ink); }
.partner-invitation a:focus-visible { outline-color: var(--color-paper); }
@media(max-width: 48rem) {
    .hero.hero--partner { --hero-image: image-set(url("/assets/images/fredrikstad-cup-partnere-hero-720.avif") type("image/avif"), url("/assets/images/fredrikstad-cup-partnere-hero-720.webp") type("image/webp")); }
    .partner-intro, .partner-invitation { flex-direction: column; align-items: start; }
    .partner-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .partner-volunteers { grid-template-columns: 1fr; gap: var(--space-5); }
    .partner-volunteers ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media(max-width: 30rem) {
    .partner-group .partner-grid { grid-template-columns: minmax(0,1fr); }
    .partner-volunteers, .partner-invitation { padding: var(--space-5); }
    .partner-volunteers ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .partner-page .button { white-space: normal; }
}