.awards-showcase {
  margin-bottom: var(--section-gap);
}
.awards-showcase[id] {
  scroll-margin-top: 96px;
}
.awards-showcase .section-title {
  margin-bottom: 36px;
}
.awards-showcase .section-title h2 {
  flex: 0 0 auto;
}
.common-awards-sheet {
  --common-awards-sheet-edge: polygon(
    0.8% 1.2%,
    4% 0.35%,
    7% 1%,
    10% 0.3%,
    14% 1.15%,
    18% 0.45%,
    22% 1.1%,
    27% 0.25%,
    31% 1%,
    36% 0.4%,
    41% 1.1%,
    46% 0.3%,
    51% 1%,
    56% 0.35%,
    61% 1.15%,
    66% 0.35%,
    71% 1%,
    76% 0.25%,
    81% 1.1%,
    86% 0.4%,
    91% 1%,
    96% 0.25%,
    99.2% 1.2%,
    99.7% 7%,
    99.1% 14%,
    99.8% 22%,
    99.2% 31%,
    99.7% 40%,
    99.1% 50%,
    99.8% 61%,
    99.2% 72%,
    99.7% 82%,
    99.1% 92%,
    99.4% 98.7%,
    95% 99.4%,
    91% 98.8%,
    86% 99.6%,
    81% 98.9%,
    76% 99.7%,
    71% 98.8%,
    66% 99.5%,
    61% 98.9%,
    56% 99.7%,
    51% 98.8%,
    46% 99.5%,
    41% 98.9%,
    36% 99.7%,
    31% 98.8%,
    26% 99.5%,
    21% 98.9%,
    16% 99.7%,
    11% 98.8%,
    6% 99.5%,
    0.7% 98.7%,
    0.25% 91%,
    0.9% 83%,
    0.2% 74%,
    0.8% 65%,
    0.25% 56%,
    0.9% 47%,
    0.2% 38%,
    0.8% 29%,
    0.25% 20%,
    0.9% 12%
  );
  isolation: isolate;
  max-width: 1080px;
  margin: 0 auto 82px;
  padding: clamp(48px, 5vw, 66px) clamp(48px, 5.5vw, 72px);
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: rotate(-0.35deg);
}
.common-awards-sheet::before {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: 2;
  background-color: #fffafa;
  background-image:
    linear-gradient(
      90deg,
      transparent 0 62px,
      rgba(205, 91, 105, 0.22) 62px 64px,
      transparent 64px
    ),
    repeating-linear-gradient(
      0deg,
      transparent 0 31px,
      rgba(86, 132, 159, 0.12) 31px 33px
    ),
    radial-gradient(
      circle at 18% 24%,
      rgba(142, 112, 71, 0.08) 0 1px,
      transparent 1.5px
    ),
    radial-gradient(
      circle at 78% 68%,
      rgba(142, 112, 71, 0.07) 0 1px,
      transparent 1.5px
    );
  background-size:
    auto,
    auto,
    23px 25px,
    29px 31px;
  clip-path: var(--common-awards-sheet-edge);
}
.common-awards-sheet::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(91, 145, 174, 0.15);
  clip-path: var(--common-awards-sheet-edge);
  transform: translate(8px, 9px);
}
.common-awards-sheet__edge {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--ink);
  clip-path: var(--common-awards-sheet-edge);
  pointer-events: none;
}
.common-awards-sheet > :not(.common-awards-sheet__edge) {
  position: relative;
  z-index: 3;
}
.judge-note__scope {
  display: table;
  margin: 0 auto 10px;
  padding: 5px 13px;
  background: var(--pink);
  font-size: 18px;
  font-weight: 700;
}
.common-awards-sheet > h3 {
  margin: 0 auto 7px;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.45;
  text-align: center;
}
.common-awards-sheet__note {
  margin: 0 auto 34px;
  color: #5d5852;
  line-height: 1.65;
  text-align: center;
}
.judge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 4vw, 50px);
  max-width: 760px;
  margin: 0 auto;
}
.judge-grid figure {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-width: 0;
  margin: 0;
  text-align: center;
}
.judge-portrait {
  width: 100%;
  max-width: 158px;
  aspect-ratio: 1;
  margin: 0 auto 14px;
  padding: 6px;
  border: 2px solid var(--ink);
  border-radius: 50%;
  background: #f5f0e7;
  box-shadow: 6px 7px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.judge-portrait a {
  display: block;
  width: 100%;
  height: 100%;
}
.judge-grid img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}
.judge-grid figcaption {
  display: grid;
  grid-template-rows: 1fr auto;
  justify-items: center;
  row-gap: 8px;
  font:
    700 18px/1.35 "jf-openhuninn",
    sans-serif;
  text-wrap: balance;
}
.judge-grid figcaption a,
.award-judge a {
  text-decoration: none;
  text-underline-offset: 3px;
}
.judge-grid figcaption a:hover,
.judge-grid figcaption a:focus-visible,
.award-judge a:hover,
.award-judge a:focus-visible {
  color: #9e304c;
  text-decoration: underline;
}
.judge-grid figcaption strong {
  display: table;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid var(--ink);
  font-size: 18px;
}
.awards-showcase .section-lead {
  max-width: 680px;
  margin-bottom: 42px;
  line-height: 1.7;
}
.award-group-title {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 27px;
  font-size: clamp(25px, 3vw, 34px);
}
.award-group-title::before {
  content: "";
  width: 10px;
  height: 32px;
  background: var(--pink-strong);
  transform: rotate(4deg);
}
.award-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 46px) clamp(20px, 3vw, 32px);
  margin-bottom: 72px;
}
.common-award-notes {
  margin: 48px 0 0;
  padding-top: 44px;
}
.common-award-notes .award-note {
  grid-template-rows: 155px auto;
  padding: 24px 14px 17px;
}
.common-award-notes .award-note figcaption > strong {
  font-size: 21px;
}
.common-award-notes .award-note figcaption > span {
  font-size: 18px;
}
.award-note {
  position: relative;
  display: grid;
  grid-template-rows: 230px auto;
  min-width: 0;
  margin: 0;
  padding: 27px 20px 23px;
  border: 2px solid var(--ink);
  background: #fff7bb;
  box-shadow: 6px 7px 0 rgba(0, 0, 0, 0.12);
  transform: rotate(-1deg);
  transition: transform 0.18s ease;
}
.award-note:nth-child(2n) {
  transform: rotate(1.1deg);
}
.award-note:nth-child(3n) {
  transform: rotate(-0.35deg);
}
.award-note:hover {
  transform: translateY(-5px) rotate(0);
}
.award-note,
.award-note--pink,
.award-note--blue,
.award-note--green,
.award-note--yellow {
  background: #fffdf0;
}
.note-tape {
  position: absolute;
  z-index: 2;
  top: -14px;
  left: 50%;
  width: 82px;
  height: 27px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: rgba(255, 255, 255, 0.7);
  transform: translateX(-50%) rotate(-3deg);
}
.award-note:nth-child(2n) .note-tape {
  transform: translateX(-50%) rotate(4deg);
}
.award-note > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 9px 5px rgba(0, 0, 0, 0.14));
}
.award-note figcaption {
  padding-top: 14px;
  text-align: center;
}
.award-note figcaption > strong {
  display: block;
  font-size: 25px;
}
.award-note figcaption > span {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
}
.award-note .award-prize__line {
  display: block;
  width: 100%;
  white-space: nowrap;
}
.award-note figcaption > small {
  display: block;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px dashed rgba(0, 0, 0, 0.45);
  font-size: 18px;
  line-height: 1.55;
}
.award-judge {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.award-judge img {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid var(--ink);
  border-radius: 50%;
  object-fit: cover;
}
.award-judge > a:first-child {
  display: block;
  flex: 0 0 38px;
  border-radius: 50%;
}
.role-awards-title {
  position: relative;
  justify-content: center;
  margin-bottom: 7px;
  text-align: center;
}
.role-awards-title::before {
  display: none;
}
.role-awards-lead {
  margin: 0 auto 34px;
  color: #5d5852;
  text-align: center;
}
.award-note-grid--special {
  margin-bottom: 0;
}
.role-award-note {
  grid-template-rows: 102px auto;
  padding: 24px 14px 17px;
}
.role-award-note figcaption > strong {
  font-size: 21px;
}
.role-award-note figcaption > span {
  font-size: 18px;
}
.role-award-note .award-judge {
  margin-top: 9px;
  padding-top: 9px;
}
.detail-sheet {
  position: relative;
  margin: 0 auto 110px;
  padding: 50px;
  border: 2px solid var(--ink);
  background: white;
  box-shadow: 6px 7px 0 rgba(0, 0, 0, 0.12);
}
.detail-sheet h2 {
  font:
    700 38px/1 "jf-openhuninn",
    sans-serif;
  text-align: center;
}
.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 36px;
}
.detail-grid > div {
  padding: 22px 5px;
  border-top: 1px solid var(--ink);
}
.detail-grid strong {
  font-size: 18px;
}
.detail-grid p {
  margin: 6px 0 0;
  color: #4f4a45;
  line-height: 1.7;
}
.submit-section {
  padding: 40px 0 90px;
  text-align: center;
}
.big-submit {
  display: inline-block;
  padding: 20px 58px;
  border: 3px solid var(--ink);
  background: var(--pink);
  box-shadow: 7px 7px 0 var(--ink);
  font:
    700 clamp(38px, 5vw, 56px) / 1 "jf-openhuninn",
    sans-serif;
  text-decoration: none;
  transform: rotate(-2deg);
}
.submit-section p {
  margin: 35px 0 3px;
  font:
    700 27px/1.2 "jf-openhuninn",
    sans-serif;
}
.submit-section small {
  font:
    400 20px/1 "jf-openhuninn",
    sans-serif;
}
.site-footer {
  width: 100%;
  margin: var(--section-gap) 0 0;
  border-top: 1px solid var(--ink);
  background: #f1ede6;
  font-size: 14px;
}
.site-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(calc(100% - 48px), 1280px);
  margin: 0 auto;
  padding: 48px 0;
}
.footer-identity {
  min-width: 0;
}
.site-footer a {
  text-decoration: none;
}
.footer-organizers {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-bottom: 12px;
}
.footer-organizer {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #625f5a;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.footer-organizer img {
  width: auto;
  height: 72px;
  object-fit: contain;
}
.footer-organizer:last-child img {
  height: 68px;
}
.site-footer p {
  margin: 0;
  color: #625f5a;
  line-height: 1.55;
}
.footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 58px;
  margin-left: auto;
}
.footer-contact {
  max-width: 440px;
  color: #625f5a;
  font-size: 15px;
  line-height: 1.65;
}
.footer-contact a {
  display: inline-block;
  margin: 2px 0 8px;
  color: var(--ink);
  font-size: 16px;
  /* font-weight: 700; */
}
.site-footer .footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0 0 auto;
  gap: 15px;
  color: #625f5a;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-align: right;
}
.footer-links a:hover {
  color: var(--pink-strong);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 20px;
}
.footer-actions {
  display: contents;
}
.footer-contact {
  grid-column: 1;
  grid-row: 1;
}
.footer-identity {
  grid-column: 2;
  grid-row: 1;
  text-align: center;
}
.footer-organizers {
  justify-content: center;
}
.site-footer .footer-links {
  grid-column: 3;
  grid-row: 1;
}

