/* Shared inner-page layouts. Reuses the front-page palette and typefaces. */
.staff-intro { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:48px; padding-block:24px 40px; }
.staff-intro .eyebrow { font-size:.875rem; color:#527186; margin-bottom:20px; }
.staff-intro h1 { font-size:clamp(3.5rem,6.5vw,6.4rem); }
.staff-intro h1 > span { color:#376f8b; }
.staff-intro > p { font-size:1.1875rem; color:var(--muted); max-width:32ch; margin-bottom:6px; }
.team-page-nav { display:flex; flex-wrap:wrap; gap:30px; padding-block:20px; border-bottom:1px solid var(--line); }
.team-page-nav a { padding:8px 0; font-size:1rem; font-weight:600; }
.team-page-nav a[aria-current="page"] { box-shadow:0 3px 0 #376f8b; }
.team-page-nav a:hover { color:#376f8b; }
.staff-section .section-heading .eyebrow { font-size:.875rem; }
.staff-count { color:var(--muted); font-size:.875rem; font-weight:600; letter-spacing:.08em; }
.staff-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; }
.staff-card { min-width:0; }
.staff-portrait { background:#eaf3f8; border-bottom:4px solid var(--blue); aspect-ratio:1; overflow:hidden; }
.staff-portrait img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; padding:22px 12px 0; }
.staff-card-copy { padding:22px 0 0; }
.staff-card-copy .eyebrow { color:#527186; font-size:.875rem; margin-bottom:14px; }
.staff-card h3 { font-family:var(--display); font-size:2.6rem; font-weight:600; line-height:1.05; }
.staff-card h3 > span { display:block; font-family:var(--body); font-size:1.0625rem; line-height:1.45; margin-bottom:4px; font-weight:500; }
.staff-contact { padding-block:38px; background:var(--navy); color:white; margin-bottom:44px; }
.staff-contact > .wrap { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.staff-contact .eyebrow { color:var(--blue); font-size:.875rem; margin-bottom:12px; }
.staff-contact h2 { font-size:2.7rem; }
@media(max-width:850px) {
 .staff-intro { gap:30px; grid-template-columns:1.2fr .8fr; }
 .staff-intro h1 { font-size:4.2rem; }
 .staff-intro > p { font-size:1.0625rem; }
 .staff-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
 .staff-contact h2 { font-size:2.2rem; }
 .staff-contact .button { gap:20px; }
}
@media(max-width:600px) {
 .staff-intro { grid-template-columns:1fr; gap:24px; padding-block:12px 28px; }
 .staff-intro h1 { font-size:clamp(3rem,11.5vw,4.5rem); }
 .staff-grid { gap:30px 18px; }
 .staff-portrait { aspect-ratio:.8; }
 .staff-portrait img { padding:14px 4px 0; }
 .staff-card h3 { font-size:2.1rem; overflow-wrap:anywhere; }
 .staff-card h3 > span { font-size:1rem; }
 .staff-card-copy .eyebrow { letter-spacing:.04em; font-size:.875rem; }
 .staff-count { display:none; }
 .staff-contact > .wrap { align-items:flex-start; flex-direction:column; gap:24px; }
}
@media(max-width:370px) { .staff-grid { grid-template-columns:1fr; } .staff-portrait { aspect-ratio:1; } }
.navigation nav a[aria-current="page"] { box-shadow: 0 2px 0 var(--ink); }
.inner-page h1 { font-family: var(--display); font-weight: 700; line-height: 1; letter-spacing: -.015em; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-block: 22px; font-size: .8125rem; color: var(--muted); }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb > span[aria-hidden] { color: #95a6b2; }
.breadcrumb > span:last-child { color: var(--ink); }
.inner-page figure { margin: 0; }
.inner-page figure.wrap { margin-inline: auto; }
.inner-page figcaption { color: var(--muted); font-size: .8125rem; line-height: 1.5; }
.pill { padding: 6px 12px; background: var(--blue); color: var(--navy); font-size: .75rem; font-weight: 700; letter-spacing: .07em; }
.section-nav { display: flex; flex-wrap: wrap; gap: 32px; border-bottom: 1px solid var(--line); padding-block: 24px; }
.section-nav a { font-size: .9375rem; font-weight: 600; padding-block: 5px; }
.section-nav a:hover { box-shadow: 0 2px 0 var(--ink); }
/* Article: wide opening image, narrow reading column, quiet ticket panel. */
.article-heading { padding-block: 22px 32px; }
.story-meta { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; font-size: .875rem; color: var(--muted); margin-bottom: 22px; }
.article-heading h1 { font-size: clamp(3.4rem, 6.3vw, 6.3rem); max-width: 1000px; }
.standfirst { font-size: 1.375rem; line-height: 1.5; max-width: 760px; margin-top: 26px; color: #405766; }
.byline { font-size: .875rem; margin-top: 24px; color: var(--muted); }
.byline span { padding-inline: 10px; color: #b5c2cb; }
.article-figure > img { width: 100%; height: auto; aspect-ratio: 2; object-fit: contain; background: #edf2f5; }
.article-figure figcaption { padding-block: 12px; }
.article-layout { display: grid; grid-template-columns: minmax(0, 760px) 290px; justify-content: space-between; gap: 70px; padding-block: 46px 64px; }
.article-body { max-width: 740px; padding-left: 64px; }
.article-body > p { font-size: 1.125rem; line-height: 1.8; margin-bottom: 24px; }
.article-body > .article-lead { font-size: 1.375rem; line-height: 1.6; font-weight: 500; }
.article-body > h2 { font-size: 2.1rem; margin: 32px 0 16px; }
.article-source { display: flex; flex-wrap: wrap; gap: 5px 16px; padding-block: 20px; border-block: 1px solid var(--line); margin-block: 32px; font-size: .8125rem; color: var(--muted); }
.article-source a { text-decoration: underline; text-underline-offset: 3px; }
.article-aside { background: var(--navy); padding: 32px; align-self: start; color: #fff; }
.article-aside > img { object-fit: contain; margin-bottom: 30px; }
.article-aside .eyebrow { color: var(--blue); font-size: .75rem; margin-bottom: 10px; }
.article-aside h2 { font-size: 3rem; }
.article-aside > p:not(.eyebrow) { margin-block: 20px; color: #d0dee7; }
.article-aside .button { width: 100%; gap: 18px; }
.article-aside .text-link { display: inline-block; margin-top: 20px; font-size: .875rem; }
.related-stories { background: #f1f5f7; padding-block: 48px; }
.related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.related-card { display: grid; grid-template-columns: 42% 1fr; gap: 24px; align-items: start; }
.related-card > img { width: 100%; aspect-ratio: 1.3; height: auto; }
.related-card .eyebrow { color: #526d7e; font-size: .75rem; margin-bottom: 10px; }
.related-card h3 { font-family: var(--display); font-size: 1.8rem; font-weight: 600; line-height: 1.1; }
.related-card .read-link { margin-top: 18px; }
/* Partners: business-first information and a direct contact path. */
.partner-intro { display: grid; grid-template-columns: 1fr 1.1fr; background: #e6f1f7; }
.partner-intro-copy { padding: 50px; }
.partner-intro-copy .eyebrow { color: #446477; margin-bottom: 20px; }
.partner-intro h1 { font-size: clamp(3.5rem, 5.1vw, 5.2rem); }
.partner-intro h1 span { color: #356d8a; }
.partner-intro-copy > p:not(.eyebrow) { margin-top: 26px; max-width: 38ch; font-size: 1.125rem; color: #405b6c; }
.partner-intro-copy .button { margin-top: 30px; }
.partner-intro figure { position: relative; min-height: 500px; }
.partner-intro figure > img { width: 100%; height: 100%; position: absolute; object-position: 44% center; }
.partner-intro figcaption { position: absolute; inset: auto 0 0; padding: 60px 26px 24px; background: linear-gradient(transparent, rgba(6, 24, 38, .8)); color: white; font-size: .875rem; }
.benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.benefits-grid article { border-top: 1px solid #b8cdd9; padding-top: 18px; }
.benefit-number { color: #486c83; font-size: .8125rem; font-weight: 600; }
.benefits-grid h3 { font-family: var(--display); font-size: 2rem; font-weight: 600; margin: 18px 0 12px; }
.benefits-grid p { color: var(--muted); font-size: 1rem; line-height: 1.6; }
.partner-story { display: grid; grid-template-columns: 1fr 1fr; background: var(--navy); color: white; }
.partner-story > img { width: 100%; height: 100%; min-height: 420px; }
.partner-story > div { padding: 48px; }
.partner-story .eyebrow { color: var(--blue); font-size: .75rem; margin-bottom: 18px; }
.partner-story h2 { font-size: clamp(2.5rem, 3.5vw, 3.5rem); }
.partner-story p:not(.eyebrow) { margin-top: 22px; color: #d0dde7; }
.partner-story .underlined { margin-top: 26px; }
.overview-note { margin-top: -12px; margin-bottom: 24px; color: var(--muted); }
.partner-logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); border: 1px solid var(--line); }
.partner-logo-grid > div { display: flex; justify-content: center; align-items: center; min-height: 145px; padding: 20px; }
.partner-logo-grid > div + div { border-left: 1px solid var(--line); }
.partner-logo-grid img { width: 100%; height: 80px; object-fit: contain; }
.contact-band { background: var(--blue); }
.contact-inner { display: grid; grid-template-columns: 1.5fr 1fr; gap: 70px; padding-block: 54px; align-items: center; }
.contact-inner h2 { font-size: clamp(2.5rem, 3.6vw, 3.8rem); margin-top: 16px; }
.contact-inner > div > p:last-child { margin-top: 20px; }
.contact-inner address { font-style: normal; border-left: 1px solid #78a8c1; padding-left: 46px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.contact-inner address strong { font-family: var(--display); font-size: 2.4rem; font-weight: 600; }
.contact-phone { font-size: 1.25rem; }
.contact-phone:hover { text-decoration: underline; }
.contact-inner address .button { margin-top: 8px; }
/* Squad layout study: eight sample cards, intentionally awaiting portraits. */
.squad-intro { background: var(--navy); color: white; }
.squad-intro-inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; align-items: center; }
.squad-intro-inner > div { padding-block: 48px; }
.squad-intro .eyebrow { color: var(--blue); font-size: .75rem; margin-bottom: 20px; }
.squad-intro h1 { font-size: clamp(3.4rem, 4.9vw, 5rem); }
.squad-intro p:not(.eyebrow) { margin-top: 24px; font-size: 1.125rem; color: #d0dfe8; }
.squad-intro img { width: 100%; height: 350px; object-position: center 55%; }
.squad-content { padding-block: 48px 42px; }
.squad-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; }
.squad-heading .eyebrow { color: #577384; font-size: .75rem; margin-bottom: 10px; }
.study-note { margin-top: 24px; padding: 14px 18px; background: #eaf3f8; border-left: 3px solid #87b8d0; color: #3f5f72; font-size: .875rem; }
.position-nav { margin-bottom: 36px; gap: 34px; }
.squad-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 28px; }
.position-group { scroll-margin-top: 30px; }
.position-group > h3 { font-family: var(--display); font-size: 1.875rem; font-weight: 600; margin-bottom: 18px; }
.player-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.player-card { min-width: 0; }
.player-art { background: #081724 url('/assets/player-background.webp') center / cover; color: white; min-height: 255px; position: relative; display: flex; align-items: center; justify-content: center; padding: 42px 20px; }
.player-position { position: absolute; top: 16px; left: 18px; font-size: .75rem; color: #d0e6f2; }
.player-number { font-family: var(--display); font-size: 8.5rem; font-weight: 700; line-height: 1; color: var(--blue); }
.portrait-status { position: absolute; bottom: 18px; left: 18px; color: #c0d0db; font-size: .6875rem; letter-spacing: .08em; }
.player-name { padding: 18px 18px 20px; background: #edf3f6; border-bottom: 2px solid #aecfe0; }
.player-name > p { color: #4b6575; font-size: .9375rem; }
.player-name h4 { font-family: var(--display); font-size: 2.2rem; font-weight: 600; line-height: 1.1; margin: 3px 0 0; text-transform: uppercase; overflow-wrap: anywhere; }
.roster-reference { font-size: .8125rem; color: var(--muted); margin-top: 26px; }
.team-bottom { background: var(--navy); color: white; }
.team-bottom > div { padding-block: 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.team-bottom .eyebrow { color: var(--blue); font-size: .75rem; margin-bottom: 8px; }
.team-bottom h2 { font-size: 3rem; }
.inner-page .sponsor-strip { border-top: none; }
@media (max-width: 1100px) {
  .article-layout { gap: 40px; grid-template-columns: minmax(0, 1fr) 260px; }
  .article-body { padding-left: 0; }
  .article-aside { padding: 24px; }
  .related-card { gap: 18px; grid-template-columns: 40% 1fr; }
  .related-card h3 { font-size: 1.6rem; }
  .partner-intro-copy { padding: 34px; }
  .partner-intro h1 { font-size: 4.3rem; }
  .partner-story > div { padding: 34px; }
  .benefits-grid { gap: 24px; }
  .contact-inner { gap: 40px; }
  .player-art { min-height: 230px; }
}
@media (max-width: 850px) {
  .article-heading h1 { font-size: 4.5rem; }
  .standfirst { font-size: 1.2rem; }
  .article-layout { grid-template-columns: 1fr; gap: 30px; padding-block: 30px 42px; }
  .article-aside { display: none; }
  .related-grid { gap: 28px; }
  .related-card { display: block; }
  .related-card > img { aspect-ratio: 1.8; margin-bottom: 18px; }
  .related-card h3 { font-size: 1.85rem; }
  .partner-intro { grid-template-columns: 1fr 1fr; }
  .partner-intro h1 { font-size: 3.5rem; }
  .partner-intro-copy { padding: 28px; }
  .partner-intro-copy > p:not(.eyebrow) { font-size: 1rem; }
  .partner-intro figure { min-height: 440px; }
  .partner-intro-copy .button { font-size: .875rem; gap: 14px; padding-inline: 16px; }
  .benefits-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .partner-story > div { padding: 28px; }
  .partner-story h2 { font-size: 2.5rem; }
  .partner-story .underlined { gap: 10px; font-size: .875rem; }
  .partner-logo-grid { grid-template-columns: repeat(3, 1fr); }
  .partner-logo-grid > div { min-height: 125px; }
  .partner-logo-grid > div:nth-child(4) { border-left: 0; }
  .partner-logo-grid > div:nth-child(n+4) { border-top: 1px solid var(--line); }
  .contact-inner { grid-template-columns: 1.2fr 1fr; gap: 28px; }
  .contact-inner address { padding-left: 28px; }
  .contact-inner address .button { font-size: .875rem; gap: 15px; padding-inline: 16px; }
  .squad-intro-inner { gap: 25px; }
  .squad-intro h1 { font-size: 3.25rem; }
  .squad-intro img { height: 320px; }
  .squad-groups { gap: 34px 22px; }
  .player-grid { gap: 14px; }
  .player-art { min-height: 195px; }
  .player-number { font-size: 6.5rem; }
  .player-name { padding: 14px 12px; }
  .player-name h4 { font-size: 1.8rem; }
  .player-name > p { font-size: .875rem; }
}
@media (max-width: 620px) {
  .breadcrumb { padding-block: 18px; font-size: .75rem; gap: 9px; }
  .article-heading { padding-block: 15px 26px; }
  .article-heading h1 { font-size: clamp(3rem, 10.4vw, 4rem); }
  .standfirst { font-size: 1.125rem; margin-top: 20px; }
  .story-meta { gap: 14px; font-size: .8125rem; }
  .article-figure figcaption { font-size: .75rem; }
  .article-body > .article-lead { font-size: 1.25rem; }
  .article-body > p { font-size: 1.0625rem; line-height: 1.75; }
  .article-body > h2 { font-size: 2rem; }
  .related-grid { grid-template-columns: 1fr; gap: 30px; }
  .related-card { display: grid; grid-template-columns: 40% 1fr; gap: 18px; }
  .related-card > img { aspect-ratio: 1.2; }
  .related-card h3 { font-size: 1.6rem; }
  .related-card .read-link { margin-top: 12px; }
  .partner-intro { grid-template-columns: 1fr; }
  .partner-intro-copy { padding: 32px 26px; }
  .partner-intro h1 { font-size: clamp(3.5rem, 12vw, 4.6rem); }
  .partner-intro figure { min-height: 290px; }
  .partner-intro-copy > p:not(.eyebrow) { font-size: 1.0625rem; }
  .partner-intro-copy .button { font-size: .9375rem; }
  .section-nav { gap: 12px 24px; padding-block: 18px; }
  .section-nav a { font-size: .875rem; }
  .benefits-grid { gap: 28px 22px; }
  .benefits-grid h3 { font-size: 1.85rem; }
  .benefits-grid p { font-size: .9375rem; }
  .partner-story { grid-template-columns: 1fr; }
  .partner-story > img { min-height: 0; height: 260px; }
  .partner-story > div { padding: 30px 26px; }
  .partner-story h2 { font-size: 2.8rem; }
  .partner-story .underlined { font-size: .9375rem; }
  .partner-overview .section-heading { align-items: flex-start; flex-direction: column; }
  .overview-note { margin-top: 0; font-size: .9375rem; }
  .partner-logo-grid { grid-template-columns: 1fr 1fr; }
  .partner-logo-grid > div { min-height: 120px; }
  .partner-logo-grid > div:nth-child(n) { border: 0; }
  .partner-logo-grid > div:nth-child(even) { border-left: 1px solid var(--line); }
  .partner-logo-grid > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .contact-inner { grid-template-columns: 1fr; padding-block: 38px; gap: 28px; }
  .contact-inner address { padding: 24px 0 0; border: 0; border-top: 1px solid #78a8c1; align-items: flex-start; }
  .squad-intro-inner { grid-template-columns: 1fr; gap: 0; }
  .squad-intro-inner > div { padding-block: 34px; }
  .squad-intro h1 { font-size: 3.6rem; }
  .squad-intro img { height: 250px; }
  .squad-content { padding-block: 34px; }
  .squad-heading { flex-direction: column; align-items: flex-start; gap: 18px; }
  .squad-heading h2 { font-size: 2.7rem; }
  .study-note { padding: 13px 15px; }
  .squad-groups { grid-template-columns: 1fr; }
  .player-art { min-height: 220px; }
  .player-number { font-size: 7.5rem; }
  .player-name h4 { font-size: 2rem; }
  .team-bottom > div { flex-direction: column; align-items: flex-start; gap: 24px; }
  .team-bottom h2 { font-size: 2.7rem; }
}
@media (max-width: 370px) {
  .benefits-grid { grid-template-columns: 1fr; }
  .player-art { min-height: 200px; }
  .player-name h4 { font-size: 1.8rem; }
  .portrait-status { font-size: .625rem; left: 12px; }
  .player-position { left: 12px; }
}
/* News archive: one featured story and a concise editorial grid. */
.archive-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-block:20px 36px; }
.archive-heading .eyebrow { color:#526f82; margin-bottom:14px; font-size:.75rem; }
.archive-heading h1 { font-size:clamp(4rem,7vw,7rem); }
.archive-heading > p { color:var(--muted); font-size:1.125rem; padding-bottom:6px; }
.featured-story { display:grid; grid-template-columns:1.15fr 1fr; background:var(--navy); color:white; }
.featured-image { min-width:0; overflow:hidden; background:#d7e4ec; display:flex; align-items:center; }
.featured-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.featured-story:hover .featured-image img { transform:scale(1.025); }
.featured-copy { padding:40px; }
.featured-copy .story-meta { color:#cbdae5; font-size:.8125rem; gap:12px; margin-bottom:30px; }
.featured-label { font-size:.6875rem; color:var(--blue); margin-bottom:12px; }
.featured-copy h2 { font-size:clamp(2.5rem,3.5vw,3.6rem); }
.featured-copy > p:not(.eyebrow) { color:#d5e1e9; margin-top:20px; font-size:1rem; max-width:40ch; }
.featured-link { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #405462; margin-top:26px; padding-top:16px; font-size:.9375rem; font-weight:600; }
.featured-link > span { font-size:1.5rem; }
.archive-stories { padding-block:54px 32px; }
.archive-stories .news-card { display:flex; flex-direction:column; }
.archive-stories .news-image { flex-shrink:0; }
.archive-stories .news-copy { display:flex; flex-direction:column; flex:1; }
.archive-stories .news-copy .read-link { margin-top:auto; }
.archive-stories .news-copy > p:not(.archive-date) { margin-bottom:24px; }
.archive-stories .news-copy .archive-date { font-size:.8125rem; color:var(--muted); margin:0 0 12px; }
.archive-year { font-family:var(--display); font-size:2rem; font-weight:600; color:#688597; }
.archive-end { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--line); margin-top:44px; padding-block:26px; }
.archive-end > span { font-size:.9375rem; color:var(--muted); }
@media(max-width:1000px) {
 .featured-copy { padding:30px; }
 .featured-story { grid-template-columns:1fr 1fr; }
 .featured-copy h2 { font-size:2.8rem; }
}
@media(max-width:700px) {
 .archive-heading { flex-direction:column; align-items:flex-start; gap:18px; padding-block:12px 28px; }
 .archive-heading > p { font-size:1rem; }
 .archive-heading > p br { display:none; }
 .featured-story { grid-template-columns:1fr; }
 .featured-image img { height:auto; aspect-ratio:2; }
 .featured-copy { padding:28px; }
 .featured-copy .story-meta { margin-bottom:24px; }
 .featured-copy h2 { font-size:2.8rem; }
 .archive-stories { padding-top:38px; }
 .archive-stories .news-grid { grid-template-columns:1fr; gap:34px; }
 .archive-stories .news-copy h3 { font-size:2rem; }
 .archive-end { flex-direction:column; align-items:flex-start; gap:18px; }
}
/* Match schedule. Local fixture snapshot, grouped by month. */
.next-fixture { background:var(--navy); color:#fff; border-bottom:5px solid var(--blue); padding:28px 38px 36px; }
.next-fixture-top { display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid #354b5b; padding-bottom:22px; }
.next-fixture-top h2 { font-family:var(--body); font-size:.8125rem; font-weight:700; letter-spacing:.1em; color:var(--blue); }
.next-fixture-top > span { font-size:.875rem; color:#c3d6e2; }
.next-fixture-main { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:32px; padding-top:30px; }
.next-club { display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; }
.next-club img { width:110px; height:125px; object-fit:contain; }
.next-club h3 { font-family:var(--display); font-size:2.2rem; font-weight:600; line-height:1.1; }
.next-kickoff { text-align:center; }
.next-kickoff time { display:flex; flex-direction:column; align-items:center; gap:8px; }
.next-kickoff time > span { font-size:.8125rem; font-weight:600; color:#d1e2ed; }
.next-kickoff time > strong { font-family:var(--display); font-size:5.75rem; line-height:1; font-weight:700; }
.next-kickoff .button { margin-top:23px; justify-content:center; min-width:175px; }
.fixtures-content { padding-bottom:30px; }
.fixtures-nav { gap:36px; margin-top:10px; }
.fixture-month { margin-top:38px; scroll-margin-top:25px; }
.month-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:18px; }
.month-heading h2 { font-size:2rem; }
.month-heading > span { font-size:.8125rem; color:var(--muted); }
.fixture-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.fixture-row { display:grid; grid-template-columns:90px minmax(0,1fr) 110px 128px; align-items:center; gap:24px; padding:24px 20px; border-bottom:1px solid var(--line); }
.fixture-row:nth-child(odd) { background:#f4f7f9; }
.fixture-date { display:flex; flex-direction:column; gap:4px; }
.fixture-date > span { font-size:.75rem; color:#506b7c; font-weight:600; letter-spacing:.025em; }
.fixture-date > strong { font-family:var(--display); font-size:1.8rem; line-height:1; font-weight:600; }
.fixture-teams { display:flex; gap:20px; align-items:center; }
.fixture-teams > span:not(.fixture-vs) { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.fixture-teams img { width:34px; height:42px; object-fit:contain; flex-shrink:0; }
.fixture-teams strong { font-size:1rem; line-height:1.25; font-weight:600; }
.fixture-vs { font-size:.8125rem; color:#6d8392; }
.venue-tag { font-size:.75rem; padding:6px 10px; justify-self:start; white-space:nowrap; }
.home-game { background:#dceef7; color:#294f65; }
.away-game { background:#e8edef; color:#4d6472; }
.fixture-ticket { border:1px solid #9db1bf; display:flex; align-items:center; justify-content:center; min-height:42px; padding:8px 13px; font-size:.875rem; font-weight:600; background:#fff; }
.fixture-ticket:hover { background:var(--navy); border-color:var(--navy); color:#fff; }
.fixture-note { margin-top:32px; border-left:3px solid #98bace; padding:4px 0 4px 18px; color:var(--muted); font-size:.8125rem; }
.fixture-note p + p { margin-top:6px; }
.fixture-note a { display:inline-block; margin-top:12px; text-decoration:underline; text-underline-offset:3px; }
.spring-fixtures { scroll-margin-top:25px; }
@media(max-width:1100px) {
 .fixture-row { grid-template-columns:78px minmax(0,1fr) 94px 112px; gap:16px; padding-inline:16px; }
 .fixture-teams { gap:12px; }
 .fixture-teams > span:not(.fixture-vs) { gap:9px; }
 .fixture-teams strong { font-size:.9375rem; }
 .venue-tag { padding-inline:8px; }
}
@media(max-width:850px) {
 .next-fixture { padding:24px 26px 30px; }
 .next-fixture-main { gap:22px; }
 .next-club h3 { font-size:1.85rem; }
 .next-club img { width:88px; height:106px; }
 .next-kickoff time > strong { font-size:5rem; }
 .next-kickoff .button { min-width:150px; }
 .fixture-row { grid-template-columns:75px minmax(0,1fr) 108px; gap:14px; }
 .fixture-row .venue-tag { grid-column:2; grid-row:2; }
 .fixture-row .fixture-date { grid-row:1 / 3; }
 .fixture-row .fixture-ticket { grid-column:3; grid-row:1 / 3; }
 .fixture-teams strong { font-size:.9375rem; }
}
@media(max-width:600px) {
 .next-fixture { padding:22px 18px 26px; }
 .next-fixture-top { align-items:flex-start; flex-direction:column; gap:8px; padding-bottom:18px; }
 .next-fixture-main { grid-template-columns:1fr 1fr; gap:26px 14px; padding-top:24px; }
 .next-club { gap:12px; }
 .next-club h3 { font-size:1.7rem; }
 .next-club img { width:72px; height:86px; }
 .next-kickoff { grid-column:1 / -1; grid-row:2; }
 .next-kickoff time { gap:6px; }
 .next-kickoff time > strong { font-size:4.6rem; }
 .next-kickoff .button { width:100%; margin-top:20px; }
 .fixtures-nav { gap:12px 24px; }
 .fixture-month { margin-top:30px; }
 .month-heading h2 { font-size:1.8rem; }
 .fixture-row { grid-template-columns:64px minmax(0,1fr); gap:14px; padding:20px 14px; }
 .fixture-row .fixture-date { grid-column:1; grid-row:1; align-self:start; padding-top:4px; }
 .fixture-row .fixture-teams { grid-column:2; grid-row:1; flex-direction:column; align-items:stretch; gap:10px; }
 .fixture-teams > span:not(.fixture-vs) { gap:12px; }
 .fixture-teams .fixture-vs { display:none; }
 .fixture-teams img { width:28px; height:30px; }
 .fixture-teams strong { font-size:1rem; }
 .fixture-row .venue-tag { grid-column:1; grid-row:2; font-size:.6875rem; padding:5px; }
 .fixture-row .fixture-ticket { grid-column:2; grid-row:2; min-height:40px; width:100%; }
 .fixture-date > strong { font-size:1.7rem; }
 .fixture-note { font-size:.8125rem; }
}
/* Club landing page: local identity, concise history and people. */
.club-intro { display:grid; grid-template-columns:.85fr 1.15fr; background:var(--navy); color:white; }
.club-intro-copy { padding:48px; }
.club-intro-copy .eyebrow { color:var(--blue); font-size:.75rem; margin-bottom:24px; }
.club-intro h1 { font-size:clamp(4rem,5.8vw,6rem); }
.club-intro h1 span { color:var(--blue); }
.club-intro-copy > p:not(.eyebrow) { margin-top:24px; font-size:1.125rem; color:#d3e2eb; max-width:32ch; }
.club-intro-copy .underlined { margin-top:28px; }
.club-intro figure { position:relative; min-height:450px; }
.club-intro figure > img { position:absolute; width:100%; height:100%; object-position:52% center; }
.club-intro figcaption { position:absolute; inset:auto 0 0; padding:65px 28px 25px; color:white; font-size:.875rem; background:linear-gradient(transparent,rgba(6,24,38,.8)); }
.club-history { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }
.history-introduction .eyebrow { color:#527186; font-size:.75rem; margin-bottom:16px; }
.history-introduction h2 { font-size:clamp(2.5rem,3.5vw,3.5rem); }
.history-introduction > p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; margin-top:24px; max-width:42ch; line-height:1.7; }
.history-introduction .underlined { margin-top:26px; }
.history-timeline { list-style:none; padding:0; margin:0; }
.history-timeline li { display:grid; grid-template-columns:95px 1fr; gap:26px; padding-block:24px; border-top:1px solid var(--line); }
.history-timeline li:first-child { padding-top:0; border-top:0; }
.history-year { font-family:var(--display); color:#376981; font-size:3rem; font-weight:600; line-height:1; }
.history-timeline h3 { font-family:var(--display); font-size:1.9rem; font-weight:600; line-height:1.15; }
.history-timeline p { font-size:1rem; color:var(--muted); margin-top:10px; line-height:1.6; }
.club-ground { background:#eaf3f8; }
.club-ground-inner { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; padding-block:48px; align-items:center; }
.club-ground figure > img { width:100%; height:350px; object-position:center; }
.club-ground figcaption { padding-top:10px; }
.club-ground .eyebrow { font-size:.75rem; color:#526f82; margin-bottom:16px; }
.club-ground h2 { font-size:clamp(3rem,4vw,4rem); }
.club-ground p:not(.eyebrow) { margin-top:22px; color:var(--muted); max-width:35ch; }
.club-ground address { margin-top:18px; font-style:normal; font-size:.9375rem; }
.club-ground .button { margin-top:26px; }
.club-link-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.club-link-grid > a { display:flex; flex-direction:column; padding:26px 22px; background:#f1f5f7; border-top:3px solid var(--blue); min-width:0; }
.club-link-grid > a:hover { background:#e0eef6; }
.club-link-grid .eyebrow { font-size:.6875rem; color:#527186; }
.club-link-grid h3 { font-family:var(--display); font-size:2rem; font-weight:600; line-height:1.1; margin-top:18px; }
.club-link-end { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:30px; padding-top:15px; border-top:1px solid #d0dee7; font-size:.875rem; font-weight:600; }
@media(max-width:1100px) {
 .club-intro-copy { padding:36px; }
 .club-history { gap:42px; }
 .history-timeline li { grid-template-columns:80px 1fr; gap:20px; }
 .club-ground-inner { gap:40px; }
 .club-link-grid { gap:18px; }
 .club-link-grid > a { padding:24px 18px; }
 .club-link-grid h3 { font-size:1.8rem; }
}
@media(max-width:850px) {
 .club-intro { grid-template-columns:1fr 1fr; }
 .club-intro-copy { padding:30px; }
 .club-intro h1 { font-size:4rem; }
 .club-intro-copy > p:not(.eyebrow) { font-size:1rem; }
 .club-history { grid-template-columns:1fr; gap:36px; }
 .history-introduction > p:not(.eyebrow) { max-width:62ch; }
 .history-timeline li { grid-template-columns:95px 1fr; }
 .club-ground-inner { grid-template-columns:1fr 1fr; gap:28px; }
 .club-ground figure > img { height:310px; }
 .club-ground .button { font-size:.875rem; gap:16px; }
 .club-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .club-intro { grid-template-columns:1fr; }
 .club-intro-copy { padding:32px 26px; }
 .club-intro h1 { font-size:4.5rem; }
 .club-intro figure { min-height:290px; }
 .club-history { gap:34px; }
 .history-introduction h2 { font-size:2.7rem; }
 .history-timeline li { grid-template-columns:75px 1fr; gap:18px; }
 .history-year { font-size:2.7rem; }
 .history-timeline h3 { font-size:1.8rem; }
 .club-ground-inner { grid-template-columns:1fr; gap:28px; padding-block:34px; }
 .club-ground figure > img { height:245px; }
 .club-ground .button { font-size:.9375rem; }
 .club-link-grid { gap:16px; }
 .club-link-grid > a { padding:22px 16px; }
 .club-link-grid h3 { font-size:1.7rem; overflow-wrap:anywhere; }
 .club-link-end { font-size:.8125rem; gap:10px; }
}
@media(max-width:370px) { .club-link-grid { grid-template-columns:1fr; } }
/* Youth: a concise gateway to the academy's existing site. */
/* Contact: direct details first, followed by a compact people directory. */
.contact-intro { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:50px; padding-block:24px 40px; }
.contact-intro .eyebrow,.contact-topics .eyebrow,.contact-administration .eyebrow,.contact-location .eyebrow { font-size:.875rem; color:#527186; margin-bottom:18px; }
.contact-intro h1 { font-size:clamp(3.5rem,6.5vw,6.4rem); }
.contact-intro h1 span { color:#376f8b; }
.contact-intro > p { font-size:1.1875rem; color:var(--muted); max-width:34ch; padding-bottom:8px; }
.contact-basics { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:30px; padding:32px 36px; background:var(--navy); color:white; }
.contact-basics > div + div { border-left:1px solid #3c5261; padding-left:30px; }
.contact-basics .eyebrow { color:var(--blue); font-size:.875rem; margin-bottom:14px; }
.contact-basics a { font-size:clamp(1.1rem,1.8vw,1.5rem); font-weight:600; overflow-wrap:anywhere; }
.contact-basics a:hover { text-decoration:underline; text-underline-offset:4px; }
.contact-basics address { font-style:normal; font-size:1.0625rem; }
.contact-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.contact-topic-grid article { background:#f0f5f8; padding:32px; border-top:3px solid var(--blue); }
.contact-topic-grid h3 { font-family:var(--display); font-size:2.35rem; font-weight:600; line-height:1.1; margin-bottom:20px; }
.contact-topic-grid article > p:not(.eyebrow) { color:var(--muted); margin-top:12px; }
.contact-methods { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:16px; }
.contact-methods a { font-size:1rem; font-weight:600; overflow-wrap:anywhere; max-width:100%; text-decoration:underline; text-decoration-color:#b1c4d1; text-underline-offset:4px; }
.contact-methods a:hover { text-decoration-color:currentColor; }
.contact-topic-grid .underlined { margin-top:26px; font-size:.9375rem; }
.contact-topic-grid article > .contact-secondary { margin-top:24px; }
.contact-administration { background:#eaf3f8; }
.contact-staff article { display:grid; grid-template-columns:1fr 1.35fr 1fr; gap:30px; padding-block:26px; align-items:start; border-top:1px solid #c6d7e2; }
.contact-staff article > p { font-size:1rem; color:var(--muted); }
.contact-staff h3 { font-family:var(--display); font-size:2rem; font-weight:600; line-height:1.15; }
.contact-staff .contact-methods { margin-top:0; }
.contact-location { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:center; }
.contact-location figure img { width:100%; height:auto; aspect-ratio:1.65; }
.contact-location figcaption { padding-top:10px; }
.contact-location h2 { font-size:clamp(2.8rem,4vw,4rem); }
.contact-location address { font-style:normal; margin-block:22px; font-size:1.0625rem; }
.contact-location .underlined { display:flex; width:fit-content; font-size:.9375rem; margin-top:22px; }
@media(max-width:850px) {
 .contact-intro { gap:32px; }
 .contact-basics { grid-template-columns:1fr 1fr; gap:24px; padding:28px; }
 .contact-basics > div:last-child { border-left:0; padding-left:0; grid-column:1/-1; padding-top:20px; border-top:1px solid #3c5261; }
 .contact-topic-grid { gap:20px; }
 .contact-topic-grid article { padding:26px; }
 .contact-staff article { grid-template-columns:.9fr 1.1fr; gap:10px 26px; }
 .contact-staff h3 { grid-column:2; grid-row:1; }
 .contact-staff .contact-methods { grid-column:2; }
 .contact-location { gap:32px; grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
 .contact-intro { grid-template-columns:1fr; gap:24px; padding-top:12px; }
 .contact-intro h1 { font-size:clamp(3.1rem,12vw,4.5rem); }
 .contact-intro > p { font-size:1.0625rem; }
 .contact-basics { grid-template-columns:1fr; padding:28px; gap:22px; }
 .contact-basics > div + div { padding:22px 0 0; border-left:0; border-top:1px solid #3c5261; }
 .contact-basics a { font-size:1.25rem; }
 .contact-topic-grid,.contact-location { grid-template-columns:1fr; }
 .contact-staff article { grid-template-columns:1fr; gap:12px; }
 .contact-staff h3,.contact-staff .contact-methods { grid-column:1; grid-row:auto; }
 .contact-location { gap:28px; }
}
.youth-intro { display:grid; grid-template-columns:1fr .8fr; gap:60px; align-items:center; padding-block:24px 40px; }
.youth-intro .eyebrow,.youth-about .eyebrow { color:#527186; font-size:.875rem; margin-bottom:20px; }
.youth-intro h1 { font-size:clamp(3.4rem,6.5vw,6.4rem); }
.youth-intro h1 span { color:#376f8b; }
.youth-intro-copy > p { font-size:1.1875rem; color:var(--muted); max-width:40ch; }
.youth-intro-copy .button { margin-top:26px; }
.youth-destination { display:block; margin-top:12px; color:var(--muted); font-size:.875rem; }
.youth-photo img { display:block; width:100%; height:auto; }
.youth-photo figcaption { padding-top:10px; }
.youth-about { display:grid; grid-template-columns:1fr .8fr; gap:60px; }
.youth-about h2 { font-size:clamp(2.6rem,4vw,4rem); }
.youth-about-copy p { font-size:1.0625rem; color:var(--muted); line-height:1.75; }
.youth-about-copy p + p { margin-top:18px; }
.youth-pathways { background:#eaf3f8; padding-block:48px 56px; margin-bottom:50px; }
.youth-pathways .section-heading > p { color:var(--muted); font-size:1rem; max-width:30ch; }
.youth-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.youth-link-grid > a { display:flex; flex-direction:column; background:white; padding:28px; border-top:3px solid var(--blue); }
.youth-link-grid > a:hover { background:#f7fbfd; }
.youth-link-grid .eyebrow { font-size:.875rem; color:#527186; }
.youth-link-grid h3 { font-family:var(--display); font-size:2.3rem; font-weight:600; line-height:1.1; margin-top:20px; }
.youth-link-grid p { color:var(--muted); font-size:1rem; margin-block:18px 28px; }
.youth-link-grid .club-link-end { margin-top:auto; }
@media(max-width:850px) {
 .youth-intro,.youth-about { gap:32px; grid-template-columns:1fr 1fr; }
 .youth-intro h1 { font-size:3.7rem; }
 .youth-intro-copy > p { font-size:1.0625rem; }
 .youth-link-grid { gap:16px; }
 .youth-link-grid > a { padding:24px 18px; }
 .youth-link-grid h3 { font-size:1.9rem; }
}
@media(max-width:600px) {
 .youth-intro,.youth-about { grid-template-columns:1fr; gap:24px; }
 .youth-intro { padding-block:14px 32px; }
 .youth-intro h1 { font-size:clamp(3rem,12vw,4.5rem); }
 .youth-photo img { aspect-ratio:1.45; object-position:53% center; }
 .youth-pathways .section-heading { display:block; }
 .youth-pathways .section-heading > p { margin-top:16px; max-width:none; }
 .youth-link-grid { grid-template-columns:1fr; }
 .youth-link-grid > a { padding:26px; }
 .youth-link-grid h3 { font-size:2.2rem; }
 .youth-pathways { padding-block:36px; margin-bottom:32px; }
}
/* Fans: the supporters' own communities and ways to join in. */
.fan-hero { position:relative; min-height:500px; display:flex; align-items:center; background:var(--navy); color:white; overflow:hidden; }
.fan-hero > img { position:absolute; inset:0; width:100%; height:100%; object-position:65% center; }
.fan-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,25,40,.95),rgba(6,25,40,.75) 40%,rgba(6,25,40,.12)); }
.fan-hero-copy { position:relative; z-index:1; padding:48px; }
.fan-hero .eyebrow { color:var(--blue); font-size:.875rem; margin-bottom:24px; }
.fan-hero h1 { font-size:clamp(3.5rem,5.6vw,5.5rem); }
.fan-hero h1 span { color:var(--blue); }
.fan-hero-copy > p:not(.eyebrow) { color:#d9e6ef; font-size:1.1875rem; margin-top:24px; }
.fan-hero-copy .button { margin-top:28px; }
.fan-club { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.fan-club-heading > img { width:100px; height:100px; object-fit:contain; margin-bottom:24px; }
.fan-club .eyebrow,.fan-matchday .eyebrow { font-size:.875rem; color:#527186; margin-bottom:18px; }
.fan-club h2 { font-size:clamp(2.7rem,4vw,4rem); }
.fan-club-heading > p:not(.eyebrow) { color:var(--muted); margin-top:24px; font-size:1.0625rem; }
.fan-club-copy > p { font-size:1.0625rem; line-height:1.75; color:var(--muted); }
.fan-club-copy > p + p { margin-top:20px; }
.fan-club-copy h3 { font-family:var(--display); font-size:2.2rem; line-height:1.1; font-weight:600; margin-block:26px 18px; }
.fan-club-copy > h3:first-child { margin-top:0; }
.fan-club-copy ul { padding-left:22px; margin-block:0 28px; }
.fan-club-copy li { padding-left:5px; margin-block:10px; font-size:1rem; }
.fan-club-copy li::marker { color:#376f8b; }
.fan-membership { padding:28px; background:#eaf3f8; border-left:3px solid var(--blue); }
.fan-membership > p:not(.eyebrow) { color:var(--muted); font-size:1rem; }
.fan-membership .button { margin-top:22px; }
.fan-email { display:block; width:fit-content; margin-top:14px; text-decoration:underline; text-underline-offset:4px; }
.fan-club-copy > .fan-chair { font-size:.9375rem; margin-top:24px; }
.fan-chair a { color:var(--ink); font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.fan-atmosphere { background:#eaf3f8; }
.fan-atmosphere .fan-club { align-items:center; }
.fan-atmosphere .underlined { margin-top:26px; }
.fan-matchday { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:start; }
.fan-matchday h2 { font-size:clamp(2.6rem,3.5vw,3.5rem); }
.fan-matchday p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; margin-top:20px; }
.fan-match-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:28px; }
.fan-matchday aside { padding:30px; border:1px solid var(--line); }
.fan-matchday h3 { font-family:var(--display); font-weight:600; font-size:2.2rem; line-height:1.1; }
.fan-matchday aside .underlined { margin-top:24px; font-size:.9375rem; }
@media(max-width:850px) {
 .fan-hero { min-height:460px; }
 .fan-hero-copy { padding:34px; }
 .fan-hero h1 { font-size:4rem; }
 .fan-club { gap:38px; }
 .fan-matchday { gap:32px; grid-template-columns:1fr 1fr; }
 .fan-membership { padding:24px; }
 .fan-membership .button { font-size:.9375rem; gap:18px; }
 .fan-matchday aside { padding:24px; }
}
@media(max-width:600px) {
 .fan-hero { min-height:460px; }
 .fan-hero-copy { padding:30px 24px; }
 .fan-hero h1 { font-size:clamp(2.6rem,10vw,3.6rem); }
 .fan-hero-copy > p:not(.eyebrow) { font-size:1.0625rem; }
 .fan-hero::after { background:linear-gradient(90deg,rgba(6,25,40,.88),rgba(6,25,40,.5)); }
 .fan-club,.fan-matchday { grid-template-columns:1fr; gap:30px; }
 .fan-club-heading > img { width:85px; height:85px; }
 .fan-club h2 { font-size:3rem; }
 .fan-club-heading > p:not(.eyebrow) { margin-top:18px; }
 .fan-matchday aside { padding:28px; }
}
/* Away supporters: practical information before the journey. */
.away-intro { display:grid; grid-template-columns:1.3fr .7fr; gap:45px; align-items:end; padding-block:24px 38px; }
.away-intro .eyebrow,.away-arrival .eyebrow,.away-help .eyebrow { color:#527186; font-size:.875rem; margin-bottom:18px; }
.away-intro h1 { font-size:clamp(3.2rem,6vw,5.8rem); }
.away-intro h1 span { color:#376f8b; }
.away-intro > div > p:not(.eyebrow) { color:var(--muted); font-size:1.125rem; margin-top:24px; }
.away-ticket { padding-bottom:8px; }
.away-ticket .underlined { display:flex; width:fit-content; margin-top:22px; }
.away-essentials { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding:30px 38px; color:white; background:var(--navy); }
.away-essentials > div + div { padding-left:30px; border-left:1px solid #3c5261; }
.away-essentials .eyebrow { color:var(--blue); font-size:.875rem; }
.away-essentials .away-letter { font-family:var(--display); font-size:5rem; font-weight:700; line-height:1.1; margin-block:12px; }
.away-essentials p:last-child { color:#d6e4ed; font-size:1rem; }
.away-arrival { display:grid; grid-template-columns:.85fr 1.15fr; gap:55px; align-items:start; }
.away-arrival h2 { font-size:clamp(2.8rem,3.8vw,3.8rem); }
.away-arrival address { font-style:normal; font-size:1.0625rem; margin-top:24px; }
.away-arrival p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; line-height:1.7; margin-top:20px; }
.away-arrival .button { margin-top:24px; }
.away-arrival figure img { width:100%; height:auto; object-fit:contain; border:1px solid var(--line); }
.away-arrival figcaption { margin-top:12px; }
.away-arrival figcaption a { text-decoration:underline; text-underline-offset:3px; }
.away-access { margin-top:34px; padding-top:26px; border-top:1px solid var(--line); }
.away-access h3,.away-help h3 { font-family:var(--display); font-size:2.1rem; font-weight:600; line-height:1.15; }
.away-help { background:#eaf3f8; margin-bottom:48px; }
.away-help-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.away-help-grid article { background:white; padding:30px; border-top:3px solid var(--blue); }
.away-help-grid article > p:not(.eyebrow) { color:var(--muted); font-size:1rem; margin-top:18px; }
.away-rules { margin-top:32px; padding-top:30px; border-top:1px solid #c6d7e2; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.away-rules p { color:var(--muted); font-size:1rem; margin-top:12px; }
.away-rules .underlined { flex-shrink:0; }
@media(max-width:850px) {
 .away-intro { grid-template-columns:1fr; gap:28px; }
 .away-intro h1 { font-size:4.6rem; }
 .away-ticket { padding:0; }
 .away-ticket .eyebrow { display:none; }
 .away-ticket .underlined { display:inline-flex; margin:0 0 0 24px; }
 .away-arrival { gap:30px; grid-template-columns:1fr 1fr; }
 .away-arrival .button { font-size:.9375rem; gap:18px; }
 .away-essentials { padding:28px; gap:24px; }
 .away-essentials > div + div { padding-left:24px; }
 .away-rules { align-items:flex-start; flex-direction:column; gap:22px; }
}
@media(max-width:600px) {
 .away-intro { padding-top:12px; }
 .away-intro h1 { font-size:clamp(2.8rem,10.5vw,4.2rem); }
 .away-ticket .underlined { display:flex; margin:20px 0 0; }
 .away-essentials { gap:14px; padding:22px 18px; }
 .away-essentials > div + div { padding-left:14px; }
 .away-essentials .eyebrow { font-size:.875rem; letter-spacing:0; }
 .away-essentials .away-letter { font-size:4rem; }
 .away-essentials p:last-child { font-size:.875rem; }
 .away-arrival,.away-help-grid { grid-template-columns:1fr; }
 .away-arrival figure { grid-row:2; }
 .away-help-grid article { padding:26px; }
 .away-help { margin-bottom:32px; }
}
/* Volunteering lives within the club page. */
.club-volunteers { background:var(--navy); color:white; margin-bottom:44px; }
.volunteers-inner { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
.club-volunteers .eyebrow { color:var(--blue); font-size:.875rem; margin-bottom:20px; }
.club-volunteers h2 { font-size:clamp(3rem,4.5vw,4.5rem); }
.volunteers-inner > div:first-child > p:not(.eyebrow) { color:#d1e1eb; max-width:32ch; font-size:1.125rem; margin-top:24px; }
.volunteers-copy > p { color:#d1e1eb; font-size:1.0625rem; line-height:1.7; }
.volunteers-copy h3 { font-family:var(--display); font-weight:600; font-size:2rem; line-height:1.15; margin-block:24px 16px; }
.volunteers-copy ul { padding-left:20px; margin:0; }
.volunteers-copy li { font-size:1rem; color:#d1e1eb; padding-left:5px; margin-block:8px; }
.volunteers-copy li::marker { color:var(--blue); }
.volunteers-action { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:30px; }
.volunteers-action p { color:#d1e1eb; font-size:.9375rem; }
.volunteers-action p > a { color:white; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:850px) { .volunteers-inner { gap:38px; grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .volunteers-inner { grid-template-columns:1fr; gap:28px; } .club-volunteers { margin-bottom:30px; } }
/* One partner page: invitation first, then the complete tiered directory. */
.partner-combined .partner-intro figure { min-height:390px; }
.partner-combined .partner-intro-copy { padding:40px; }
.partner-combined .partner-intro h1 { font-size:clamp(3rem,4.8vw,4.8rem); }
.partner-combined #muligheder { padding-block:40px; }
.partner-combined .benefits-grid { gap:16px; }
.partner-combined .benefits-grid article { border:0; padding:0; min-width:0; }
.benefit-tab { display:flex; flex-direction:column; height:100%; padding:20px 20px 18px; border-top:2px solid #b8cdd9; transition:background .2s,border-color .2s; }
.benefit-tab:hover { background:#f3f7fa; border-color:#356d8a; }
.benefit-tab[aria-selected="true"] { background:#e5f1f7; border-color:#356d8a; }
.benefit-tab .benefit-more { display:flex; justify-content:space-between; gap:12px; padding-top:20px; margin-top:auto; font-size:.8125rem; font-weight:600; color:#356d8a; }
.benefit-tab[aria-selected="true"] .benefit-more > span { transform:rotate(45deg); }
.benefit-panels { margin-top:24px; }
.benefit-panel { display:grid; grid-template-columns:1fr 1.1fr; gap:64px; background:#e5f1f7; padding:40px; scroll-margin-top:24px; }
.benefit-panel + .benefit-panel { margin-top:20px; }
.benefit-panel[hidden] { display:none; }
.benefits-grid[role="tablist"] + .benefit-panels .benefit-panel { margin-top:0; }
.benefit-panel-intro .eyebrow { font-size:.6875rem; color:#486c83; margin-bottom:14px; }
.benefit-panel h3 { font-family:var(--display); font-size:2.3rem; font-weight:600; line-height:1.1; max-width:24ch; margin-bottom:18px; }
.benefit-panel p:not(.eyebrow) { color:#405b6c; font-size:1rem; line-height:1.65; }
.benefit-panel-intro .underlined { margin-top:26px; }
.benefit-points { padding:0; margin:0; list-style:none; }
.benefit-points li + li { border-top:1px solid #c4d9e5; margin-top:18px; padding-top:18px; }
.benefit-points h4 { margin:0 0 5px; font-size:1rem; font-weight:600; }
.benefit-panel:focus-visible { outline:3px solid #2499ce; outline-offset:4px; }
@media(max-width:850px) {
  .benefit-tab { padding:18px 16px; }
  .benefit-panel { gap:30px; padding:30px; }
}
@media(max-width:560px) {
  .partner-combined .benefits-grid { grid-template-columns:1fr 1fr; gap:12px; }
  .partner-combined .benefits-grid h3 { font-size:1.55rem; margin:12px 0 8px; }
  .partner-combined .benefits-grid p { display:none; }
  .benefit-tab .benefit-more { padding-top:12px; }
  .benefit-tab { padding:14px 12px; }
  .benefit-panel { grid-template-columns:1fr; padding:24px; gap:28px; }
  .benefit-panel h3 { font-size:2rem; }
}
.partner-combined .contact-band { margin-top:0; }
.partner-directory { padding-top:60px; }
.directory-lead { color:var(--muted); font-size:1.0625rem; margin-top:-12px; margin-bottom:36px; }
.directory-tier { display:grid; grid-template-columns:190px minmax(0,1fr); gap:30px; padding-block:30px; border-top:1px solid var(--line); }
.directory-tier > h3 { font-family:var(--display); font-size:1.9rem; font-weight:600; line-height:1.15; padding-top:12px; }
.directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.directory-logo { min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; padding:14px 12px; border:1px solid var(--line); background:white; }
.directory-logo > img { display:block; width:100%; height:86px; object-fit:contain; }
.directory-logo > span { font-size:.875rem; line-height:1.4; color:var(--muted); margin-top:14px; }
.directory-logo[href]:hover { border-color:#84b6cf; background:#f7fbfd; }
.directory-logo[href]:hover > span { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.directory-featured { border-top:3px solid var(--blue); }
.directory-featured .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.directory-featured .directory-logo { padding:24px; }
.directory-featured .directory-logo > img { height:130px; }
@media(max-width:1100px) {
 .directory-tier { grid-template-columns:160px minmax(0,1fr); gap:24px; }
 .directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:850px) {
 .partner-combined .partner-intro-copy { padding:30px; }
 .directory-tier { grid-template-columns:1fr; gap:20px; }
 .directory-tier > h3 { padding-top:0; }
}
@media(max-width:600px) {
 .partner-combined .partner-intro figure { min-height:260px; }
 .partner-combined .partner-intro h1 { font-size:clamp(2.7rem,10vw,3.7rem); }
 .partner-directory { padding-top:40px; }
 .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .directory-featured .directory-logo { padding:16px 12px; }
 .directory-featured .directory-logo > img { height:100px; }
 .directory-tier { padding-block:26px; }
}
/* Press: direct contacts, practical access information and source materials. */
.press-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:start; padding-block:24px 40px; }
.press-intro .eyebrow,.press-access .eyebrow,.press-interview .eyebrow { font-size:.875rem; color:#527186; margin-bottom:20px; }
.press-intro h1 { font-size:clamp(3.8rem,7vw,6.5rem); }
.press-intro h1 span { color:#376f8b; }
.press-intro > div > p:not(.eyebrow) { color:var(--muted); font-size:1.1875rem; margin-top:24px; }
.press-coordinator { padding:34px; background:var(--navy); color:white; }
.press-coordinator .eyebrow { color:var(--blue); }
.press-coordinator h2 { font-size:2.8rem; }
.press-coordinator > p:not(.eyebrow) { font-size:1rem; color:#d6e4ed; margin-top:18px; }
.press-coordinator .button { margin-top:22px; }
.press-coordinator > .press-deadline { font-size:.9375rem; padding-top:18px; border-top:1px solid #3c5261; margin-top:26px; }
.press-access { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.press-access h2 { font-size:clamp(2.8rem,4vw,4rem); }
.press-access .underlined { margin-top:26px; }
.press-access-list article { display:grid; grid-template-columns:45px 1fr; gap:24px; padding-block:24px; border-top:1px solid var(--line); }
.press-access-list article:first-child { padding-top:0; border-top:0; }
.press-access-list article > span { font-family:var(--display); font-size:2rem; color:#527186; }
.press-access-list h3,.press-resource-grid h3 { font-family:var(--display); font-size:2rem; line-height:1.15; font-weight:600; }
.press-access-list p { font-size:1.0625rem; line-height:1.7; color:var(--muted); margin-top:12px; }
.press-interview { background:#eaf3f8; padding-block:36px; }
.press-interview > .wrap { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.press-interview h2 { font-size:2.8rem; }
.press-interview p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; max-width:58ch; margin-top:18px; }
.press-interview .button { flex-shrink:0; }
.press-resource-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.press-resource-grid > article { border:1px solid var(--line); padding:30px; }
.press-resource-grid p:not(.eyebrow) { color:var(--muted); margin-top:16px; font-size:1rem; }
.press-logo { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:28px; }
.press-logo-preview img { object-fit:contain; }
.press-logo .underlined { margin-top:24px; }
.press-filetype { display:block; font-size:.875rem; color:var(--muted); margin-top:12px; }
.press-photo-archives .eyebrow { color:#527186; font-size:.875rem; margin-bottom:16px; }
.press-photo-archives > a { display:flex; justify-content:space-between; gap:20px; font-size:1rem; font-weight:600; border-top:1px solid var(--line); padding-top:16px; margin-top:18px; }
.press-photo-archives > a:hover { color:#376f8b; }
@media(max-width:850px) {
 .press-intro { grid-template-columns:1fr 1fr; gap:32px; }
 .press-coordinator { padding:26px; }
 .press-access { gap:34px; grid-template-columns:.8fr 1.2fr; }
 .press-interview > .wrap { align-items:flex-start; flex-direction:column; gap:26px; }
 .press-logo { grid-template-columns:1fr; gap:24px; }
 .press-logo-preview img { width:70px; height:84px; }
}
@media(max-width:600px) {
 .press-intro,.press-access,.press-resource-grid { grid-template-columns:1fr; }
 .press-intro { padding-top:12px; }
 .press-intro h1 { font-size:4.5rem; }
 .press-access-list article { gap:18px; grid-template-columns:36px 1fr; }
 .press-resource-grid > article { padding:26px; }
}
/* Events and venue hire: occasions, room details and an existing enquiry route. */
.event-intro { display:grid; grid-template-columns:1fr 1.1fr; background:#eaf3f8; }
.event-intro-copy { padding:42px; }
.event-intro .eyebrow,.event-venue .eyebrow,.event-enquiry .eyebrow { color:#527186; font-size:.875rem; margin-bottom:20px; }
.event-intro h1 { font-size:clamp(3rem,4.6vw,4.8rem); }
.event-intro h1 span { color:#376f8b; }
.event-intro-copy > p:not(.eyebrow) { font-size:1.125rem; color:var(--muted); max-width:36ch; margin-top:24px; }
.event-intro-copy .button { margin-top:28px; }
.event-intro figure { position:relative; min-height:470px; }
.event-intro figure img { position:absolute; inset:0; width:100%; height:100%; object-position:55% center; }
.event-intro figcaption { position:absolute; inset:auto 0 0; padding:55px 26px 24px; color:white; background:linear-gradient(transparent,rgba(6,25,40,.8)); font-size:.875rem; }
.event-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.event-options article { display:flex; flex-direction:column; padding:28px; border-top:3px solid var(--blue); background:#f2f6f8; }
.event-options .eyebrow { color:#527186; font-size:.875rem; margin-bottom:20px; }
.event-options h3,.event-enquiry h3 { font-family:var(--display); font-size:2.2rem; font-weight:600; line-height:1.15; }
.event-options p:not(.eyebrow) { color:var(--muted); font-size:1rem; margin-block:18px 28px; }
.event-options .underlined { margin-top:auto; font-size:.9375rem; gap:18px; }
.event-venue { background:var(--navy); color:white; }
.event-venue-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.event-venue .eyebrow { color:var(--blue); }
.event-venue h2 { font-size:3.8rem; }
.event-venue p:not(.eyebrow) { color:#d1e1eb; font-size:1.0625rem; margin-top:20px; }
.event-venue figure img { width:100%; height:auto; aspect-ratio:1.2; object-position:center; }
.event-venue figcaption { color:#c4d6e2; font-size:.875rem; margin-top:12px; }
.event-facilities { margin:26px 0 20px; }
.event-facilities > div { display:grid; grid-template-columns:105px 1fr; gap:18px; border-top:1px solid #3c5261; padding-block:15px; }
.event-facilities dt { color:var(--blue); font-size:.9375rem; }
.event-facilities dd { margin:0; font-size:1rem; }
.event-facilities small { display:block; font-size:.875rem; color:#c4d6e2; margin-top:4px; }
.event-venue address { font-style:normal; font-size:.9375rem; color:#c4d6e2; }
.event-enquiry { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:start; }
.event-enquiry h2 { font-size:clamp(3rem,4.5vw,4.5rem); }
.event-enquiry h2 span { color:#376f8b; }
.event-enquiry > div > p:not(.eyebrow) { color:var(--muted); font-size:1.125rem; margin-top:24px; max-width:42ch; }
.event-enquiry aside { background:#eaf3f8; padding:32px; }
.event-enquiry aside > p { margin-top:16px; font-size:1rem; color:var(--muted); }
.event-enquiry aside .button { margin-top:24px; }
.event-enquiry-note { display:block; color:var(--muted); font-size:.875rem; margin-top:12px; }
.event-enquiry-contact { border-top:1px solid #c6d7e2; padding-top:22px; margin-top:26px; }
.event-enquiry-contact p { color:var(--muted); font-size:.9375rem; margin-bottom:10px; }
.event-enquiry-contact a { display:block; width:fit-content; font-size:1rem; margin-top:8px; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:850px) {
 .event-intro-copy { padding:30px; }
 .event-intro h1 { font-size:3rem; }
 .event-intro-copy .button { gap:16px; font-size:.9375rem; }
 .event-options { gap:18px; }
 .event-options article { padding:24px 18px; }
 .event-options h3 { font-size:1.9rem; }
 .event-venue-inner,.event-enquiry { gap:32px; grid-template-columns:1fr 1fr; }
 .event-facilities > div { grid-template-columns:85px 1fr; gap:14px; }
}
@media(max-width:600px) {
 .event-intro,.event-options,.event-venue-inner,.event-enquiry { grid-template-columns:1fr; }
 .event-intro h1 { font-size:clamp(2.6rem,10vw,3.8rem); }
 .event-intro figure { min-height:290px; }
 .event-options article { padding:28px; }
 .event-options h3 { font-size:2.2rem; }
 .event-venue figure img { aspect-ratio:1.5; }
 .event-venue h2 { font-size:3.3rem; }
 .event-enquiry aside { padding:28px; }
}
/* Practical stadium visit: essential arrival and access information. */
.practical-intro { display:grid; grid-template-columns:1fr 1.1fr; gap:50px; padding-block:24px 36px; align-items:center; }
.practical-intro .eyebrow,.practical-tickets .eyebrow,.practical-parking .eyebrow { color:#527186; font-size:.875rem; margin-bottom:20px; }
.practical-intro h1 { font-size:clamp(3.5rem,6vw,5.8rem); }
.practical-intro h1 span { color:#376f8b; }
.practical-intro > div > p:not(.eyebrow) { font-size:1.125rem; color:var(--muted); max-width:35ch; margin-top:24px; }
.practical-intro address { font-size:1.0625rem; font-style:normal; margin-top:20px; }
.practical-intro .button { margin-top:24px; }
.practical-intro figure img { width:100%; height:385px; object-position:center; }
.practical-intro figcaption { margin-top:10px; }
.practical-tickets { display:grid; grid-template-columns:1fr .9fr; gap:70px; }
.practical-tickets h2 { font-size:clamp(2.8rem,4vw,4rem); }
.practical-tickets > div > p:not(.eyebrow) { color:var(--muted); font-size:1.0625rem; line-height:1.7; margin-top:24px; max-width:44ch; }
.practical-tickets .button { margin-top:26px; }
.practical-tickets aside { background:var(--navy); color:white; padding:32px; align-self:start; }
.practical-tickets aside .eyebrow { color:var(--blue); }
.practical-tickets dl { margin:0; }
.practical-tickets dl > div { display:grid; grid-template-columns:80px 1fr; gap:24px; padding-block:15px; border-bottom:1px solid #3c5261; }
.practical-tickets dt { font-size:.9375rem; color:var(--blue); }
.practical-tickets dd { font-size:1.0625rem; margin:0; }
.practical-tickets aside > p:not(.eyebrow) { font-size:.9375rem; color:#d1e1eb; margin-top:22px; }
.practical-parking { background:#eaf3f8; }
.practical-parking-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.practical-parking figure img { width:100%; height:auto; object-fit:contain; }
.practical-parking figcaption { margin-top:12px; }
.practical-parking figcaption a { text-decoration:underline; text-underline-offset:3px; }
.practical-parking h2 { font-size:clamp(2.8rem,4vw,4rem); }
.practical-parking p:not(.eyebrow) { font-size:1.0625rem; line-height:1.7; color:var(--muted); margin-top:22px; }
.practical-parking .underlined { margin-top:24px; }
.practical-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.practical-info-grid article { padding:28px; border:1px solid var(--line); }
.practical-info-grid h3 { font-family:var(--display); font-size:2.1rem; font-weight:600; line-height:1.15; }
.practical-info-grid p { font-size:1rem; color:var(--muted); line-height:1.7; margin-top:18px; }
.practical-info-grid .underlined { font-size:.9375rem; margin-top:24px; gap:18px; }
.practical-team { border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:34px; }
.practical-team summary { cursor:pointer; padding:22px 0; font-size:1.0625rem; font-weight:600; }
.practical-team summary:focus-visible { outline:3px solid #2499ce; outline-offset:4px; }
.practical-team > div { padding-bottom:24px; }
.practical-team p { color:var(--muted); font-size:1rem; max-width:70ch; margin-bottom:16px; }
.practical-team a { display:inline-block; margin-right:24px; text-decoration:underline; text-underline-offset:4px; }
.club-ground .club-practical-link { display:flex; width:fit-content; font-size:.9375rem; margin-top:20px; }
.match-visit-link { padding-block:24px 0; }
@media(max-width:850px) {
 .practical-intro,.practical-tickets,.practical-parking-inner { gap:32px; grid-template-columns:1fr 1fr; }
 .practical-intro h1 { font-size:3.8rem; }
 .practical-intro figure img { height:350px; }
 .practical-tickets aside { padding:26px; }
 .practical-info-grid { gap:18px; }
 .practical-info-grid article { padding:24px 18px; }
 .practical-info-grid h3 { font-size:1.9rem; }
}
@media(max-width:600px) {
 .practical-intro,.practical-tickets,.practical-parking-inner,.practical-info-grid { grid-template-columns:1fr; }
 .practical-intro { padding-top:12px; }
 .practical-intro h1 { font-size:clamp(3rem,11.5vw,4.5rem); }
 .practical-intro figure img { height:auto; aspect-ratio:1.6; }
 .practical-parking-inner > div { grid-row:1; }
 .practical-info-grid article { padding:28px; }
 .practical-info-grid h3 { font-size:2.1rem; }
 .practical-team a { display:block; margin:12px 0 0; }
}

/* News body formatting shared with the editorial controls. */
.article-body { overflow-wrap: anywhere; }
.article-body > h3 { font-size: 1.6rem; line-height: 1.3; margin: 28px 0 14px; }
.article-body ul, .article-body ol { padding-left: 1.5em; margin: 0 0 24px; font-size: 1.125rem; line-height: 1.8; }
.article-body ul { list-style: disc; }
.article-body ol { list-style: decimal; }
.article-body li > p { margin: 0 0 8px; }
.article-body li > ul, .article-body li > ol { margin: 8px 0; }
.article-body blockquote { border-left: 4px solid var(--sky, #68bde8); margin: 28px 0; padding: 4px 0 4px 24px; font-size: 1.25rem; line-height: 1.7; }
.article-body blockquote p { margin: 0 0 16px; }
.article-body blockquote > :last-child { margin-bottom: 0; }
.article-body p a, .article-body li a, .article-body h2 a, .article-body h3 a { color: inherit; text-decoration: underline; text-decoration-color: #3783b0; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.article-body a:hover { text-decoration-color: currentColor; }

/* Keep long contact links within their card on narrow screens. */
.contact-topic-grid > article { min-width:0; }
.contact-topic-grid .underlined { display:block; width:fit-content; max-width:100%; overflow-wrap:anywhere; }
@media(max-width:560px) { .contact-topic-grid,.contact-location { grid-template-columns:minmax(0,1fr); } }
@media(max-width:560px) {
 .away-essentials { grid-template-columns:minmax(0,1fr); }
 .away-essentials > div + div { padding:18px 0 0; border-left:0; border-top:1px solid #3c5261; }
}

/* Optional CMS portraits preserve the text-only administration layout. */
.contact-staff article.has-portrait{grid-template-columns:140px 1fr 1.35fr 1fr;align-items:center}
.contact-portrait{width:140px;aspect-ratio:4/5;background:#eaf3f8;overflow:hidden}
.contact-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.staff-portrait-cover img{padding:0}
@media(max-width:850px){.contact-staff article.has-portrait{grid-template-columns:120px minmax(0,1fr);gap:12px 24px}.has-portrait .contact-portrait{width:120px;grid-column:1;grid-row:1/4}.contact-staff article.has-portrait>p{grid-column:2;grid-row:1}.contact-staff article.has-portrait h3{grid-column:2;grid-row:2}.contact-staff article.has-portrait .contact-methods{grid-column:2;grid-row:3}}
@media(max-width:600px){.contact-staff article.has-portrait{grid-template-columns:88px minmax(0,1fr);gap:10px 18px}.has-portrait .contact-portrait{width:88px}.contact-staff article.has-portrait h3{font-size:1.8rem}.has-portrait .contact-methods a{overflow-wrap:anywhere}}