/*
 * Hero banners (2.51.150, client): every page banner is left-aligned and uses the homepage hero type -
 * eyebrow 16/19 gold with the arrow after it, title 60/72 regular (-2px), text 20/28 white, actions 32px below.
 * Loaded on every page after the per-page styles' classes; the `html body` prefix outranks the per-page rules
 * (which sit in <style> blocks later in the document) without !important. The homepage keeps its own rules.
 */
html body .awards-hero .awards-copy,
html body .participate-hero .participate-copy,
html body .jury-hero .jury-hero-copy,
html body .hall-hero .hall-copy,
html body .hub-hero .hub-copy,
html body .impact-hero .impact-copy,
html body .media-hero .media-copy,
html body .ceremony-hero .ceremony-copy,
html body .contact-hero .contact-copy,
html body .stories-hero .stories-copy { text-align: left; align-items: flex-start; justify-content: flex-start; }
html body .jury-hero .jury-hero-copy > div,
html body .hub-hero .hub-copy,
html body .impact-hero .impact-copy,
html body .media-hero .media-copy,
html body .contact-hero .contact-copy { margin-left: 0; margin-right: auto; padding-left: 0; text-align: left; align-items: flex-start; }
html body .awards-hero .awards-copy > *,
html body .participate-hero .participate-copy > *,
html body .jury-hero .jury-hero-copy > *,
html body .jury-hero .jury-hero-copy > div > *,
html body .hall-hero .hall-copy > *,
html body .hub-hero .hub-copy > *,
html body .hub-hero .hub-copy > *,
html body .impact-hero .impact-copy > *,
html body .impact-hero .impact-copy > *,
html body .media-hero .media-copy > *,
html body .media-hero .media-copy > *,
html body .ceremony-hero .ceremony-copy > *,
html body .contact-hero .contact-copy > *,
html body .contact-hero .contact-copy > *,
html body .stories-hero .stories-copy > * { margin-left: 0; margin-right: auto; text-align: left; }

