/* CSS Document */

/**********************************************************
* CSS表記
**********************************************************/
:root {
  --black: #444444;
  --gold-dark: #a08c00;
  --gold: #c0ab03;
  --brown: #6b3932;
  --bubble: #f0ecc8;
  --coral: #f16b55;
  --font-ja-sans: "Noto Sans JP", sans-serif;
  --font-ja-serif: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  --width-header: min(100% - 20px, 1000px);
  --width-L: min(100% - 40px, 800px);
  --width-M: min(100%, 720px);
  --ext-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.6' d='M7 3H3.5A1.5 1.5 0 0 0 2 4.5v8A1.5 1.5 0 0 0 3.5 14h8a1.5 1.5 0 0 0 1.5-1.5V9M9 2h5v5M8 8l6-6'/%3E%3C/svg%3E");
}
body {
  color: var(--black);
  font-family: var(--font-ja-serif);
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.bg {
  position: fixed;
  z-index: 0;
  inset: 0;
  background-image: url("/adv/haiku_covid2026_result/img/bk_img.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
main {
  position: relative;
  z-index: 1;
  overflow: clip;
  font-size: 1rem;
  line-height: 2;
}
.yol-iframe-footer-wh {
  position: relative;
  z-index: 1;
}
@media (width <= 768px) {
  main {
    font-size: 0.875rem;
  }
}
img {
  pointer-events: none;
}

/**********************************************************
* ヘッダー
**********************************************************/
.header {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: var(--width-header);
  line-height: 1;
  margin: 0 auto;
  padding-top: 40px;
}
.header_logo {
  display: inline-block;
}
.header_logo img {
  width: clamp(240px, 36.458vw, 280px);
}
.header_txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(9px, 1.1719vw, 12px);
  font-family: var(--font-ja-sans);
  line-height: 1;
}
.header_txt .ad {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.header_txt .sponsored {
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.sponsored__text {
  display: inline-block;
}
@media (width <= 768px) {
  .header {
    justify-content: flex-start;
    padding-top: 10px;
  }
}

/**********************************************************
* ファーストビュー
**********************************************************/
.top-wrap {
  position: relative;
  width: min(100%, 1200px);
  margin: 0 auto;
}
.top-wrap::before,
.top-wrap::after {
  position: absolute;
  z-index: 0;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  content: "";
}
.top-wrap::before {
  top: -115px;
  right: calc(-1 * clamp(240px, 31.25vw, 300px));
  width: clamp(768px, 80vw, 960px);
  aspect-ratio: 960 / 770;
  background-image: url("/adv/haiku_covid2026_result/img/fv_deco_01.png");
  background-position: top right;
}
.top-wrap::after {
  bottom: 0;
  left: calc(-1 * clamp(240px, 31.25vw, 300px));
  width: clamp(544px, 56.666667vw, 680px);
  aspect-ratio: 680 / 640;
  background-image: url("/adv/haiku_covid2026_result/img/fv_deco_02.png");
  background-position: top left;
}
.fv {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 120px;
}
.fv__title {
  width: var(--width-L);
  line-height: 0;
  margin: 0 auto;
}
.fv__title img {
  width: 100%;
}
.fv__result {
  width: clamp(280px, 77.77778vw, 430px);
  line-height: 0;
  margin: clamp(26px, 7.222vw, 40px) auto 0;
}
.fv__result img {
  width: 100%;
}
.fv__host {
  font-size: clamp(0.875rem, 3.888889vw, 1.125rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: center;
  margin-top: clamp(26px, 7.22222vw, 36px);
}
@media (width <= 680px) {
  .fv {
    padding-top: 140px;
    padding-bottom: 180px;
  }
  .top-wrap::before {
    top: 0;
    right: calc(-360px + clamp(40px, 11.111vw, 75px));
  }
  .top-wrap::after {
    bottom: calc(-100px + clamp(30px, 8.333333vw, 60px));
    left: calc(-360px + clamp(40px, 11.111vw, 75px));
  }
}

/* リード文 */
.fv__lead-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(30px, 5vw, 40px);
  width: var(--width-L);
  margin: 0 auto clamp(90px, 13.0208333vw, 100px);
}
.fv__lead {
  text-align: justify;
}
.fv__photo {
  width: 100%;
}
.fv__photo img {
  width: 100%;
}


/**********************************************************
* 受賞作品 タイトル帯
**********************************************************/
.works {
  width: 100%;
}
.works__ttl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--width-L);
  overflow: hidden;
  color: #fff;
  font-family: var(--font-ja-serif);
  font-size: clamp(1.375rem, 6.111vw, 2rem);
  font-weight: 400;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  line-height: 1;
  background-color: var(--brown);
  margin: 0 auto;
  padding: clamp(15px, 4.16667vw, 20px) 0;
}
.works__ttl::before,
.works__ttl::after {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: clamp(196px, 54.44444vw, 280px);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  content: "";
}
.works__ttl::before {
  left: 0;
  background-image: url("/adv/haiku_covid2026_result/img/title_deco_01.png");
  background-position: left center;
}
.works__ttl::after {
  right: 0;
  background-image: url("/adv/haiku_covid2026_result/img/title_deco_02.png");
  background-position: right center;
}
.works__ttl-text {
  position: relative;
  z-index: 2;
}
.works__ttl-line {
  position: absolute;
  z-index: 1;
  inset: 5px;
  border: 1px solid #fff;
  pointer-events: none;
}
@media (width <= 768px) {
  .works__ttl {
    letter-spacing: 0.32em;
    text-indent: 0.32em;
    padding-inline: 26%;
  }
}

/**********************************************************
* 夏井先生の総評
**********************************************************/
.overall {
  position: relative;
  width: var(--width-L);
  border: 3px solid var(--gold);
  background-color: #fff;
  box-shadow: 7px 7px 14px rgb(0 0 0 / 15%);
  margin: 70px auto 0;
  padding: 5px;
}
.overall__frame {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 30px;
  border: 1px solid var(--gold);
  padding: clamp(15px, 4.5572916667vw, 30px);
  padding-left: 15px;
}
.overall__check {
  position: absolute;
  z-index: 0;
  left: 15px;
  top: 15px;
  width: 120px;
  pointer-events: none;
}
.overall__check img {
  width: 100%;
}
.overall__photo {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: clamp(225px, 62.5vw, 342px);
  margin-top: -60px;
  margin-bottom: -38px;
}
.overall__photo img {
  width: 100%;
}
.overall__body {
  flex: 1 1 360px;
  width: 100%;
}
.overall__title {
  color: var(--gold-dark);
  font-family: var(--font-ja-serif);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 26px;
}
.overall__body p {
  font-family: var(--font-ja-sans);
  font-size: 0.875rem;
  text-align: justify;
}
@media (width <= 768px) {
  .overall__frame {
    flex-direction: column;
    align-items: center;
    padding: 0 20px 25px;
  }
  .overall__photo {
    transform: translateX(8%);
    margin-top: -40px;
    margin-bottom: 0;
  }
  .overall__body {
    flex: 0 0 auto;
  }
}

/**********************************************************
* 賞見出し・作品
**********************************************************/
.prize {
  width: var(--width-L);
  margin: clamp(56px, 10vw, 100px) auto 0;
}
.prize:last-child {
  margin-bottom: clamp(56px, 10vw, 100px);
}
.prize__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-ja-serif);
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1;
  text-align: center;
  transform: translateX(0.0375em);
  margin-bottom: 60px;
}
.prize__list {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 16.666667vw, 80px);
}
.prize__num {
  display: block;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-top: 10px;
}
.prize__deco {
  display: block;
  width: 100%;
  min-width: 540px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(-0.0375em);
  margin-bottom: 30px;
}
.prize__ttl--1st .prize__deco {
  aspect-ratio: 13.333333333333333;
  background-image: url("/adv/haiku_covid2026_result/img/title_1st.svg");
}
.prize__ttl--2nd .prize__deco {
  aspect-ratio: 17.777777777777778;
  background-image: url("/adv/haiku_covid2026_result/img/title_2nd.svg");
}
.prize__ttl--leaf {
  position: relative;
  font-size: 1.5rem;
  border-top: 2px solid var(--gold);
  border-bottom: 2px solid var(--gold);
  padding: 28px 0;
}
.prize__ttl--leaf::before,
.prize__ttl--leaf::after {
  position: absolute;
  z-index: 1;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  content: "";
}
.prize__ttl--leaf::before {
  left: 116px;
  bottom: calc(-1 * clamp(13px, 2.473958333vw, 19px));
  width: clamp(60px, 12.352941176vw, 84px);
  aspect-ratio: 84 / 81 ;
  background-image: url("/adv/haiku_covid2026_result/img/title_deco_04.png");
  background-position: left bottom;
}
.prize__ttl--leaf::after {
  right: 136px;
  top: calc(-1 * clamp(20px, 3.6458333vw, 28px));
  width: clamp(56px, 12.647058824vw, 86px);
  aspect-ratio: 85 / 88;
  background-image: url("/adv/haiku_covid2026_result/img/title_deco_03.png");
  background-position: right top;
}

