.mig-results { --mig-pink: #ed2068; font-size: 18px; line-height: 1.3; }
.mig-results [hidden], .mig-results-dialog [hidden] { display: none !important; }
.mig-results-inner { position: relative; width: 1170px; max-width: calc(100% - 48px); height: 100%; margin: 0 auto; }
.mig-results h1, .mig-results h2, .mig-results h3 { font-weight: 900; font-style: italic; text-transform: uppercase; line-height: 1.05; }
.mig-results h2 { font-size: 56px; }
.mig-results span, .mig-results strong { overflow-wrap: anywhere; }
.mig-results h2 span, .mig-results h3, .mig-results-motivation span { color: var(--mig-pink); }
.mig-results-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.mig-results-ai { position: absolute; right: 16px; bottom: 20px; z-index: 2; }
.mig-results-hero { height: 448px; }
.mig-results-hero .mig-results-backdrop { left: 50%; width: max(1920px, 100%); transform: translateX(-50%); }
.mig-results-headline { position: absolute; top: 52px; left: 70px; width: 430px; }
.mig-results-headline h1 { font-size: 110px; line-height: .94; transform: rotate(-7deg); }
.mig-results-headline h1 span { display: block; color: var(--mig-pink); font-size: 96px; }
.mig-results-brand { position: absolute; z-index: 1; width: 168px; height: auto; top: 0; right: 0; }
.mig-results-headline p { margin: 38px 26px 0 90px; font-size: 42px; font-style: italic; font-weight: 900; line-height: 1; text-transform: uppercase; transform: rotate(-7deg); }
.mig-results-headline strong { display: block; font-size: 70px; font-weight: 900; color: var(--mig-pink); }
.mig-results-announcement { padding: 85px 0 55px; }
.mig-results-announcement > .mig-results-inner { display: grid; grid-template-columns: 420px 1fr; gap: 90px; padding-left: 90px; align-items: center; }
.mig-results-intro p { margin-top: 26px; max-width: 380px; }
.mig-results-intro .mig-results-contest-name { display: inline-block; color: var(--mig-ink); text-transform: none; white-space: nowrap; }
.mig-results-prize { position: relative; min-width: 0; padding: 50px 30px 32px 155px; background: #f3f3f3; border-radius: 38px; }
.mig-results-prize > img { position: absolute; left: 28px; top: 23px; }
.mig-results-prize > p:first-of-type { font-size: 24px; line-height: 1.2; font-weight: 700; }
.mig-results-prize h2 { color: var(--mig-pink); font-size: 52px; margin: 24px 0 28px; overflow-wrap: anywhere; }
.mig-results-prize-copy { position: relative; padding-top: 19px; font-weight: 600; }
.mig-results-prize-copy::before { content: ""; position: absolute; left: -125px; top: 0; right: 0; height: 1px; background: var(--mig-ink); }
.mig-results-prize-copy strong { color: var(--mig-pink); }
.mig-results .mig-results-plane-one { display: block; position: absolute; z-index: 2; left: 421px; top: calc(100% - 145px); pointer-events: none; }
.mig-results-plane-one img { width: 281px; height: auto; }
.mig-results-winner { background: #f6f2ef; padding: 64px 0 76px; }
.mig-results-winner-grid { display: grid; grid-template-columns: 350px 1fr; grid-template-rows: auto 1fr; column-gap: 160px; padding-left: 90px; }
.mig-results-photo-section { position: relative; grid-column: 1; grid-row: 1 / 3; }
.mig-results-photo-section > h2 { color: var(--mig-pink); font-size: 40px; margin-bottom: 24px; white-space: nowrap; }
.mig-results-card { position: relative; margin: 0; padding: 20px 18px 22px; width: 350px; max-width: 100%; background: #e9e9e5; border: 2px solid #f9f9f5; box-shadow: 4px 6px 5px #0006; }
.mig-results-photo-open { display: block; width: 100%; aspect-ratio: 1 / 1.06; border: 2px solid #8a9698; background: #fff; cursor: zoom-in; }
.mig-results-photo { width: 100%; height: 100%; object-fit: contain; }
.mig-results-card figcaption { display: grid; grid-template-columns: auto minmax(0, 1fr) 44px; align-items: center; gap: 16px; margin-top: 12px; }
.mig-results-votes { color: var(--mig-pink); font-weight: 700; font-size: 24px; text-align: center; line-height: 1.05; }
.mig-results-votes img { margin: 0 auto 4px; }
.mig-results-author { font-size: 23px; text-align: center; line-height: 1.1; }
.mig-results-share { display: grid; place-items: center; padding: 0; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; }
.mig-results-share img { max-width: 100%; height: auto; }
.mig-results-congratulations { grid-column: 2; grid-row: 1; padding-top: 24px; }
.mig-results-congratulations p { margin-top: 22px; }
.mig-results-joy { position: absolute; left: 895px; top: -30px; pointer-events: none; }
.mig-results-reasons { grid-column: 2; grid-row: 2; display: grid; gap: 30px; padding: 28px 0 0 !important; list-style: none; }
.mig-results-reasons li { display: flex; gap: 18px; align-items: center; }
.mig-results-reasons li:nth-child(2) { margin-left: 80px; }
.mig-results-reasons li:nth-child(3) { margin-left: 160px; }
.mig-results-reasons img { flex: 0 0 70px; width: 70px; height: 69px; object-fit: contain; }
.mig-results-reasons h3 { font-size: 34px; color: var(--mig-ink); font-style: normal; font-weight: 700; }
.mig-results .mig-results-plane-two { display: block; position: absolute; bottom: -160px; left: 265px; pointer-events: none; z-index: 1; }
.mig-results-plane-two img { width: 410px; height: auto; }
.mig-results-thanks { padding: 90px 0 42px; text-align: center; }
.mig-results-thanks h2 { font-size: 34px; margin-bottom: 50px; }
.mig-results-thanks > .mig-results-inner > p:first-of-type { max-width: 780px; margin: 0 auto; }
.mig-results-goals { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 48px; list-style: none; margin: 70px 0 60px !important; }
.mig-results-goals li { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.mig-results-goals img { width: auto; height: 71px; object-fit: contain; }
.mig-results-goals strong { font-size: 20px; }
.mig-results-voters { display: flex; gap: 12px; justify-content: center; align-items: center; }
.mig-results-voters img { flex-shrink: 0; }
.mig-results-motivation { padding: 55px 0 140px; background: #f3f3f3; }
.mig-results-motivation .mig-results-inner { padding-left: 90px; }
.mig-results-motivation h2 { max-width: 650px; }
.mig-results-motivation p { margin-top: 24px; font-size: 22px; max-width: 660px; }
.mig-results-motivation h3 { font-size: 54px; margin-top: 40px; }
.mig-results-motivation .mig-results-next { margin-top: 12px; }
.mig-results-motivation .mig-results-first-step { margin: 30px 0 0 125px; font-size: 34px; font-style: italic; font-weight: 900; }
.mig-results-target { position: absolute; right: 90px; top: 55px; }
.mig-results-footer { height: 673px; margin-top: -153px; background: transparent; }
.mig-results-footer .mig-results-backdrop { left: 50%; width: max(1920px, 100%); transform: translateX(-50%); }
.mig-results-footer .mig-results-ai { top: 174px; bottom: auto; }
.mig-results-footer p { position: absolute; left: 115px; bottom: 75px; color: #fff; font-size: 70px; line-height: .94; font-style: italic; font-weight: 900; text-transform: uppercase; transform: rotate(-7deg); }
.mig-results-plane-three { position: absolute; left: 136px; top: 117px; }
.mig-results button:focus-visible { outline: 3px solid var(--mig-ink); outline-offset: 4px; }
.mig-results-waiting { padding: 90px 24px; text-align: center; }
.mig-results-waiting h1 { font: italic 900 clamp(30px, 5vw, 56px)/1.15 "MIG Barlow Condensed", sans-serif; max-width: 800px; margin: auto; }

.mig-results-dialog { box-sizing: border-box; color: #031740; font: 20px/1.4 "MIG Barlow Condensed", sans-serif; border: 0; border-radius: 12px; padding: 28px; width: 560px; max-width: calc(100% - 24px); max-height: calc(100dvh - 32px); }
.mig-results-dialog::backdrop { background: #031740cc; }
.mig-results-dialog h2 { font: 700 30px/1.1 "MIG Barlow Condensed", sans-serif; margin: 0 0 24px; }
.mig-results-dialog button { border: 0; border-radius: 24px; color: #fff; background: #fc8902; padding: 10px 22px; font: 700 20px/1.2 "MIG Barlow Condensed", sans-serif; cursor: pointer; min-height: 44px; }
.mig-results-dialog button:focus-visible, .mig-results-dialog a:focus-visible { outline: 3px solid #031740; outline-offset: 3px; }
.mig-results-dialog input { display: block; box-sizing: border-box; width: 100%; margin: 8px 0 16px; padding: 10px; border: 1px solid #7c879e; border-radius: 4px; font: inherit; }
.mig-results-share-links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 20px; }
.mig-results-share-links a { color: #031740; padding: 8px 0; text-decoration: underline; }
.mig-results-dialog p { margin: 12px 0; }
.mig-results-photo-dialog { padding: 0; background: #031740; width: calc(100% - 24px); height: calc(100dvh - 24px); max-width: none; max-height: none; overflow: hidden; }
.mig-results-photo-dialog img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mig-results-photo-dialog .mig-results-dialog-close { position: absolute; top: 12px; right: 12px; width: 48px; height: 48px; padding: 0; font: 32px/1 sans-serif; z-index: 1; }
.mig-results-modal-open { overflow: hidden; }

@media (max-width: 1199px) {
  .mig-results { font-size: clamp(16px, 2.6vw, 22px); }
  .mig-results-inner { max-width: calc(100% - 40px); width: 768px; }
  .mig-results h2 { font-size: clamp(30px, 7.3vw, 56px); }
  .mig-results-hero { height: min(120.443vw, 925px); }
  .mig-results-hero .mig-results-backdrop { width: 100%; }
  .mig-results-hero .mig-results-inner { width: min(100%, 768px); max-width: none; }
  .mig-results-headline { width: 80%; left: 9.5%; top: 10%; }
  .mig-results-headline h1 { font-size: clamp(64px, 21.35vw, 164px); }
  .mig-results-headline h1 span { font-size: min(18vw, 138px); white-space: nowrap; }
  .mig-results-brand { width: 35%; top: -4%; right: 0; }
  .mig-results-headline p { margin: 25px 0 0 34%; font-size: clamp(23px, 6.25vw, 48px); }
  .mig-results-headline strong { font-size: clamp(37px, 9.5vw, 73px); }
  .mig-results-ai { width: max(70px, 14.32%); height: auto; right: 3%; }
  .mig-results-hero .mig-results-ai { top: 10px; bottom: auto; }
  .mig-results-announcement { padding: 28px 0 40px; }
  .mig-results-announcement > .mig-results-inner { display: block; padding: 0; }
  .mig-results-intro { text-align: center; }
  .mig-results-intro p { max-width: none; margin-top: 18px; }
  .mig-results-prize { width: 85%; margin: 30px auto 0; padding: 30px 22px 24px 26%; border-radius: 28px; }
  .mig-results-prize > img { width: 21%; height: auto; left: 5%; top: 20px; }
  .mig-results-prize > p:first-of-type { font-size: clamp(18px, 3.12vw, 24px); }
  .mig-results-prize h2 { margin: 20px 0; font-size: clamp(28px, 6.9vw, 53px); }
  .mig-results-prize-copy { font-size: clamp(15px, 2.6vw, 20px); }
  .mig-results-prize-copy::before { left: -32%; }
  .mig-results .mig-results-plane-one { left: 10%; top: auto; bottom: -90px; }
  .mig-results-plane-one img { width: clamp(70px, 17.2vw, 132px); }
  .mig-results-winner { padding: 32px 0 45px; }
  .mig-results-winner-grid { display: flex; flex-direction: column; padding: 0; gap: 28px; }
  .mig-results-congratulations { padding-top: 0; text-align: center; }
  .mig-results-congratulations p { margin: 24px auto 0; max-width: 640px; }
  .mig-results-photo-section { width: min(72%, 440px); margin: 0 auto; }
  .mig-results-photo-section > h2 { font-size: clamp(25px, 5.5vw, 42px); margin-bottom: 18px; text-align: center; }
  .mig-results-card { width: 100%; padding: clamp(12px, 2.3vw, 18px); }
  .mig-results-joy { width: 26%; height: auto; left: 100%; top: -16px; }
  .mig-results-card figcaption { gap: 10px; grid-template-columns: auto minmax(0, 1fr) 40px; }
  .mig-results-author { font-size: 20px; }
  .mig-results-votes { font-size: 20px; }
  .mig-results-votes img { width: 34px; height: auto; }
  .mig-results-share { width: 40px; }
  .mig-results-reasons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 !important; text-align: center; }
  .mig-results-reasons li { display: flex; flex-direction: column; gap: 12px; margin-left: 0 !important; }
  .mig-results-reasons img { width: 50px; height: 50px; flex-basis: 50px; }
  .mig-results-reasons h3 { font-size: clamp(19px, 3.65vw, 28px); }
  .mig-results-reasons p { font-size: clamp(15px, 2.6vw, 20px); }
  .mig-results .mig-results-plane-two { bottom: -95px; left: 38%; }
  .mig-results-plane-two img { width: clamp(110px, 28.6vw, 220px); }
  .mig-results-thanks { padding: 62px 0 32px; }
  .mig-results-thanks h2 { font-size: clamp(30px, 7.3vw, 56px); margin-bottom: 26px; }
  .mig-results-thanks > .mig-results-inner > p:first-of-type { max-width: 600px; }
  .mig-results-goals { gap: 28px 0; margin: 44px 0 !important; }
  .mig-results-goals li { width: 33.33%; gap: 16px; }
  .mig-results-goals li:nth-child(n+4) { width: 50%; }
  .mig-results-goals img { height: clamp(50px, 11vw, 84px); max-width: 85%; }
  .mig-results-goals strong { font-size: clamp(17px, 3.2vw, 24px); }
  .mig-results-voters { text-align: left; gap: 16px; }
  .mig-results-motivation { padding: 35px 0 100px; }
  .mig-results-motivation .mig-results-inner { padding: 0; }
  .mig-results-motivation h2 { font-size: clamp(29px, 7.3vw, 56px); }
  .mig-results-motivation p { max-width: 72%; font-size: clamp(17px, 3.1vw, 24px); margin-top: 22px; }
  .mig-results-motivation h3 { font-size: clamp(31px, 7.1vw, 54px); margin-top: 34px; }
  .mig-results-target { top: 75px; right: 0; width: 25%; height: auto; }
  .mig-results-motivation .mig-results-next { max-width: 100%; }
  .mig-results-motivation .mig-results-first-step { margin: 14px 0 0; font-size: clamp(21px, 4.3vw, 33px); max-width: 95%; }
  .mig-results-footer { height: min(65vw, 499px); margin-top: -70px; }
  .mig-results-footer .mig-results-backdrop { width: 100%; object-fit: cover; }
  .mig-results-footer .mig-results-inner { max-width: none; width: min(100%, 768px); }
  .mig-results-footer p { left: 6%; bottom: 16%; font-size: clamp(30px, 7.4vw, 57px); }
  .mig-results-footer .mig-results-ai { top: auto; bottom: 10px; }
  .mig-results-plane-three { width: 40%; height: auto; left: 9%; top: 15%; }
}
@media (max-width: 380px) {
  .mig-results-inner { max-width: calc(100% - 28px); }
  .mig-results-headline p { margin-top: 18px; }
  .mig-results-prize { width: 94%; padding-left: 26%; padding-right: 16px; }
  .mig-results-prize h2 { font-size: 28px; }
  .mig-results-prize > p:first-of-type { font-size: 17px; }
  .mig-results-card figcaption { gap: 6px; grid-template-columns: auto minmax(0, 1fr) 36px; }
  .mig-results-author { font-size: 18px; }
  .mig-results-reasons { gap: 8px; }
  .mig-results-reasons h3 { font-size: 18px; }
}