html body .awards-hero .awards-eyebrow,
html body .participate-hero .participate-kicker,
html body .jury-hero .jury-kicker,
html body .hall-hero .hall-eyebrow,
html body .hub-hero .hub-eyebrow,
html body .impact-hero .impact-eyebrow,
html body .media-hero .media-eyebrow,
html body .contact-hero .contact-eyebrow,
html body .stories-hero .stories-kicker { display: flex; align-items: center; justify-content: flex-start; gap: calc(var(--u,1px)*8); width: auto; max-width: none; color: #D4AF37; font-size: calc(var(--u,1px)*16); line-height: calc(var(--u,1px)*19); font-weight: 400; letter-spacing: normal; text-transform: uppercase; left: auto; }
html body .awards-hero .awards-eyebrow::before,
html body .participate-hero .participate-kicker::before,
html body .jury-hero .jury-kicker::before,
html body .hall-hero .hall-eyebrow::before,
html body .hub-hero .hub-eyebrow::before,
html body .impact-hero .impact-eyebrow::before,
html body .media-hero .media-eyebrow::before,
html body .contact-hero .contact-eyebrow::before,
html body .stories-hero .stories-kicker::before { content: none; display: none; }
html body .awards-hero .awards-eyebrow::after,
html body .participate-hero .participate-kicker::after,
html body .jury-hero .jury-kicker::after,
html body .hall-hero .hall-eyebrow::after,
html body .hub-hero .hub-eyebrow::after,
html body .impact-hero .impact-eyebrow::after,
html body .media-hero .media-eyebrow::after,
html body .contact-hero .contact-eyebrow::after,
html body .stories-hero .stories-kicker::after { content: ""; display: block; flex: 0 0 auto; width: calc(var(--u,1px)*28); height: calc(var(--u,1px)*28); margin: 0; border: 0; border-radius: 0; opacity: 1; transform: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M4 14h19m0 0-5-5m5 5-5 5' stroke='%23D4AF37' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }

html body .awards-hero .awards-title,
html body .participate-hero .participate-title,
html body .jury-hero .jury-hero-copy h1,
html body .hall-hero .hall-title,
html body .hub-hero .hub-title,
html body .impact-hero .impact-title,
html body .media-hero .media-title,
html body .ceremony-hero .ceremony-title,
html body .contact-hero .contact-title,
html body .stories-hero .stories-title { max-width: calc(var(--u,1px)*640); margin-top: 0; color: #fff; font-size: calc(var(--u,1px)*60); line-height: calc(var(--u,1px)*72); font-weight: 400; font-style: normal; letter-spacing: -2px; text-transform: none; text-align: left; text-shadow: 0 2px 10px rgba(0,0,0,.15); left: auto; top: auto; }
html body .awards-hero .awards-eyebrow + h1,
html body .participate-hero .participate-kicker + h1,
html body .jury-hero .jury-kicker + h1,
html body .hall-hero .hall-eyebrow + h1,
html body .hub-hero .hub-eyebrow + h1,
html body .impact-hero .impact-eyebrow + h1,
html body .media-hero .media-eyebrow + h1,
html body .contact-hero .contact-eyebrow + h1,
html body .stories-hero .stories-kicker + h1 { margin-top: calc(var(--u,1px)*16); }
html body .awards-hero .awards-description,
html body .participate-hero .participate-intro,
html body .jury-hero .jury-hero-intro,
html body .hall-hero .hall-intro,
html body .hub-hero .hub-intro,
html body .impact-hero .impact-intro,
html body .media-hero .media-intro,
html body .ceremony-hero .ceremony-details,
html body .contact-hero .contact-intro,
html body .contact-hero .contact-note,
html body .stories-hero .stories-intro { max-width: calc(var(--u,1px)*538); margin-top: calc(var(--u,1px)*8); color: #fff; font-size: calc(var(--u,1px)*20); line-height: calc(var(--u,1px)*28); text-align: left; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
html body .awards-hero .awards-hero-actions,
html body .awards-hero .nominate-actions,
html body .jury-hero .jury-hero-actions,
html body .impact-hero .impact-actions,
html body .stories-hero .stories-actions { justify-content: flex-start; margin-top: calc(var(--u,1px)*32); }
html body .awards-hero .awards-copy > .pill, html body .participate-hero .participate-copy > .pill { margin-top: calc(var(--u,1px)*32); }

@media (max-width: 63.99rem) {
html body .awards-hero .awards-title,
html body .participate-hero .participate-title,
html body .jury-hero .jury-hero-copy h1,
html body .hall-hero .hall-title,
html body .hub-hero .hub-title,
html body .impact-hero .impact-title,
html body .media-hero .media-title,
html body .ceremony-hero .ceremony-title,
html body .contact-hero .contact-title,
html body .stories-hero .stories-title { font-size: 44px; line-height: 52px; letter-spacing: -1.5px; }
html body .awards-hero .awards-description,
html body .participate-hero .participate-intro,
html body .jury-hero .jury-hero-intro,
html body .hall-hero .hall-intro,
html body .hub-hero .hub-intro,
html body .impact-hero .impact-intro,
html body .media-hero .media-intro,
html body .ceremony-hero .ceremony-details,
html body .contact-hero .contact-intro,
html body .contact-hero .contact-note,
html body .stories-hero .stories-intro { font-size: 18px; line-height: 26px; }
}
@media (max-width: 39.99rem) {
html body .awards-hero .awards-eyebrow,
html body .participate-hero .participate-kicker,
html body .jury-hero .jury-kicker,
html body .hall-hero .hall-eyebrow,
html body .hub-hero .hub-eyebrow,
html body .impact-hero .impact-eyebrow,
html body .media-hero .media-eyebrow,
html body .contact-hero .contact-eyebrow,
html body .stories-hero .stories-kicker { gap: 8px; font-size: 13px; line-height: 17px; }
html body .awards-hero .awards-eyebrow::after,
html body .participate-hero .participate-kicker::after,
html body .jury-hero .jury-kicker::after,
html body .hall-hero .hall-eyebrow::after,
html body .hub-hero .hub-eyebrow::after,
html body .impact-hero .impact-eyebrow::after,
html body .media-hero .media-eyebrow::after,
html body .contact-hero .contact-eyebrow::after,
html body .stories-hero .stories-kicker::after { width: 22px; height: 22px; }
html body .awards-hero .awards-title,
html body .participate-hero .participate-title,
html body .jury-hero .jury-hero-copy h1,
html body .hall-hero .hall-title,
html body .hub-hero .hub-title,
html body .impact-hero .impact-title,
html body .media-hero .media-title,
html body .ceremony-hero .ceremony-title,
html body .contact-hero .contact-title,
html body .stories-hero .stories-title { font-size: 36px; line-height: 43px; letter-spacing: -1px; }
html body .awards-hero .awards-description,
html body .participate-hero .participate-intro,
html body .jury-hero .jury-hero-intro,
html body .hall-hero .hall-intro,
html body .hub-hero .hub-intro,
html body .impact-hero .impact-intro,
html body .media-hero .media-intro,
html body .ceremony-hero .ceremony-details,
html body .contact-hero .contact-intro,
html body .contact-hero .contact-note,
html body .stories-hero .stories-intro { font-size: 17px; line-height: 25px; }
}

/* Hero countdown (template-parts/hero-countdown.php): the homepage hero timer (Figma Frame 1984081298) for other banners. */
.dpa-hero-countdown { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u,1px)*20); width: max-content; max-width: 100%; margin-top: calc(var(--u,1px)*24); }
.dpa-hero-countdown-note { color: #fff; font-size: calc(var(--u,1px)*20); line-height: calc(var(--u,1px)*24); font-weight: 500; font-style: italic; text-shadow: 0 2px 8px rgba(0,0,0,.25); white-space: nowrap; }
.dpa-hero-countdown .dpa-hero-timer { box-sizing: border-box; display: flex; align-items: center; gap: calc(var(--u,1px)*20); min-height: calc(var(--u,1px)*88); padding: calc(var(--u,1px)*12) calc(var(--u,1px)*20); border-radius: calc(var(--u,1px)*12); background: rgba(255,255,255,.1); box-shadow: 0 2px 11px rgba(0,0,0,.12), inset 0 4px 8px rgba(255,255,255,.23); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); color: #fff; }
.dpa-hero-countdown .dpa-hero-timer-unit { display: flex; flex-direction: column; align-items: center; }
.dpa-hero-countdown .dpa-hero-timer-unit [data-unit] { font-size: calc(var(--u,1px)*40); line-height: calc(var(--u,1px)*48); font-weight: 700; letter-spacing: -1.73px; font-variant-numeric: tabular-nums; }
.dpa-hero-countdown .dpa-hero-timer-unit small { font-size: calc(var(--u,1px)*12); line-height: calc(var(--u,1px)*14); font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.dpa-hero-countdown .dpa-hero-timer-sep { width: 1px; height: calc(var(--u,1px)*32); background: rgba(255,255,255,.32); }
@media (max-width: 63.99rem) {
  .dpa-hero-countdown { width: min(100%, 381px); margin-top: 24px; gap: 20px; }
  .dpa-hero-countdown-note { white-space: normal; font-size: 18px; }
  .dpa-hero-countdown .dpa-hero-timer { width: 100%; justify-content: space-between; gap: 8px; }
}
@media (max-width: 39.99rem) {
  .dpa-hero-countdown .dpa-hero-timer-unit [data-unit] { font-size: 30px; line-height: 36px; letter-spacing: -1px; }
  .dpa-hero-countdown .dpa-hero-timer-unit small { font-size: 10px; }
}

/* Partner banner (2.51.152, client): title on one line, text column 60% of the container (2.51.153). */
html body .awards-hero .awards-title.sponsor-title { max-width: calc(var(--u,1px)*460); white-space: normal; } /* 2.51.188: client Figma: "Partner Digital" / "Prosperity" */
html body .awards-hero .awards-title.sponsor-title em { display: inline; }
html body .awards-hero .awards-copy .awards-description.sponsor-description { max-width: calc(var(--u,1px)*840); } /* 2.51.188: client Figma: 840 wide (three lines each) */
html body .awards-hero .awards-copy .awards-description.sponsor-description--2 { margin-top: calc(var(--u,1px)*16); } /* 2.51.188: Figma: 16px between the two paragraphs */
@media (max-width: 63.99rem) { html body .awards-hero .awards-copy .awards-description.sponsor-description { max-width: none; } }
@media (max-width: 39.99rem) { html body .awards-hero .awards-title.sponsor-title { max-width: none; } }

/* Judging banner (2.51.169, client): the intro on three lines instead of four. */
html body .jury-hero .jury-hero-copy .jury-hero-intro { max-width: calc(var(--u,1px)*780); }
@media (max-width: 63.99rem) { html body .jury-hero .jury-hero-copy .jury-hero-intro { max-width: none; } }

/* 2.51.170 (client): less room between the header and the banner copy, the same on every banner - the first line of the
   copy sits 74px under the header on desktop (Figma Judging banner), 56px on tablets, 48px on phones. */
html body .awards-hero .awards-copy,
html body .participate-hero .participate-copy,
html body .jury-hero .jury-hero-copy,
html body .hall-hero .hall-copy,
html body .ceremony-hero .ceremony-copy,
html body .stories-hero .stories-copy,
html body .hub-hero .hub-copy,
html body .impact-hero .impact-copy,
html body .media-hero .media-copy,
html body .contact-hero .contact-copy { padding-top: calc(var(--u,1px)*74); }
html body .hub-hero > .container-pda,
html body .impact-hero > .container-pda,
html body .media-hero > .container-pda,
html body .contact-hero > .container-pda { padding-top: 0; margin-top: 0; }
html body .jury-hero .jury-hero-copy { align-content: start; min-height: 0; padding-bottom: calc(var(--u,1px)*90); }
html body .awards-hero .awards-copy > :first-child,
html body .participate-hero .participate-copy > :first-child,
html body .jury-hero .jury-hero-copy > div,
html body .hall-hero .hall-copy > :first-child,
html body .ceremony-hero .ceremony-copy > :first-child,
html body .stories-hero .stories-copy > :first-child,
html body .hub-hero .hub-copy > :first-child,
html body .impact-hero .impact-copy > :first-child,
html body .media-hero .media-copy > :first-child,
html body .contact-hero .contact-copy > :first-child { margin-top: 0; }
@media (max-width: 63.99rem) {
  html body .awards-hero .awards-copy, html body .participate-hero .participate-copy, html body .jury-hero .jury-hero-copy,
  html body .hall-hero .hall-copy, html body .ceremony-hero .ceremony-copy, html body .stories-hero .stories-copy,
  html body .hub-hero .hub-copy, html body .impact-hero .impact-copy, html body .media-hero .media-copy,
  html body .contact-hero .contact-copy { padding-top: 56px; }
}
@media (max-width: 39.99rem) {
  html body .awards-hero .awards-copy, html body .participate-hero .participate-copy, html body .jury-hero .jury-hero-copy,
  html body .hall-hero .hall-copy, html body .ceremony-hero .ceremony-copy, html body .stories-hero .stories-copy,
  html body .hub-hero .hub-copy, html body .impact-hero .impact-copy, html body .media-hero .media-copy,
  html body .contact-hero .contact-copy { padding-top: 48px; }
}
/* Judging banner per the client's Figma: title in title case, intro 720 wide (three lines). */
html body .jury-hero #jury-title { text-transform: capitalize; }
html body .jury-hero .jury-hero-copy .jury-hero-intro { max-width: calc(var(--u,1px)*720); }
/* Participate banner (2.51.187, client Figma): the intro runs 739 wide (three lines at 1440). */
html body .participate-hero .participate-copy .participate-intro { max-width: calc(var(--u,1px)*739); }
@media (max-width: 63.99rem) { html body .participate-hero .participate-copy .participate-intro { max-width: 520px; } }
@media (max-width: 39.99rem) { html body .participate-hero .participate-copy .participate-intro { max-width: 343px; } }
/* Awards banner (2.51.189, client Figma): the intro runs 720 wide (three lines at 1440), like the Judging banner. */
html body .awards-hero .awards-copy .awards-description--main { max-width: calc(var(--u,1px)*720); }
@media (max-width: 63.99rem) { html body .awards-hero .awards-copy .awards-description--main { max-width: none; } }
/* Hall of Fame banner (2.51.190, client Figma): the intro column is 480 wide. */
html body .hall-hero .hall-copy .hall-intro { max-width: calc(var(--u,1px)*480); }
@media (max-width: 63.99rem) { html body .hall-hero .hall-copy .hall-intro { max-width: none; } }
/* Hall of Fame title: "The" / "Hall of Fame" on two lines (text as written). */
html body .hall-hero .hall-copy .hall-title em { display: block; margin-left: 0; }
/* Submit Application banner (page-nominate.php, 2.51.191, client Figma): the intro runs 700 wide (three lines at 1440). */
html body.page-template-page-nominate .awards-hero .awards-copy .awards-description { max-width: calc(var(--u,1px)*700); }
@media (max-width: 63.99rem) { html body.page-template-page-nominate .awards-hero .awards-copy .awards-description { max-width: none; } }
/* Contact banner (2.51.193, client Figma): the intro runs 700 wide (three lines at 1440). */
html body .contact-hero .contact-copy .contact-intro { max-width: calc(var(--u,1px)*700); }
@media (max-width: 63.99rem) { html body .contact-hero .contact-copy .contact-intro { max-width: none; } }
/* Privacy banner (2.51.194, client Figma): subtitle 18px, the bold effective-date line 18px and 16px below it. */
html body.page-template-page-privacy-policy .contact-hero .contact-copy .contact-intro { font-size: calc(var(--u,1px)*18); line-height: calc(var(--u,1px)*28); }
html body.page-template-page-privacy-policy .contact-hero .contact-copy .contact-note { margin-top: calc(var(--u,1px)*16); font-size: calc(var(--u,1px)*18); line-height: calc(var(--u,1px)*28); }
@media (max-width: 39.99rem) {
  html body.page-template-page-privacy-policy .contact-hero .contact-copy .contact-intro,
  html body.page-template-page-privacy-policy .contact-hero .contact-copy .contact-note { font-size: 16px; line-height: 24px; }
  html body.page-template-page-privacy-policy .contact-hero .contact-copy .contact-note { margin-top: 12px; }
}
/* Judge form banner (2.51.195, client Figma): the intro runs 720 wide ("...your profile and" / "contact you...") at 1440. */
html body.page-template-page-judge-enquiry .contact-hero .contact-copy .contact-intro { max-width: calc(var(--u,1px)*720); }
/* Hall of Fame banner on tablets and phones (2.51.196). Phones = client Figma Frame 1984081240 (375 wide): eyebrow 14/17 at
   148 (28px row with the arrow), title 44/52 12px below, intro 16/24 12px below, 64px to the banner's bottom. Tablets: the
   same layout scaled up (title 52/62, intro 18/27). */
@media (min-width: 40rem) and (max-width: 63.99rem) {
  html body .hall-hero { min-height: 0; padding-bottom: 0; }
  html body .hall-hero .hall-copy { padding-top: 64px; padding-bottom: 80px; }
  html body .hall-hero .hall-copy .hall-eyebrow { min-height: 28px; font-size: 16px; line-height: 19px; }
  html body .hall-hero .hall-copy .hall-eyebrow + h1 { margin-top: 16px; font-size: 52px; line-height: 62px; letter-spacing: -1px; }
  html body .hall-hero .hall-copy .hall-intro { max-width: 560px; margin-top: 16px; font-size: 18px; line-height: 27px; }
}
@media (max-width: 39.99rem) {
  html body .hall-hero { min-height: 0; padding-bottom: 0; }
  html body .hall-hero .hall-copy { padding-top: 72px; padding-bottom: 64px; }
  html body .hall-hero .hall-copy .hall-eyebrow { min-height: 28px; gap: 8px; font-size: 14px; line-height: 17px; }
  html body .hall-hero .hall-copy .hall-eyebrow::after { width: 28px; height: 28px; }
  html body .hall-hero .hall-copy .hall-eyebrow + h1 { margin-top: 12px; font-size: 44px; line-height: 52px; letter-spacing: -1px; }
  html body .hall-hero .hall-copy .hall-intro { max-width: none; margin-top: 12px; font-size: 16px; line-height: 24px; }
}
/* DPA Hub banner (2.51.198, client Figma Frame 1984080967): title 503 wide ("Stories, Impact," / "Media Centre") with
   "Centre" gold italic, title 10px under the 28px eyebrow row, intro 752 wide 8px below with the design's shadow. */
html body .hub-hero .hub-copy .hub-title { max-width: calc(var(--u,1px)*503); }
html body .hub-hero .hub-copy .hub-title em { color: #D4AF37; font-style: italic; }
html body .hub-hero .hub-copy .hub-eyebrow { min-height: calc(var(--u,1px)*28); }
html body .hub-hero .hub-copy .hub-eyebrow + h1 { margin-top: calc(var(--u,1px)*10); }
html body .hub-hero .hub-copy .hub-intro { max-width: calc(var(--u,1px)*752); text-shadow: 0 2px 12px rgba(0,0,0,.3); }
@media (max-width: 63.99rem) { html body .hub-hero .hub-copy .hub-intro { max-width: none; } }
/* DPA Hub banner on tablets and phones (2.51.211). Phones = client Figma Frame 1984081254 (375x464): eyebrow 14/17 at 148
   (28px row with the arrow), title 44/52 12px below ("Stories, Impact," / "Media Centre"), intro 16/24 12px below, 64px to
   the bottom. Tablets: the same layout scaled up (title 52/62, intro 18/27 in 560px). */
@media (min-width: 40rem) and (max-width: 63.99rem) {
  html body .hub-hero { min-height: 0; }
  html body .hub-hero .hub-copy { padding-top: 64px; padding-bottom: 80px; }
  html body .hub-hero .hub-copy .hub-eyebrow { min-height: 28px; font-size: 16px; line-height: 19px; }
  html body .hub-hero .hub-copy .hub-eyebrow + h1 { max-width: 440px; margin-top: 16px; font-size: 52px; line-height: 62px; letter-spacing: -1px; } /* "Stories, Impact," / "Media Centre" */
  html body .hub-hero .hub-copy .hub-intro { max-width: 560px; margin-top: 16px; font-size: 18px; line-height: 27px; }
}
@media (max-width: 39.99rem) {
  html body .hub-hero { min-height: 0; }
  html body .hub-hero .hub-copy { padding-top: 72px; padding-bottom: 64px; }
  html body .hub-hero .hub-copy .hub-eyebrow { min-height: 28px; gap: 8px; font-size: 14px; line-height: 17px; }
  html body .hub-hero .hub-copy .hub-eyebrow::after { width: 28px; height: 28px; }
  html body .hub-hero .hub-copy .hub-eyebrow + h1 { max-width: none; margin-top: 12px; font-size: 44px; line-height: 52px; letter-spacing: -1px; }
  html body .hub-hero .hub-copy .hub-intro { margin-top: 12px; font-size: 16px; line-height: 24px; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
}
/* Contact-style banners (Contact, Judge form, Privacy) on tablets and phones (2.51.227). Phones = client Figma Frame
   1984081254 (375 wide): first line of the copy 72px under the header area (148 from the top), title 44/52 (Contact: title case),
   text 16/24 12px below, 64px to the bottom. Tablets: same layout scaled up (title 52/62, text 18/27 in 560px). */
@media (min-width: 40rem) and (max-width: 63.99rem) {
  html body .contact-hero { min-height: 0; }
  html body .contact-hero .contact-copy { padding-top: 64px; padding-bottom: 80px; }
  html body .contact-hero .contact-copy .contact-title { font-size: 52px; line-height: 62px; letter-spacing: -1px; }
  html body .contact-hero .contact-copy .contact-intro { max-width: 560px; margin-top: 16px; font-size: 18px; line-height: 27px; }
}
@media (max-width: 39.99rem) {
  html body .contact-hero { min-height: 0; }
  html body .contact-hero .contact-copy { padding-top: 72px; padding-bottom: 64px; }
  html body .contact-hero .contact-copy .contact-title { font-size: 44px; line-height: 52px; letter-spacing: -1px; }
  html body.page-template-page-contact .contact-hero .contact-copy .contact-title { text-transform: capitalize; } /* Figma: "Contact Us" */
  html body .contact-hero .contact-copy .contact-intro { margin-top: 12px; font-size: 16px; line-height: 24px; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
}
/* Judging banner on phones (2.51.231): client Figma Frame 1984081156 (375 wide) - kicker 148 from the top (14/17, 28px arrow),
   title 44/52 12px below, text 16/24 12px below, buttons 44px tall side by side 24px below, 64px to the bottom. Text unchanged
   ("Apply to be a Judge →" is longer than the Figma's "Apply Now →", so the buttons use 16px sides to stay on one row; they wrap on phones narrower than 375). */
@media (max-width: 39.99rem) {
  html body .jury-hero { min-height: 0; }
  html body .jury-hero .jury-hero-copy { min-height: 0; padding-top: 72px; padding-bottom: 64px; }
  html body .jury-hero .jury-hero-copy .jury-kicker { min-height: 28px; gap: 8px; font-size: 14px; line-height: 17px; }
  html body .jury-hero .jury-hero-copy .jury-kicker::after { width: 28px; height: 28px; }
  html body .jury-hero .jury-hero-copy .jury-kicker + h1 { margin-top: 12px; font-size: 44px; line-height: 52px; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
  html body .jury-hero .jury-hero-copy .jury-hero-intro { margin-top: 12px; font-size: 16px; line-height: 24px; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
  html body .jury-hero .jury-hero-copy .jury-hero-actions { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 24px; }
  html body .jury-hero .jury-hero-copy .jury-hero-actions .pill { width: auto; min-width: 0; min-height: 44px; height: 44px; padding: 0 16px; font-size: 14px; line-height: 17px; box-shadow: 0 4px 20px rgba(62,0,152,.32); } /* 16px sides (Figma 24) so the longer "Apply to be a Judge →" fits beside "About DPA" at 375 */
}
/* 2.51.240: the remaining banners on phones, same system as the client's Judging / Contact / Hub phone frames (375):
   first line of copy 148 from the top (eyebrow 14/17 with a 28px arrow), title 44/52 12px below, text 16/24 12px below,
   44px buttons side by side 24px below (wrapping when they don't fit), 64px to the bottom. Text unchanged. */
@media (max-width: 39.99rem) {
  html body .awards-hero, html body .stories-hero, html body .impact-hero, html body .media-hero { min-height: 0; }
  html body .awards-hero .awards-copy, html body .stories-hero .stories-copy, html body .impact-hero .impact-copy, html body .media-hero .media-copy { min-height: 0; padding-top: 72px; padding-bottom: 64px; }
  html body .awards-hero .awards-copy .awards-eyebrow, html body .stories-hero .stories-copy .stories-kicker,
  html body .impact-hero .impact-copy .impact-eyebrow, html body .media-hero .media-copy .media-eyebrow { min-height: 28px; gap: 8px; font-size: 14px; line-height: 17px; }
  html body .awards-hero .awards-copy .awards-eyebrow::after, html body .stories-hero .stories-copy .stories-kicker::after,
  html body .impact-hero .impact-copy .impact-eyebrow::after, html body .media-hero .media-copy .media-eyebrow::after { width: 28px; height: 28px; }
  html body .awards-hero .awards-copy .awards-title, html body .stories-hero .stories-copy .stories-title,
  html body .impact-hero .impact-copy .impact-title, html body .media-hero .media-copy .media-title { margin-top: 12px; font-size: 44px; line-height: 52px; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
  html body .awards-hero .awards-copy > .awards-title:first-child { margin-top: 0; }
  html body .awards-hero .awards-copy .awards-description, html body .stories-hero .stories-copy .stories-intro,
  html body .impact-hero .impact-copy .impact-intro, html body .media-hero .media-copy .media-intro { margin-top: 12px; font-size: 16px; line-height: 24px; text-shadow: 0 2px 10px rgba(0,0,0,.15); }
  html body .awards-hero .awards-copy :is(.awards-hero-actions, .nominate-actions), html body .stories-hero .stories-copy .stories-actions,
  html body .impact-hero .impact-copy .impact-actions { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; width: auto; margin-top: 24px; }
  html body .awards-hero .awards-copy > .awards-submit { margin-top: 24px; }
  html body .awards-hero .awards-copy :is(.awards-hero-actions, .nominate-actions) .pill, html body .awards-hero .awards-copy > .awards-submit,
  html body .stories-hero .stories-copy .stories-actions .pill, html body .impact-hero .impact-copy .impact-actions a { width: auto; min-width: 0; min-height: 44px; height: 44px; padding: 0 16px; font-size: 14px; line-height: 17px; }
}
@media (max-width: 39.99rem) {
  html body.page-template-page-awards .awards-hero .awards-copy { padding-bottom: 164px; } /* the stats card rises 100px over the banner on phones */
}