.work__poem {
  display: flex;
  justify-content: center;
  width: min(100%, 640px);
  line-height: 0;
  box-shadow: 7px 7px 14px rgb(0 0 0 / 15%);
  margin: 0 auto;
}
#semi .work__poem {
  width: min(100%, 620px);
}
#special .work__poem,
#fine .work__poem {
  width: min(100%, 560px);
}
.work__poem img {
  width: 100%;
}
@media (width <= 680px) {
  .prize__ttl--leaf::before {
    left: 0;
  }
  .prize__ttl--leaf::after {
    right: 0;
  }
  #grand .work__poem {
    width: 196px;
  }
  #semi .work__poem {
    width: 176px;
  }
  #special .work__poem,
  #fine .work__poem {
    width: 126px;
  }
}

/**********************************************************
* 講評吹き出し
**********************************************************/
.comment {
  position: relative;
  width: var(--width-M);
  background-color: var(--bubble);
  border-radius: 20px;
  margin: 0 auto;
  margin-top: clamp(40px, 11.111vw, 60px);
  padding: clamp(30px, 7.3529411765vw, 50px);
}
.comment::before {
  position: absolute;
  top: calc(-1 * clamp(20px, 5.555556vw, 40px));
  left: 50%;
  display: block;
  width: clamp(20px, 5.555556vw, 40px);
  aspect-ratio: 1;
  background-color: var(--bubble);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  transform: translateX(-50%);
  content: "";
}
.comment__credit {
  font-weight: 500;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 0.8889em;
}
.comment__body {
  font-family: var(--font-ja-sans);
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  text-align: justify;
}
.comment--judge {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(20px, 3vw, 36px);
  align-items: center;
}
.comment__photo {
  width: 160px;
}
.comment__photo img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}
.comment__affil {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.comment__affil span {
  display: inline-block;
}
.comment__name {
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin: 6px 0 10px;
}
.comment__name span {
  font-size: 0.6875em;
  margin-left: 0.3em;
}
@media (width <= 680px) {
  .comment--judge {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

/**********************************************************
* コロナ感染症コラム
**********************************************************/
.column {
  width: var(--width-L);
  background-color: #fff;
  border-top: 5px solid var(--coral);
  border-radius: 0 0 clamp(20px, 5.555556vw, 40px) clamp(20px, 5.555556vw, 40px);
  box-shadow: 7px 7px 14px rgb(0 0 0 / 15%);
  margin: clamp(48px, 8vw, 80px) auto 0;
  padding: clamp(36px, 10vw, 56px) clamp(20px, 5.555556vw, 40px) clamp(30px, 8.333333vw, 40px);
}
.column__label {
  font-family: var(--font-ja-sans);
  font-size: clamp(0.875rem, 1.6vw, 1.125rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1;
}
.column__title {
  color: var(--coral);
  font-size: clamp(1.75rem, 3.4vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: break-word;
  margin-top: 16px;
}
.column__supervise {
  text-align: center;
  font-weight: 500;
  margin: 20px auto 40px;
}
.column__supervise-label {
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  line-height: 1;
  border-bottom: 1px solid var(--black);
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.column__supervise-affil {
  font-size: 0.625rem;
  line-height: 1.6;
  letter-spacing: 0.025em;
}
.column__supervise-name {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.025em;
  margin-top: 11px;
}
.column__supervise-name span {
  font-size: 0.625rem;
  margin-left: 0.3em;
}
.column > p:not([class]) {
  letter-spacing: 0.025em;
  text-align: justify;
}
.column__notes,
.column__note {
  font-family: var(--font-ja-sans);
  font-size: 0.625rem;
  line-height: 1.6;
  text-align: left;
}
.column__heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35em 0.6em;
  width: 100%;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1.4;
  text-align: left;
  word-break: keep-all;
  overflow-wrap: break-word;
  background-color: var(--coral);
  border-radius: 6px;
  margin: clamp(30px, 8.333333vw, 50px) 0 30px;
  padding: 10px;
}
.column__heading::before {
  display: inline-block;
  flex-shrink: 0;
  width: 0.7em;
  height: 0.7em;
  background-color: #fff;
  border-radius: 50%;
  content: "";
}
.column__sub {
  font-family: var(--font-ja-sans);
  font-size: clamp(1rem, 2.34375vw, 1.125rem);
  font-weight: 700;
  line-height: 1.5;
}
.column__steps {
  font-family: var(--font-ja-sans);
  font-size: 0.875rem;
  font-weight: 700;
}
.column__steps li {
  text-align: justify;
}
.column__steps li::before {
  display: inline-block;
  width: 1em;
  margin-right: 0.3em;
}
.column__steps li:nth-child(1)::before { content: "①"; }
.column__steps li:nth-child(2)::before { content: "②"; }
.column__steps li:nth-child(3)::before { content: "③"; }
.column__steps li:nth-child(4)::before { content: "④"; }
.column__steps li:nth-child(5)::before { content: "⑤"; }
.column__figure {
  margin-top: 20px;
}
.column__figure img {
  width: 100%;
}
.column__figure-cap {
  font-family: var(--font-ja-sans);
  font-size: 0.625rem;
  line-height: 1.6;
  text-align: left;
  margin-top: 15px;
}
.column__figure-cap span {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
  color: #8b6e5b;
  margin-bottom: 5px;
}
.column__box {
  text-align: center;
  background-color: #fff0e6;
  margin-top: 20px;
  padding: clamp(20px, 5.55556vw, 25px);
}
.column__box-title {
  font-family: var(--font-ja-sans);
  color: var(--coral);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  word-break: keep-all;
  overflow-wrap: break-word;
  margin-bottom: 15px;
}
.column__pills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
.column__pills p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  font-size: clamp(1rem, 2.34375vw, 1.125rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #fff;
  border-radius: 999px;
}
.column__box-note {
  font-family: var(--font-ja-sans);
  font-size: 0.625rem;
  line-height: 1.6;
  text-align: justify;
  margin-bottom: clamp(20px, 5.5556vw, 25px);
}
.column__box p:last-child {
  text-align: justify;
}
.column__rule {
  border: 0;
  border-top: 1px solid var(--black);
  margin: clamp(30px, 8.333333vw, 50px) 0;
}
.column__cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  margin: 30px 0;
}
.column__cta-note {
  font-family: var(--font-ja-sans);
  font-size: 0.625rem;
  line-height: 1.6;
}

/* セット = sub + 本文 + (steps) + notes/note。余白は後続の margin-top のみ */
.column__sub + p {
  margin-top: 16px;
}
.column > p + .column__notes,
.column > p + .column__note,
.column > p + .column__steps,
.column__steps + .column__note {
  margin-top: 10px;
}
.column__notes + .column__sub,
.column__note + .column__sub,
.column > p + .column__sub {
  margin-top: 30px;
}
.column__note + p {
  margin-top: 30px;
}
.column__steps + .column__note + p {
  margin-top: 10px;
}
.column sup {
  font-size: 0.7em;
  line-height: 1;
}
.column__notes a,
.column__note a,
.column__figure-cap a {
  transition: color 0.2s ease;
}
.column__notes a:hover,
.column__note a:hover,
.column__figure-cap a:hover {
  color: var(--coral);
}
@media (width <= 680px) {
  .column__pills {
    grid-template-columns: 1fr;
  }
}

/**********************************************************
* ボタン
**********************************************************/
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 560px);
  color: #fff;
  font-family: var(--font-ja-sans);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: 0.05em;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  background-color: var(--black);
  border-radius: 999px;
  padding: 20px 40px;
  transition: background-color 0.2s ease;
}
.btn::after {
  position: absolute;
  top: 50%;
  right: 22px;
  display: block;
  width: 14px;
  height: 14px;
  background-image: var(--ext-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
  content: "";
}
.btn:hover {
  background-color: #111111;
}

/**********************************************************
* 市民公開講座
**********************************************************/
.lecture {
  width: var(--width-L);
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  margin: clamp(70px, 19.44444vw, 100px) auto;
  padding: 50px 0;
}
.lecture__ttl {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1;
}
.lecture__sub {
  font-family: var(--font-ja-sans);
  font-size: clamp(1rem, 2.2vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.33333;
  margin-top: 15px;
}
.lecture__lead {
  letter-spacing: 0.025em;
  text-align: justify;
  margin-top: clamp(20px, 5.55556vw, 40px);
}
.lecture__target {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 16px;
}
.lecture__target span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  color: #fff;
  font-family: var(--font-ja-sans);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1;
  background-color: var(--black);
  padding: 8px 12px;
}
.lecture__dl {
  width: var(--width-M);
  font-family: var(--font-ja-sans);
  font-weight: 600;
  margin: clamp(20px, 3.5vw, 32px) auto;
}
.lecture__dl > div {
  display: grid;
  grid-template-columns: 4.7em minmax(0, 1fr);
  gap: clamp(10px, 2.77778vw, 20px);
  align-items: start;
  margin-bottom: 0.7em;
}
.lecture__dl dt {
  font-weight: 700;
  line-height: 1.5;
  text-align-last: justify;
}
.lecture__dl dt::after {
  content: "：";
}
.lecture__dl dd {
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.lecture__cta-wrap {
  display: flex;
  justify-content: center;
}
.lecture__cta-wrap .btn {
  width: var(--width-M);
}

/**********************************************************
* スポンサー・ロゴ
**********************************************************/
.sponsor {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  background-color: #fff;
  margin: 0;
  padding: 50px 0;
}
.sponsor__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  font-family: var(--font-ja-sans);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1;
  border: 1px solid var(--black);
  padding: 9px;
}
.sponsor__takeda a {
  display: inline-block;
}
.sponsor__takeda img {
  width: clamp(320px, 88.88889vw, 600px);
}
.sponsor__yomiuri {
  font-family: var(--font-ja-sans);
  font-size: clamp(1.25rem, 5.55556vw, 2.125rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
}