/* Award notes arrive like individual papers being stuck onto the board. */
.award-note-grid .award-note.scroll-stick-note:nth-child(3n + 1) {
  --sticky-note-start-x: -190px;
  --sticky-note-start-y: 14px;
  --sticky-note-start-rotate: -7deg;
}

.award-note-grid .award-note.scroll-stick-note:nth-child(3n) {
  --sticky-note-start-x: 190px;
  --sticky-note-start-y: 14px;
  --sticky-note-start-rotate: 7deg;
}

.award-note-grid .award-note.scroll-stick-note:nth-child(2) {
  --sticky-note-start-x: 0px;
  --sticky-note-start-y: -170px;
  --sticky-note-start-rotate: -5deg;
}

.award-note-grid .award-note.scroll-stick-note:nth-child(5) {
  --sticky-note-start-x: 0px;
  --sticky-note-start-y: 170px;
  --sticky-note-start-rotate: 5deg;
}

.award-note-grid .award-note.scroll-stick-note:nth-child(3n + 1) {
  --sticky-note-delay: 0ms;
}

.award-note-grid .award-note.scroll-stick-note:nth-child(3n + 2) {
  --sticky-note-delay: 90ms;
}

.award-note-grid .award-note.scroll-stick-note:nth-child(3n) {
  --sticky-note-delay: 180ms;
}

.scroll-motion-ready .award-note.scroll-stick-note {
  opacity: 0;
  transform: translate3d(
      var(--sticky-note-start-x),
      var(--sticky-note-start-y),
      0
    )
    rotate(var(--sticky-note-start-rotate)) scale(0.94);
  transition:
    transform 0.64s cubic-bezier(0.16, 1.28, 0.3, 1),
    opacity 0.24s ease-out;
  transition-delay: 0s;
  will-change: transform, opacity;
}

.scroll-motion-ready .award-note.scroll-stick-note.is-scroll-motion-visible {
  opacity: 1;
  transform: var(--scroll-rest-transform);
  transition-delay: var(--sticky-note-delay);
  will-change: auto;
}

.scroll-motion-ready
  .award-note.scroll-stick-note.is-scroll-motion-visible:hover {
  transform: translateY(-5px) rotate(0deg);
  transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-motion-ready .award-note.scroll-stick-note,
  .scroll-motion-ready .award-note.scroll-stick-note.is-scroll-motion-visible {
    opacity: 1;
    transform: var(--scroll-rest-transform);
    transition: none;
  }
}

@media (max-width: 599.95px) {
  .award-note-grid .award-note.scroll-stick-note:nth-child(3n + 1) {
    --sticky-note-start-x: -42px;
  }

  .award-note-grid .award-note.scroll-stick-note:nth-child(3n) {
    --sticky-note-start-x: 42px;
  }

  .award-note-grid .award-note.scroll-stick-note:nth-child(2) {
    --sticky-note-start-y: -56px;
  }

  .award-note-grid .award-note.scroll-stick-note:nth-child(5) {
    --sticky-note-start-y: 56px;
  }
}