@charset "UTF-8";
/* line 1, scss/base/general.scss */
*, *:before, *:after {
  box-sizing: border-box; }

/* line 4, scss/base/general.scss */
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff; }

/* line 11, scss/base/general.scss */
.main {
  margin: 0 auto; }

/* line 16, scss/base/general.scss */
img {
  width: 100%;
  display: block;
  line-height: 0; }

/* line 22, scss/base/general.scss */
a {
  color: inherit;
  text-decoration: none; }

/* line 28, scss/base/general.scss */
::-moz-selection {
  /* Code for Firefox */
  background: #c6c4bb3d; }

/* line 32, scss/base/general.scss */
::selection {
  background: #c6c4bb3d; }

/* line 37, scss/base/general.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input#mce-EMAIL,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input#mce-EMAIL.required.email.focus-visible,
input:-webkit-autofill, input:focus:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 0px #e0e0e0 inset !important;
  background-color: white !important; }

/* line 61, scss/base/general.scss */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

/* line 65, scss/base/general.scss */
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333; }

/* line 179, scss/base/general.scss */
.background--white {
  background-color: #ffffff !important;
  transition: all 200ms linear; }

/* line 184, scss/base/general.scss */
.background--default {
  background-color: #F8F6F6;
  transition: all 200ms linear; }

/* line 203, scss/base/general.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }

/* line 215, scss/base/general.scss */
* {
  -webkit-tap-highlight-color: transparent !important; }

/* line 220, scss/base/general.scss */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s; }

/* line 1, scss/base/typography.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0; }

@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-Bold.woff") format("woff");
  font-style: regular;
  font-weight: 600; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-Bold.woff2") format("woff2");
  font-style: regular;
  font-weight: 600; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 600; }
@font-face {
  font-family: "BradfordLLWeb";
  src: url("fonts/BradfordLLWeb-BoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 600; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-Oblique.woff") format("woff");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-Oblique.woff2") format("woff2");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-Semibold.woff") format("woff");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-Semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-SemiboldOblique.woff") format("woff");
  font-style: italic;
  font-weight: 500; }
@font-face {
  font-family: "Lektorat";
  src: url("fonts/LektoratText-SemiboldOblique.woff2") format("woff2");
  font-style: italic;
  font-weight: 500; }
@font-face {
  font-family: 'STKaiti';
  src: url("fonts/STKaiti.woff2") format("woff2"), url("fonts/STKaiti.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/* line 158, scss/base/typography.scss */
.italic,
em {
  font-style: italic;
  font-weight: inherit; }

/* line 164, scss/base/typography.scss */
b,
strong {
  font-weight: 600; }

/* line 169, scss/base/typography.scss */
.bradford {
  font-family: BradfordLLWeb !important;
  font-weight: 400; }

@media only screen and (min-width: 1480px) {
  /* line 181, scss/base/typography.scss */
  html {
    font-size: calc(15px + 0.5vw); } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 181, scss/base/typography.scss */
  html {
    font-size: calc(14px + 0.6vw); } }
@media only screen and (max-width: 1024px) {
  /* line 181, scss/base/typography.scss */
  html {
    font-size: calc(14px + 0.690625vw); } }
@media only screen and (max-width: 625px) {
  /* line 181, scss/base/typography.scss */
  html {
    font-size: calc(16px + 0.690625vw); } }

/* line 202, scss/base/typography.scss */
p,
body {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'STKaiti', 'Noto Sans JP', 'Noto Sans KR';
  font-style: normal;
  line-height: 30px;
  font-size: 22px;
  letter-spacing: 0em; }
  @media only screen and (max-width: 625px) {
    /* line 202, scss/base/typography.scss */
    p,
    body {
      font-size: 18px;
      line-height: 25px; } }

/* line 1, scss/micro/ux--tags.scss */
.tag {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/micro/ux--tags.scss */
    .tag {
      font-size: 13px;
      line-height: 16px; } }

/* line 11, scss/micro/ux--tags.scss */
.tags {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0; }
  /* line 16, scss/micro/ux--tags.scss */
  .tags .tag {
    margin-right: 8px; }
    /* line 19, scss/micro/ux--tags.scss */
    .tags .tag.tag--time {
      background-color: wheat;
      padding: 0 2px; }
  /* line 25, scss/micro/ux--tags.scss */
  .tags .tag + .tag {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0; }
    /* line 32, scss/micro/ux--tags.scss */
    .tags .tag + .tag::before {
      content: "";
      width: 6px;
      height: 6px;
      background-color: #1d1d1d;
      margin-right: 8px;
      align-items: center; }

/* line 1, scss/micro/ux--buttons.scss */
.switchers {
  display: flex; }
  /* line 4, scss/micro/ux--buttons.scss */
  .switchers .switcher--language {
    border-radius: 200px;
    cursor: pointer;
    padding: 12px 20px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid; }
    @media only screen and (max-width: 625px) {
      /* line 4, scss/micro/ux--buttons.scss */
      .switchers .switcher--language {
        font-size: 13px;
        line-height: 16px; } }
    /* line 11, scss/micro/ux--buttons.scss */
    .switchers .switcher--language.switcher--language--active {
      background-color: #1d1d1d;
      color: #ffffff;
      border: 1px solid #1d1d1d;
      mix-blend-mode: multiply; }
    /* line 18, scss/micro/ux--buttons.scss */
    .switchers .switcher--language:hover {
      background-color: #1d1d1d;
      color: #ffffff;
      border: 1px solid #1d1d1d;
      mix-blend-mode: multiply; }

/* line 103, scss/micro/ux--buttons.scss */
.tag--button {
  color: #1d1d1d;
  border-radius: 200px;
  cursor: pointer;
  padding: 4px 12px;
  border: 1px solid;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  text-transform: capitalize; }
  @media only screen and (max-width: 625px) {
    /* line 103, scss/micro/ux--buttons.scss */
    .tag--button {
      font-size: 13px;
      line-height: 16px; } }
  /* line 113, scss/micro/ux--buttons.scss */
  .tag--button.tag--button--selected {
    background-color: #1d1d1d;
    border: 1px solid #1d1d1d;
    transition: all 200ms linear;
    display: flex;
    align-items: center;
    color: #ffffff; }
    /* line 123, scss/micro/ux--buttons.scss */
    .tag--button.tag--button--selected:after {
      content: "×";
      margin-left: 8px;
      font-size: 1.25em;
      height: 0;
      line-height: 0; }
  /* line 133, scss/micro/ux--buttons.scss */
  .tag--button:hover {
    background-color: #F8F6F6;
    border: 1px solid #F8F6F6;
    background-color: #1d1d1d;
    border: 1px solid #1d1d1d;
    color: #ffffff; }

/* line 146, scss/micro/ux--buttons.scss */
.tag--button--large {
  color: #1d1d1d !important;
  border-radius: 2px;
  cursor: pointer;
  padding: 8px 24px;
  border: 1px solid;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  font-size: 16px !important;
  text-transform: capitalize;
  align-items: baseline;
  border-radius: 200px;
  padding: 8px 12px; }
  /* line 162, scss/micro/ux--buttons.scss */
  .tag--button--large:hover {
    background-color: #1d1d1d;
    color: #ffffff !important;
    border: 1px solid #1d1d1d !important; }
    /* line 169, scss/micro/ux--buttons.scss */
    .tag--button--large:hover a {
      color: #ffffff !important; }
  @media only screen and (max-width: 625px) {
    /* line 146, scss/micro/ux--buttons.scss */
    .tag--button--large {
      font-size: 14px !important; } }

/* line 325, scss/micro/ux--buttons.scss */
.link--textual {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0.02em;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-size: clamp(0.8rem, 0.9vw, 2.5rem);
  letter-spacing: 0;
  border-bottom: 1px solid;
  padding-bottom: 2px; }

/* line 574, scss/micro/ux--buttons.scss */
.button--loading {
  background-color: #1d1d1d !important;
  opacity: 0.5;
  position: relative;
  color: #ffffff !important; }
  /* line 580, scss/micro/ux--buttons.scss */
  .button--loading:before {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    margin: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    left: 12px;
    margin: auto 0; }
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* line 1, scss/micro/ux--menu.scss */
.menu__item {
  margin: 0 12px;
  transition: transform 100ms linear; }
  /* line 5, scss/micro/ux--menu.scss */
  .menu__item.menu__item--main {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 500;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.024em; }
  /* line 11, scss/micro/ux--menu.scss */
  .menu__item.menu__item--second {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0.02em;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 18px;
    line-height: 20px; }
  /* line 15, scss/micro/ux--menu.scss */
  .menu__item.menu__item--main--subscribe {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0.02em;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 18px;
    line-height: 20px;
    text-transform: none;
    background-color: #fdfedc; }
  /* line 21, scss/micro/ux--menu.scss */
  .menu__item.menu__item--main--cart {
    display: none;
    cursor: pointer; }
    /* line 25, scss/micro/ux--menu.scss */
    .menu__item.menu__item--main--cart.--active {
      display: block; }
      /* line 28, scss/micro/ux--menu.scss */
      .menu__item.menu__item--main--cart.--active .counter {
        display: inline-block;
        background-color: #2d2d2d;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        text-align: center;
        font-size: 0.9em;
        color: #ffffff; }
  @media (hover: hover) {
    /* line 42, scss/micro/ux--menu.scss */
    .menu__item:hover {
      transform: translateY(-4px); } }
  @media (hover: none) {
    /* line 48, scss/micro/ux--menu.scss */
    .menu__item:hover {
      transform: translateY(0); } }
  /* line 54, scss/micro/ux--menu.scss */
  .menu__item.--active {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }

/* line 77, scss/micro/ux--menu.scss */
.menu__item__dropdown {
  display: none;
  position: absolute;
  z-index: 99999999999;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 16px;
  line-height: 22px; }
  @media only screen and (max-width: 625px) {
    /* line 77, scss/micro/ux--menu.scss */
    .menu__item__dropdown {
      font-size: 14px;
      line-height: 18px; } }
  /* line 85, scss/micro/ux--menu.scss */
  .menu__item__dropdown.--active {
    display: block; }
  /* line 89, scss/micro/ux--menu.scss */
  .menu__item__dropdown .menu__item__dropdown__box {
    background: white;
    border: 1px solid;
    margin-top: 16px;
    display: flex;
    flex-grow: 1; }
  /* line 97, scss/micro/ux--menu.scss */
  .menu__item__dropdown .menu__item__dropdown__column {
    padding: 16px;
    min-width: 200px; }
  /* line 102, scss/micro/ux--menu.scss */
  .menu__item__dropdown a {
    display: block; }
  /* line 106, scss/micro/ux--menu.scss */
  .menu__item__dropdown a:hover {
    background-color: #fdfedc; }

/* line 1, scss/micro/ux--translatebar.scss */
.translatebar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 12px; }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/micro/ux--translatebar.scss */
    .translatebar {
      margin-bottom: 12px; } }
  /* line 11, scss/micro/ux--translatebar.scss */
  .translatebar .tags {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    text-transform: uppercase; }
    /* line 18, scss/micro/ux--translatebar.scss */
    .translatebar .tags .tag {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 12px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 18, scss/micro/ux--translatebar.scss */
        .translatebar .tags .tag {
          font-size: 11px;
          line-height: 16px; } }
  /* line 23, scss/micro/ux--translatebar.scss */
  .translatebar .languagemarkers {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center; }
    /* line 30, scss/micro/ux--translatebar.scss */
    .translatebar .languagemarkers .languagemarker {
      height: 1px;
      width: 50%;
      background-color: rgba(0, 0, 0, 0.134);
      margin: 0 4px;
      flex: 1; }
      /* line 38, scss/micro/ux--translatebar.scss */
      .translatebar .languagemarkers .languagemarker.languagemarker--active {
        height: 2px;
        width: 50%;
        background-color: #1d1d1d; }

/* line 11, scss/micro/ux--indicator.scss */
.label--home {
  padding-bottom: 24px;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.05em; }
  @media only screen and (max-width: 625px) {
    /* line 11, scss/micro/ux--indicator.scss */
    .label--home {
      font-size: 13px;
      line-height: 16px; } }

/* line 1, scss/micro/pearl.scss */
.pearl__illustration {
  margin: 0 auto;
  height: auto;
  display: flex;
  justify-content: center; }
  /* line 7, scss/micro/pearl.scss */
  .pearl__illustration .shadow {
    background-color: #1d1d1d;
    height: 12px;
    width: 70px;
    border-radius: 100%;
    z-index: 0;
    position: absolute;
    margin-top: 62px; }
  /* line 17, scss/micro/pearl.scss */
  .pearl__illustration .numbering {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.15rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.34vw, 3.25rem);
    background-color: bisque;
    border-radius: 100%;
    width: 68px;
    height: 68px;
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0px);
    transition: transform 200ms; }

/* line 4, scss/micro/portrait.scss */
.thumbnail--interview .image,
.thumbnail--interview--hero .image {
  width: 100%;
  background-color: #F8F6F6;
  aspect-ratio: 3/4;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-size: contain; }

/* line 20, scss/micro/portrait.scss */
.thumbnail--interview .image,
.thumbnail--interview--hero .image {
  width: 100%;
  background-color: #F8F6F6;
  aspect-ratio: 3/4;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-size: contain; }

/* line 1, scss/micro/ux--form.scss */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, input#mce-EMAIL, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input#mce-EMAIL.required.email.focus-visible, input:-webkit-autofill, input:focus:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 0px #e0e0e0 inset !important;
  background-color: white !important; }

/* line 6, scss/micro/ux--form.scss */
input {
  padding: 12px 20px;
  color: black;
  border: none;
  font-family: Lektorat;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  width: 100%;
  background-color: rgba(18, 18, 18, 0.034);
  border-radius: 2px;
  height: 52px; }
  @media only screen and (max-width: 625px) {
    /* line 6, scss/micro/ux--form.scss */
    input {
      padding-left: 12px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 6, scss/micro/ux--form.scss */
    input {
      font-size: 14px;
      line-height: 18px; } }

/* line 28, scss/micro/ux--form.scss */
label {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 28, scss/micro/ux--form.scss */
    label {
      font-size: 13px;
      line-height: 16px; } }

/* line 32, scss/micro/ux--form.scss */
label + input {
  margin-top: 4px; }

/* line 37, scss/micro/ux--form.scss */
form .form__item {
  margin-top: 12px; }
/* line 41, scss/micro/ux--form.scss */
form .form__submit {
  margin-top: 24px; }

/* line 49, scss/micro/ux--form.scss */
input[type=text]:focus,
input[type=email]:focus,
input[type=date]:focus {
  background-color: rgba(18, 18, 18, 0.034) !important;
  outline: 1px solid; }

/* line 56, scss/micro/ux--form.scss */
input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* line 63, scss/micro/ux--form.scss */
.field--checkbox {
  display: flex;
  align-items: center; }
  /* line 67, scss/micro/ux--form.scss */
  .field--checkbox input[type=checkbox] {
    flex-shrink: 0;
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid #1D1D1D;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 20px;
    width: 20px;
    padding: 0; }
    /* line 81, scss/micro/ux--form.scss */
    .field--checkbox input[type=checkbox]:checked {
      border: 1px solid #1D1D1D !important;
      background-color: #1D1D1D; }
      /* line 85, scss/micro/ux--form.scss */
      .field--checkbox input[type=checkbox]:checked:after {
        content: "✓";
        color: white;
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0.02em;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        font-size: 12px;
        margin-left: 3px;
        margin-bottom: 6px;
        position: absolute; }
  /* line 99, scss/micro/ux--form.scss */
  .field--checkbox label {
    margin-left: 8px;
    margin-top: 2px; }

/* line 105, scss/micro/ux--form.scss */
select {
  border: 0px solid #1d1d1d;
  background-color: rgba(18, 18, 18, 0.034) !important;
  color: #1d1d1d;
  padding: 16px 12px;
  font-family: Lektorat;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  font-style: normal;
  letter-spacing: 0;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  border-radius: 2px;
  background-size: 0;
  transition: .2s;
  background-repeat: no-repeat;
  margin-top: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("./img/icon-chevronDown.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 20px top 50%, 0 0;
  background-size: 16px 16px; }
  @media only screen and (max-width: 625px) {
    /* line 105, scss/micro/ux--form.scss */
    select {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 105, scss/micro/ux--form.scss */
    select {
      font-size: 14px;
      line-height: 18px; } }

/* line 142, scss/micro/ux--form.scss */
.field--select {
  display: flex;
  flex-direction: column; }

/* line 149, scss/micro/ux--form.scss */
.field--staticLabel {
  display: flex;
  flex-direction: column-reverse; }
  /* line 153, scss/micro/ux--form.scss */
  .field--staticLabel label {
    margin-bottom: 4px; }

/* line 158, scss/micro/ux--form.scss */
.field--dynamicLabel {
  display: flex;
  flex-direction: column-reverse;
  position: relative; }
  /* line 163, scss/micro/ux--form.scss */
  .field--dynamicLabel label {
    position: absolute;
    bottom: 16px;
    pointer-events: none;
    transition: all 200ms;
    padding-left: 12px; }
  /* line 171, scss/micro/ux--form.scss */
  .field--dynamicLabel input[type=text]:focus + label,
  .field--dynamicLabel input[type=text]:active + label,
  .field--dynamicLabel input[type=text]:valid + label,
  .field--dynamicLabel input[type=email]:focus + label,
  .field--dynamicLabel input[type=email]:active + label,
  .field--dynamicLabel input[type=email]:valid + label,
  .field--dynamicLabel input[type=date]:focus + label {
    bottom: 60px;
    padding-left: 0; }

/* line 1, scss/micro/ux--paymentoptions.scss */
.payment__option {
  mix-blend-mode: multiply;
  width: 48px;
  aspect-ratio: 2/2;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat; }
  /* line 9, scss/micro/ux--paymentoptions.scss */
  .payment__option.payment__option--visa {
    background-image: url("./img/payment_visa-fill.svg"); }
  /* line 13, scss/micro/ux--paymentoptions.scss */
  .payment__option.payment__option--amex {
    background-image: url("./img/payment_amex-fill.svg"); }
  /* line 17, scss/micro/ux--paymentoptions.scss */
  .payment__option.payment__option--applepay {
    background-image: url("./img/payment_applepay-fill.svg"); }
  /* line 21, scss/micro/ux--paymentoptions.scss */
  .payment__option.payment__option--carddefault {
    background-image: url("./img/payment_carddefault-fill.svg"); }
  /* line 25, scss/micro/ux--paymentoptions.scss */
  .payment__option.payment__option--mastercard {
    background-image: url("./img/payment_mastercard-fill.svg"); }
  /* line 29, scss/micro/ux--paymentoptions.scss */
  .payment__option.payment__option--paypal {
    background-image: url("./img/payment_paypal-fill.svg"); }

/* line 1, scss/micro/ux--toggle.scss */
.free__access__toggle {
  width: 56px;
  border-radius: 28px;
  height: 28px;
  background-color: #1d1d1d;
  position: relative;
  transition: all 300ms linear; }
  /* line 9, scss/micro/ux--toggle.scss */
  .free__access__toggle .free__access__toggle__dot {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    background-color: #ffffff;
    left: 4px;
    border-radius: 100%;
    transition: all 300ms linear; }
  /* line 20, scss/micro/ux--toggle.scss */
  .free__access__toggle.--active {
    transition: all 300ms linear; }
    /* line 23, scss/micro/ux--toggle.scss */
    .free__access__toggle.--active .free__access__toggle__dot {
      right: 4px;
      left: auto;
      transition: all 300ms linear; }

/* line 1, scss/micro/ux--footnote.scss */
body {
  counter-reset: footnote; }

/* line 5, scss/micro/ux--footnote.scss */
article-footnote {
  display: inline-flex;
  align-items: center; }

/* line 10, scss/micro/ux--footnote.scss */
article-footnote::after {
  counter-increment: footnote;
  content: " " counter(footnote) " ";
  border: 1px solid;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  margin-left: 0.25em;
  vertical-align: top;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 625px) {
    /* line 10, scss/micro/ux--footnote.scss */
    article-footnote::after {
      font-size: 13px;
      line-height: 16px; } }

/* line 28, scss/micro/ux--footnote.scss */
.footnote__cards {
  pointer-events: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 15.789vw;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  @media only screen and (max-width: 1024px) {
    /* line 28, scss/micro/ux--footnote.scss */
    .footnote__cards {
      bottom: 0;
      z-index: 99999;
      width: 100%;
      align-items: unset;
      flex-direction: column;
      justify-content: flex-end; } }
  /* line 50, scss/micro/ux--footnote.scss */
  .footnote__cards .footnote__card {
    display: none;
    background-color: #ffffff;
    padding: 16px; }
    @media only screen and (max-width: 1024px) {
      /* line 50, scss/micro/ux--footnote.scss */
      .footnote__cards .footnote__card {
        background-color: #ffffff;
        padding: 16px;
        min-height: 130px; } }
    /* line 61, scss/micro/ux--footnote.scss */
    .footnote__cards .footnote__card p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      border-top: 2px solid;
      padding-top: 8px; }
      @media only screen and (max-width: 625px) {
        /* line 61, scss/micro/ux--footnote.scss */
        .footnote__cards .footnote__card p {
          font-size: 13px;
          line-height: 16px; } }
  /* line 68, scss/micro/ux--footnote.scss */
  .footnote__cards .footnote__card.--active {
    display: block; }

/* line 10, scss/micro/ux--amount.scss */
.amountSelector {
  display: flex;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 17px;
  line-height: 24px;
  align-items: baseline; }
  @media only screen and (max-width: 625px) {
    /* line 10, scss/micro/ux--amount.scss */
    .amountSelector {
      font-size: 14px;
      line-height: 18px; } }
  /* line 15, scss/micro/ux--amount.scss */
  .amountSelector .amount {
    width: 48px;
    text-align: center; }
  /* line 20, scss/micro/ux--amount.scss */
  .amountSelector .amount__button {
    border-radius: 100%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #F8F6F6; }
    /* line 31, scss/micro/ux--amount.scss */
    .amountSelector .amount__button:hover {
      background-color: #e1e3de; }

@media only screen and (min-width: 1480px) {
  /* line 1, scss/snippets/headers.scss */
  .header {
    max-width: 1200px;
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 1, scss/snippets/headers.scss */
  .header {
    margin: 0 auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 1024px) {
  /* line 1, scss/snippets/headers.scss */
  .header {
    margin: 32px auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 625px) {
  /* line 1, scss/snippets/headers.scss */
  .header {
    margin: 32px auto;
    padding: 0 2.6315vw; } }
/* line 4, scss/snippets/headers.scss */
.header .information {
  text-align: center; }
  /* line 7, scss/snippets/headers.scss */
  .header .information .title {
    text-align: center;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    max-width: 70%; }
    @media only screen and (max-width: 625px) {
      /* line 7, scss/snippets/headers.scss */
      .header .information .title {
        max-width: none; } }
  /* line 17, scss/snippets/headers.scss */
  .header .information .author {
    text-align: center;
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
  /* line 22, scss/snippets/headers.scss */
  .header .information .subtitle {
    display: none; }
  /* line 26, scss/snippets/headers.scss */
  .header .information .translator {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    line-height: 1.3em;
    font-size: clamp(1.04rem, 1.158vw, 2.85rem);
    margin-top: 8px; }
  /* line 31, scss/snippets/headers.scss */
  .header .information .date {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px;
    margin-top: 32px;
    width: 100%; }
    @media only screen and (max-width: 625px) {
      /* line 31, scss/snippets/headers.scss */
      .header .information .date {
        font-size: 14px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) {
      /* line 31, scss/snippets/headers.scss */
      .header .information .date {
        margin-top: 16px; } }
/* line 42, scss/snippets/headers.scss */
.header .handles {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  /* line 49, scss/snippets/headers.scss */
  .header .handles .switchers div {
    margin: 0 4px; }
  /* line 54, scss/snippets/headers.scss */
  .header .handles .wordcount {
    margin-top: 8px; }
/* line 61, scss/snippets/headers.scss */
.header .image {
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 66, scss/snippets/headers.scss */
  .header .image img {
    max-height: 55vh;
    width: auto; }

/* line 77, scss/snippets/headers.scss */
.restrictedAccess .article--opener {
  text-align: left; }

/* line 1, scss/snippets/footer.scss */
.footer {
  background-color: #1D1D1D;
  color: #ffffff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 48px 32px 24px 32px; }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/footer.scss */
    .footer {
      padding: 48px 12px 12px 12px !important; } }
  /* line 15, scss/snippets/footer.scss */
  .footer .module {
    text-align: center;
    background-color: transparent !important; }
    @media only screen and (min-width: 1480px) {
      /* line 15, scss/snippets/footer.scss */
      .footer .module {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 15, scss/snippets/footer.scss */
      .footer .module {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 15, scss/snippets/footer.scss */
      .footer .module {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 15, scss/snippets/footer.scss */
      .footer .module {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 28, scss/snippets/footer.scss */
    .footer .module .cta {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    /* line 32, scss/snippets/footer.scss */
    .footer .module .newsletter {
      margin-top: 32px;
      width: 620px; }
      @media only screen and (min-width: 1480px) {
        /* line 32, scss/snippets/footer.scss */
        .footer .module .newsletter {
          width: 620px; } }
      @media only screen and (max-width: 625px) {
        /* line 32, scss/snippets/footer.scss */
        .footer .module .newsletter {
          width: 100%; } }
  /* line 47, scss/snippets/footer.scss */
  .footer .bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    padding-bottom: 32px !important; }
    @media only screen and (min-width: 1480px) {
      /* line 47, scss/snippets/footer.scss */
      .footer .bottom {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 47, scss/snippets/footer.scss */
      .footer .bottom {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 47, scss/snippets/footer.scss */
      .footer .bottom {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 47, scss/snippets/footer.scss */
      .footer .bottom {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 625px) {
      /* line 47, scss/snippets/footer.scss */
      .footer .bottom {
        flex-wrap: wrap;
        padding: 0 !important;
        margin: 0 !important; } }
    @media only screen and (max-width: 625px) {
      /* line 62, scss/snippets/footer.scss */
      .footer .bottom .column {
        width: 50%;
        margin-bottom: 36px; } }
    /* line 69, scss/snippets/footer.scss */
    .footer .bottom .column .column__head {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 12px;
      line-height: 18px;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0.05em !important;
      margin-bottom: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 69, scss/snippets/footer.scss */
        .footer .bottom .column .column__head {
          font-size: 11px;
          line-height: 16px; } }
    /* line 77, scss/snippets/footer.scss */
    .footer .bottom .column .link {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 8px;
      letter-spacing: 0.015em !important; }
      @media only screen and (max-width: 625px) {
        /* line 77, scss/snippets/footer.scss */
        .footer .bottom .column .link {
          font-size: 14px;
          line-height: 18px; } }
      /* line 82, scss/snippets/footer.scss */
      .footer .bottom .column .link:hover {
        color: #a2a2a2; }
  /* line 92, scss/snippets/footer.scss */
  .footer .conditions {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 12px;
    line-height: 18px;
    opacity: 0.8;
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%; }
    @media only screen and (min-width: 1480px) {
      /* line 92, scss/snippets/footer.scss */
      .footer .conditions {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 92, scss/snippets/footer.scss */
      .footer .conditions {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 92, scss/snippets/footer.scss */
      .footer .conditions {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 92, scss/snippets/footer.scss */
      .footer .conditions {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 625px) {
      /* line 92, scss/snippets/footer.scss */
      .footer .conditions {
        font-size: 11px;
        line-height: 16px; } }
    /* line 103, scss/snippets/footer.scss */
    .footer .conditions a:hover {
      color: #a2a2a2; }
    @media only screen and (max-width: 625px) {
      /* line 92, scss/snippets/footer.scss */
      .footer .conditions {
        padding: 0 !important;
        margin: 0 !important; } }
    /* line 113, scss/snippets/footer.scss */
    .footer .conditions .conditions__content {
      border-top: 1px solid;
      width: 100%; }
      @media only screen and (max-width: 625px) {
        /* line 113, scss/snippets/footer.scss */
        .footer .conditions .conditions__content {
          border-top: 0 !important; } }

/* line 128, scss/snippets/footer.scss */
.footer--mini {
  padding: 32px 32px 32px 32px; }
  /* line 132, scss/snippets/footer.scss */
  .footer--mini .bottom .socials {
    margin-top: 32px; }
  /* line 136, scss/snippets/footer.scss */
  .footer--mini .bottom .sitemap {
    margin-top: 32px; }
  /* line 140, scss/snippets/footer.scss */
  .footer--mini .bottom .securedpayment {
    margin-top: 32px; }

/* line 2, scss/snippets/wordcount.scss */
.wordcount span {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 12px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 2, scss/snippets/wordcount.scss */
    .wordcount span {
      font-size: 11px;
      line-height: 16px; } }

/* line 5, scss/snippets/article.scss */
.article .align-left {
  text-align: left !important; }
/* line 9, scss/snippets/article.scss */
.article .align-right {
  text-align: right !important; }
/* line 13, scss/snippets/article.scss */
.article .align-center {
  text-align: center !important; }

/* line 21, scss/snippets/article.scss */
.rtl .article {
  direction: rtl;
  text-align: right; }
/* line 26, scss/snippets/article.scss */
.rtl .header {
  direction: rtl;
  text-align: right; }

@media only screen and (min-width: 1480px) {
  /* line 33, scss/snippets/article.scss */
  .article .article__main {
    max-width: 900px;
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 33, scss/snippets/article.scss */
  .article .article__main {
    margin: 0 auto;
    max-width: 900px; } }
@media only screen and (max-width: 1024px) {
  /* line 33, scss/snippets/article.scss */
  .article .article__main {
    margin: 32px auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 625px) {
  /* line 33, scss/snippets/article.scss */
  .article .article__main {
    margin: 32px auto;
    padding: 0 2.6315vw; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 33, scss/snippets/article.scss */
  .article .article__main {
    width: 60vw !important; } }
/* line 42, scss/snippets/article.scss */
.article .article__main a {
  white-space: nowrap; }
/* line 46, scss/snippets/article.scss */
.article .article__main > div, .article .article__main > p {
  padding: 12px 0; }
/* line 51, scss/snippets/article.scss */
.article .article__main h1 {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.2rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.95vw, 3.7rem);
  font-style: normal;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }
/* line 58, scss/snippets/article.scss */
.article .article__main h2 {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  font-style: normal;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }
/* line 65, scss/snippets/article.scss */
.article .article__main h3 {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  line-height: 1.3em;
  font-size: clamp(1.04rem, 1.158vw, 2.85rem);
  font-style: normal;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }
/* line 72, scss/snippets/article.scss */
.article .article__main h4 {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  font-style: normal;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }
/* line 79, scss/snippets/article.scss */
.article .article__main h5 {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  font-style: normal;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }
/* line 86, scss/snippets/article.scss */
.article .article__main h6 {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  font-style: normal;
  margin-top: 0.5em;
  margin-bottom: 0.25em; }

@media only screen and (min-width: 1480px) {
  /* line 97, scss/snippets/article.scss */
  .article .article__side {
    width: 26.315vw; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 97, scss/snippets/article.scss */
  .article .article__side {
    width: 26.315vw; } }
@media only screen and (max-width: 1024px) {
  /* line 97, scss/snippets/article.scss */
  .article .article__side {
    width: 26.315vw; } }

/* line 112, scss/snippets/article.scss */
.article--opener {
  text-align: center;
  font-family: bookmania, Garamond;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.005em;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  margin: 2.6315vw auto !important; }
  @media only screen and (min-width: 1480px) {
    /* line 112, scss/snippets/article.scss */
    .article--opener {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 112, scss/snippets/article.scss */
    .article--opener {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 112, scss/snippets/article.scss */
    .article--opener {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 112, scss/snippets/article.scss */
    .article--opener {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 112, scss/snippets/article.scss */
    .article--opener {
      width: 60vw !important; } }
  /* line 130, scss/snippets/article.scss */
  .article--opener p {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.15rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.34vw, 3.25rem); }

/* line 136, scss/snippets/article.scss */
.article--opener--paywall {
  position: relative;
  margin: 2.6315vw auto !important;
  margin-bottom: 0 !important; }
  @media only screen and (min-width: 1480px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      width: 60vw !important;
      margin-bottom: 0 !important; } }
  @media only screen and (max-width: 1024px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      margin-bottom: 0 !important; } }
  @media only screen and (max-width: 625px) {
    /* line 136, scss/snippets/article.scss */
    .article--opener--paywall {
      margin-bottom: 0 !important; } }
  /* line 157, scss/snippets/article.scss */
  .article--opener--paywall p {
    padding: 12px 0; }

/* line 163, scss/snippets/article.scss */
.article--opener--paywall--fade {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 20px; }

/* line 171, scss/snippets/article.scss */
.--white .article--opener--paywall--fade {
  background: linear-gradient(#FFFFFF00, #FFFFFF) !important; }

/* line 176, scss/snippets/article.scss */
.article--encart {
  padding-left: 5.263vw; }
  /* line 181, scss/snippets/article.scss */
  .article--encart p,
  .article--encart * {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.001em;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 0.75rem;
    line-height: 1.48em; }
  /* line 186, scss/snippets/article.scss */
  .article--encart p + p {
    margin-top: 12px; }

/* line 193, scss/snippets/article.scss */
.article--sider {
  display: flex;
  align-items: baseline; }
  /* line 197, scss/snippets/article.scss */
  .article--sider .main {
    margin: 0; }
    @media only screen and (min-width: 1480px) {
      /* line 197, scss/snippets/article.scss */
      .article--sider .main {
        width: 42.104vw;
        margin: 0; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 197, scss/snippets/article.scss */
      .article--sider .main {
        width: 42.104vw;
        margin: 0; } }
    @media only screen and (max-width: 1024px) {
      /* line 197, scss/snippets/article.scss */
      .article--sider .main {
        width: 42.104vw;
        margin: 0; } }
  /* line 217, scss/snippets/article.scss */
  .article--sider .side p {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.001em;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 0.75rem;
    line-height: 1.48em; }
  @media only screen and (min-width: 1480px) {
    /* line 216, scss/snippets/article.scss */
    .article--sider .side {
      width: 15.789vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 216, scss/snippets/article.scss */
    .article--sider .side {
      width: 15.789vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 216, scss/snippets/article.scss */
    .article--sider .side {
      width: 26.315vw; } }
  /* line 235, scss/snippets/article.scss */
  .article--sider.--left .main {
    padding-right: 24px; }
  /* line 240, scss/snippets/article.scss */
  .article--sider.--right {
    flex-direction: row-reverse; }
    /* line 243, scss/snippets/article.scss */
    .article--sider.--right .main {
      padding-left: 24px; }

/* line 252, scss/snippets/article.scss */
.article--streamer {
  display: grid;
  align-items: baseline;
  column-gap: 24px; }
  /* line 258, scss/snippets/article.scss */
  .article--streamer .side p {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.001em;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 0.75rem;
    line-height: 1.48em; }
  /* line 263, scss/snippets/article.scss */
  .article--streamer.--left {
    grid-template-columns: 1fr 2fr; }
    /* line 266, scss/snippets/article.scss */
    .article--streamer.--left .side {
      grid-column: 1/2;
      grid-row: 1; }
    /* line 271, scss/snippets/article.scss */
    .article--streamer.--left .main {
      grid-column: 2/3;
      grid-row: 1; }
  /* line 277, scss/snippets/article.scss */
  .article--streamer.--right {
    grid-template-columns: 2fr 1fr; }
    /* line 280, scss/snippets/article.scss */
    .article--streamer.--right .side {
      grid-column: 2/3;
      grid-row: 1; }
    /* line 285, scss/snippets/article.scss */
    .article--streamer.--right .main {
      grid-column: 1/2;
      grid-row: 1; }

/* line 292, scss/snippets/article.scss */
.article--columns {
  display: grid;
  align-items: baseline;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px; }
  /* line 299, scss/snippets/article.scss */
  .article--columns .left p + p {
    margin-top: 12px; }
  /* line 305, scss/snippets/article.scss */
  .article--columns .right p + p {
    margin-top: 12px; }
  @media only screen and (max-width: 625px) {
    /* line 292, scss/snippets/article.scss */
    .article--columns {
      column-gap: 16px;
      row-gap: 16px; }
      /* line 314, scss/snippets/article.scss */
      .article--columns p {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 12px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) and (max-width: 625px) {
      /* line 314, scss/snippets/article.scss */
      .article--columns p {
        font-size: 11px;
        line-height: 16px; } }

/* line 321, scss/snippets/article.scss */
.article--blockquote {
  text-align: center;
  padding: 32px 0 !important; }
  /* line 325, scss/snippets/article.scss */
  .article--blockquote .quote {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.2rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
    /* line 326, scss/snippets/article.scss */
    .article--blockquote .quote h3 {
      font-style: italic;
      padding-bottom: 12px; }
    /* line 333, scss/snippets/article.scss */
    .article--blockquote .quote * {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.2rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
  /* line 347, scss/snippets/article.scss */
  .article--blockquote .reference {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 625px) {
      /* line 347, scss/snippets/article.scss */
      .article--blockquote .reference {
        font-size: 13px;
        line-height: 16px; } }
    /* line 351, scss/snippets/article.scss */
    .article--blockquote .reference p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 351, scss/snippets/article.scss */
        .article--blockquote .reference p {
          font-size: 13px;
          line-height: 16px; } }

/* line 360, scss/snippets/article.scss */
.article--heroText {
  text-align: center;
  padding: 32px 0 !important;
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.2rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.95vw, 3.7rem);
  font-style: italic !important;
  padding-bottom: 12px;
  margin-top: 12px; }
  /* line 368, scss/snippets/article.scss */
  .article--heroText * {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.2rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem); }

/* line 378, scss/snippets/article.scss */
.article--excerpt p {
  border-left: 2px solid;
  padding-left: 32px; }
  @media only screen and (max-width: 625px) {
    /* line 378, scss/snippets/article.scss */
    .article--excerpt p {
      padding-left: 16px; } }

/* line 389, scss/snippets/article.scss */
.article--separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 32px; }
  /* line 396, scss/snippets/article.scss */
  .article--separator .bullet {
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 100%; }
  /* line 403, scss/snippets/article.scss */
  .article--separator .line {
    height: 1px;
    background-color: #1D1D1D;
    width: 100%; }
  /* line 409, scss/snippets/article.scss */
  .article--separator .space {
    height: 5.263vw;
    min-height: 32px;
    width: 100%;
    background-color: transparent; }

/* line 419, scss/snippets/article.scss */
.article--editorialNote p {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  letter-spacing: 0.001em;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 0.75rem;
  line-height: 1.48em; }

/* line 425, scss/snippets/article.scss */
.article--hook {
  width: 10.526vw;
  cursor: pointer;
  position: absolute;
  right: 0;
  height: 60vh;
  transition: right 0.1s ease; }
  /* line 435, scss/snippets/article.scss */
  .article--hook:hover {
    right: 10px; }
  @media only screen and (min-width: 1480px) {
    /* line 425, scss/snippets/article.scss */
    .article--hook {
      width: 17vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 425, scss/snippets/article.scss */
    .article--hook {
      width: 17vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 425, scss/snippets/article.scss */
    .article--hook {
      position: static;
      width: 100%;
      height: auto;
      margin-left: 0;
      margin-right: 0;
      display: flex;
      justify-content: flex-end;
      text-align: center; } }
  /* line 462, scss/snippets/article.scss */
  .article--hook .level2__pickaboo {
    height: 90vh;
    position: fixed;
    top: 5vh;
    right: 0;
    width: 50vw;
    transform: rotate(-8deg) translateX(46vw);
    z-index: -99999999999999999;
    display: none; }
  /* line 473, scss/snippets/article.scss */
  .article--hook .inner {
    position: sticky;
    top: 30vh;
    padding-right: 0;
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1; }
    @media only screen and (max-width: 1024px) {
      /* line 473, scss/snippets/article.scss */
      .article--hook .inner {
        flex-grow: 0;
        margin-right: -5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 473, scss/snippets/article.scss */
      .article--hook .inner {
        margin-right: -2.6315vw; } }
    /* line 493, scss/snippets/article.scss */
    .article--hook .inner .image {
      position: relative;
      width: 120px;
      background-color: #1d1d1d; }
      /* line 498, scss/snippets/article.scss */
      .article--hook .inner .image img {
        transition: all 300ms linear; }
    /* line 505, scss/snippets/article.scss */
    .article--hook .inner .text + .image {
      width: 68px; }
      /* line 508, scss/snippets/article.scss */
      .article--hook .inner .text + .image img {
        width: 68px;
        height: 100%;
        object-fit: cover; }
    /* line 515, scss/snippets/article.scss */
    .article--hook .inner .text {
      flex-grow: 1; }
      /* line 519, scss/snippets/article.scss */
      .article--hook .inner .text p {
        padding: 8px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; }
        @media only screen and (max-width: 1024px) {
          /* line 519, scss/snippets/article.scss */
          .article--hook .inner .text p {
            padding-bottom: 12px; } }

/* line 536, scss/snippets/article.scss */
.article--vignette {
  margin: 32px 0; }
  /* line 539, scss/snippets/article.scss */
  .article--vignette .image {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center; }
    /* line 545, scss/snippets/article.scss */
    .article--vignette .image img {
      width: 200px;
      mix-blend-mode: multiply; }

/* line 553, scss/snippets/article.scss */
.article--image {
  margin: 32px 0; }
  /* line 556, scss/snippets/article.scss */
  .article--image .caption {
    margin-top: 12px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 625px) {
      /* line 556, scss/snippets/article.scss */
      .article--image .caption {
        font-size: 13px;
        line-height: 16px; } }
    /* line 560, scss/snippets/article.scss */
    .article--image .caption p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 560, scss/snippets/article.scss */
        .article--image .caption p {
          font-size: 13px;
          line-height: 16px; } }
  /* line 566, scss/snippets/article.scss */
  .article--image.--small .caption {
    margin: 12px auto;
    max-width: 45%; }
    @media only screen and (max-width: 625px) {
      /* line 566, scss/snippets/article.scss */
      .article--image.--small .caption {
        max-width: 70%; } }
  /* line 575, scss/snippets/article.scss */
  .article--image.--small .image {
    text-align: center; }
    /* line 578, scss/snippets/article.scss */
    .article--image.--small .image img {
      margin: 0 auto;
      max-width: 45%; }
      @media only screen and (max-width: 625px) {
        /* line 578, scss/snippets/article.scss */
        .article--image.--small .image img {
          max-width: 90%; } }
  /* line 590, scss/snippets/article.scss */
  .article--image.--normal .caption {
    margin: 12px auto;
    max-width: 100%; }
  /* line 595, scss/snippets/article.scss */
  .article--image.--normal .image {
    text-align: center; }
    /* line 598, scss/snippets/article.scss */
    .article--image.--normal .image img {
      margin: 0 auto;
      max-width: 100%; }
  /* line 606, scss/snippets/article.scss */
  .article--image.--hero .caption {
    margin: 12px auto;
    max-width: 100%; }
  /* line 611, scss/snippets/article.scss */
  .article--image.--hero .image {
    text-align: center; }
    /* line 614, scss/snippets/article.scss */
    .article--image.--hero .image img {
      margin: 0 auto;
      max-width: 100%; }

/* line 624, scss/snippets/article.scss */
.article--images {
  margin: 32px 0; }
  /* line 630, scss/snippets/article.scss */
  .article--images.--row .images {
    display: flex;
    flex-direction: row; }
    /* line 634, scss/snippets/article.scss */
    .article--images.--row .images .image {
      margin: 0 4px;
      width: auto; }
  /* line 640, scss/snippets/article.scss */
  .article--images.--row .caption {
    margin-top: 32px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 625px) {
      /* line 640, scss/snippets/article.scss */
      .article--images.--row .caption {
        font-size: 13px;
        line-height: 16px; } }
    /* line 644, scss/snippets/article.scss */
    .article--images.--row .caption p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 644, scss/snippets/article.scss */
        .article--images.--row .caption p {
          font-size: 13px;
          line-height: 16px; } }

/* line 654, scss/snippets/article.scss */
.article--video {
  margin: 0 !important; }
  /* line 657, scss/snippets/article.scss */
  .article--video figure {
    margin: 0 !important;
    padding: 0 !important; }
  /* line 663, scss/snippets/article.scss */
  .article--video iframe {
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    border: none !important; }
  /* line 669, scss/snippets/article.scss */
  .article--video figcaption {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    margin-top: 12px !important; }
    @media only screen and (max-width: 625px) {
      /* line 669, scss/snippets/article.scss */
      .article--video figcaption {
        font-size: 13px;
        line-height: 16px; } }
  /* line 674, scss/snippets/article.scss */
  .article--video .video {
    padding-top: 0 !important; }

/* line 1, scss/snippets/articleclosure.scss */
.articleclosure {
  padding-top: 32px !important;
  padding-bottom: 64px !important; }
  @media only screen and (min-width: 1480px) {
    /* line 1, scss/snippets/articleclosure.scss */
    .articleclosure {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 1, scss/snippets/articleclosure.scss */
    .articleclosure {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 1, scss/snippets/articleclosure.scss */
    .articleclosure {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/articleclosure.scss */
    .articleclosure {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 1, scss/snippets/articleclosure.scss */
    .articleclosure {
      width: 60vw !important; } }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/articleclosure.scss */
    .articleclosure {
      padding-top: 0 !important;
      margin-top: 0 !important; } }

/* line 20, scss/snippets/articleclosure.scss */
.articleclosure .metadata {
  display: flex;
  align-items: baseline; }
  /* line 25, scss/snippets/articleclosure.scss */
  .articleclosure .metadata .bio {
    display: flex;
    align-items: baseline; }
    /* line 31, scss/snippets/articleclosure.scss */
    .articleclosure .metadata .bio .bio__label {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 31, scss/snippets/articleclosure.scss */
        .articleclosure .metadata .bio .bio__label {
          font-size: 13px;
          line-height: 16px; } }
    /* line 36, scss/snippets/articleclosure.scss */
    .articleclosure .metadata .bio .bio__name {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 36, scss/snippets/articleclosure.scss */
        .articleclosure .metadata .bio .bio__name {
          font-size: 13px;
          line-height: 16px; } }
      /* line 40, scss/snippets/articleclosure.scss */
      .articleclosure .metadata .bio .bio__name a {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500 !important; }
        /* line 319, scss/micro/ux--buttons.scss */
        .articleclosure .metadata .bio .bio__name a:hover {
          background-color: #F99D9A; }
    /* line 47, scss/snippets/articleclosure.scss */
    .articleclosure .metadata .bio .bio__text p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      cursor: default; }
      @media only screen and (max-width: 625px) {
        /* line 47, scss/snippets/articleclosure.scss */
        .articleclosure .metadata .bio .bio__text p {
          font-size: 13px;
          line-height: 16px; } }
  /* line 56, scss/snippets/articleclosure.scss */
  .articleclosure .metadata .issue {
    display: flex;
    align-items: baseline; }
    /* line 60, scss/snippets/articleclosure.scss */
    .articleclosure .metadata .issue .issue__label {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      cursor: default; }
      @media only screen and (max-width: 625px) {
        /* line 60, scss/snippets/articleclosure.scss */
        .articleclosure .metadata .issue .issue__label {
          font-size: 13px;
          line-height: 16px; } }
    /* line 66, scss/snippets/articleclosure.scss */
    .articleclosure .metadata .issue .tag a {
      font-weight: 500 !important; }
      /* line 319, scss/micro/ux--buttons.scss */
      .articleclosure .metadata .issue .tag a:hover {
        background-color: #F99D9A; }
  /* line 74, scss/snippets/articleclosure.scss */
  .articleclosure .metadata .bio + .issue:before {
    content: ", \00a0";
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 625px) {
      /* line 74, scss/snippets/articleclosure.scss */
      .articleclosure .metadata .bio + .issue:before {
        font-size: 13px;
        line-height: 16px; } }

/* line 85, scss/snippets/articleclosure.scss */
.module--subscription--promo {
  margin-top: 5.263vw;
  margin-bottom: 5.263vw; }

/* line 95, scss/snippets/articleclosure.scss */
.article__sametopic {
  margin-top: 5.263vw; }
  @media only screen and (min-width: 1480px) {
    /* line 95, scss/snippets/articleclosure.scss */
    .article__sametopic {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 95, scss/snippets/articleclosure.scss */
    .article__sametopic {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 95, scss/snippets/articleclosure.scss */
    .article__sametopic {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 95, scss/snippets/articleclosure.scss */
    .article__sametopic {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 100, scss/snippets/articleclosure.scss */
  .article__sametopic .article__sametopic__label {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    padding-top: 16px;
    margin-bottom: 16px; }
    @media only screen and (max-width: 625px) {
      /* line 100, scss/snippets/articleclosure.scss */
      .article__sametopic .article__sametopic__label {
        font-size: 12px;
        line-height: 16px; } }
  /* line 106, scss/snippets/articleclosure.scss */
  .article__sametopic .article__sametopic__container {
    display: flex; }
    /* line 109, scss/snippets/articleclosure.scss */
    .article__sametopic .article__sametopic__container .tag {
      margin-right: 8px; }

/* line 116, scss/snippets/articleclosure.scss */
.article__meta {
  padding-top: 5.263vw;
  padding-bottom: 5.263vw;
  margin-top: 5.263vw; }
  @media only screen and (max-width: 625px) {
    /* line 116, scss/snippets/articleclosure.scss */
    .article__meta {
      margin-top: 15.789vw; } }

/* line 1, scss/snippets/articlecontrolers.scss */
.article__controlers {
  position: fixed;
  z-index: 9999;
  left: 0;
  width: 89.471vw;
  margin-left: 5.263vw;
  justify-content: space-between;
  align-items: flex-end;
  bottom: 24px;
  display: flex;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/articlecontrolers.scss */
    .article__controlers {
      margin-left: 8px;
      width: calc(100% - 16px);
      bottom: 8px; } }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/articlecontrolers.scss */
    .article__controlers {
      font-size: 13px;
      line-height: 16px; } }
  /* line 25, scss/snippets/articlecontrolers.scss */
  .article__controlers .left {
    display: flex; }
  /* line 29, scss/snippets/articlecontrolers.scss */
  .article__controlers .right {
    display: flex; }
  /* line 33, scss/snippets/articlecontrolers.scss */
  .article__controlers .panel {
    position: absolute;
    left: 0;
    bottom: 62px;
    padding: 2.6315vw;
    background-color: #ffffff;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px #2424241f;
    display: none;
    min-width: 42.104vw; }
    /* line 43, scss/snippets/articlecontrolers.scss */
    .article__controlers .panel.--active {
      display: block; }
    /* line 47, scss/snippets/articlecontrolers.scss */
    .article__controlers .panel .info {
      margin-bottom: 4px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 500;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
    /* line 52, scss/snippets/articlecontrolers.scss */
    .article__controlers .panel .section {
      margin-bottom: 4px;
      cursor: pointer;
      transition: all 100ms linear; }
      /* line 57, scss/snippets/articlecontrolers.scss */
      .article__controlers .panel .section:hover {
        transform: translateX(4px); }
    /* line 62, scss/snippets/articlecontrolers.scss */
    .article__controlers .panel .language {
      margin-bottom: 4px;
      cursor: pointer;
      transition: all 100ms linear; }
      /* line 68, scss/snippets/articlecontrolers.scss */
      .article__controlers .panel .language:hover {
        transform: translateX(4px); }

/* line 78, scss/snippets/articlecontrolers.scss */
.article__controlers .controlers__language .trigger {
  margin-right: 8px; }
  /* line 83, scss/snippets/articlecontrolers.scss */
  .article__controlers .controlers__language .trigger .button {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px #2424241f;
    border-radius: 100%;
    height: 52px;
    width: 52px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer; }
    @media only screen and (max-width: 625px) {
      /* line 83, scss/snippets/articlecontrolers.scss */
      .article__controlers .controlers__language .trigger .button {
        height: 44px;
        width: 44px;
        padding: 4px; } }
    /* line 102, scss/snippets/articlecontrolers.scss */
    .article__controlers .controlers__language .trigger .button:hover {
      background-color: #F8F6F6;
      box-shadow: 0px 4px 20px 0px #24242400; }
/* line 110, scss/snippets/articlecontrolers.scss */
.article__controlers .controlers__language .panel .language {
  display: flex;
  align-items: baseline; }
  /* line 115, scss/snippets/articlecontrolers.scss */
  .article__controlers .controlers__language .panel .language .initial {
    margin-right: 4px; }
  /* line 119, scss/snippets/articlecontrolers.scss */
  .article__controlers .controlers__language .panel .language .title {
    font-style: italic; }
    @media only screen and (max-width: 625px) {
      /* line 119, scss/snippets/articlecontrolers.scss */
      .article__controlers .controlers__language .panel .language .title {
        display: none; } }

/* line 139, scss/snippets/articlecontrolers.scss */
.article__controlers .controlers__toc .trigger .button {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px #2424241f;
  border-radius: 100%;
  height: 52px;
  width: 52px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer; }
  @media only screen and (max-width: 625px) {
    /* line 139, scss/snippets/articlecontrolers.scss */
    .article__controlers .controlers__toc .trigger .button {
      height: 44px;
      width: 44px;
      padding: 4px; } }
  /* line 158, scss/snippets/articlecontrolers.scss */
  .article__controlers .controlers__toc .trigger .button:hover {
    background-color: #F8F6F6;
    box-shadow: 0px 4px 20px 0px #24242400; }

/* line 179, scss/snippets/articlecontrolers.scss */
.article__controlers .controlers__jump {
  display: flex; }
  /* line 184, scss/snippets/articlecontrolers.scss */
  .article__controlers .controlers__jump .jump--up {
    margin-right: 8px; }
    @media only screen and (max-width: 625px) {
      /* line 184, scss/snippets/articlecontrolers.scss */
      .article__controlers .controlers__jump .jump--up {
        margin-right: 12px; } }
  /* line 192, scss/snippets/articlecontrolers.scss */
  .article__controlers .controlers__jump .button {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px #2424241f;
    border-radius: 100%;
    height: 52px;
    width: 52px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer; }
    @media only screen and (max-width: 625px) {
      /* line 192, scss/snippets/articlecontrolers.scss */
      .article__controlers .controlers__jump .button {
        height: 44px;
        width: 44px;
        padding: 4px; } }
    /* line 212, scss/snippets/articlecontrolers.scss */
    .article__controlers .controlers__jump .button:hover {
      background-color: #F8F6F6;
      box-shadow: 0px 4px 20px 0px #24242400; }

/* line 223, scss/snippets/articlecontrolers.scss */
.article__controlers .button {
  transform: scale(0); }
/* line 228, scss/snippets/articlecontrolers.scss */
.article__controlers.visible .button {
  transform: scale(1); }

/* line 236, scss/snippets/articlecontrolers.scss */
.article__controlers .overlay {
  display: none; }
/* line 239, scss/snippets/articlecontrolers.scss */
.article__controlers .overlay.--active {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  display: block; }

/* line 1, scss/snippets/articlelevel2.scss */
.article__level2 {
  position: fixed;
  top: 0;
  display: flex;
  align-items: self-start;
  justify-content: center;
  width: 99.997vw;
  height: 100vh;
  overflow-y: overlay;
  z-index: 999999999;
  background: #0000009e;
  display: none; }
  /* line 18, scss/snippets/articlelevel2.scss */
  .article__level2.--active {
    display: flex; }
  /* line 25, scss/snippets/articlelevel2.scss */
  .article__level2 .level2__block {
    background-color: #cbc2fa;
    width: 68.419vw;
    padding: 5.263vw 2.6315vw;
    margin-top: 5.263vw;
    margin-bottom: 5.263vw;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 72ch; }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 25, scss/snippets/articlelevel2.scss */
      .article__level2 .level2__block {
        width: 78.945vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 25, scss/snippets/articlelevel2.scss */
      .article__level2 .level2__block {
        width: 89.471vw; } }
    @media only screen and (max-width: 625px) {
      /* line 25, scss/snippets/articlelevel2.scss */
      .article__level2 .level2__block {
        width: 95vw;
        margin-bottom: 10vh;
        margin-top: 10vh;
        padding: 15.789vw 2.6315vw; } }
    /* line 54, scss/snippets/articlelevel2.scss */
    .article__level2 .level2__block .author {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 54, scss/snippets/articlelevel2.scss */
        .article__level2 .level2__block .author {
          font-size: 14px;
          line-height: 18px; } }
    /* line 61, scss/snippets/articlelevel2.scss */
    .article__level2 .level2__block .title {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 500;
      letter-spacing: 0em;
      font-size: 28px;
      line-height: 36px;
      text-align: center;
      margin: 0 auto; }
      @media only screen and (max-width: 625px) {
        /* line 61, scss/snippets/articlelevel2.scss */
        .article__level2 .level2__block .title {
          font-size: 22px;
          line-height: 28px; } }
    /* line 68, scss/snippets/articlelevel2.scss */
    .article__level2 .level2__block .subtitle {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      line-height: 28px;
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      margin: 0 auto;
      margin-top: 4px;
      margin-bottom: 32px; }
      @media only screen and (max-width: 625px) {
        /* line 68, scss/snippets/articlelevel2.scss */
        .article__level2 .level2__block .subtitle {
          font-size: 16px;
          line-height: 24px; } }
    /* line 78, scss/snippets/articlelevel2.scss */
    .article__level2 .level2__block p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 78, scss/snippets/articlelevel2.scss */
        .article__level2 .level2__block p {
          font-size: 14px;
          line-height: 18px; } }
  /* line 83, scss/snippets/articlelevel2.scss */
  .article__level2 .level2__trigger {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh; }

/* line 98, scss/snippets/articlelevel2.scss */
.level2__article > div, .level2__article > p {
  padding: 12px 0; }
/* line 103, scss/snippets/articlelevel2.scss */
.level2__article a {
  word-break: break-all; }
/* line 109, scss/snippets/articlelevel2.scss */
.level2__article .article--blockquote .quote * {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  font-style: italic; }
/* line 120, scss/snippets/articlelevel2.scss */
.level2__article .article--excerpt {
  padding-bottom: 32px !important; }
/* line 127, scss/snippets/articlelevel2.scss */
.level2__article .article--image.--hero .image {
  margin: 0; }
  /* line 130, scss/snippets/articlelevel2.scss */
  .level2__article .article--image.--hero .image img {
    width: 100%; }
/* line 138, scss/snippets/articlelevel2.scss */
.level2__article .article--image .caption p {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 138, scss/snippets/articlelevel2.scss */
    .level2__article .article--image .caption p {
      font-size: 13px;
      line-height: 16px; } }

/* line 145, scss/snippets/articlelevel2.scss */
.level2__close {
  color: #1d1d1d !important;
  border-radius: 2px;
  cursor: pointer;
  padding: 8px 24px;
  border: 1px solid;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 17px;
  line-height: 24px;
  text-transform: capitalize;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  margin-top: 5.263vw; }
  @media only screen and (max-width: 625px) {
    /* line 145, scss/snippets/articlelevel2.scss */
    .level2__close {
      font-size: 14px;
      line-height: 18px; } }
  /* line 158, scss/snippets/articlelevel2.scss */
  .level2__close:hover {
    background-color: #1d1d1d;
    color: #ffffff !important;
    border: 1px solid #1d1d1d !important; }
    /* line 163, scss/snippets/articlelevel2.scss */
    .level2__close:hover a {
      color: #ffffff !important; }

@keyframes appearBlock {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* line 178, scss/snippets/articlelevel2.scss */
.article__level2.--active .level2__block {
  opacity: 0;
  animation: forwards appearBlock 200ms;
  animation-delay: 300ms; }

/* line 189, scss/snippets/articlelevel2.scss */
.article__level2 .article--encart p, .article__level2 .article--encart a {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 189, scss/snippets/articlelevel2.scss */
    .article__level2 .article--encart p, .article__level2 .article--encart a {
      font-size: 13px;
      line-height: 16px; } }
/* line 192, scss/snippets/articlelevel2.scss */
.article__level2 .article--encart * em, .article__level2 .article--encart em {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  font-style: italic; }
  @media only screen and (max-width: 625px) {
    /* line 192, scss/snippets/articlelevel2.scss */
    .article__level2 .article--encart * em, .article__level2 .article--encart em {
      font-size: 13px;
      line-height: 16px; } }

/* line 3, scss/snippets/menu.scss */
.menu--float {
  width: 100vw;
  position: fixed;
  top: 0;
  z-index: 9999;
  transition: transform 300ms linear;
  background-color: #ffffff; }
  /* line 13, scss/snippets/menu.scss */
  .menu--float.--top {
    background-color: transparent;
    display: none; }
  /* line 19, scss/snippets/menu.scss */
  .menu--float.--hide {
    transform: translateY(-100%); }
  /* line 23, scss/snippets/menu.scss */
  .menu--float .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 32px;
    padding-right: 64px;
    padding-bottom: 20px;
    padding-top: 20px; }
    @media only screen and (max-width: 1024px) {
      /* line 23, scss/snippets/menu.scss */
      .menu--float .navigation {
        padding-right: 32px; } }
    @media only screen and (max-width: 625px) {
      /* line 23, scss/snippets/menu.scss */
      .menu--float .navigation {
        padding: 12px 24px 12px 12px; } }
    /* line 42, scss/snippets/menu.scss */
    .menu--float .navigation .left {
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 47, scss/snippets/menu.scss */
      .menu--float .navigation .left .logo {
        width: 92px; }
        /* line 50, scss/snippets/menu.scss */
        .menu--float .navigation .left .logo img {
          width: auto; }
        @media only screen and (max-width: 625px) {
          /* line 47, scss/snippets/menu.scss */
          .menu--float .navigation .left .logo {
            width: 14.5vw; }
            /* line 57, scss/snippets/menu.scss */
            .menu--float .navigation .left .logo img {
              width: 14.5vw; } }
      /* line 64, scss/snippets/menu.scss */
      .menu--float .navigation .left .links {
        display: flex;
        flex-direction: row;
        align-items: baseline; }
        @media only screen and (max-width: 1024px) {
          /* line 64, scss/snippets/menu.scss */
          .menu--float .navigation .left .links {
            display: none; } }
    /* line 75, scss/snippets/menu.scss */
    .menu--float .navigation .right {
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 80, scss/snippets/menu.scss */
      .menu--float .navigation .right .links {
        display: flex;
        flex-direction: row;
        align-items: baseline; }
        @media only screen and (max-width: 1024px) {
          /* line 80, scss/snippets/menu.scss */
          .menu--float .navigation .right .links {
            display: none; } }
      /* line 90, scss/snippets/menu.scss */
      .menu--float .navigation .right .megamenu__trigger {
        margin-left: 12px;
        margin-bottom: 8px;
        cursor: pointer; }
      /* line 96, scss/snippets/menu.scss */
      .menu--float .navigation .right .search__trigger {
        margin-left: 16px;
        cursor: pointer; }

/* line 106, scss/snippets/menu.scss */
.menu {
  top: 0;
  z-index: 9999;
  transition: transform 300ms linear;
  background-color: #ffffff;
  background-color: #fffffff2; }
  /* line 117, scss/snippets/menu.scss */
  .menu.--top {
    background-color: transparent; }
  /* line 121, scss/snippets/menu.scss */
  .menu.--hide {
    transform: translateY(-100%); }
  /* line 125, scss/snippets/menu.scss */
  .menu .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 32px;
    padding-right: 64px;
    padding-bottom: 20px;
    padding-top: 20px; }
    @media only screen and (max-width: 1024px) {
      /* line 125, scss/snippets/menu.scss */
      .menu .navigation {
        padding-right: 32px; } }
    @media only screen and (max-width: 625px) {
      /* line 125, scss/snippets/menu.scss */
      .menu .navigation {
        padding: 12px 24px 12px 12px; } }
    /* line 143, scss/snippets/menu.scss */
    .menu .navigation .left {
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 148, scss/snippets/menu.scss */
      .menu .navigation .left .logo {
        width: 92px; }
        @media only screen and (max-width: 625px) {
          /* line 148, scss/snippets/menu.scss */
          .menu .navigation .left .logo {
            width: 72px; } }
        /* line 155, scss/snippets/menu.scss */
        .menu .navigation .left .logo img {
          width: auto; }
      /* line 160, scss/snippets/menu.scss */
      .menu .navigation .left .links {
        display: flex;
        flex-direction: row;
        align-items: baseline; }
        @media only screen and (max-width: 1024px) {
          /* line 160, scss/snippets/menu.scss */
          .menu .navigation .left .links {
            display: none; } }
    /* line 171, scss/snippets/menu.scss */
    .menu .navigation .right {
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 176, scss/snippets/menu.scss */
      .menu .navigation .right .links {
        display: flex;
        flex-direction: row;
        align-items: baseline; }
        @media only screen and (max-width: 625px) {
          /* line 182, scss/snippets/menu.scss */
          .menu .navigation .right .links .menu__item {
            display: none; }
          /* line 190, scss/snippets/menu.scss */
          .menu .navigation .right .links .menu__item--main--cart.--active {
            display: block !important; } }
      /* line 196, scss/snippets/menu.scss */
      .menu .navigation .right .megamenu__trigger {
        margin-left: 12px;
        margin-bottom: 8px;
        cursor: pointer; }
      /* line 202, scss/snippets/menu.scss */
      .menu .navigation .right .search__trigger {
        margin-left: 16px;
        cursor: pointer; }

/* line 212, scss/snippets/menu.scss */
.page--home .menu.--top {
  display: none; }

/* line 217, scss/snippets/menu.scss */
.menu .subscribe--ticker {
  display: none;
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0.02em;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
  @media only screen and (max-width: 1024px) {
    /* line 217, scss/snippets/menu.scss */
    .menu .subscribe--ticker {
      background-color: #1d1d1d;
      text-align: center;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      padding: 4px 0;
      width: 100%;
      display: block;
      color: #ffffff; } }

/* line 235, scss/snippets/menu.scss */
.menu--home .subscribe--ticker {
  display: none;
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0.02em;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
  @media only screen and (max-width: 1024px) {
    /* line 235, scss/snippets/menu.scss */
    .menu--home .subscribe--ticker {
      background-color: #1d1d1d;
      text-align: center;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      padding: 4px 0;
      width: 100%;
      display: block;
      color: #ffffff; } }

/* line 257, scss/snippets/menu.scss */
.menu--float .subscribe--ticker {
  display: none;
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0.02em;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
  @media only screen and (max-width: 1024px) {
    /* line 257, scss/snippets/menu.scss */
    .menu--float .subscribe--ticker {
      background-color: #1d1d1d;
      text-align: center;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      padding: 4px 0;
      width: 100%;
      display: block;
      color: #ffffff; } }

/* line 274, scss/snippets/menu.scss */
.menu--home {
  width: auto;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  top: 200px;
  z-index: 9999;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 40px;
  position: fixed;
  top: 0;
  z-index: 9999;
  transition: transform 300ms linear;
  background-color: #fffffff2;
  position: static;
  flex-direction: column; }
  /* line 303, scss/snippets/menu.scss */
  .menu--home.--hide {
    transform: translateY(-260px); }
  /* line 307, scss/snippets/menu.scss */
  .menu--home .left {
    display: flex;
    left: 20px;
    position: absolute;
    flex-direction: column; }
    @media only screen and (max-width: 1024px) {
      /* line 307, scss/snippets/menu.scss */
      .menu--home .left {
        left: 0; } }
    /* line 317, scss/snippets/menu.scss */
    .menu--home .left .logo__container {
      display: none; }
      /* line 320, scss/snippets/menu.scss */
      .menu--home .left .logo__container .logo {
        margin-top: 24px;
        animation: goesaway 1200ms forwards;
        visibility: visible;
        top: 0;
        left: 0;
        position: static;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          /* line 320, scss/snippets/menu.scss */
          .menu--home .left .logo__container .logo {
            margin-left: 12px;
            margin-top: 16px; } }
        @media only screen and (max-width: 625px) {
          /* line 320, scss/snippets/menu.scss */
          .menu--home .left .logo__container .logo {
            margin-left: 4px;
            margin-top: 16px; } }
        /* line 339, scss/snippets/menu.scss */
        .menu--home .left .logo__container .logo .bull {
          height: auto;
          position: absolute;
          left: 0;
          top: 0;
          margin-left: -1vw;
          width: 14.5vw; }
          @media only screen and (max-width: 625px) {
            /* line 339, scss/snippets/menu.scss */
            .menu--home .left .logo__container .logo .bull {
              width: 21.25vw; } }
        /* line 360, scss/snippets/menu.scss */
        .menu--home .left .logo__container .logo .text {
          margin-left: 1vw;
          width: 45vw;
          margin-top: 1vw; }
          @media only screen and (max-width: 625px) {
            /* line 360, scss/snippets/menu.scss */
            .menu--home .left .logo__container .logo .text {
              width: 67.5vw;
              margin-left: 1.5vw; } }
    /* line 378, scss/snippets/menu.scss */
    .menu--home .left .logo--small {
      width: 116px; }
      /* line 381, scss/snippets/menu.scss */
      .menu--home .left .logo--small img {
        width: auto; }
    /* line 386, scss/snippets/menu.scss */
    .menu--home .left .links {
      display: flex;
      flex-direction: row;
      align-items: baseline; }
      @media only screen and (min-width: 1480px) {
        /* line 386, scss/snippets/menu.scss */
        .menu--home .left .links {
          margin-top: 3.85vw; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 386, scss/snippets/menu.scss */
        .menu--home .left .links {
          margin-top: 2.85vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 386, scss/snippets/menu.scss */
        .menu--home .left .links {
          overflow-x: scroll;
          width: 100vw;
          scroll-snap-type: x mandatory;
          padding-left: 0;
          padding-top: 8px;
          padding-bottom: 8px;
          padding-right: 24px;
          margin-top: 1.85vw;
          -ms-overflow-style: none;
          /* IE and Edge */
          scrollbar-width: none;
          /* Firefox */ }
          /* line 194, scss/base/general.scss */
          .menu--home .left .links::-webkit-scrollbar {
            display: none; }
          /* line 410, scss/snippets/menu.scss */
          .menu--home .left .links .menu__item {
            flex-shrink: 0;
            scroll-snap-align: start;
            margin: 0; }
            /* line 415, scss/snippets/menu.scss */
            .menu--home .left .links .menu__item a {
              padding-left: 24px; } }
      @media only screen and (max-width: 625px) {
        /* line 386, scss/snippets/menu.scss */
        .menu--home .left .links {
          margin-top: 20px;
          display: none; } }
  /* line 433, scss/snippets/menu.scss */
  .menu--home .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    top: 56px !important;
    right: 64px;
    position: absolute; }
    @media only screen and (max-width: 1024px) {
      /* line 433, scss/snippets/menu.scss */
      .menu--home .right {
        top: 56px !important; } }
    @media only screen and (max-width: 625px) {
      /* line 433, scss/snippets/menu.scss */
      .menu--home .right {
        right: 24px;
        top: 52px !important; } }
    /* line 455, scss/snippets/menu.scss */
    .menu--home .right .links {
      display: flex;
      flex-direction: row;
      align-items: baseline; }
      @media only screen and (max-width: 625px) {
        /* line 461, scss/snippets/menu.scss */
        .menu--home .right .links .menu__item {
          display: none; } }
    /* line 467, scss/snippets/menu.scss */
    .menu--home .right .megamenu__trigger {
      margin-left: 12px;
      margin-bottom: 8px;
      cursor: pointer; }
    /* line 473, scss/snippets/menu.scss */
    .menu--home .right .search__trigger {
      margin-left: 16px;
      cursor: pointer; }

/* line 483, scss/snippets/menu.scss */
.--institutionAccess .menu--home .right {
  top: 80px !important; }
  @media only screen and (max-width: 625px) {
    /* line 483, scss/snippets/menu.scss */
    .--institutionAccess .menu--home .right {
      top: 112px !important; } }

/* line 496, scss/snippets/menu.scss */
.--white .menu {
  background-color: #ffffff;
  margin-top: 0; }
  /* line 502, scss/snippets/menu.scss */
  .--white .menu .navigation {
    padding-bottom: 16px; }
/* line 507, scss/snippets/menu.scss */
.--white .menu__ticker {
  display: none; }

/* line 512, scss/snippets/menu.scss */
.logo--small {
  display: none; }

/* line 516, scss/snippets/menu.scss */
.logo__container {
  display: none; }

/* line 521, scss/snippets/menu.scss */
.--top .logo--small {
  display: none; }
/* line 525, scss/snippets/menu.scss */
.--top .logo__container {
  display: flex !important; }
/* line 530, scss/snippets/menu.scss */
.--top .right {
  top: 80px; }
  @media only screen and (max-width: 625px) {
    /* line 530, scss/snippets/menu.scss */
    .--top .right {
      top: 92px; } }
/* line 538, scss/snippets/menu.scss */
.--top .menu__ticker {
  display: flex; }

@media only screen and (max-width: 1024px) {
  /* line 544, scss/snippets/menu.scss */
  .menu__item--main--subscribe {
    display: none; } }

/* line 1, scss/snippets/thumbnail.scss */
.thumbnail {
  position: relative; }
  /* line 4, scss/snippets/thumbnail.scss */
  .thumbnail .wrapper {
    margin-top: 20px !important; }
    @media only screen and (max-width: 625px) {
      /* line 4, scss/snippets/thumbnail.scss */
      .thumbnail .wrapper {
        margin-top: 12px !important; } }
  /* line 15, scss/snippets/thumbnail.scss */
  .thumbnail .text.rtl {
    text-align: right;
    direction: rtl; }
  /* line 21, scss/snippets/thumbnail.scss */
  .thumbnail .title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.15rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
  /* line 24, scss/snippets/thumbnail.scss */
  .thumbnail .author {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.15rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.34vw, 3.25rem);
    margin-top: -4px; }
  /* line 29, scss/snippets/thumbnail.scss */
  .thumbnail .name {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.15rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
  /* line 33, scss/snippets/thumbnail.scss */
  .thumbnail .excerpt {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px;
    margin-top: 4px;
    opacity: 0.8; }
    @media only screen and (max-width: 625px) {
      /* line 33, scss/snippets/thumbnail.scss */
      .thumbnail .excerpt {
        font-size: 14px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) {
      /* line 33, scss/snippets/thumbnail.scss */
      .thumbnail .excerpt {
        margin-top: 4px; } }
    /* line 42, scss/snippets/thumbnail.scss */
    .thumbnail .excerpt * {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px;
      margin-top: 4px; }
      @media only screen and (max-width: 625px) {
        /* line 42, scss/snippets/thumbnail.scss */
        .thumbnail .excerpt * {
          font-size: 14px;
          line-height: 18px; } }
  /* line 49, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--home--hero {
    position: sticky;
    top: 5.263vw; }
    /* line 53, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--home--hero .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.85rem;
      line-height: 1.1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
      @media only screen and (max-width: 625px) {
        /* line 53, scss/snippets/thumbnail.scss */
        .thumbnail.thumbnail--home--hero .title {
          margin-top: 4px; } }
    /* line 61, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--home--hero .author {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.85rem;
      line-height: 1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
    /* line 64, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--home--hero .excerpt {
      margin-top: 16px;
      max-width: 58ch;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px; }
      @media only screen and (max-width: 625px) {
        /* line 64, scss/snippets/thumbnail.scss */
        .thumbnail.thumbnail--home--hero .excerpt {
          font-size: 14px;
          line-height: 18px; } }
      /* line 69, scss/snippets/thumbnail.scss */
      .thumbnail.thumbnail--home--hero .excerpt * {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px; }
        @media only screen and (max-width: 625px) {
          /* line 69, scss/snippets/thumbnail.scss */
          .thumbnail.thumbnail--home--hero .excerpt * {
            font-size: 14px;
            line-height: 18px; } }
      @media only screen and (max-width: 625px) {
        /* line 64, scss/snippets/thumbnail.scss */
        .thumbnail.thumbnail--home--hero .excerpt {
          max-width: none; } }
    /* line 77, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--home--hero .image {
      margin-top: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 77, scss/snippets/thumbnail.scss */
        .thumbnail.thumbnail--home--hero .image {
          margin-top: 20px; } }
  /* line 88, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--category--hero {
    position: sticky;
    top: 5.263vw; }
    /* line 92, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--category--hero .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.85rem;
      line-height: 1.1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem);
      margin-top: 24px; }
    /* line 96, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--category--hero .author {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.85rem;
      line-height: 1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
    /* line 99, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--category--hero .excerpt {
      margin-top: 16px;
      max-width: 31.578vw; }
      @media only screen and (max-width: 625px) {
        /* line 99, scss/snippets/thumbnail.scss */
        .thumbnail.thumbnail--category--hero .excerpt {
          max-width: none; } }
    /* line 107, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--category--hero .image {
      margin-top: 24px; }
  /* line 113, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--pearl .pearl__illustration {
    margin-bottom: 24px; }
  /* line 117, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--pearl .excerpt {
    margin-top: 8px; }
  /* line 121, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--pearl .text {
    margin-top: 16px;
    text-align: center; }
    /* line 125, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--pearl .text .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 0.85rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
    /* line 129, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--pearl .text .author {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
  /* line 134, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--pearl .translatebar {
    justify-content: center; }
  /* line 143, scss/snippets/thumbnail.scss */
  .thumbnail.thumbnail--pearl:hover .numbering {
    transform: translateY(-4px); }
  @media (hover: none) {
    /* line 149, scss/snippets/thumbnail.scss */
    .thumbnail.thumbnail--pearl .numbering {
      transform: translateY(0px) !important; } }

/* line 184, scss/snippets/thumbnail.scss */
.thumbnail .tags {
  margin-top: 8px;
  opacity: 0.8; }
  /* line 188, scss/snippets/thumbnail.scss */
  .thumbnail .tags .tag {
    text-transform: uppercase;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em; }
    @media only screen and (max-width: 625px) {
      /* line 188, scss/snippets/thumbnail.scss */
      .thumbnail .tags .tag {
        font-size: 11px;
        line-height: 16px; } }

/* line 201, scss/snippets/thumbnail.scss */
.thumbnail .wrapper {
  position: relative; }
  /* line 205, scss/snippets/thumbnail.scss */
  .thumbnail .wrapper .text {
    transition: all 100ms linear;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none; }
    /* line 214, scss/snippets/thumbnail.scss */
    .thumbnail .wrapper .text.text--active {
      opacity: 1 !important;
      pointer-events: all; }

/* line 1, scss/snippets/layoutmodule.scss */
.layout__module {
  display: flex;
  margin-bottom: 7.8945vw; }
  /* line 7, scss/snippets/layoutmodule.scss */
  .layout__module .label {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 2.6315vw;
    cursor: default; }
    @media only screen and (max-width: 625px) {
      /* line 7, scss/snippets/layoutmodule.scss */
      .layout__module .label {
        font-size: 12px;
        line-height: 16px; } }
    /* line 13, scss/snippets/layoutmodule.scss */
    .layout__module .label:before {
      content: "";
      display: inline-block;
      margin-right: 8px;
      background-color: #1d1d1d;
      width: 4px;
      height: 4px;
      margin-bottom: 2px; }
  /* line 24, scss/snippets/layoutmodule.scss */
  .layout__module .module__indicator {
    width: 10.526vw;
    position: absolute;
    height: 100%; }
    @media only screen and (max-width: 625px) {
      /* line 24, scss/snippets/layoutmodule.scss */
      .layout__module .module__indicator {
        display: none; } }

/* line 8, scss/snippets/newsletter.scss */
#mc_embed_signup_scroll {
  display: flex;
  align-items: baseline;
  flex-direction: row;
  justify-content: center; }
  @media only screen and (max-width: 625px) {
    /* line 8, scss/snippets/newsletter.scss */
    #mc_embed_signup_scroll {
      flex-direction: column;
      align-items: stretch; } }
  /* line 21, scss/snippets/newsletter.scss */
  #mc_embed_signup_scroll .mc-field-group {
    width: 100%; }
    /* line 25, scss/snippets/newsletter.scss */
    #mc_embed_signup_scroll .mc-field-group input {
      padding: 12px 8px;
      color: #ffffff;
      border: none;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      width: 100%;
      border-radius: 0;
      background-color: transparent !important;
      border-bottom: 1px solid #ffffff; }
      @media only screen and (max-width: 625px) {
        /* line 25, scss/snippets/newsletter.scss */
        #mc_embed_signup_scroll .mc-field-group input {
          font-size: 14px;
          line-height: 18px; } }
      @media only screen and (max-width: 625px) {
        /* line 25, scss/snippets/newsletter.scss */
        #mc_embed_signup_scroll .mc-field-group input {
          padding: 12px 12px; } }
  /* line 44, scss/snippets/newsletter.scss */
  #mc_embed_signup_scroll .clear {
    flex-shrink: 0;
    flex-grow: 0; }
    /* line 47, scss/snippets/newsletter.scss */
    #mc_embed_signup_scroll .clear .button {
      border: 1px solid #ffffff;
      background-color: transparent;
      color: #ffffff;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-size: 0;
      transition: .2s;
      background-repeat: repeat-y;
      margin-left: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 47, scss/snippets/newsletter.scss */
        #mc_embed_signup_scroll .clear .button {
          font-size: 13px;
          line-height: 16px; } }
      /* line 555, scss/micro/ux--buttons.scss */
      #mc_embed_signup_scroll .clear .button:hover {
        opacity: 0.9; }
      @media only screen and (max-width: 625px) {
        /* line 47, scss/snippets/newsletter.scss */
        #mc_embed_signup_scroll .clear .button {
          width: 100%;
          margin-left: 0;
          margin-top: 8px; } }

/* line 62, scss/snippets/newsletter.scss */
.newsletter .consent {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  margin-top: 12px;
  text-align: left;
  max-width: 80%; }
  @media only screen and (max-width: 625px) {
    /* line 62, scss/snippets/newsletter.scss */
    .newsletter .consent {
      font-size: 13px;
      line-height: 16px; } }

/* line 3, scss/snippets/filters.scss */
.filters {
  background-color: #ffffff; }
  /* line 22, scss/snippets/filters.scss */
  .filters .filter {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 36.841vw; }
    @media only screen and (max-width: 625px) {
      /* line 22, scss/snippets/filters.scss */
      .filters .filter {
        width: 100%; } }
    /* line 33, scss/snippets/filters.scss */
    .filters .filter .head {
      top: 0;
      width: 100%;
      background-color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      /* line 41, scss/snippets/filters.scss */
      .filters .filter .head .title {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        padding: 32px 32px 8px 32px; }
        @media only screen and (max-width: 625px) {
          /* line 41, scss/snippets/filters.scss */
          .filters .filter .head .title {
            font-size: 14px;
            line-height: 18px; } }
      /* line 47, scss/snippets/filters.scss */
      .filters .filter .head .close {
        padding: 16px 20px 8px 32px;
        position: absolute;
        right: 24px;
        top: 24px;
        cursor: default; }
        @media only screen and (max-width: 625px) {
          /* line 47, scss/snippets/filters.scss */
          .filters .filter .head .close {
            right: 8px;
            top: 8px; } }
    /* line 61, scss/snippets/filters.scss */
    .filters .filter .container {
      overflow-y: scroll;
      padding-bottom: 10.526vw; }
      /* line 68, scss/snippets/filters.scss */
      .filters .filter .container .choices {
        padding: 12px 32px; }
        @media only screen and (max-width: 625px) {
          /* line 68, scss/snippets/filters.scss */
          .filters .filter .container .choices {
            margin-bottom: 100px; } }
        /* line 75, scss/snippets/filters.scss */
        .filters .filter .container .choices .item {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px;
          display: flex;
          align-items: center;
          margin-bottom: 16px;
          cursor: pointer; }
          @media only screen and (max-width: 625px) {
            /* line 75, scss/snippets/filters.scss */
            .filters .filter .container .choices .item {
              font-size: 14px;
              line-height: 18px; } }
          /* line 9, scss/micro/ux--filters.scss */
          .filters .filter .container .choices .item::before {
            margin-right: 12px;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            content: "";
            display: inline-block;
            outline: 1px solid;
            background-color: #ffffff;
            transition: background-color 200ms; }
          /* line 78, scss/snippets/filters.scss */
          .filters .filter .container .choices .item--selected {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 16px;
            line-height: 22px;
            display: flex;
            align-items: center;
            font-weight: 500; }
            @media only screen and (max-width: 625px) {
              /* line 78, scss/snippets/filters.scss */
              .filters .filter .container .choices .item--selected {
                font-size: 14px;
                line-height: 18px; } }
            /* line 28, scss/micro/ux--filters.scss */
            .filters .filter .container .choices .item--selected::before {
              background-color: #1d1d1d;
              background-image: url("./img/icon-tick.svg");
              background-repeat: no-repeat;
              transition: all 200ms;
              background-position: center; }
    /* line 87, scss/snippets/filters.scss */
    .filters .filter .confirm {
      bottom: 0;
      width: 100%;
      background-color: #ffffff;
      padding: 16px;
      border-top: 1px solid rgba(0, 0, 0, 0.134);
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      width: 36.841vw;
      position: fixed;
      bottom: 0;
      right: 0; }
      @media only screen and (max-width: 625px) {
        /* line 87, scss/snippets/filters.scss */
        .filters .filter .confirm {
          width: 100%; } }
      /* line 108, scss/snippets/filters.scss */
      .filters .filter .confirm .delete {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        cursor: default; }
        @media only screen and (max-width: 625px) {
          /* line 108, scss/snippets/filters.scss */
          .filters .filter .confirm .delete {
            font-size: 13px;
            line-height: 16px; } }
      /* line 113, scss/snippets/filters.scss */
      .filters .filter .confirm .validate {
        border: 1px solid #1d1d1d;
        background-color: transparent;
        color: #1d1d1d;
        padding: 12px 32px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        border-radius: 2px;
        background-size: 0;
        transition: .2s;
        background-repeat: repeat-y;
        width: auto; }
        @media only screen and (max-width: 625px) {
          /* line 113, scss/snippets/filters.scss */
          .filters .filter .confirm .validate {
            font-size: 13px;
            line-height: 16px; } }
        /* line 533, scss/micro/ux--buttons.scss */
        .filters .filter .confirm .validate:hover {
          opacity: 0.9; }

/* line 2, scss/snippets/filters-results.scss */
.filters__results .row {
  display: flex !important;
  justify-content: start !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  margin-bottom: 5.263vw; }
  @media only screen and (max-width: 625px) {
    /* line 2, scss/snippets/filters-results.scss */
    .filters__results .row {
      flex-wrap: wrap;
      justify-content: center !important;
      margin-bottom: 10.526vw; } }
  /* line 15, scss/snippets/filters-results.scss */
  .filters__results .row .number {
    display: flex;
    align-items: baseline;
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0.02em;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 0.75rem;
    line-height: 1.2em;
    font-size: clamp(0.8rem, 0.9vw, 2.5rem);
    font-size: 20px !important;
    margin: 0 8px 0 0;
    position: relative; }
    @media only screen and (max-width: 625px) {
      /* line 15, scss/snippets/filters-results.scss */
      .filters__results .row .number {
        font-size: 16px !important;
        margin: 0 8px 0 0; } }
  /* line 29, scss/snippets/filters-results.scss */
  .filters__results .row .type {
    align-items: baseline;
    display: flex; }
  /* line 34, scss/snippets/filters-results.scss */
  .filters__results .row .topic {
    align-items: baseline;
    display: flex; }
    /* line 38, scss/snippets/filters-results.scss */
    .filters__results .row .topic:before {
      content: "about";
      display: inline-block;
      margin: 0 12px 0 8px;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      font-size: 20px !important; }
      @media only screen and (max-width: 625px) {
        /* line 38, scss/snippets/filters-results.scss */
        .filters__results .row .topic:before {
          font-size: 16px !important;
          margin: 0 8px 0 4px; } }
  /* line 52, scss/snippets/filters-results.scss */
  .filters__results .row .motif {
    align-items: baseline;
    display: flex; }
    /* line 56, scss/snippets/filters-results.scss */
    .filters__results .row .motif:before {
      content: "with";
      display: inline-block;
      margin: 0 12px 0 8px;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      font-size: 20px !important; }
      @media only screen and (max-width: 625px) {
        /* line 56, scss/snippets/filters-results.scss */
        .filters__results .row .motif:before {
          font-size: 16px !important;
          margin: 0 8px 0 4px; } }
  /* line 70, scss/snippets/filters-results.scss */
  .filters__results .row .language {
    display: flex;
    align-items: baseline; }
    /* line 74, scss/snippets/filters-results.scss */
    .filters__results .row .language:before {
      content: "in";
      display: inline-block;
      margin: 0 12px 0 8px;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      font-size: 20px !important; }
      @media only screen and (max-width: 625px) {
        /* line 74, scss/snippets/filters-results.scss */
        .filters__results .row .language:before {
          font-size: 16px !important;
          margin: 0 8px 0 4px; } }
  /* line 88, scss/snippets/filters-results.scss */
  .filters__results .row .issues {
    display: flex;
    align-items: baseline; }
    /* line 92, scss/snippets/filters-results.scss */
    .filters__results .row .issues:before {
      content: "from";
      display: inline-block;
      margin: 0 12px 0 8px;
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem);
      font-size: 20px !important; }
      @media only screen and (max-width: 625px) {
        /* line 92, scss/snippets/filters-results.scss */
        .filters__results .row .issues:before {
          font-size: 16px !important;
          margin: 0 8px 0 4px; } }

/* line 111, scss/snippets/filters-results.scss */
.filters__results .items {
  display: flex;
  cursor: pointer;
  margin-bottom: 8px; }
  /* line 117, scss/snippets/filters-results.scss */
  .filters__results .items .item {
    color: #1d1d1d;
    background-color: #F8F6F6;
    border-radius: 200px;
    padding: 8px 12px;
    border: 0px solid;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 500;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    font-size: 16px !important;
    text-transform: uppercase;
    align-items: baseline;
    letter-spacing: 0.05em;
    margin-right: 4px;
    transform: all 100ms linear;
    width: auto;
    cursor: pointer; }
    /* line 133, scss/snippets/filters-results.scss */
    .filters__results .items .item.active {
      background-color: #e1e3de; }
    @media only screen and (max-width: 625px) {
      /* line 117, scss/snippets/filters-results.scss */
      .filters__results .items .item {
        font-size: 13px !important;
        padding: 4px 8px; } }
  /* line 144, scss/snippets/filters-results.scss */
  .filters__results .items .item + .item {
    display: flex;
    align-items: baseline; }
  @media (hover: hover) {
    /* line 152, scss/snippets/filters-results.scss */
    .filters__results .items:hover .item {
      background-color: #e1e3de; } }
/* line 166, scss/snippets/filters-results.scss */
.filters__results .filter__add .filter__add__button {
  display: flex;
  color: #ffffff;
  background-color: #1d1d1d;
  border-radius: 200px;
  cursor: pointer;
  padding: 8px 12px;
  border: 0px solid;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  font-size: 16px !important;
  text-transform: uppercase;
  align-items: baseline;
  letter-spacing: 0.05em;
  content: "...";
  display: inline-block;
  transform: all 300ms linear; }
  /* line 183, scss/snippets/filters-results.scss */
  .filters__results .filter__add .filter__add__button div:before {
    width: auto;
    transition: all 200ms; }
  @media (hover: none) {
    /* line 189, scss/snippets/filters-results.scss */
    .filters__results .filter__add .filter__add__button div:before {
      display: inline-block;
      margin: 0 4px 0 0;
      content: "";
      width: 15px;
      background-image: url("./img/pen-white.svg");
      background-repeat: no-repeat;
      height: 15px;
      background-position-x: right;
      transition: all 200ms;
      background-size: contain; } }
  @media (hover: hover) {
    /* line 205, scss/snippets/filters-results.scss */
    .filters__results .filter__add .filter__add__button div:before {
      content: "...";
      display: inline-block;
      line-height: 0;
      width: 20px;
      transition: all 100ms linear; }
    /* line 214, scss/snippets/filters-results.scss */
    .filters__results .filter__add .filter__add__button:hover div:before {
      content: "+ Filter";
      display: inline-block;
      width: 80px;
      animation: appears 600ms forwards;
      opacity: 0; }
    @keyframes appears {
      0% {
        opacity: 0; }
      100% {
        opacity: 1; } } }

/* line 1, scss/snippets/paywall.scss */
.paywall__layer {
  margin-top: 2.6315vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 1, scss/snippets/paywall.scss */
    .paywall__layer {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 1, scss/snippets/paywall.scss */
    .paywall__layer {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 1, scss/snippets/paywall.scss */
    .paywall__layer {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/paywall.scss */
    .paywall__layer {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 6, scss/snippets/paywall.scss */
  .paywall__layer .content {
    width: 100%;
    padding: 5.263vw 10.526vw;
    border-radius: 2px;
    background-color: #fdfedc;
    text-align: center; }
    @media only screen and (max-width: 625px) {
      /* line 6, scss/snippets/paywall.scss */
      .paywall__layer .content {
        padding: 10.526vw 10.526vw; } }
    /* line 18, scss/snippets/paywall.scss */
    .paywall__layer .content .text {
      text-align: center; }
      /* line 21, scss/snippets/paywall.scss */
      .paywall__layer .content .text .title {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 1.15rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
      /* line 25, scss/snippets/paywall.scss */
      .paywall__layer .content .text .info {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px;
        margin-top: 20px; }
        @media only screen and (max-width: 625px) {
          /* line 25, scss/snippets/paywall.scss */
          .paywall__layer .content .text .info {
            font-size: 14px;
            line-height: 18px; } }
        @media only screen and (max-width: 625px) {
          /* line 25, scss/snippets/paywall.scss */
          .paywall__layer .content .text .info {
            margin-top: 12px; } }
    /* line 35, scss/snippets/paywall.scss */
    .paywall__layer .content .cta {
      margin-top: 24px; }
      /* line 37, scss/snippets/paywall.scss */
      .paywall__layer .content .cta .button {
        border: 1px solid #1d1d1d;
        background-color: transparent;
        color: #1d1d1d;
        padding: 12px 32px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        border-radius: 2px;
        background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
        background-size: 0;
        transition: .5s;
        background-repeat: repeat-y; }
        @media only screen and (max-width: 625px) {
          /* line 37, scss/snippets/paywall.scss */
          .paywall__layer .content .cta .button {
            font-size: 13px;
            line-height: 16px; } }
        /* line 420, scss/micro/ux--buttons.scss */
        .paywall__layer .content .cta .button::focus {
          outline: none; }
        /* line 424, scss/micro/ux--buttons.scss */
        .paywall__layer .content .cta .button:hover {
          background-size: 100%;
          color: #ffffff; }
        @media only screen and (max-width: 625px) {
          /* line 37, scss/snippets/paywall.scss */
          .paywall__layer .content .cta .button {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 14px;
            line-height: 18px;
            padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 37, scss/snippets/paywall.scss */
    .paywall__layer .content .cta .button {
      font-size: 13px;
      line-height: 16px; } }

        @media (hover: none) {
          /* line 37, scss/snippets/paywall.scss */
          .paywall__layer .content .cta .button {
            background-color: #1d1d1d;
            color: #ffffff; } }
    /* line 43, scss/snippets/paywall.scss */
    .paywall__layer .content .login {
      margin-top: 20px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      text-align: center; }
      @media only screen and (max-width: 625px) {
        /* line 43, scss/snippets/paywall.scss */
        .paywall__layer .content .login {
          font-size: 13px;
          line-height: 16px; } }
      /* line 48, scss/snippets/paywall.scss */
      .paywall__layer .content .login a {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500 !important; }
        /* line 319, scss/micro/ux--buttons.scss */
        .paywall__layer .content .login a:hover {
          background-color: #F99D9A; }

/* line 59, scss/snippets/paywall.scss */
.page--article--multimedia .paywall__layer .content {
  background-color: #e8d3d3;
  color: #1d1d1d; }

/* line 67, scss/snippets/paywall.scss */
.paywall__promo {
  margin-top: 2.6315vw !important;
  margin-bottom: 2.6315vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 67, scss/snippets/paywall.scss */
    .paywall__promo {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 67, scss/snippets/paywall.scss */
    .paywall__promo {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 67, scss/snippets/paywall.scss */
    .paywall__promo {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 67, scss/snippets/paywall.scss */
    .paywall__promo {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 72, scss/snippets/paywall.scss */
  .paywall__promo .content {
    display: flex;
    width: 100%;
    padding: 2.6315vw 2.6315vw;
    border-radius: 2px;
    background-color: #fdfedc; }
    /* line 82, scss/snippets/paywall.scss */
    .paywall__promo .content .promo_image_wrapper {
      position: relative;
      margin-right: 30px;
      flex-shrink: 0;
      flex-basis: 150px;
      flex-shrink: 0;
      flex-grow: 0; }
      /* line 90, scss/snippets/paywall.scss */
      .paywall__promo .content .promo_image_wrapper img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
    @media only screen and (max-width: 625px) {
      /* line 72, scss/snippets/paywall.scss */
      .paywall__promo .content {
        padding: 10.526vw 10.526vw; }
        /* line 106, scss/snippets/paywall.scss */
        .paywall__promo .content .promo_image_wrapper {
          display: none; } }
    @media only screen and (max-width: 1024px) {
      /* line 72, scss/snippets/paywall.scss */
      .paywall__promo .content {
        padding: 5.263vw 5.263vw; }
        /* line 113, scss/snippets/paywall.scss */
        .paywall__promo .content .promo_image_wrapper {
          display: none; } }
    /* line 121, scss/snippets/paywall.scss */
    .paywall__promo .content .text .title {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    /* line 125, scss/snippets/paywall.scss */
    .paywall__promo .content .text .info {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      margin-top: 20px; }
      @media only screen and (max-width: 625px) {
        /* line 125, scss/snippets/paywall.scss */
        .paywall__promo .content .text .info {
          font-size: 14px;
          line-height: 18px; } }
      @media only screen and (max-width: 625px) {
        /* line 125, scss/snippets/paywall.scss */
        .paywall__promo .content .text .info {
          margin-top: 12px; } }
    /* line 135, scss/snippets/paywall.scss */
    .paywall__promo .content .cta {
      margin-top: 24px; }
      /* line 137, scss/snippets/paywall.scss */
      .paywall__promo .content .cta .button {
        border: 1px solid #1d1d1d;
        background-color: transparent;
        color: #1d1d1d;
        padding: 12px 32px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        border-radius: 2px;
        background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
        background-size: 0;
        transition: .5s;
        background-repeat: repeat-y; }
        @media only screen and (max-width: 625px) {
          /* line 137, scss/snippets/paywall.scss */
          .paywall__promo .content .cta .button {
            font-size: 13px;
            line-height: 16px; } }
        /* line 420, scss/micro/ux--buttons.scss */
        .paywall__promo .content .cta .button::focus {
          outline: none; }
        /* line 424, scss/micro/ux--buttons.scss */
        .paywall__promo .content .cta .button:hover {
          background-size: 100%;
          color: #ffffff; }
        @media only screen and (max-width: 625px) {
          /* line 137, scss/snippets/paywall.scss */
          .paywall__promo .content .cta .button {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 14px;
            line-height: 18px;
            padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 137, scss/snippets/paywall.scss */
    .paywall__promo .content .cta .button {
      font-size: 13px;
      line-height: 16px; } }

        @media (hover: none) {
          /* line 137, scss/snippets/paywall.scss */
          .paywall__promo .content .cta .button {
            background-color: #1d1d1d;
            color: #ffffff; } }
    /* line 143, scss/snippets/paywall.scss */
    .paywall__promo .content .login {
      margin-top: 20px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      text-align: center; }
      @media only screen and (max-width: 625px) {
        /* line 143, scss/snippets/paywall.scss */
        .paywall__promo .content .login {
          font-size: 13px;
          line-height: 16px; } }
      /* line 148, scss/snippets/paywall.scss */
      .paywall__promo .content .login a {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500 !important; }
        /* line 319, scss/micro/ux--buttons.scss */
        .paywall__promo .content .login a:hover {
          background-color: #F99D9A; }

/* line 64, scss/snippets/home-animation-opening.scss */
.page--home .content {
  animation: appears 500ms forwards;
  animation-delay: 1100ms;
  opacity: 0; }
/* line 70, scss/snippets/home-animation-opening.scss */
.page--home .menu__ticker {
  animation: appears 500ms forwards;
  animation-delay: 1100ms;
  opacity: 0; }
/* line 76, scss/snippets/home-animation-opening.scss */
.page--home .logo .text {
  animation: appears 800ms forwards;
  animation-delay: 600ms;
  opacity: 0; }
/* line 83, scss/snippets/home-animation-opening.scss */
.page--home .menu--home .right, .page--home .menu--home .links {
  animation: appears 500ms forwards;
  animation-delay: 1100ms;
  opacity: 0; }
@keyframes slidesUp {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  50% {
    opacity: 1; }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes slidesDown {
  0% {
    opacity: 0;
    transform: translateY(-50px); }
  50% {
    opacity: 1; }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes appears {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
/* line 145, scss/snippets/home-animation-opening.scss */
.page--article--review .content,
.page--article--essay .content,
.page--article--interview .content,
.page--article--multimedia .content,
.page--article--fromtheeditors .content,
.page--article--story .content,
.page--article--pearl .content {
  animation: appears 1100ms forwards;
  animation-delay: 800ms;
  opacity: 0; }
@keyframes appears {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
/* line 1, scss/snippets/module-subscription-promo.scss */
.module--subscription--promo {
  background-color: #F8F6F6;
  padding: 10.526vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/module-subscription-promo.scss */
    .module--subscription--promo {
      padding: 20px; } }
  /* line 13, scss/snippets/module-subscription-promo.scss */
  .module--subscription--promo .title {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.15rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
  /* line 17, scss/snippets/module-subscription-promo.scss */
  .module--subscription--promo .text {
    max-width: 42.104vw;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-top: 12px; }
    @media only screen and (max-width: 625px) {
      /* line 17, scss/snippets/module-subscription-promo.scss */
      .module--subscription--promo .text {
        font-size: 13px;
        line-height: 16px; } }

/* line 1, scss/snippets/menu-panel.scss */
.search__panel {
  background-color: #1d1d1d;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;
  padding-top: calc(50vh - 20px);
  padding-left: calc(50vw - 400px);
  padding-right: calc(50vw - 400px);
  display: none; }
  /* line 18, scss/snippets/menu-panel.scss */
  .search__panel input {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.85rem;
    line-height: 1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-radius: 0px;
    outline: none;
    font-style: italic;
    padding-bottom: 20px;
    height: 1.6em !important; }
  /* line 29, scss/snippets/menu-panel.scss */
  .search__panel .close_search_trigger {
    color: #ffffff;
    position: fixed;
    top: 36px;
    right: 64px;
    z-index: 9999;
    cursor: pointer; }
    @media only screen and (max-width: 1024px) {
      /* line 29, scss/snippets/menu-panel.scss */
      .search__panel .close_search_trigger {
        right: 32px;
        top: 32px; } }
    @media only screen and (max-width: 625px) {
      /* line 29, scss/snippets/menu-panel.scss */
      .search__panel .close_search_trigger {
        right: 24px;
        top: 32px;
        color: #ffffff; } }
  /* line 49, scss/snippets/menu-panel.scss */
  .search__panel.visible {
    display: block;
    animation: rolldown 1000ms forwards; }
    /* line 53, scss/snippets/menu-panel.scss */
    .search__panel.visible input, .search__panel.visible .close_search_trigger {
      animation: fadein 1000ms forwards; }
@keyframes rolldown {
  0% {
    top: -50vh;
    height: 50vh; }
  100% {
    top: 0px;
    height: 100vh; } }
@keyframes fadein {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 87, scss/snippets/menu-panel.scss */
.menu__panel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;
  background: #00000069; }
  @media only screen and (max-width: 625px) {
    /* line 87, scss/snippets/menu-panel.scss */
    .menu__panel {
      overflow-y: scroll; } }
  /* line 103, scss/snippets/menu-panel.scss */
  .menu__panel.visible {
    display: block; }
    @media only screen and (max-width: 625px) {
      /* line 103, scss/snippets/menu-panel.scss */
      .menu__panel.visible {
        flex-direction: column; } }
  /* line 111, scss/snippets/menu-panel.scss */
  .menu__panel .menu__panel__container {
    width: 100vw;
    background: #ffffff; }
    @media only screen and (max-width: 625px) {
      /* line 111, scss/snippets/menu-panel.scss */
      .menu__panel .menu__panel__container {
        padding: 0;
        background: #e1e3de; } }
    /* line 120, scss/snippets/menu-panel.scss */
    .menu__panel .menu__panel__container .menu__panel__content {
      display: flex;
      align-items: top;
      display: grid; }
      @media only screen and (min-width: 1480px) {
        /* line 120, scss/snippets/menu-panel.scss */
        .menu__panel .menu__panel__container .menu__panel__content {
          grid-template-columns: 2fr 2fr; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 120, scss/snippets/menu-panel.scss */
        .menu__panel .menu__panel__container .menu__panel__content {
          grid-template-columns: 2fr 2fr; } }
      @media only screen and (max-width: 1024px) {
        /* line 120, scss/snippets/menu-panel.scss */
        .menu__panel .menu__panel__container .menu__panel__content {
          grid-template-columns: 1fr 400px; } }
      @media only screen and (max-width: 625px) {
        /* line 120, scss/snippets/menu-panel.scss */
        .menu__panel .menu__panel__container .menu__panel__content {
          grid-template-columns: 1fr;
          margin-top: 0;
          background-color: #1d1d1d; } }
  /* line 151, scss/snippets/menu-panel.scss */
  .menu__panel .trigger {
    position: fixed;
    top: 36px;
    right: 64px;
    z-index: 9999;
    cursor: pointer; }
    @media only screen and (max-width: 1024px) {
      /* line 151, scss/snippets/menu-panel.scss */
      .menu__panel .trigger {
        right: 32px;
        top: 32px; } }
    @media only screen and (max-width: 625px) {
      /* line 151, scss/snippets/menu-panel.scss */
      .menu__panel .trigger {
        right: 24px;
        top: 32px;
        color: #ffffff; } }

/* line 179, scss/snippets/menu-panel.scss */
.menu__panel .navigation__account {
  background-color: #e1e3de;
  padding: 24px 12px 12px 12px; }
  @media only screen and (max-width: 1024px) {
    /* line 179, scss/snippets/menu-panel.scss */
    .menu__panel .navigation__account {
      display: none; } }
  /* line 187, scss/snippets/menu-panel.scss */
  .menu__panel .navigation__account .links {
    display: flex;
    padding: 12px 0; }
    /* line 194, scss/snippets/menu-panel.scss */
    .menu__panel .navigation__account .links .menu__item {
      margin-left: 0;
      margin-right: 24px !important; }
/* line 202, scss/snippets/menu-panel.scss */
.menu__panel .navigation {
  color: #ffffff;
  background-color: #1d1d1d;
  padding: 5.263vw 32px 5.263vw 5.263vw;
  grid-row: 1/3; }
  @media only screen and (max-width: 1024px) {
    /* line 202, scss/snippets/menu-panel.scss */
    .menu__panel .navigation {
      width: 100%;
      grid-row: 1 / 3;
      padding-top: 10.526vw; } }
  @media only screen and (max-width: 625px) {
    /* line 202, scss/snippets/menu-panel.scss */
    .menu__panel .navigation {
      width: 100%;
      grid-row: 1 / 2;
      padding-bottom: 32px;
      border-top: 1px solid; } }
  /* line 224, scss/snippets/menu-panel.scss */
  .menu__panel .navigation .navigation__general {
    width: 100%; }
    /* line 228, scss/snippets/menu-panel.scss */
    .menu__panel .navigation .navigation__general .column {
      width: 100%; }
      /* line 231, scss/snippets/menu-panel.scss */
      .menu__panel .navigation .navigation__general .column .column__head {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 12px;
        line-height: 18px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.05em !important;
        margin-bottom: 12px; }
        @media only screen and (max-width: 625px) {
          /* line 231, scss/snippets/menu-panel.scss */
          .menu__panel .navigation .navigation__general .column .column__head {
            font-size: 11px;
            line-height: 16px; } }
      /* line 239, scss/snippets/menu-panel.scss */
      .menu__panel .navigation .navigation__general .column .column__links {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%; }
        @media only screen and (max-width: 1024px) {
          /* line 239, scss/snippets/menu-panel.scss */
          .menu__panel .navigation .navigation__general .column .column__links {
            grid-template-columns: 1fr 1fr; } }
        /* line 248, scss/snippets/menu-panel.scss */
        .menu__panel .navigation .navigation__general .column .column__links .link {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0.02em;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 0.75rem;
          line-height: 1.2em;
          font-size: clamp(0.8rem, 0.9vw, 2.5rem);
          margin-bottom: 12px;
          letter-spacing: 0.015em !important; }
          /* line 254, scss/snippets/menu-panel.scss */
          .menu__panel .navigation .navigation__general .column .column__links .link:hover {
            color: #a2a2a2; }
    /* line 263, scss/snippets/menu-panel.scss */
    .menu__panel .navigation .navigation__general .column + .column {
      margin-top: 56px; }
      @media only screen and (max-width: 625px) {
        /* line 263, scss/snippets/menu-panel.scss */
        .menu__panel .navigation .navigation__general .column + .column {
          margin-top: 32px; } }
  /* line 272, scss/snippets/menu-panel.scss */
  .menu__panel .navigation .secondary {
    display: flex;
    width: 100%; }
    @media only screen and (max-width: 1024px) {
      /* line 272, scss/snippets/menu-panel.scss */
      .menu__panel .navigation .secondary {
        flex-direction: column; } }
    @media only screen and (max-width: 625px) {
      /* line 272, scss/snippets/menu-panel.scss */
      .menu__panel .navigation .secondary {
        margin-bottom: 32px; } }
    /* line 285, scss/snippets/menu-panel.scss */
    .menu__panel .navigation .secondary .col {
      width: 50%; }
      @media only screen and (max-width: 1024px) {
        /* line 285, scss/snippets/menu-panel.scss */
        .menu__panel .navigation .secondary .col {
          width: 100%; } }
      /* line 292, scss/snippets/menu-panel.scss */
      .menu__panel .navigation .secondary .col .link {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0.02em;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 0.75rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem);
        margin-bottom: 4px;
        flex-shrink: 0; }
  /* line 300, scss/snippets/menu-panel.scss */
  .menu__panel .navigation .socials {
    display: flex;
    flex-direction: row; }
    @media only screen and (max-width: 625px) {
      /* line 300, scss/snippets/menu-panel.scss */
      .menu__panel .navigation .socials {
        flex-direction: column; } }
    /* line 308, scss/snippets/menu-panel.scss */
    .menu__panel .navigation .socials .link {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px;
      margin-right: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 308, scss/snippets/menu-panel.scss */
        .menu__panel .navigation .socials .link {
          font-size: 14px;
          line-height: 18px; } }

/* line 322, scss/snippets/menu-panel.scss */
.menu__panel .about {
  padding: 5.263vw;
  padding-right: 10.526vw;
  background-color: #ffffff; }
  @media only screen and (max-width: 1024px) {
    /* line 322, scss/snippets/menu-panel.scss */
    .menu__panel .about {
      margin-right: 0;
      padding-bottom: 5.263vw;
      padding-top: 10.526vw;
      padding-right: 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 322, scss/snippets/menu-panel.scss */
    .menu__panel .about {
      display: none; } }
  /* line 343, scss/snippets/menu-panel.scss */
  .menu__panel .about .column__head {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em !important;
    margin-bottom: 12px; }
    @media only screen and (max-width: 625px) {
      /* line 343, scss/snippets/menu-panel.scss */
      .menu__panel .about .column__head {
        font-size: 11px;
        line-height: 16px; } }
    @media only screen and (max-width: 625px) {
      /* line 343, scss/snippets/menu-panel.scss */
      .menu__panel .about .column__head {
        margin-bottom: 16px; } }
  /* line 355, scss/snippets/menu-panel.scss */
  .menu__panel .about .text {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px; }
    @media only screen and (max-width: 625px) {
      /* line 355, scss/snippets/menu-panel.scss */
      .menu__panel .about .text {
        font-size: 14px;
        line-height: 18px; } }
  /* line 359, scss/snippets/menu-panel.scss */
  .menu__panel .about .link {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    letter-spacing: 0.015em !important;
    margin-top: 8px;
    text-decoration: underline; }
    @media only screen and (max-width: 625px) {
      /* line 359, scss/snippets/menu-panel.scss */
      .menu__panel .about .link {
        font-size: 13px;
        line-height: 16px; } }
    @media only screen and (max-width: 625px) {
      /* line 359, scss/snippets/menu-panel.scss */
      .menu__panel .about .link {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 359, scss/snippets/menu-panel.scss */
    .menu__panel .about .link {
      font-size: 13px;
      line-height: 16px; } }
    @media only screen and (max-width: 625px) {
        /* line 371, scss/snippets/menu-panel.scss */
        .menu__panel .about .link a {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px; } }
    @media only screen and (max-width: 625px) and (max-width: 625px) {
      /* line 371, scss/snippets/menu-panel.scss */
      .menu__panel .about .link a {
        font-size: 13px;
        line-height: 16px; } }

@media only screen and (max-width: 625px) {
  /* line 387, scss/snippets/menu-panel.scss */
  .menu__panel .other {
    display: flex;
    flex-direction: column-reverse; } }

/* line 398, scss/snippets/menu-panel.scss */
.menu__panel .actions {
  grid-row: 2/3;
  grid-column: 2/3;
  padding: 2.6315vw;
  background-color: #fdfedc; }
  @media only screen and (max-width: 1024px) {
    /* line 398, scss/snippets/menu-panel.scss */
    .menu__panel .actions {
      margin-right: 0;
      padding-bottom: 5.263vw;
      padding-top: 5.263vw;
      grid-row: 2/3;
      grid-column: 2/3; } }
  @media only screen and (max-width: 625px) {
    /* line 398, scss/snippets/menu-panel.scss */
    .menu__panel .actions {
      grid-row: 2/3;
      grid-column: 1/2;
      padding-left: 12px;
      padding-right: 12px;
      border-left: 0;
      margin: 5.263vw;
      margin-top: 0; } }
  /* line 425, scss/snippets/menu-panel.scss */
  .menu__panel .actions .actions__subscription {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px;
    text-align: center; }
    @media only screen and (max-width: 625px) {
      /* line 425, scss/snippets/menu-panel.scss */
      .menu__panel .actions .actions__subscription {
        font-size: 14px;
        line-height: 18px; } }
    /* line 432, scss/snippets/menu-panel.scss */
    .menu__panel .actions .actions__subscription .text {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0.02em;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 0.75rem;
      line-height: 1.2em;
      font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
    /* line 436, scss/snippets/menu-panel.scss */
    .menu__panel .actions .actions__subscription .description {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      margin-top: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 436, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .description {
          font-size: 13px;
          line-height: 16px; } }
    /* line 441, scss/snippets/menu-panel.scss */
    .menu__panel .actions .actions__subscription .button {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y;
      margin-top: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 441, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button {
          font-size: 13px;
          line-height: 16px; } }
      /* line 420, scss/micro/ux--buttons.scss */
      .menu__panel .actions .actions__subscription .button::focus {
        outline: none; }
      /* line 424, scss/micro/ux--buttons.scss */
      .menu__panel .actions .actions__subscription .button:hover {
        background-size: 100%;
        color: #ffffff; }
      @media only screen and (max-width: 625px) {
        /* line 441, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 441, scss/snippets/menu-panel.scss */
    .menu__panel .actions .actions__subscription .button {
      font-size: 13px;
      line-height: 16px; } }

      @media (hover: none) {
        /* line 441, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button {
          background-color: #1d1d1d;
          color: #ffffff; } }
      @media only screen and (max-width: 625px) {
        /* line 441, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button {
          margin-top: 16px; } }
    /* line 450, scss/snippets/menu-panel.scss */
    .menu__panel .actions .actions__subscription .button--primary {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y;
      margin-top: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 450, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button--primary {
          font-size: 13px;
          line-height: 16px; } }
      /* line 420, scss/micro/ux--buttons.scss */
      .menu__panel .actions .actions__subscription .button--primary::focus {
        outline: none; }
      /* line 424, scss/micro/ux--buttons.scss */
      .menu__panel .actions .actions__subscription .button--primary:hover {
        background-size: 100%;
        color: #ffffff; }
      @media only screen and (max-width: 625px) {
        /* line 450, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button--primary {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 450, scss/snippets/menu-panel.scss */
    .menu__panel .actions .actions__subscription .button--primary {
      font-size: 13px;
      line-height: 16px; } }

      @media (hover: none) {
        /* line 450, scss/snippets/menu-panel.scss */
        .menu__panel .actions .actions__subscription .button--primary {
          background-color: #1d1d1d;
          color: #ffffff; } }
  /* line 457, scss/snippets/menu-panel.scss */
  .menu__panel .actions .login {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    text-align: center; }
    @media only screen and (max-width: 625px) {
      /* line 457, scss/snippets/menu-panel.scss */
      .menu__panel .actions .login {
        font-size: 13px;
        line-height: 16px; } }
    /* line 462, scss/snippets/menu-panel.scss */
    .menu__panel .actions .login a {
      text-decoration: underline; }

/* line 472, scss/snippets/menu-panel.scss */
.menu__panel .--mobile {
  display: none; }
  @media only screen and (max-width: 625px) {
    /* line 472, scss/snippets/menu-panel.scss */
    .menu__panel .--mobile {
      display: block; } }
@media only screen and (max-width: 625px) {
  /* line 480, scss/snippets/menu-panel.scss */
  .menu__panel .navigation__account {
    padding: 5.263vw;
    background-color: #1d1d1d;
    color: #ffffff; } }

/* line 493, scss/snippets/menu-panel.scss */
.menu__panel .navigation {
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, white 50%, #1d1d1d 50%);
  -webkit-transition: background-position 500ms;
  -moz-transition: background-position 500ms;
  transition: background-position 500ms;
  background-position: 0 0;
  animation: slidesappears1 1000ms forwards;
  animation-delay: 200ms; }
  @media only screen and (max-width: 625px) {
    /* line 493, scss/snippets/menu-panel.scss */
    .menu__panel .navigation {
      animation: none;
      background-color: #1d1d1d;
      background-image: none; } }
@keyframes slidesappears1 {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 -100%; }
  100% {
    background-position: 0 -100%; } }
/* line 525, scss/snippets/menu-panel.scss */
.menu__panel .other {
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, white 50%, #1d1d1d 50%);
  -webkit-transition: background-position 500ms;
  -moz-transition: background-position 500ms;
  transition: background-position 500ms;
  background-position: 0 0;
  animation: slidesappears2 1000ms forwards;
  animation-delay: 400ms; }
  @media only screen and (max-width: 625px) {
    /* line 525, scss/snippets/menu-panel.scss */
    .menu__panel .other {
      animation: none;
      background-color: #1d1d1d;
      background-image: none; } }
@keyframes slidesappears2 {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 100%; }
  100% {
    background-position: 0 100%; } }
/* line 557, scss/snippets/menu-panel.scss */
.menu__panel .actions, .menu__panel .about, .menu__panel .navigation__general, .menu__panel .trigger {
  opacity: 0;
  animation: coloring1 300ms ease forwards;
  animation-delay: 1000ms; }
  @media only screen and (max-width: 625px) {
    /* line 557, scss/snippets/menu-panel.scss */
    .menu__panel .actions, .menu__panel .about, .menu__panel .navigation__general, .menu__panel .trigger {
      animation-delay: 300ms; } }
@keyframes coloring1 {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
/* line 1, scss/snippets/ad.scss */
.module__promoted--large {
  background-color: #2d2d2d;
  padding: 0;
  margin-top: 5.263vw; }
  /* line 7, scss/snippets/ad.scss */
  .module__promoted--large .section__title {
    text-align: center;
    color: #ffffff;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0; }
    @media only screen and (max-width: 625px) {
      /* line 7, scss/snippets/ad.scss */
      .module__promoted--large .section__title {
        font-size: 13px;
        line-height: 16px; } }
  /* line 16, scss/snippets/ad.scss */
  .module__promoted--large .items {
    display: grid;
    background-color: #F8F6F6;
    grid-auto-flow: column;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    row-gap: 32px;
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 1480px) {
      /* line 16, scss/snippets/ad.scss */
      .module__promoted--large .items {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 16, scss/snippets/ad.scss */
      .module__promoted--large .items {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 16, scss/snippets/ad.scss */
      .module__promoted--large .items {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 16, scss/snippets/ad.scss */
      .module__promoted--large .items {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 16, scss/snippets/ad.scss */
      .module__promoted--large .items {
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: initial; } }
    @media only screen and (max-width: 625px) {
      /* line 16, scss/snippets/ad.scss */
      .module__promoted--large .items {
        flex-direction: column;
        grid-template-columns: 1fr 1fr; } }
    /* line 38, scss/snippets/ad.scss */
    .module__promoted--large .items a {
      flex-basis: 100%; }
      /* line 41, scss/snippets/ad.scss */
      .module__promoted--large .items a .item {
        display: flex;
        width: 100%;
        height: 100%; }
        @media only screen and (max-width: 625px) {
          /* line 41, scss/snippets/ad.scss */
          .module__promoted--large .items a .item {
            justify-content: center;
            flex-direction: column;
            text-align: center;
            align-items: center; } }
        /* line 55, scss/snippets/ad.scss */
        .module__promoted--large .items a .item .image {
          width: 5.263vw; }
          @media only screen and (max-width: 1024px) {
            /* line 55, scss/snippets/ad.scss */
            .module__promoted--large .items a .item .image {
              width: 10.526vw; } }
          @media only screen and (max-width: 625px) {
            /* line 55, scss/snippets/ad.scss */
            .module__promoted--large .items a .item .image {
              width: 26.315vw; } }
        /* line 67, scss/snippets/ad.scss */
        .module__promoted--large .items a .item .text {
          padding-left: 20px; }
          @media only screen and (max-width: 625px) {
            /* line 67, scss/snippets/ad.scss */
            .module__promoted--large .items a .item .text {
              padding-left: 0;
              margin-top: 12px; } }
          /* line 76, scss/snippets/ad.scss */
          .module__promoted--large .items a .item .text .title {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 0.85rem;
            line-height: 1.2em;
            font-size: clamp(0.8rem, 0.9vw, 2.5rem);
            margin-bottom: -4px; }
          /* line 81, scss/snippets/ad.scss */
          .module__promoted--large .items a .item .text .author {
            font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0.02em;
            font-style: italic;
            font-feature-settings: 'ss04' on;
            font-variant-ligatures: common-ligatures;
            font-size: 0.75rem;
            line-height: 1.2em;
            font-size: clamp(0.8rem, 0.9vw, 2.5rem); }

/* line 96, scss/snippets/ad.scss */
.advertisement__container {
  background-color: #F8F6F6;
  padding: 16px 32px 24px 32px; }
  /* line 102, scss/snippets/ad.scss */
  .advertisement__container .label--ad {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #a2a2a2;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 12px; }
    @media only screen and (max-width: 625px) {
      /* line 102, scss/snippets/ad.scss */
      .advertisement__container .label--ad {
        font-size: 11px;
        line-height: 16px; } }
  /* line 111, scss/snippets/ad.scss */
  .advertisement__container a {
    display: flex;
    align-items: center;
    justify-content: center; }
    /* line 116, scss/snippets/ad.scss */
    .advertisement__container a img {
      aspect-ratio: 6 / 1;
      width: 600px;
      object-fit: cover; }
      @media only screen and (max-width: 625px) {
        /* line 116, scss/snippets/ad.scss */
        .advertisement__container a img {
          width: 100%; } }

/* line 129, scss/snippets/ad.scss */
.advertisement__container--home {
  margin-bottom: 96px;
  margin-top: 32px; }
  @media only screen and (max-width: 625px) {
    /* line 129, scss/snippets/ad.scss */
    .advertisement__container--home {
      margin-bottom: 64px;
      margin-top: 0; } }

/* line 139, scss/snippets/ad.scss */
.advertisement__container--library {
  margin-top: 5.263vw;
  margin-bottom: 5.263vw; }

/* line 144, scss/snippets/ad.scss */
.advertisement__container--category {
  margin-top: 5.263vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 144, scss/snippets/ad.scss */
    .advertisement__container--category {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 144, scss/snippets/ad.scss */
    .advertisement__container--category {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 144, scss/snippets/ad.scss */
    .advertisement__container--category {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 144, scss/snippets/ad.scss */
    .advertisement__container--category {
      margin: 32px auto;
      padding: 0 2.6315vw; } }

@media only screen and (min-width: 1480px) {
  /* line 149, scss/snippets/ad.scss */
  .advertisement__container--article {
    max-width: 1200px;
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 149, scss/snippets/ad.scss */
  .advertisement__container--article {
    margin: 0 auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 1024px) {
  /* line 149, scss/snippets/ad.scss */
  .advertisement__container--article {
    margin: 32px auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 625px) {
  /* line 149, scss/snippets/ad.scss */
  .advertisement__container--article {
    margin: 32px auto;
    padding: 0 2.6315vw; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 149, scss/snippets/ad.scss */
  .advertisement__container--article {
    width: 60vw !important; } }

/* line 1, scss/snippets/menu-ticker.scss */
.menu__ticker {
  background-color: #1d1d1d;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  display: none; }
  /* line 14, scss/snippets/menu-ticker.scss */
  .menu__ticker .message {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.015em;
    color: #ffffff;
    text-align: center; }
    @media only screen and (max-width: 625px) {
      /* line 14, scss/snippets/menu-ticker.scss */
      .menu__ticker .message {
        font-size: 13px;
        line-height: 16px; } }

/* line 23, scss/snippets/menu-ticker.scss */
.menu__ticker--institution {
  background-color: #a9c1d1; }
  /* line 26, scss/snippets/menu-ticker.scss */
  .menu__ticker--institution .message {
    color: #1D1D1D; }

/* line 31, scss/snippets/menu-ticker.scss */
.menu__ticker--failedpayment {
  background-color: #f73f39; }
  /* line 34, scss/snippets/menu-ticker.scss */
  .menu__ticker--failedpayment .message {
    color: #ffffff; }

@media only screen and (min-width: 1480px) {
  /* line 2, scss/snippets/articlerelated.scss */
  .article__related {
    max-width: 1200px;
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 2, scss/snippets/articlerelated.scss */
  .article__related {
    margin: 0 auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 1024px) {
  /* line 2, scss/snippets/articlerelated.scss */
  .article__related {
    margin: 32px auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 625px) {
  /* line 2, scss/snippets/articlerelated.scss */
  .article__related {
    margin: 32px auto;
    padding: 0 2.6315vw; } }
@media only screen and (max-width: 625px) {
  /* line 2, scss/snippets/articlerelated.scss */
  .article__related {
    padding-bottom: 10.526vw !important; } }
/* line 9, scss/snippets/articlerelated.scss */
.article__related .article__related__label {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  padding-top: 16px;
  margin-bottom: 24px; }
  @media only screen and (max-width: 625px) {
    /* line 9, scss/snippets/articlerelated.scss */
    .article__related .article__related__label {
      font-size: 12px;
      line-height: 16px; } }
/* line 15, scss/snippets/articlerelated.scss */
.article__related .article__related__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 48px;
  margin-bottom: 5.263vw;
  row-gap: 64px; }
  @media only screen and (max-width: 1024px) {
    /* line 15, scss/snippets/articlerelated.scss */
    .article__related .article__related__container {
      grid-template-columns: 1fr;
      row-gap: 10.526vw; } }
  /* line 37, scss/snippets/articlerelated.scss */
  .article__related .article__related__container .thumbnail .wrapper .title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.2rem;
    line-height: 1.05em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem);
    margin-top: 8px; }
  /* line 42, scss/snippets/articlerelated.scss */
  .article__related .article__related__container .thumbnail .wrapper .author {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.2rem;
    line-height: 1.25em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
  /* line 52, scss/snippets/articlerelated.scss */
  .article__related .article__related__container .thumbnail .image {
    margin-top: 16px; }
    @media only screen and (max-width: 625px) {
      /* line 52, scss/snippets/articlerelated.scss */
      .article__related .article__related__container .thumbnail .image {
        margin-top: 8px; } }
    /* line 59, scss/snippets/articlerelated.scss */
    .article__related .article__related__container .thumbnail .image img {
      aspect-ratio: 1/1;
      width: 50%;
      object-fit: cover; }

/* line 4, scss/snippets/rtl.scss */
.content.rtl .header .information .title {
  direction: rtl; }
/* line 12, scss/snippets/rtl.scss */
.content.rtl .article .article__main .article--opener {
  direction: rtl;
  text-align: right; }

/* line 24, scss/snippets/rtl.scss */
.content.ltr .header .information .title {
  direction: ltr; }
/* line 32, scss/snippets/rtl.scss */
.content.ltr .article .article__main .article--opener {
  direction: ltr;
  text-align: left; }

/* line 44, scss/snippets/rtl.scss */
.level2__block.rtl .level2__header .information .title {
  direction: rtl; }
/* line 50, scss/snippets/rtl.scss */
.level2__block.rtl .level2__article {
  direction: rtl;
  text-align: right; }

/* line 60, scss/snippets/rtl.scss */
.level2__block.ltr .level2__header .information .title {
  direction: ltr; }
/* line 66, scss/snippets/rtl.scss */
.level2__block.ltr .level2__article {
  direction: ltr;
  text-align: left; }

/* line 1, scss/snippets/subscriptionPromo.scss */
.subscription__promo {
  margin-top: 5.263vw !important;
  margin-bottom: 10.526vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 1, scss/snippets/subscriptionPromo.scss */
    .subscription__promo {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 1, scss/snippets/subscriptionPromo.scss */
    .subscription__promo {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 1, scss/snippets/subscriptionPromo.scss */
    .subscription__promo {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 1, scss/snippets/subscriptionPromo.scss */
    .subscription__promo {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 6, scss/snippets/subscriptionPromo.scss */
  .subscription__promo .content {
    width: 100%;
    border-radius: 2px;
    text-align: center;
    display: grid;
    grid-template-columns: 3fr 2fr;
    align-items: center;
    background-color: #1d1d1d; }
    @media only screen and (max-width: 625px) {
      /* line 6, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content {
        grid-template-columns: 1fr; } }
    /* line 19, scss/snippets/subscriptionPromo.scss */
    .subscription__promo .content .subscription {
      padding: 5.263vw 5.263vw;
      background-color: #1d1d1d;
      color: #ffffff; }
      @media only screen and (max-width: 625px) {
        /* line 19, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .subscription {
          padding: 32px 12px; } }
      /* line 28, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content .subscription .text {
        text-align: center; }
        /* line 31, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .subscription .text .title {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          line-height: 1.3em;
          font-size: clamp(1.04rem, 1.158vw, 2.85rem);
          font-style: italic; }
        /* line 37, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .subscription .text .info {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 17px;
          line-height: 24px;
          margin-top: 12px; }
          @media only screen and (max-width: 625px) {
            /* line 37, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .subscription .text .info {
              font-size: 14px;
              line-height: 18px; } }
          @media only screen and (max-width: 625px) {
            /* line 37, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .subscription .text .info {
              font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              letter-spacing: 0em;
              font-size: 16px;
              line-height: 22px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 37, scss/snippets/subscriptionPromo.scss */
    .subscription__promo .content .subscription .text .info {
      font-size: 14px;
      line-height: 18px; } }

      /* line 47, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content .subscription .cta {
        margin-top: 16px;
        text-align: center; }
        /* line 51, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .subscription .cta .button {
          border: 1px solid #ffffff;
          background-color: transparent;
          color: #ffffff;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          background-image: linear-gradient(0, #ffffff, #ffffff);
          background-size: 0;
          transition: .5s;
          background-repeat: repeat-y; }
          @media only screen and (max-width: 625px) {
            /* line 51, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .subscription .cta .button {
              font-size: 13px;
              line-height: 16px; } }
          /* line 483, scss/micro/ux--buttons.scss */
          .subscription__promo .content .subscription .cta .button::focus {
            outline: none; }
          /* line 487, scss/micro/ux--buttons.scss */
          .subscription__promo .content .subscription .cta .button:hover {
            background-size: 100%;
            color: #1d1d1d; }
      /* line 56, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content .subscription .login {
        margin-top: 20px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        text-align: left; }
        @media only screen and (max-width: 625px) {
          /* line 56, scss/snippets/subscriptionPromo.scss */
          .subscription__promo .content .subscription .login {
            font-size: 13px;
            line-height: 16px; } }
        /* line 61, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .subscription .login a {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 500;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500 !important; }
          /* line 319, scss/micro/ux--buttons.scss */
          .subscription__promo .content .subscription .login a:hover {
            background-color: #F99D9A; }
    /* line 68, scss/snippets/subscriptionPromo.scss */
    .subscription__promo .content .shop {
      background-color: #F8F6F6;
      padding: 32px 5.263vw;
      text-align: center;
      display: flex;
      align-items: center;
      flex-direction: column; }
      /* line 76, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content .shop .text {
        text-align: center; }
        /* line 79, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .shop .text .title {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
        /* line 83, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .shop .text .info {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 17px;
          line-height: 24px;
          margin-top: 20px; }
          @media only screen and (max-width: 625px) {
            /* line 83, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .shop .text .info {
              font-size: 14px;
              line-height: 18px; } }
      /* line 89, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content .shop .image {
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        /* line 96, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .shop .image img {
          max-height: 200px;
          width: auto;
          box-shadow: #11111117 0px 0px 3px 0px; }
      /* line 103, scss/snippets/subscriptionPromo.scss */
      .subscription__promo .content .shop .cta {
        margin-top: 24px;
        text-align: center; }
        /* line 107, scss/snippets/subscriptionPromo.scss */
        .subscription__promo .content .shop .cta .button {
          border: 1px solid #1d1d1d;
          background-color: transparent;
          color: #1d1d1d;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
          background-size: 0;
          transition: .5s;
          background-repeat: repeat-y; }
          @media only screen and (max-width: 625px) {
            /* line 107, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .shop .cta .button {
              font-size: 13px;
              line-height: 16px; } }
          /* line 420, scss/micro/ux--buttons.scss */
          .subscription__promo .content .shop .cta .button::focus {
            outline: none; }
          /* line 424, scss/micro/ux--buttons.scss */
          .subscription__promo .content .shop .cta .button:hover {
            background-size: 100%;
            color: #ffffff; }
          @media only screen and (max-width: 625px) {
            /* line 107, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .shop .cta .button {
              font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              letter-spacing: 0em;
              font-size: 14px;
              line-height: 18px;
              padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 107, scss/snippets/subscriptionPromo.scss */
    .subscription__promo .content .shop .cta .button {
      font-size: 13px;
      line-height: 16px; } }

          @media (hover: none) {
            /* line 107, scss/snippets/subscriptionPromo.scss */
            .subscription__promo .content .shop .cta .button {
              background-color: #1d1d1d;
              color: #ffffff; } }

/* line 17, scss/snippets/cookies.scss */
.cookies .cookies__overlay * {
  transition: all 0s; }
/* line 21, scss/snippets/cookies.scss */
.cookies .cookies__overlay .cookies__block {
  background-color: #F8F6F6;
  border-radius: 2px;
  padding: 32px;
  width: calc(100% - 24px);
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 16px;
  line-height: 22px;
  box-shadow: #0000001a -5px -1px 20px 8px;
  position: fixed;
  z-index: 99999999;
  bottom: 0;
  left: 0;
  margin: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (max-width: 625px) {
    /* line 21, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block {
      font-size: 14px;
      line-height: 18px; } }
  @media only screen and (max-width: 1024px) {
    /* line 21, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; } }
  /* line 47, scss/snippets/cookies.scss */
  .cookies .cookies__overlay .cookies__block .cookietitle {
    font-weight: 500; }
  /* line 51, scss/snippets/cookies.scss */
  .cookies .cookies__overlay .cookies__block .text {
    margin-top: 8px; }
    /* line 54, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block .text a {
      font-weight: 500 !important; }
      /* line 319, scss/micro/ux--buttons.scss */
      .cookies .cookies__overlay .cookies__block .text a:hover {
        background-color: #F99D9A; }
  /* line 59, scss/snippets/cookies.scss */
  .cookies .cookies__overlay .cookies__block .options {
    display: flex;
    margin-top: 20px;
    margin-right: 5.263vw; }
    /* line 64, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block .options .accept {
      border: 1px solid #1d1d1d;
      background-color: #1d1d1d;
      color: #ffffff;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      transition: .5s;
      margin-right: 12px; }
      @media only screen and (max-width: 625px) {
        /* line 64, scss/snippets/cookies.scss */
        .cookies .cookies__overlay .cookies__block .options .accept {
          font-size: 13px;
          line-height: 16px; } }
      /* line 457, scss/micro/ux--buttons.scss */
      .cookies .cookies__overlay .cookies__block .options .accept::focus {
        outline: none; }
      /* line 461, scss/micro/ux--buttons.scss */
      .cookies .cookies__overlay .cookies__block .options .accept:hover {
        background-size: 100%;
        color: #ffffff; }
    /* line 69, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block .options .refuse {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-size: 0;
      transition: .2s;
      background-repeat: repeat-y; }
      @media only screen and (max-width: 625px) {
        /* line 69, scss/snippets/cookies.scss */
        .cookies .cookies__overlay .cookies__block .options .refuse {
          font-size: 13px;
          line-height: 16px; } }
      /* line 533, scss/micro/ux--buttons.scss */
      .cookies .cookies__overlay .cookies__block .options .refuse:hover {
        opacity: 0.9; }
    /* line 73, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block .options .more {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y; }
      @media only screen and (max-width: 625px) {
        /* line 73, scss/snippets/cookies.scss */
        .cookies .cookies__overlay .cookies__block .options .more {
          font-size: 13px;
          line-height: 16px; } }
      /* line 420, scss/micro/ux--buttons.scss */
      .cookies .cookies__overlay .cookies__block .options .more::focus {
        outline: none; }
      /* line 424, scss/micro/ux--buttons.scss */
      .cookies .cookies__overlay .cookies__block .options .more:hover {
        background-size: 100%;
        color: #ffffff; }
      @media only screen and (max-width: 625px) {
        /* line 73, scss/snippets/cookies.scss */
        .cookies .cookies__overlay .cookies__block .options .more {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 73, scss/snippets/cookies.scss */
    .cookies .cookies__overlay .cookies__block .options .more {
      font-size: 13px;
      line-height: 16px; } }

      @media (hover: none) {
        /* line 73, scss/snippets/cookies.scss */
        .cookies .cookies__overlay .cookies__block .options .more {
          background-color: #1d1d1d;
          color: #ffffff; } }
  /* line 78, scss/snippets/cookies.scss */
  .cookies .cookies__overlay .cookies__block .close {
    position: absolute;
    right: 24px;
    top: 24px;
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0.02em;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 0.75rem;
    line-height: 1.2em;
    font-size: clamp(0.8rem, 0.9vw, 2.5rem);
    cursor: default; }

/* line 1, scss/snippets/module-review.scss */
.module__review {
  padding: 0;
  margin-top: 5.263vw; }
  /* line 7, scss/snippets/module-review.scss */
  .module__review .section__title {
    text-align: center;
    color: #ffffff;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0; }
    @media only screen and (max-width: 625px) {
      /* line 7, scss/snippets/module-review.scss */
      .module__review .section__title {
        font-size: 13px;
        line-height: 16px; } }
  /* line 16, scss/snippets/module-review.scss */
  .module__review .items {
    display: grid;
    background-color: #F8F6F6;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    row-gap: 32px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    column-gap: 32px; }
    @media only screen and (min-width: 1480px) {
      /* line 16, scss/snippets/module-review.scss */
      .module__review .items {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 16, scss/snippets/module-review.scss */
      .module__review .items {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 16, scss/snippets/module-review.scss */
      .module__review .items {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 16, scss/snippets/module-review.scss */
      .module__review .items {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 47, scss/snippets/module-review.scss */
    .module__review .items a {
      flex-basis: 100%; }
      /* line 50, scss/snippets/module-review.scss */
      .module__review .items a .item {
        display: flex;
        width: 100%;
        height: 100%; }
        @media only screen and (max-width: 625px) {
          /* line 50, scss/snippets/module-review.scss */
          .module__review .items a .item {
            justify-content: center;
            flex-direction: column;
            text-align: center;
            align-items: center; } }
        /* line 64, scss/snippets/module-review.scss */
        .module__review .items a .item .image {
          width: 5.263vw; }
          @media only screen and (max-width: 1024px) {
            /* line 64, scss/snippets/module-review.scss */
            .module__review .items a .item .image {
              width: 10.526vw; } }
          @media only screen and (max-width: 625px) {
            /* line 64, scss/snippets/module-review.scss */
            .module__review .items a .item .image {
              width: 26.315vw; } }
        /* line 76, scss/snippets/module-review.scss */
        .module__review .items a .item .text {
          padding-left: 20px; }
          @media only screen and (max-width: 625px) {
            /* line 76, scss/snippets/module-review.scss */
            .module__review .items a .item .text {
              padding-left: 0;
              margin-top: 12px; } }
          /* line 85, scss/snippets/module-review.scss */
          .module__review .items a .item .text .review__title {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 0.85rem;
            line-height: 1.2em;
            font-size: clamp(0.8rem, 0.9vw, 2.5rem);
            margin-bottom: -4px; }
          /* line 90, scss/snippets/module-review.scss */
          .module__review .items a .item .text .review__author {
            font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0.02em;
            font-style: italic;
            font-feature-settings: 'ss04' on;
            font-variant-ligatures: common-ligatures;
            font-size: 0.75rem;
            line-height: 1.2em;
            font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
          /* line 94, scss/snippets/module-review.scss */
          .module__review .items a .item .text .review__by {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 14px;
            line-height: 18px;
            margin-top: 4px; }
            @media only screen and (max-width: 625px) {
              /* line 94, scss/snippets/module-review.scss */
              .module__review .items a .item .text .review__by {
                font-size: 13px;
                line-height: 16px; } }

/* line 9, scss/pages/essay.scss */
.page--article--essay {
  transition: background-color .1s linear; }
  /* line 10, scss/pages/essay.scss */
  .page--article--essay .header {
    padding: 10.526vw 0 2.6315vw 0; }
    /* line 13, scss/pages/essay.scss */
    .page--article--essay .header .information {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-top: 0 !important; }
      @media only screen and (min-width: 1480px) {
        /* line 13, scss/pages/essay.scss */
        .page--article--essay .header .information {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 13, scss/pages/essay.scss */
        .page--article--essay .header .information {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 13, scss/pages/essay.scss */
        .page--article--essay .header .information {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 13, scss/pages/essay.scss */
        .page--article--essay .header .information {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      /* line 21, scss/pages/essay.scss */
      .page--article--essay .header .information .title {
        max-width: 70%; }
        @media only screen and (max-width: 625px) {
          /* line 21, scss/pages/essay.scss */
          .page--article--essay .header .information .title {
            max-width: none; } }
      /* line 29, scss/pages/essay.scss */
      .page--article--essay .header .information .author {
        font-size: clamp(1.6rem, 2.85vw, 4.11rem);
        margin-top: 8px; }
    /* line 35, scss/pages/essay.scss */
    .page--article--essay .header .handles {
      margin-top: 28px; }
    /* line 39, scss/pages/essay.scss */
    .page--article--essay .header .image {
      margin-top: 28px; }
  /* line 46, scss/pages/essay.scss */
  .page--article--essay.--white {
    background-color: #ffffff !important; }

/* line 8, scss/pages/review.scss */
.page--article--review {
  transition: background-color .1s linear; }
  /* line 9, scss/pages/review.scss */
  .page--article--review .header {
    padding: 10.526vw 0 2.6315vw 0; }
    /* line 12, scss/pages/review.scss */
    .page--article--review .header .information {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      /* line 18, scss/pages/review.scss */
      .page--article--review .header .information .title {
        max-width: 70%; }
        @media only screen and (max-width: 625px) {
          /* line 18, scss/pages/review.scss */
          .page--article--review .header .information .title {
            max-width: none; } }
      /* line 26, scss/pages/review.scss */
      .page--article--review .header .information .author {
        font-size: clamp(1.6rem, 2.85vw, 4.11rem);
        margin-top: 8px; }
    /* line 32, scss/pages/review.scss */
    .page--article--review .header .handles {
      margin-top: 28px; }
    /* line 36, scss/pages/review.scss */
    .page--article--review .header .image {
      margin-top: 28px; }
  /* line 43, scss/pages/review.scss */
  .page--article--review.--white {
    background-color: #ffffff !important; }

/* line 53, scss/pages/review.scss */
.page--article--review .reviewedBooks {
  width: 100%;
  margin-top: 5.263vw !important;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 1480px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (min-width: 1480px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      max-width: 900px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      width: 86%; } }
  @media only screen and (max-width: 625px) {
    /* line 53, scss/pages/review.scss */
    .page--article--review .reviewedBooks {
      margin-top: 10.526vw !important;
      flex-direction: column;
      width: 92%; } }
  /* line 89, scss/pages/review.scss */
  .page--article--review .reviewedBooks .item {
    display: flex;
    grid-template-columns: 64px auto;
    column-gap: 12px;
    text-align: left;
    height: 100%;
    flex-shrink: 0;
    padding-bottom: 8px;
    padding-top: 8px; }
    /* line 100, scss/pages/review.scss */
    .page--article--review .reviewedBooks .item .image {
      display: block;
      margin-top: 0; }
      /* line 104, scss/pages/review.scss */
      .page--article--review .reviewedBooks .item .image img {
        width: 92px;
        padding-left: 12px; }
        @media only screen and (max-width: 625px) {
          /* line 104, scss/pages/review.scss */
          .page--article--review .reviewedBooks .item .image img {
            padding-left: 0;
            width: 56px; } }
    /* line 115, scss/pages/review.scss */
    .page--article--review .reviewedBooks .item .text {
      text-align: left; }
      /* line 118, scss/pages/review.scss */
      .page--article--review .reviewedBooks .item .text .review__title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 0.85rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
      /* line 123, scss/pages/review.scss */
      .page--article--review .reviewedBooks .item .text .review__author {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0.02em;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 0.75rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
      /* line 127, scss/pages/review.scss */
      .page--article--review .reviewedBooks .item .text .review__info {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        margin-top: 2px; }
        @media only screen and (max-width: 625px) {
          /* line 127, scss/pages/review.scss */
          .page--article--review .reviewedBooks .item .text .review__info {
            font-size: 14px;
            line-height: 18px; } }
        /* line 131, scss/pages/review.scss */
        .page--article--review .reviewedBooks .item .text .review__info p {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px; }
          @media only screen and (max-width: 625px) {
            /* line 131, scss/pages/review.scss */
            .page--article--review .reviewedBooks .item .text .review__info p {
              font-size: 14px;
              line-height: 18px; } }

/* line 1, scss/pages/error.scss */
.page--error {
  background-color: #e1e3de; }
  /* line 11, scss/pages/error.scss */
  .page--error .content {
    padding-top: 15.789vw !important;
    padding-bottom: 15.789vw !important;
    min-height: 70vh; }
    @media only screen and (min-width: 1480px) {
      /* line 11, scss/pages/error.scss */
      .page--error .content {
        max-width: 900px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 11, scss/pages/error.scss */
      .page--error .content {
        margin: 0 auto;
        max-width: 900px; } }
    @media only screen and (max-width: 1024px) {
      /* line 11, scss/pages/error.scss */
      .page--error .content {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 11, scss/pages/error.scss */
      .page--error .content {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 17, scss/pages/error.scss */
    .page--error .content .container {
      text-align: center; }
      /* line 20, scss/pages/error.scss */
      .page--error .content .container .title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 2.5rem;
        line-height: 1em;
        font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
      /* line 24, scss/pages/error.scss */
      .page--error .content .container .text {
        margin-top: 16px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px; }
        @media only screen and (max-width: 625px) {
          /* line 24, scss/pages/error.scss */
          .page--error .content .container .text {
            font-size: 14px;
            line-height: 18px; } }
      /* line 29, scss/pages/error.scss */
      .page--error .content .container .link {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0.02em;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 0.75rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem);
        letter-spacing: 0;
        border-bottom: 1px solid;
        padding-bottom: 2px;
        display: inline-block;
        margin-top: 24px; }

/* line 1, scss/pages/newsletter.scss */
.page--newsletter {
  background-color: #e1e3de; }
  /* line 4, scss/pages/newsletter.scss */
  .page--newsletter .content {
    text-align: center;
    min-height: 100vh;
    padding-top: 10.526vw !important;
    padding-bottom: 10.526vw !important; }
  /* line 12, scss/pages/newsletter.scss */
  .page--newsletter .sib-form {
    max-width: 600px;
    margin: 0 auto;
    border-width: 0 !important;
    box-shadow: 0px 0px 20px 12px #0000000d;
    padding: 5.263vw 2.6315vw !important;
    background-color: #ffffff; }
    /* line 15, scss/pages/newsletter.scss */
    .page--newsletter .sib-form .title {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.2rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.95vw, 3.7rem);
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 32px; }
      @media only screen and (min-width: 1480px) {
        /* line 15, scss/pages/newsletter.scss */
        .page--newsletter .sib-form .title {
          max-width: 600px;
          margin: 0 auto; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 15, scss/pages/newsletter.scss */
        .page--newsletter .sib-form .title {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 15, scss/pages/newsletter.scss */
        .page--newsletter .sib-form .title {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 15, scss/pages/newsletter.scss */
        .page--newsletter .sib-form .title {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
    @media only screen and (min-width: 1480px) {
      /* line 12, scss/pages/newsletter.scss */
      .page--newsletter .sib-form {
        max-width: 600px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 12, scss/pages/newsletter.scss */
      .page--newsletter .sib-form {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 12, scss/pages/newsletter.scss */
      .page--newsletter .sib-form {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 12, scss/pages/newsletter.scss */
      .page--newsletter .sib-form {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 34, scss/pages/newsletter.scss */
  .page--newsletter .sib-form .entry__specification {
    color: #1D1D1D; }
  /* line 45, scss/pages/newsletter.scss */
  .page--newsletter .sib-form-block * {
    font-family: Lektorat !important;
    color: #1D1D1D; }
  /* line 50, scss/pages/newsletter.scss */
  .page--newsletter .sib-form-block button {
    width: 100%;
    margin-top: 24px; }
  /* line 57, scss/pages/newsletter.scss */
  .page--newsletter .sib-form-container * {
    font-family: Lektorat !important;
    color: #1D1D1D; }
  /* line 63, scss/pages/newsletter.scss */
  .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader {
    border: 1px solid #1d1d1d;
    background-color: transparent;
    color: #1d1d1d;
    padding: 12px 32px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
    background-size: 0;
    transition: .5s;
    background-repeat: repeat-y;
    text-transform: capitalize; }
    @media only screen and (max-width: 625px) {
      /* line 63, scss/pages/newsletter.scss */
      .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader {
        font-size: 13px;
        line-height: 16px; } }
    /* line 420, scss/micro/ux--buttons.scss */
    .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader::focus {
      outline: none; }
    /* line 424, scss/micro/ux--buttons.scss */
    .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader:hover {
      background-size: 100%;
      color: #ffffff; }
    @media only screen and (max-width: 625px) {
      /* line 63, scss/pages/newsletter.scss */
      .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 63, scss/pages/newsletter.scss */
    .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader {
      font-size: 13px;
      line-height: 16px; } }

    @media (hover: none) {
      /* line 63, scss/pages/newsletter.scss */
      .page--newsletter .sib-form-block__button.sib-form-block__button-with-loader {
        background-color: #1d1d1d;
        color: #ffffff; } }
  /* line 69, scss/pages/newsletter.scss */
  .page--newsletter .entry__label {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400 !important;
    margin-bottom: 4px; }
    @media only screen and (max-width: 625px) {
      /* line 69, scss/pages/newsletter.scss */
      .page--newsletter .entry__label {
        font-size: 14px;
        line-height: 18px; } }
    /* line 75, scss/pages/newsletter.scss */
    .page--newsletter .entry__label .entry__field input.input {
      padding: 12px 20px !important;
      color: black;
      border: none;
      font-family: Lektorat;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0em;
      width: 100%;
      background-color: rgba(18, 18, 18, 0.034) !important;
      border-radius: 2px;
      height: 52px; }
  /* line 93, scss/pages/newsletter.scss */
  .page--newsletter .sib-optin.sib-form-block {
    margin-top: 24px; }
  /* line 97, scss/pages/newsletter.scss */
  .page--newsletter .entry__choice {
    padding: 0 !important;
    text-indent: 0 !important; }
    /* line 106, scss/pages/newsletter.scss */
    .page--newsletter .entry__choice label span {
      line-height: 0.8em !important; }
    /* line 110, scss/pages/newsletter.scss */
    .page--newsletter .entry__choice label p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      text-align: left;
      margin-left: 8px;
      margin-top: 2px;
      line-height: 0.8em !important; }
      @media only screen and (max-width: 625px) {
        /* line 110, scss/pages/newsletter.scss */
        .page--newsletter .entry__choice label p {
          font-size: 13px;
          line-height: 16px; } }
  /* line 120, scss/pages/newsletter.scss */
  .page--newsletter .entry__field {
    border: 0 !important; }
  /* line 125, scss/pages/newsletter.scss */
  .page--newsletter input#EMAIL {
    padding: 12px 20px !important;
    color: black;
    border: none;
    font-family: Lektorat;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    width: 100%;
    background-color: rgba(18, 18, 18, 0.034);
    border-radius: 2px;
    height: 52px !important;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px; }
    @media only screen and (max-width: 625px) {
      /* line 125, scss/pages/newsletter.scss */
      .page--newsletter input#EMAIL {
        font-size: 14px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) {
      /* line 125, scss/pages/newsletter.scss */
      .page--newsletter input#EMAIL {
        padding-left: 12px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 125, scss/pages/newsletter.scss */
    .page--newsletter input#EMAIL {
      font-size: 14px;
      line-height: 18px; } }

  /* line 149, scss/pages/newsletter.scss */
  .page--newsletter .entry_errored .entry__error {
    background-color: #ffd1d1 !important;
    padding: 12px !important;
    border-radius: 2px !important;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px !important;
    color: #1D1D1D !important; }
    @media only screen and (max-width: 625px) {
      /* line 149, scss/pages/newsletter.scss */
      .page--newsletter .entry_errored .entry__error {
        font-size: 13px;
        line-height: 16px; } }

/* line 9, scss/pages/story.scss */
.page--article--story {
  transition: background-color .1s linear; }
  /* line 10, scss/pages/story.scss */
  .page--article--story .header {
    padding: 10.526vw 0 2.6315vw 0; }
    /* line 13, scss/pages/story.scss */
    .page--article--story .header .information {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-top: 0 !important; }
      @media only screen and (min-width: 1480px) {
        /* line 13, scss/pages/story.scss */
        .page--article--story .header .information {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 13, scss/pages/story.scss */
        .page--article--story .header .information {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 13, scss/pages/story.scss */
        .page--article--story .header .information {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 13, scss/pages/story.scss */
        .page--article--story .header .information {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      /* line 21, scss/pages/story.scss */
      .page--article--story .header .information .title {
        max-width: 70%; }
        @media only screen and (max-width: 625px) {
          /* line 21, scss/pages/story.scss */
          .page--article--story .header .information .title {
            max-width: none; } }
      /* line 29, scss/pages/story.scss */
      .page--article--story .header .information .author {
        font-size: clamp(1.6rem, 2.85vw, 4.11rem);
        margin-top: 8px; }
    /* line 35, scss/pages/story.scss */
    .page--article--story .header .handles {
      margin-top: 28px; }
    /* line 39, scss/pages/story.scss */
    .page--article--story .header .image {
      margin-top: 28px; }
  /* line 46, scss/pages/story.scss */
  .page--article--story.--white {
    background-color: #ffffff !important; }

/* line 9, scss/pages/fromtheeditors.scss */
.page--article--fromtheeditors {
  transition: background-color .1s linear; }
  /* line 10, scss/pages/fromtheeditors.scss */
  .page--article--fromtheeditors .header {
    padding: 10.526vw 0 2.6315vw 0; }
    /* line 13, scss/pages/fromtheeditors.scss */
    .page--article--fromtheeditors .header .information {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-top: 0 !important; }
      @media only screen and (min-width: 1480px) {
        /* line 13, scss/pages/fromtheeditors.scss */
        .page--article--fromtheeditors .header .information {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 13, scss/pages/fromtheeditors.scss */
        .page--article--fromtheeditors .header .information {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 13, scss/pages/fromtheeditors.scss */
        .page--article--fromtheeditors .header .information {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 13, scss/pages/fromtheeditors.scss */
        .page--article--fromtheeditors .header .information {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      /* line 21, scss/pages/fromtheeditors.scss */
      .page--article--fromtheeditors .header .information .title {
        max-width: 70%; }
        @media only screen and (max-width: 625px) {
          /* line 21, scss/pages/fromtheeditors.scss */
          .page--article--fromtheeditors .header .information .title {
            max-width: none; } }
      /* line 29, scss/pages/fromtheeditors.scss */
      .page--article--fromtheeditors .header .information .author {
        font-size: clamp(1.6rem, 2.85vw, 4.11rem);
        margin-top: 8px; }
    /* line 35, scss/pages/fromtheeditors.scss */
    .page--article--fromtheeditors .header .handles {
      margin-top: 28px; }
    /* line 39, scss/pages/fromtheeditors.scss */
    .page--article--fromtheeditors .header .image {
      margin-top: 28px; }
  /* line 46, scss/pages/fromtheeditors.scss */
  .page--article--fromtheeditors.--white {
    background-color: #ffffff !important; }

/* line 3, scss/pages/home.scss */
.home__newsletterSticker {
  position: absolute;
  z-index: 99;
  transform: rotate(0deg) scale(1);
  transition: transform 500ms ease;
  right: 0; }
  @media only screen and (min-width: 1480px) {
    /* line 3, scss/pages/home.scss */
    .home__newsletterSticker {
      top: -91px;
      right: -75px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 3, scss/pages/home.scss */
    .home__newsletterSticker {
      top: -81px;
      right: -75px; } }
  @media only screen and (max-width: 1024px) {
    /* line 3, scss/pages/home.scss */
    .home__newsletterSticker {
      top: -60px;
      right: 20px; } }
  @media only screen and (max-width: 625px) {
    /* line 3, scss/pages/home.scss */
    .home__newsletterSticker {
      top: -20px;
      right: -16px;
      transform: scale(0.7); } }
  /* line 31, scss/pages/home.scss */
  .home__newsletterSticker:hover {
    transform: rotate(25deg) scale(1.1); }

/* line 36, scss/pages/home.scss */
.home__highlight {
  position: relative;
  margin-top: 18vw;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 2.6315vw; }
  @media only screen and (max-width: 1024px) {
    /* line 36, scss/pages/home.scss */
    .home__highlight {
      margin-top: 18vw;
      padding-top: 20px; } }
  @media only screen and (max-width: 625px) {
    /* line 36, scss/pages/home.scss */
    .home__highlight {
      margin-top: 20vw; } }
  /* line 62, scss/pages/home.scss */
  .home__highlight .highlight__hero {
    position: sticky;
    top: 10.526vw;
    grid-column-start: 1;
    grid-column-end: 8;
    padding: 10.526vw;
    padding-top: 5.263vw; }
    @media only screen and (max-width: 1024px) {
      /* line 62, scss/pages/home.scss */
      .home__highlight .highlight__hero {
        grid-column-end: 13;
        position: static; } }
    @media only screen and (max-width: 1024px) {
      /* line 62, scss/pages/home.scss */
      .home__highlight .highlight__hero {
        text-align: center;
        top: 0; }
        /* line 80, scss/pages/home.scss */
        .home__highlight .highlight__hero .thumbnail {
          display: flex;
          flex-direction: column; }
          /* line 84, scss/pages/home.scss */
          .home__highlight .highlight__hero .thumbnail .title {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 1.85rem;
            line-height: 1.1em;
            font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
          /* line 88, scss/pages/home.scss */
          .home__highlight .highlight__hero .thumbnail .author {
            font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            font-feature-settings: 'ss04' on;
            font-variant-ligatures: common-ligatures;
            font-size: 1.85rem;
            line-height: 1em;
            font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
          /* line 93, scss/pages/home.scss */
          .home__highlight .highlight__hero .thumbnail .tags {
            justify-content: center;
            order: 4; }
          /* line 98, scss/pages/home.scss */
          .home__highlight .highlight__hero .thumbnail .wrapper {
            order: 3;
            margin-top: 0 !important; }
          /* line 103, scss/pages/home.scss */
          .home__highlight .highlight__hero .thumbnail .translatebar {
            order: 2;
            margin-bottom: 16px;
            margin-top: 16px; }
          /* line 109, scss/pages/home.scss */
          .home__highlight .highlight__hero .thumbnail .image {
            order: 1;
            margin-top: 0; }
            /* line 113, scss/pages/home.scss */
            .home__highlight .highlight__hero .thumbnail .image img {
              aspect-ratio: 3/2;
              object-fit: cover; } }
    @media only screen and (max-width: 625px) {
      /* line 62, scss/pages/home.scss */
      .home__highlight .highlight__hero {
        padding: 5.263vw 5.263vw; }
        /* line 125, scss/pages/home.scss */
        .home__highlight .highlight__hero .wrapper {
          padding: 0 20px; } }
  /* line 135, scss/pages/home.scss */
  .home__highlight .highlight__selection {
    grid-column-start: 8;
    grid-column-end: 12;
    padding-left: 2.6315vw;
    padding-top: 2.6315vw;
    padding-bottom: 5.263vw;
    position: relative; }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 135, scss/pages/home.scss */
      .home__highlight .highlight__selection {
        padding-top: 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 135, scss/pages/home.scss */
      .home__highlight .highlight__selection {
        grid-column-start: 1;
        grid-column-end: 13;
        position: static;
        padding: 10.526vw 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 135, scss/pages/home.scss */
      .home__highlight .highlight__selection {
        padding: 15.789vw 2.6315vw 10.526vw 2.6315vw; }
        /* line 161, scss/pages/home.scss */
        .home__highlight .highlight__selection .tags {
          margin-top: 4px; }
        /* line 165, scss/pages/home.scss */
        .home__highlight .highlight__selection .author {
          margin-top: -2px; } }
    /* line 171, scss/pages/home.scss */
    .home__highlight .highlight__selection .image {
      width: 5.263vw;
      display: none; }
    /* line 176, scss/pages/home.scss */
    .home__highlight .highlight__selection .thumbnail {
      margin-bottom: 64px; }
      /* line 179, scss/pages/home.scss */
      .home__highlight .highlight__selection .thumbnail .title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 1.15rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
      /* line 183, scss/pages/home.scss */
      .home__highlight .highlight__selection .thumbnail .author {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 1.15rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
      @media only screen and (max-width: 1024px) {
        /* line 176, scss/pages/home.scss */
        .home__highlight .highlight__selection .thumbnail {
          margin-bottom: 32px; } }
      @media only screen and (max-width: 625px) {
        /* line 176, scss/pages/home.scss */
        .home__highlight .highlight__selection .thumbnail {
          margin-bottom: 10.526vw; } }

/* line 203, scss/pages/home.scss */
.home__issue {
  background-color: #F8F6F6;
  padding-top: 6.57875vw;
  border-top: 0;
  padding-bottom: 6.57875vw;
  margin-bottom: 0; }
  @media only screen and (min-width: 1480px) {
    /* line 212, scss/pages/home.scss */
    .home__issue .content {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 212, scss/pages/home.scss */
    .home__issue .content {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 212, scss/pages/home.scss */
    .home__issue .content {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 212, scss/pages/home.scss */
    .home__issue .content {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 215, scss/pages/home.scss */
  .home__issue .content a {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse; }
    /* line 220, scss/pages/home.scss */
    .home__issue .content a .text {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      margin-bottom: 24px;
      margin-left: 5.263vw;
      opacity: 0.8; }
      @media only screen and (max-width: 625px) {
        /* line 220, scss/pages/home.scss */
        .home__issue .content a .text {
          font-size: 14px;
          line-height: 18px; } }
    /* line 234, scss/pages/home.scss */
    .home__issue .content a .image img {
      max-height: 240px;
      width: auto;
      box-shadow: #11111117 0px 0px 3px 0px; }
    @media only screen and (max-width: 625px) {
      /* line 231, scss/pages/home.scss */
      .home__issue .content a .image {
        margin: 0; }
        /* line 243, scss/pages/home.scss */
        .home__issue .content a .image img {
          object-fit: initial;
          aspect-ratio: initial;
          width: 150px;
          box-shadow: #11111117 0px 0px 3px 0px; } }
    /* line 253, scss/pages/home.scss */
    .home__issue .content a .button {
      width: auto;
      display: table;
      margin-top: 20px !important; }

/* line 266, scss/pages/home.scss */
.home__pearls {
  display: flex;
  flex-direction: column;
  margin-top: 5.263vw !important;
  width: 100%; }
  /* line 277, scss/pages/home.scss */
  .home__pearls .label--home {
    width: 100%;
    cursor: default;
    margin-bottom: 24px !important; }
    @media only screen and (min-width: 1480px) {
      /* line 277, scss/pages/home.scss */
      .home__pearls .label--home {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 277, scss/pages/home.scss */
      .home__pearls .label--home {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 277, scss/pages/home.scss */
      .home__pearls .label--home {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 277, scss/pages/home.scss */
      .home__pearls .label--home {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 287, scss/pages/home.scss */
  .home__pearls .content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 32px;
    padding-top: 8px;
    row-gap: 6.57875vw;
    margin-top: 0 !important; }
    @media only screen and (min-width: 1480px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 625px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        margin-top: 0 !important; } }
    /* line 302, scss/pages/home.scss */
    .home__pearls .content .excerpt {
      display: none; }
    /* line 306, scss/pages/home.scss */
    .home__pearls .content a {
      flex: 1; }
    /* line 310, scss/pages/home.scss */
    .home__pearls .content .text {
      margin-top: 0; }
    @media only screen and (max-width: 1024px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        grid-template-columns: 1fr 1fr; }
        /* line 317, scss/pages/home.scss */
        .home__pearls .content .thumbnail--pearl {
          display: grid;
          grid-template-columns: 80px 1fr;
          position: relative;
          column-gap: 12px; }
          /* line 323, scss/pages/home.scss */
          .home__pearls .content .thumbnail--pearl .pearl__illustration {
            grid-column: 1/2; }
          /* line 327, scss/pages/home.scss */
          .home__pearls .content .thumbnail--pearl .translatebar {
            grid-column: 2/3;
            grid-row: 1/2;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%; }
          /* line 337, scss/pages/home.scss */
          .home__pearls .content .thumbnail--pearl .wrapper {
            grid-column: 2/3;
            grid-row: 1/2;
            margin-top: 16px !important; }
            /* line 342, scss/pages/home.scss */
            .home__pearls .content .thumbnail--pearl .wrapper .text {
              text-align: left; } }
    @media only screen and (max-width: 625px) {
      /* line 287, scss/pages/home.scss */
      .home__pearls .content {
        grid-template-columns: 1fr; } }

/* line 359, scss/pages/home.scss */
.home__interest {
  margin-top: 4.2104vw;
  margin-bottom: 0 !important; }
  /* line 363, scss/pages/home.scss */
  .home__interest .content {
    background-color: #F8F6F6;
    display: block !important; }
    /* line 368, scss/pages/home.scss */
    .home__interest .content .interest__feed {
      padding: 32px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 32px;
      row-gap: 32px; }
      @media only screen and (max-width: 625px) {
        /* line 368, scss/pages/home.scss */
        .home__interest .content .interest__feed {
          grid-template-columns: 1fr;
          padding: 24px 12px !important; } }
      /* line 380, scss/pages/home.scss */
      .home__interest .content .interest__feed .text {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        /* line 387, scss/pages/home.scss */
        .home__interest .content .interest__feed .text .top .label--home {
          padding-bottom: 8px; }
        /* line 391, scss/pages/home.scss */
        .home__interest .content .interest__feed .text .top .interest__blurb {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px;
          margin-bottom: 32px; }
          @media only screen and (max-width: 625px) {
            /* line 391, scss/pages/home.scss */
            .home__interest .content .interest__feed .text .top .interest__blurb {
              font-size: 14px;
              line-height: 18px; } }
          @media only screen and (max-width: 1024px) {
            /* line 391, scss/pages/home.scss */
            .home__interest .content .interest__feed .text .top .interest__blurb {
              padding-right: 0; } }
          /* line 400, scss/pages/home.scss */
          .home__interest .content .interest__feed .text .top .interest__blurb p {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 16px;
            line-height: 22px; }
            @media only screen and (max-width: 625px) {
              /* line 400, scss/pages/home.scss */
              .home__interest .content .interest__feed .text .top .interest__blurb p {
                font-size: 14px;
                line-height: 18px; } }
        /* line 409, scss/pages/home.scss */
        .home__interest .content .interest__feed .text .explore .text {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          letter-spacing: 0.01em;
          text-transform: uppercase;
          font-size: 12px;
          line-height: 16px;
          margin-bottom: 8px; }
          @media only screen and (max-width: 625px) {
            /* line 409, scss/pages/home.scss */
            .home__interest .content .interest__feed .text .explore .text {
              font-size: 12px;
              line-height: 16px; } }
      /* line 417, scss/pages/home.scss */
      .home__interest .content .interest__feed .label {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        letter-spacing: 0.01em;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 16px; }
        @media only screen and (max-width: 625px) {
          /* line 417, scss/pages/home.scss */
          .home__interest .content .interest__feed .label {
            font-size: 12px;
            line-height: 16px; } }
      @media only screen and (max-width: 1024px) {
        /* line 368, scss/pages/home.scss */
        .home__interest .content .interest__feed {
          grid-column: 1/12;
          grid-row: 1/2; } }
      @media only screen and (max-width: 625px) {
        /* line 368, scss/pages/home.scss */
        .home__interest .content .interest__feed {
          padding-top: 10.526vw; }
          /* line 430, scss/pages/home.scss */
          .home__interest .content .interest__feed .label {
            margin-bottom: 24px; } }
      /* line 436, scss/pages/home.scss */
      .home__interest .content .interest__feed .excerpt {
        display: none; }
      /* line 440, scss/pages/home.scss */
      .home__interest .content .interest__feed .interest__link {
        display: inline-block; }
      /* line 451, scss/pages/home.scss */
      .home__interest .content .interest__feed .interest__listing .thumbnail {
        margin-bottom: 32px; }
        /* line 457, scss/pages/home.scss */
        .home__interest .content .interest__feed .interest__listing .thumbnail .text .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 0.85rem;
          line-height: 1.2em;
          font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
          @media only screen and (max-width: 625px) {
            /* line 457, scss/pages/home.scss */
            .home__interest .content .interest__feed .interest__listing .thumbnail .text .title {
              font-family: bookmania, Garamond;
              font-weight: 600;
              font-style: normal;
              letter-spacing: -0.005em;
              font-size: 1.05rem;
              line-height: 1.3em;
              font-size: clamp(1.04rem, 1.158vw, 2.85rem); } }
        /* line 465, scss/pages/home.scss */
        .home__interest .content .interest__feed .interest__listing .thumbnail .text .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0.02em;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 0.75rem;
          line-height: 1.2em;
          font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
          @media only screen and (max-width: 625px) {
            /* line 465, scss/pages/home.scss */
            .home__interest .content .interest__feed .interest__listing .thumbnail .text .author {
              font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              font-style: italic;
              font-feature-settings: 'ss04' on;
              font-variant-ligatures: common-ligatures;
              line-height: 1.3em;
              font-size: clamp(1.04rem, 1.158vw, 2.85rem); } }
    @media only screen and (max-width: 625px) {
      /* line 363, scss/pages/home.scss */
      .home__interest .content {
        flex-direction: column-reverse; }
        /* line 483, scss/pages/home.scss */
        .home__interest .content .interest__feed {
          width: 100%; } }

/* line 501, scss/pages/home.scss */
.home__feed--top {
  border-top: 0;
  margin-top: 5.263vw !important;
  margin-bottom: 10.526vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 501, scss/pages/home.scss */
    .home__feed--top {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 501, scss/pages/home.scss */
    .home__feed--top {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 501, scss/pages/home.scss */
    .home__feed--top {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 501, scss/pages/home.scss */
    .home__feed--top {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 501, scss/pages/home.scss */
    .home__feed--top {
      margin: 15.789vw 0 10.526vw 0 !important; } }
  /* line 511, scss/pages/home.scss */
  .home__feed--top .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 4.2104vw;
    row-gap: 5.263vw;
    width: 100%; }
    /* line 518, scss/pages/home.scss */
    .home__feed--top .content .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    /* line 522, scss/pages/home.scss */
    .home__feed--top .content .author {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    /* line 526, scss/pages/home.scss */
    .home__feed--top .content .name {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    @media only screen and (min-width: 1480px) {
      /* line 511, scss/pages/home.scss */
      .home__feed--top .content {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 511, scss/pages/home.scss */
      .home__feed--top .content {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 511, scss/pages/home.scss */
      .home__feed--top .content {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 511, scss/pages/home.scss */
      .home__feed--top .content {
        grid-template-columns: 1fr;
        row-gap: 15.789vw; } }

/* line 558, scss/pages/home.scss */
.home__interview {
  border-top: 0;
  margin-top: 5.263vw !important;
  margin-bottom: 5.263vw !important;
  display: none; }
  @media only screen and (min-width: 1480px) {
    /* line 558, scss/pages/home.scss */
    .home__interview {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 558, scss/pages/home.scss */
    .home__interview {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 558, scss/pages/home.scss */
    .home__interview {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 558, scss/pages/home.scss */
    .home__interview {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 569, scss/pages/home.scss */
  .home__interview .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2.6315vw;
    row-gap: 32px;
    width: 100%; }
    @media only screen and (max-width: 625px) {
      /* line 569, scss/pages/home.scss */
      .home__interview .content {
        grid-template-columns: 1fr;
        row-gap: 10.526vw; } }
    /* line 585, scss/pages/home.scss */
    .home__interview .content .interview__selection {
      grid-column: 1/2;
      grid-row-start: 1; }
      @media only screen and (max-width: 625px) {
        /* line 585, scss/pages/home.scss */
        .home__interview .content .interview__selection {
          grid-row-start: 2; } }
      /* line 593, scss/pages/home.scss */
      .home__interview .content .interview__selection .thumbnail--interview {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 16px;
        margin-bottom: 5.263vw; }
        /* line 600, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview .excerpt {
          display: none; }
        /* line 604, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
        /* line 609, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview .name {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
        /* line 613, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
        /* line 617, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview .image {
          display: none; }
        /* line 621, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview:first-of-type {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 2; }
        /* line 628, scss/pages/home.scss */
        .home__interview .content .interview__selection .thumbnail--interview:nth-of-type(2) {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 2;
          grid-row-end: 3; }
    /* line 637, scss/pages/home.scss */
    .home__interview .content .interview__highlight {
      grid-column: 2/4; }
      @media only screen and (max-width: 625px) {
        /* line 637, scss/pages/home.scss */
        .home__interview .content .interview__highlight {
          grid-row-start: 1;
          grid-column: 1/4; } }
      /* line 645, scss/pages/home.scss */
      .home__interview .content .interview__highlight .text {
        margin-top: 32px; }
      /* line 649, scss/pages/home.scss */
      .home__interview .content .interview__highlight .thumbnail--interview--hero {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 24px; }
        /* line 654, scss/pages/home.scss */
        .home__interview .content .interview__highlight .thumbnail--interview--hero .image {
          grid-column-start: 3;
          grid-column-end: 4;
          max-width: 160px;
          aspect-ratio: 1/1;
          background-size: cover; }
        /* line 662, scss/pages/home.scss */
        .home__interview .content .interview__highlight .thumbnail--interview--hero .wrapper {
          grid-column-start: 1;
          grid-column-end: 3;
          grid-row-start: 1; }
          /* line 667, scss/pages/home.scss */
          .home__interview .content .interview__highlight .thumbnail--interview--hero .wrapper .title {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 1.15rem;
            line-height: 1.25em;
            font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
          /* line 671, scss/pages/home.scss */
          .home__interview .content .interview__highlight .thumbnail--interview--hero .wrapper .name {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 1.15rem;
            line-height: 1.25em;
            font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
          /* line 675, scss/pages/home.scss */
          .home__interview .content .interview__highlight .thumbnail--interview--hero .wrapper .author {
            font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            font-style: italic;
            font-feature-settings: 'ss04' on;
            font-variant-ligatures: common-ligatures;
            font-size: 1.15rem;
            line-height: 1.25em;
            font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
          /* line 679, scss/pages/home.scss */
          .home__interview .content .interview__highlight .thumbnail--interview--hero .wrapper .excerpt {
            display: block !important; }
            @media only screen and (max-width: 625px) {
              /* line 679, scss/pages/home.scss */
              .home__interview .content .interview__highlight .thumbnail--interview--hero .wrapper .excerpt {
                display: none !important; } }

/* line 703, scss/pages/home.scss */
.home__feed {
  border-top: 0;
  width: 100%;
  margin-bottom: 10.526vw !important;
  flex-direction: column; }
  @media only screen and (min-width: 1480px) {
    /* line 703, scss/pages/home.scss */
    .home__feed {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 703, scss/pages/home.scss */
    .home__feed {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 703, scss/pages/home.scss */
    .home__feed {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 703, scss/pages/home.scss */
    .home__feed {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 703, scss/pages/home.scss */
    .home__feed {
      margin-bottom: 15.789vw !important; } }
  /* line 714, scss/pages/home.scss */
  .home__feed .content {
    display: grid;
    column-gap: 4.2104vw;
    width: 100%;
    row-gap: 5.263vw; }
    @media only screen and (min-width: 1480px) {
      /* line 714, scss/pages/home.scss */
      .home__feed .content {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 714, scss/pages/home.scss */
      .home__feed .content {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 714, scss/pages/home.scss */
      .home__feed .content {
        grid-template-columns: 1fr 1fr;
        row-gap: 10.526vw; } }
    @media only screen and (max-width: 625px) {
      /* line 714, scss/pages/home.scss */
      .home__feed .content {
        grid-template-columns: 1fr;
        row-gap: 10.526vw; }
        /* line 739, scss/pages/home.scss */
        .home__feed .content .excerpt {
          display: none; } }

@media only screen and (max-width: 625px) {
  /* line 767, scss/pages/home.scss */
  .page--home .subscription__promo {
    margin-bottom: 15.789vw !important;
    margin-top: 5.263vw !important; } }

/* line 777, scss/pages/home.scss */
.home__bottom {
  display: grid;
  grid-template-columns: 360px 2fr;
  column-gap: 5.263vw;
  row-gap: 15.789vw;
  margin-bottom: 5.263vw !important;
  margin-top: 5.263vw !important;
  align-items: flex-start; }
  @media only screen and (min-width: 1480px) {
    /* line 777, scss/pages/home.scss */
    .home__bottom {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 777, scss/pages/home.scss */
    .home__bottom {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 777, scss/pages/home.scss */
    .home__bottom {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 777, scss/pages/home.scss */
    .home__bottom {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 777, scss/pages/home.scss */
    .home__bottom {
      grid-template-columns: 1fr; } }
  @media only screen and (max-width: 1024px) {
    /* line 792, scss/pages/home.scss */
    .home__bottom .home__bottom__latest {
      grid-column: 1/3; } }
  @media only screen and (max-width: 625px) {
    /* line 792, scss/pages/home.scss */
    .home__bottom .home__bottom__latest {
      grid-column: 1/3; } }
  /* line 806, scss/pages/home.scss */
  .home__bottom .home__bottom__latest .label--home {
    padding-bottom: 32px; }
  /* line 810, scss/pages/home.scss */
  .home__bottom .home__bottom__latest .content {
    display: grid;
    row-gap: 64px;
    column-gap: 2.6315vw;
    grid-template-columns: 1fr 1fr; }
    @media only screen and (max-width: 1024px) {
      /* line 816, scss/pages/home.scss */
      .home__bottom .home__bottom__latest .content a {
        row-gap: 32px;
        grid-column: 1/3; } }
    @media only screen and (max-width: 625px) {
      /* line 816, scss/pages/home.scss */
      .home__bottom .home__bottom__latest .content a {
        row-gap: 10.526vw;
        grid-column: 1/3; } }
    /* line 829, scss/pages/home.scss */
    .home__bottom .home__bottom__latest .content .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    /* line 833, scss/pages/home.scss */
    .home__bottom .home__bottom__latest .content .name {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
    /* line 837, scss/pages/home.scss */
    .home__bottom .home__bottom__latest .content .author {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
  /* line 843, scss/pages/home.scss */
  .home__bottom .home__bottom__reviews {
    position: sticky;
    top: 5.263vw; }
    @media only screen and (max-width: 1024px) {
      /* line 843, scss/pages/home.scss */
      .home__bottom .home__bottom__reviews {
        grid-column: 1/3;
        position: relative;
        top: 0; } }
    @media only screen and (max-width: 625px) {
      /* line 843, scss/pages/home.scss */
      .home__bottom .home__bottom__reviews {
        grid-column: 1/3; } }
    /* line 857, scss/pages/home.scss */
    .home__bottom .home__bottom__reviews .module__review {
      margin-top: 0;
      grid-template-columns: 1fr;
      grid-auto-flow: column; }
      /* line 863, scss/pages/home.scss */
      .home__bottom .home__bottom__reviews .module__review .label--review {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.05em;
        padding-bottom: 12px; }
        @media only screen and (max-width: 625px) {
          /* line 863, scss/pages/home.scss */
          .home__bottom .home__bottom__reviews .module__review .label--review {
            font-size: 13px;
            line-height: 16px; } }
      /* line 872, scss/pages/home.scss */
      .home__bottom .home__bottom__reviews .module__review .items {
        padding: 0 !important;
        row-gap: 0 !important; }
        /* line 876, scss/pages/home.scss */
        .home__bottom .home__bottom__reviews .module__review .items .item {
          padding: 20px !important;
          justify-content: flex-start; }
          @media only screen and (max-width: 625px) {
            /* line 876, scss/pages/home.scss */
            .home__bottom .home__bottom__reviews .module__review .items .item {
              flex-direction: row;
              padding: 12px !important; } }
          /* line 885, scss/pages/home.scss */
          .home__bottom .home__bottom__reviews .module__review .items .item .image {
            width: 72px;
            flex-shrink: 0; }
            @media only screen and (max-width: 625px) {
              /* line 885, scss/pages/home.scss */
              .home__bottom .home__bottom__reviews .module__review .items .item .image {
                width: 64px; } }
          @media only screen and (max-width: 625px) {
            /* line 894, scss/pages/home.scss */
            .home__bottom .home__bottom__reviews .module__review .items .item .text {
              text-align: left;
              margin-left: 12px; } }
          /* line 900, scss/pages/home.scss */
          .home__bottom .home__bottom__reviews .module__review .items .item .text .review__author {
            margin-top: 4px; }
          /* line 904, scss/pages/home.scss */
          .home__bottom .home__bottom__reviews .module__review .items .item .text .review__by {
            margin-top: 2px; }

/* line 919, scss/pages/home.scss */
.home__newsletter {
  margin-bottom: 5.263vw !important;
  display: grid; }
  @media only screen and (min-width: 1480px) {
    /* line 919, scss/pages/home.scss */
    .home__newsletter {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 919, scss/pages/home.scss */
    .home__newsletter {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 919, scss/pages/home.scss */
    .home__newsletter {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 919, scss/pages/home.scss */
    .home__newsletter {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 925, scss/pages/home.scss */
  .home__newsletter .content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-color: #1d1d1d;
    color: #ffffff;
    padding: 2.6315vw 5.263vw !important; }
    @media only screen and (max-width: 625px) {
      /* line 925, scss/pages/home.scss */
      .home__newsletter .content {
        padding: 5.263vw !important; } }
    /* line 940, scss/pages/home.scss */
    .home__newsletter .content .title {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      line-height: 1.3em;
      font-size: clamp(1.04rem, 1.158vw, 2.85rem); }
    /* line 944, scss/pages/home.scss */
    .home__newsletter .content .text {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 944, scss/pages/home.scss */
        .home__newsletter .content .text {
          font-size: 14px;
          line-height: 18px; } }
    /* line 948, scss/pages/home.scss */
    .home__newsletter .content .button {
      border: 1px solid #ffffff;
      background-color: transparent;
      color: #ffffff;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #ffffff, #ffffff);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y;
      margin-top: 20px; }
      @media only screen and (max-width: 625px) {
        /* line 948, scss/pages/home.scss */
        .home__newsletter .content .button {
          font-size: 13px;
          line-height: 16px; } }
      /* line 483, scss/micro/ux--buttons.scss */
      .home__newsletter .content .button::focus {
        outline: none; }
      /* line 487, scss/micro/ux--buttons.scss */
      .home__newsletter .content .button:hover {
        background-size: 100%;
        color: #1d1d1d; }

/* line 1, scss/pages/pearl.scss */
.page--article--pearl {
  background-color: #F8F6F6; }

/* line 10, scss/pages/pearl.scss */
.page--article--pearl .header {
  padding: 10.526vw 0 2.6315vw 0; }
  /* line 13, scss/pages/pearl.scss */
  .page--article--pearl .header .pearl__illustration {
    margin-bottom: 36px; }
  /* line 17, scss/pages/pearl.scss */
  .page--article--pearl .header .information {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    /* line 23, scss/pages/pearl.scss */
    .page--article--pearl .header .information .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.85rem;
      line-height: 1.1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
    /* line 27, scss/pages/pearl.scss */
    .page--article--pearl .header .information .author {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.85rem;
      line-height: 1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
  /* line 32, scss/pages/pearl.scss */
  .page--article--pearl .header .handles {
    margin-top: 28px; }
  /* line 36, scss/pages/pearl.scss */
  .page--article--pearl .header .image {
    margin-top: 28px; }
/* line 42, scss/pages/pearl.scss */
.page--article--pearl.--white {
  background-color: #ffffff !important; }

/* line 1, scss/pages/library.scss */
.search_input {
  text-align: center;
  position: relative; }
  /* line 4, scss/pages/library.scss */
  .search_input input {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 1.85rem;
    line-height: 1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    color: #1D1D1D;
    border-bottom: 1px solid #1D1D1D;
    border-radius: 0px;
    outline: none;
    font-style: italic;
    padding-bottom: 20px;
    padding-left: 50px;
    background: none;
    width: 800px; }
    @media only screen and (max-width: 625px) {
      /* line 4, scss/pages/library.scss */
      .search_input input {
        width: calc(100vw - 20px); } }
  /* line 21, scss/pages/library.scss */
  .search_input svg {
    position: absolute;
    top: 8px; }

/* line 28, scss/pages/library.scss */
.page--library .header {
  padding: 10.526vw 0 0 0;
  max-width: none !important; }
  /* line 34, scss/pages/library.scss */
  .page--library .header .pagetitle {
    text-align: center;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
  /* line 39, scss/pages/library.scss */
  .page--library .header .text {
    text-align: center;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 28px;
    font-size: 20px;
    margin-top: 16px !important; }
    @media only screen and (max-width: 625px) {
      /* line 39, scss/pages/library.scss */
      .page--library .header .text {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 1480px) {
      /* line 39, scss/pages/library.scss */
      .page--library .header .text {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 39, scss/pages/library.scss */
      .page--library .header .text {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 39, scss/pages/library.scss */
      .page--library .header .text {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 39, scss/pages/library.scss */
      .page--library .header .text {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 625px) {
      /* line 39, scss/pages/library.scss */
      .page--library .header .text {
        margin-top: 10.526vw !important; } }
/* line 53, scss/pages/library.scss */
.page--library .categories {
  background-color: #F8F6F6; }
  @media only screen and (min-width: 1480px) {
    /* line 53, scss/pages/library.scss */
    .page--library .categories {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 53, scss/pages/library.scss */
    .page--library .categories {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 53, scss/pages/library.scss */
    .page--library .categories {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 53, scss/pages/library.scss */
    .page--library .categories {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 57, scss/pages/library.scss */
  .page--library .categories .label {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 57, scss/pages/library.scss */
      .page--library .categories .label {
        font-size: 12px;
        line-height: 16px; } }
  /* line 62, scss/pages/library.scss */
  .page--library .categories .cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: -64px; }
    @media only screen and (max-width: 625px) {
      /* line 62, scss/pages/library.scss */
      .page--library .categories .cards {
        grid-template-columns: repeat(4, 90%);
        scroll-snap-type: x mandatory;
        overflow: auto; } }
    /* line 73, scss/pages/library.scss */
    .page--library .categories .cards a {
      scroll-snap-align: start; }
      /* line 76, scss/pages/library.scss */
      .page--library .categories .cards a .card {
        background-color: #ffffff;
        border-radius: 2px;
        background-color: linear-gradient(0deg, rgba(0, 0, 0, 0.651) 0%, rgba(0, 0, 0, 0) 100%);
        margin: 0 4px;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-top: 64px;
        box-shadow: 2px 15px 20px #00000012;
        height: 100%; }
        @media only screen and (max-width: 625px) {
          /* line 76, scss/pages/library.scss */
          .page--library .categories .cards a .card {
            margin-top: 0; } }
        /* line 93, scss/pages/library.scss */
        .page--library .categories .cards a .card .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.05rem;
          line-height: 1.3em;
          font-size: clamp(1.04rem, 1.158vw, 2.85rem);
          display: inline-block;
          width: auto; }
        /* line 99, scss/pages/library.scss */
        .page--library .categories .cards a .card .description {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          margin-top: 24px; }
          @media only screen and (max-width: 625px) {
            /* line 99, scss/pages/library.scss */
            .page--library .categories .cards a .card .description {
              font-size: 13px;
              line-height: 16px; } }
/* line 110, scss/pages/library.scss */
.page--library .filters__results {
  text-align: center; }
/* line 114, scss/pages/library.scss */
.page--library .archive {
  margin-bottom: 15.789vw;
  margin-left: 0;
  align-items: baseline;
  margin-top: 5.263vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 114, scss/pages/library.scss */
    .page--library .archive {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 114, scss/pages/library.scss */
    .page--library .archive {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 114, scss/pages/library.scss */
    .page--library .archive {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 114, scss/pages/library.scss */
    .page--library .archive {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 114, scss/pages/library.scss */
    .page--library .archive {
      margin-bottom: 31.578vw; } }
  /* line 125, scss/pages/library.scss */
  .page--library .archive .free__access {
    display: inline-block;
    margin-bottom: 32px !important; }
  /* line 130, scss/pages/library.scss */
  .page--library .archive .archive__filters {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999999;
    background: #0000009e;
    width: 100vw;
    height: 100vh;
    justify-content: end;
    display: none; }
    @media only screen and (max-width: 625px) {
      /* line 130, scss/pages/library.scss */
      .page--library .archive .archive__filters {
        flex-direction: column; } }
    /* line 148, scss/pages/library.scss */
    .page--library .archive .archive__filters .overlay {
      height: 100%;
      width: 100%; }
    /* line 154, scss/pages/library.scss */
    .page--library .archive .archive__filters.--active {
      display: flex; }
    /* line 158, scss/pages/library.scss */
    .page--library .archive .archive__filters .filters {
      height: 100vh; }
      @media only screen and (max-width: 625px) {
        /* line 158, scss/pages/library.scss */
        .page--library .archive .archive__filters .filters {
          width: 100%; } }
  /* line 171, scss/pages/library.scss */
  .page--library .archive .archive__content {
    margin-bottom: 10.526vw; }
    /* line 174, scss/pages/library.scss */
    .page--library .archive .archive__content .row {
      display: flex;
      justify-content: center;
      align-items: baseline; }
      /* line 179, scss/pages/library.scss */
      .page--library .archive .archive__content .row .right {
        display: flex;
        align-items: baseline; }
        /* line 183, scss/pages/library.scss */
        .page--library .archive .archive__content .row .right .counter {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          margin-right: 20px; }
          @media only screen and (max-width: 625px) {
            /* line 183, scss/pages/library.scss */
            .page--library .archive .archive__content .row .right .counter {
              font-size: 13px;
              line-height: 16px; } }
    /* line 191, scss/pages/library.scss */
    .page--library .archive .archive__content .articles {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2.6315vw;
      row-gap: 5.263vw; }
      /* line 197, scss/pages/library.scss */
      .page--library .archive .archive__content .articles .image {
        margin-bottom: 16px;
        aspect-ratio: 4/3;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 204, scss/pages/library.scss */
        .page--library .archive .archive__content .articles .image img {
          width: 52%;
          aspect-ratio: 4/3;
          object-fit: scale-down; }
        @media only screen and (max-width: 625px) {
          /* line 197, scss/pages/library.scss */
          .page--library .archive .archive__content .articles .image {
            display: none; } }
      @media only screen and (min-width: 1480px) {
        /* line 191, scss/pages/library.scss */
        .page--library .archive .archive__content .articles {
          grid-template-columns: 1fr 1fr 1fr; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 191, scss/pages/library.scss */
        .page--library .archive .archive__content .articles {
          grid-template-columns: 1fr 1fr 1fr; } }
      @media only screen and (max-width: 1024px) {
        /* line 191, scss/pages/library.scss */
        .page--library .archive .archive__content .articles {
          grid-template-columns: 1fr 1fr; } }
      @media only screen and (max-width: 625px) {
        /* line 191, scss/pages/library.scss */
        .page--library .archive .archive__content .articles {
          grid-template-columns: 1fr;
          row-gap: 64px; } }
      /* line 235, scss/pages/library.scss */
      .page--library .archive .archive__content .articles .thumbnailvignette .image img {
        width: 52%;
        mix-blend-mode: multiply; }
      /* line 247, scss/pages/library.scss */
      .page--library .archive .archive__content .articles .thumbnailsmall .image img {
        width: 62%; }
      /* line 255, scss/pages/library.scss */
      .page--library .archive .archive__content .articles .thumbnailmedium .image img {
        width: 82%;
        aspect-ratio: 17/12;
        object-fit: cover; }

/* line 2, scss/pages/interview.scss */
.page--article--interview {
  transition: background-color .1s linear; }
  /* line 3, scss/pages/interview.scss */
  .page--article--interview .header {
    padding: 10.526vw 0 2.6315vw 0; }
    /* line 6, scss/pages/interview.scss */
    .page--article--interview .header .information {
      display: grid;
      grid-template-columns: 3fr 1fr;
      align-items: flex-start;
      column-gap: 2.6315vw; }
      @media only screen and (min-width: 1480px) {
        /* line 6, scss/pages/interview.scss */
        .page--article--interview .header .information {
          max-width: 900px;
          margin: 0 auto; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 6, scss/pages/interview.scss */
        .page--article--interview .header .information {
          margin: 0 auto;
          max-width: 900px; } }
      @media only screen and (max-width: 1024px) {
        /* line 6, scss/pages/interview.scss */
        .page--article--interview .header .information {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 6, scss/pages/interview.scss */
        .page--article--interview .header .information {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 6, scss/pages/interview.scss */
        .page--article--interview .header .information {
          max-width: 800px; } }
      /* line 17, scss/pages/interview.scss */
      .page--article--interview .header .information .image {
        transition: background-color .1s linear; }
        /* line 21, scss/pages/interview.scss */
        .page--article--interview .header .information .image img {
          border-radius: 100%;
          width: 100%;
          mix-blend-mode: multiply; }
      /* line 28, scss/pages/interview.scss */
      .page--article--interview .header .information .text {
        flex-grow: 1; }
        /* line 34, scss/pages/interview.scss */
        .page--article--interview .header .information .text .title {
          text-align: left;
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.85rem;
          line-height: 1.1em;
          font-size: clamp(1.13rem, 3.15vw, 4.22rem);
          display: flex;
          max-width: 100%; }
        /* line 41, scss/pages/interview.scss */
        .page--article--interview .header .information .text .interviewee {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.85rem;
          line-height: 1.1em;
          font-size: clamp(1.13rem, 3.15vw, 4.22rem);
          margin-top: 8px;
          text-align: right; }
        /* line 48, scss/pages/interview.scss */
        .page--article--interview .header .information .text .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem);
          text-align: left; }
        /* line 53, scss/pages/interview.scss */
        .page--article--interview .header .information .text .date {
          text-align: left; }
    /* line 63, scss/pages/interview.scss */
    .page--article--interview .header .image {
      background-color: inherit; }
  /* line 77, scss/pages/interview.scss */
  .page--article--interview .article .article--opener {
    text-align: left; }
    @media only screen and (min-width: 1480px) {
      /* line 77, scss/pages/interview.scss */
      .page--article--interview .article .article--opener {
        max-width: 900px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 77, scss/pages/interview.scss */
      .page--article--interview .article .article--opener {
        margin: 0 auto;
        max-width: 900px; } }
    @media only screen and (max-width: 1024px) {
      /* line 77, scss/pages/interview.scss */
      .page--article--interview .article .article--opener {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 77, scss/pages/interview.scss */
      .page--article--interview .article .article--opener {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 83, scss/pages/interview.scss */
  .page--article--interview .handles {
    align-items: flex-start;
    margin-top: 5.263vw !important; }
    @media only screen and (min-width: 1480px) {
      /* line 83, scss/pages/interview.scss */
      .page--article--interview .handles {
        max-width: 900px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 83, scss/pages/interview.scss */
      .page--article--interview .handles {
        margin: 0 auto;
        max-width: 900px; } }
    @media only screen and (max-width: 1024px) {
      /* line 83, scss/pages/interview.scss */
      .page--article--interview .handles {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 83, scss/pages/interview.scss */
      .page--article--interview .handles {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 89, scss/pages/interview.scss */
  .page--article--interview.--white {
    background-color: #ffffff !important; }

/* line 3, scss/pages/issue.scss */
.page--issue .navigators {
  position: absolute;
  top: 40vh;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center; }
  /* line 11, scss/pages/issue.scss */
  .page--issue .navigators .prev {
    left: 0; }
  /* line 15, scss/pages/issue.scss */
  .page--issue .navigators .next {
    right: 0; }
/* line 20, scss/pages/issue.scss */
.page--issue .content {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 20, scss/pages/issue.scss */
    .page--issue .content {
      margin-bottom: 21.052vw; } }
  /* line 27, scss/pages/issue.scss */
  .page--issue .content .intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #F8F6F6;
    align-items: center; }
    @media only screen and (max-width: 1024px) {
      /* line 27, scss/pages/issue.scss */
      .page--issue .content .intro {
        grid-template-columns: 1fr; } }
    /* line 39, scss/pages/issue.scss */
    .page--issue .content .intro .image {
      min-height: 55vh;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 46, scss/pages/issue.scss */
      .page--issue .content .intro .image img {
        width: 35%;
        height: auto;
        box-shadow: 4px 1px 9px 4px #00000014;
        margin: 10%; }
    /* line 54, scss/pages/issue.scss */
    .page--issue .content .intro .text {
      margin-left: 5.263vw;
      width: 31.578vw; }
      @media only screen and (max-width: 1024px) {
        /* line 54, scss/pages/issue.scss */
        .page--issue .content .intro .text {
          width: 100%;
          margin-top: 5.263vw;
          margin-bottom: 5.263vw;
          margin-left: 0;
          padding: 5.263vw; } }
      /* line 66, scss/pages/issue.scss */
      .page--issue .content .intro .text .number {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 1.85rem;
        line-height: 1.1em;
        font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
      /* line 70, scss/pages/issue.scss */
      .page--issue .content .intro .text .subtitle {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 1.85rem;
        line-height: 1.1em;
        font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
      /* line 74, scss/pages/issue.scss */
      .page--issue .content .intro .text .date {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-transform: uppercase; }
      /* line 80, scss/pages/issue.scss */
      .page--issue .content .intro .text .blurb {
        margin-top: 12px; }
        /* line 83, scss/pages/issue.scss */
        .page--issue .content .intro .text .blurb p {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 17px;
          line-height: 24px; }
          @media only screen and (max-width: 625px) {
            /* line 83, scss/pages/issue.scss */
            .page--issue .content .intro .text .blurb p {
              font-size: 14px;
              line-height: 18px; } }
      /* line 88, scss/pages/issue.scss */
      .page--issue .content .intro .text .buy__wrapper {
        margin-top: 40px;
        display: flex; }
      /* line 94, scss/pages/issue.scss */
      .page--issue .content .intro .text .buy {
        margin-left: 12px; }
        @media only screen and (max-width: 1024px) {
          /* line 94, scss/pages/issue.scss */
          .page--issue .content .intro .text .buy {
            margin-top: 5.263vw; } }
        /* line 102, scss/pages/issue.scss */
        .page--issue .content .intro .text .buy .button {
          border: 1px solid #1d1d1d;
          background-color: transparent;
          color: #1d1d1d;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
          background-size: 0;
          transition: .5s;
          background-repeat: repeat-y; }
          @media only screen and (max-width: 625px) {
            /* line 102, scss/pages/issue.scss */
            .page--issue .content .intro .text .buy .button {
              font-size: 13px;
              line-height: 16px; } }
          /* line 420, scss/micro/ux--buttons.scss */
          .page--issue .content .intro .text .buy .button::focus {
            outline: none; }
          /* line 424, scss/micro/ux--buttons.scss */
          .page--issue .content .intro .text .buy .button:hover {
            background-size: 100%;
            color: #ffffff; }
          @media only screen and (max-width: 625px) {
            /* line 102, scss/pages/issue.scss */
            .page--issue .content .intro .text .buy .button {
              font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              letter-spacing: 0em;
              font-size: 14px;
              line-height: 18px;
              padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 102, scss/pages/issue.scss */
    .page--issue .content .intro .text .buy .button {
      font-size: 13px;
      line-height: 16px; } }

          @media (hover: none) {
            /* line 102, scss/pages/issue.scss */
            .page--issue .content .intro .text .buy .button {
              background-color: #1d1d1d;
              color: #ffffff; } }
  /* line 110, scss/pages/issue.scss */
  .page--issue .content .articles {
    margin-top: 10.526vw !important;
    margin-bottom: 5.263vw !important; }
    @media only screen and (min-width: 1480px) {
      /* line 110, scss/pages/issue.scss */
      .page--issue .content .articles {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 110, scss/pages/issue.scss */
      .page--issue .content .articles {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 110, scss/pages/issue.scss */
      .page--issue .content .articles {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 110, scss/pages/issue.scss */
      .page--issue .content .articles {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 115, scss/pages/issue.scss */
    .page--issue .content .articles .label {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 625px) {
        /* line 115, scss/pages/issue.scss */
        .page--issue .content .articles .label {
          font-size: 14px;
          line-height: 18px; } }
    /* line 120, scss/pages/issue.scss */
    .page--issue .content .articles .grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 5.263vw;
      row-gap: 5.263vw; }
      @media only screen and (max-width: 1024px) {
        /* line 120, scss/pages/issue.scss */
        .page--issue .content .articles .grid {
          grid-template-columns: 1fr 1fr;
          row-gap: 64px; } }
      @media only screen and (max-width: 625px) {
        /* line 120, scss/pages/issue.scss */
        .page--issue .content .articles .grid {
          grid-template-columns: 1fr;
          row-gap: 64px; } }
  /* line 140, scss/pages/issue.scss */
  .page--issue .content .more {
    margin-top: 5.263vw;
    width: 100%;
    text-align: center; }
    /* line 145, scss/pages/issue.scss */
    .page--issue .content .more a {
      display: inline-block; }

/* line 156, scss/pages/issue.scss */
.page--issue .module__review {
  background-color: transparent;
  margin-top: 10.526vw; }
  @media only screen and (min-width: 1480px) {
    /* line 156, scss/pages/issue.scss */
    .page--issue .module__review {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 156, scss/pages/issue.scss */
    .page--issue .module__review {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 156, scss/pages/issue.scss */
    .page--issue .module__review {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 156, scss/pages/issue.scss */
    .page--issue .module__review {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 156, scss/pages/issue.scss */
    .page--issue .module__review {
      margin-top: 64px; } }
  /* line 166, scss/pages/issue.scss */
  .page--issue .module__review .items {
    padding: 0 !important;
    row-gap: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row: 24px;
    grid-column: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 166, scss/pages/issue.scss */
      .page--issue .module__review .items {
        grid-template-columns: 1fr; } }
    /* line 178, scss/pages/issue.scss */
    .page--issue .module__review .items .item {
      padding: 20px !important;
      justify-content: flex-start; }
      @media only screen and (max-width: 625px) {
        /* line 178, scss/pages/issue.scss */
        .page--issue .module__review .items .item {
          flex-direction: row;
          padding: 12px !important; } }
      /* line 187, scss/pages/issue.scss */
      .page--issue .module__review .items .item .image {
        width: 72px;
        flex-shrink: 0; }
        @media only screen and (max-width: 625px) {
          /* line 187, scss/pages/issue.scss */
          .page--issue .module__review .items .item .image {
            width: 64px; } }
      @media only screen and (max-width: 625px) {
        /* line 196, scss/pages/issue.scss */
        .page--issue .module__review .items .item .text {
          text-align: left;
          margin-left: 12px; } }
      /* line 202, scss/pages/issue.scss */
      .page--issue .module__review .items .item .text .review__author {
        margin-top: 4px; }
      /* line 206, scss/pages/issue.scss */
      .page--issue .module__review .items .item .text .review__by {
        margin-top: 2px; }
  /* line 213, scss/pages/issue.scss */
  .page--issue .module__review .section__title {
    background-color: #1d1d1d; }

/* line 1, scss/pages/shop.scss */
.page--shop {
  background-color: #F8F6F6; }
  /* line 4, scss/pages/shop.scss */
  .page--shop .content {
    margin-top: 10.526vw; }
  /* line 8, scss/pages/shop.scss */
  .page--shop .pageTitle {
    text-align: center;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    margin-bottom: 5.263vw !important; }
    @media only screen and (min-width: 1480px) {
      /* line 8, scss/pages/shop.scss */
      .page--shop .pageTitle {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 8, scss/pages/shop.scss */
      .page--shop .pageTitle {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 8, scss/pages/shop.scss */
      .page--shop .pageTitle {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 8, scss/pages/shop.scss */
      .page--shop .pageTitle {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 15, scss/pages/shop.scss */
  .page--shop .warning {
    text-align: center;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5.263vw !important;
    color: #d67f7f; }
    @media only screen and (max-width: 625px) {
      /* line 15, scss/pages/shop.scss */
      .page--shop .warning {
        font-size: 14px;
        line-height: 18px; } }
  /* line 22, scss/pages/shop.scss */
  .page--shop .products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1.31575vw;
    padding: 1.31575vw;
    margin-bottom: 10.526vw !important;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        grid-template-columns: 1fr 1fr;
        padding: 10.526vw; } }
    @media only screen and (max-width: 430px) {
      /* line 22, scss/pages/shop.scss */
      .page--shop .products {
        grid-template-columns: 1fr; } }
    /* line 52, scss/pages/shop.scss */
    .page--shop .products .product .image {
      margin-bottom: 8px;
      overflow: hidden; }
      /* line 56, scss/pages/shop.scss */
      .page--shop .products .product .image img {
        aspect-ratio: 3/4;
        object-fit: cover;
        transform: scale(1);
        transition: all 300ms ease; }
    /* line 66, scss/pages/shop.scss */
    .page--shop .products .product:hover .image img {
      transform: scale(1.05); }
    /* line 72, scss/pages/shop.scss */
    .page--shop .products .product .title {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      margin-bottom: 0 !important; }
      @media only screen and (max-width: 625px) {
        /* line 72, scss/pages/shop.scss */
        .page--shop .products .product .title {
          font-size: 14px;
          line-height: 18px; } }
    /* line 77, scss/pages/shop.scss */
    .page--shop .products .product .price {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 77, scss/pages/shop.scss */
        .page--shop .products .product .price {
          font-size: 13px;
          line-height: 16px; } }

/* line 6, scss/pages/shop-product.scss */
.page--shopproduct .product__general {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media only screen and (max-width: 625px) {
    /* line 6, scss/pages/shop-product.scss */
    .page--shopproduct .product__general {
      grid-template-columns: 1fr; } }
  /* line 15, scss/pages/shop-product.scss */
  .page--shopproduct .product__general .images {
    padding: 4px; }
    /* line 18, scss/pages/shop-product.scss */
    .page--shopproduct .product__general .images img {
      object-fit: cover;
      margin-bottom: 4px; }
    @media only screen and (max-width: 625px) {
      /* line 15, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .images {
        display: flex;
        overflow-x: scroll;
        width: 100vw;
        scroll-snap-type: x mandatory;
        padding: 0; }
        /* line 30, scss/pages/shop-product.scss */
        .page--shopproduct .product__general .images img {
          scroll-snap-align: center;
          width: calc(100vw - 44px);
          padding-left: 8px;
          aspect-ratio: 16/14;
          object-fit: cover; } }
  /* line 41, scss/pages/shop-product.scss */
  .page--shopproduct .product__general .actions {
    padding: 0 5.263vw 5.263vw 5.263vw;
    margin-bottom: 50vh; }
    @media only screen and (max-width: 625px) {
      /* line 41, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions {
        padding: 10.526vw 5.263vw 21.052vw 5.263vw;
        margin-bottom: 0; } }
    /* line 50, scss/pages/shop-product.scss */
    .page--shopproduct .product__general .actions .container--sticky {
      position: sticky;
      top: 10.526vw; }
      @media only screen and (max-width: 625px) {
        /* line 50, scss/pages/shop-product.scss */
        .page--shopproduct .product__general .actions .container--sticky {
          position: static; } }
      /* line 58, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 1.85rem;
        line-height: 1.1em;
        font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
      /* line 63, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .price:after {
        content: "€"; }
      /* line 68, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .description,
      .page--shopproduct .product__general .actions .container--sticky .description p {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px;
        margin-top: 20px; }
        @media only screen and (max-width: 625px) {
          /* line 68, scss/pages/shop-product.scss */
          .page--shopproduct .product__general .actions .container--sticky .description,
          .page--shopproduct .product__general .actions .container--sticky .description p {
            font-size: 14px;
            line-height: 18px; } }
        /* line 73, scss/pages/shop-product.scss */
        .page--shopproduct .product__general .actions .container--sticky .description b,
        .page--shopproduct .product__general .actions .container--sticky .description p b {
          font-weight: 500; }
      /* line 78, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .warning {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #d67f7f; }
        @media only screen and (max-width: 625px) {
          /* line 78, scss/pages/shop-product.scss */
          .page--shopproduct .product__general .actions .container--sticky .warning {
            font-size: 14px;
            line-height: 18px; } }
      /* line 86, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .purchase {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-top: 2.6315vw;
        margin-bottom: 5.263vw; }
        @media only screen and (max-width: 625px) {
          /* line 86, scss/pages/shop-product.scss */
          .page--shopproduct .product__general .actions .container--sticky .purchase {
            flex-direction: column;
            margin-top: 32px; } }
        /* line 99, scss/pages/shop-product.scss */
        .page--shopproduct .product__general .actions .container--sticky .purchase .button {
          border: 1px solid #1d1d1d;
          background-color: transparent;
          color: #1d1d1d;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
          background-size: 0;
          transition: .5s;
          background-repeat: repeat-y;
          flex-grow: 1;
          text-align: center;
          margin-left: 5.263vw; }
          @media only screen and (max-width: 625px) {
            /* line 99, scss/pages/shop-product.scss */
            .page--shopproduct .product__general .actions .container--sticky .purchase .button {
              font-size: 13px;
              line-height: 16px; } }
          /* line 420, scss/micro/ux--buttons.scss */
          .page--shopproduct .product__general .actions .container--sticky .purchase .button::focus {
            outline: none; }
          /* line 424, scss/micro/ux--buttons.scss */
          .page--shopproduct .product__general .actions .container--sticky .purchase .button:hover {
            background-size: 100%;
            color: #ffffff; }
          @media only screen and (max-width: 625px) {
            /* line 99, scss/pages/shop-product.scss */
            .page--shopproduct .product__general .actions .container--sticky .purchase .button {
              font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              letter-spacing: 0em;
              font-size: 14px;
              line-height: 18px;
              padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 99, scss/pages/shop-product.scss */
    .page--shopproduct .product__general .actions .container--sticky .purchase .button {
      font-size: 13px;
      line-height: 16px; } }

          @media (hover: none) {
            /* line 99, scss/pages/shop-product.scss */
            .page--shopproduct .product__general .actions .container--sticky .purchase .button {
              background-color: #1d1d1d;
              color: #ffffff; } }
          @media only screen and (max-width: 625px) {
            /* line 99, scss/pages/shop-product.scss */
            .page--shopproduct .product__general .actions .container--sticky .purchase .button {
              margin-left: 0;
              width: 100%;
              margin-top: 20px; } }
        /* line 112, scss/pages/shop-product.scss */
        .page--shopproduct .product__general .actions .container--sticky .purchase .button.--soldout {
          border: 1px solid #1D1D1D;
          background-color: #e1e3de;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          opacity: 0.4; }
          @media only screen and (max-width: 625px) {
            /* line 112, scss/pages/shop-product.scss */
            .page--shopproduct .product__general .actions .container--sticky .purchase .button.--soldout {
              font-size: 13px;
              line-height: 16px; } }
          /* line 507, scss/micro/ux--buttons.scss */
          .page--shopproduct .product__general .actions .container--sticky .purchase .button.--soldout::focus {
            outline: none; }
          /* line 511, scss/micro/ux--buttons.scss */
          .page--shopproduct .product__general .actions .container--sticky .purchase .button.--soldout:hover {
            background-size: 100%;
            color: #1d1d1d; }
      /* line 117, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .message.--soldout {
        margin-top: 20px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        text-align: right; }
        @media only screen and (max-width: 625px) {
          /* line 117, scss/pages/shop-product.scss */
          .page--shopproduct .product__general .actions .container--sticky .message.--soldout {
            font-size: 13px;
            line-height: 16px; } }
        /* line 122, scss/pages/shop-product.scss */
        .page--shopproduct .product__general .actions .container--sticky .message.--soldout p {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px; }
          @media only screen and (max-width: 625px) {
            /* line 122, scss/pages/shop-product.scss */
            .page--shopproduct .product__general .actions .container--sticky .message.--soldout p {
              font-size: 13px;
              line-height: 16px; } }
          /* line 125, scss/pages/shop-product.scss */
          .page--shopproduct .product__general .actions .container--sticky .message.--soldout p a {
            text-decoration: underline; }
      /* line 131, scss/pages/shop-product.scss */
      .page--shopproduct .product__general .actions .container--sticky .more {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px;
        margin-top: 12px;
        text-decoration: underline; }
        @media only screen and (max-width: 625px) {
          /* line 131, scss/pages/shop-product.scss */
          .page--shopproduct .product__general .actions .container--sticky .more {
            font-size: 14px;
            line-height: 18px; } }

/* line 145, scss/pages/shop-product.scss */
.page--shopproduct .products {
  background-color: #F8F6F6; }
  /* line 148, scss/pages/shop-product.scss */
  .page--shopproduct .products .products__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1.31575vw;
    padding: 1.31575vw;
    padding-bottom: 10.526vw !important;
    padding-top: 10.526vw !important;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 1480px) {
      /* line 148, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 148, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 148, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 148, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 625px) {
      /* line 148, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container {
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 26.315vw !important; } }
    @media only screen and (max-width: 430px) {
      /* line 148, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container {
        grid-template-columns: 1fr 1fr; } }
    /* line 168, scss/pages/shop-product.scss */
    .page--shopproduct .products .products__container .article__related__label {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      letter-spacing: 0.01em;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 16px;
      grid-column: 1/5;
      margin-bottom: 40px;
      text-align: center; }
      @media only screen and (max-width: 625px) {
        /* line 168, scss/pages/shop-product.scss */
        .page--shopproduct .products .products__container .article__related__label {
          font-size: 12px;
          line-height: 16px; } }
      @media only screen and (max-width: 625px) {
        /* line 168, scss/pages/shop-product.scss */
        .page--shopproduct .products .products__container .article__related__label {
          margin-bottom: 24px; } }
    /* line 182, scss/pages/shop-product.scss */
    .page--shopproduct .products .products__container .product .image {
      margin-bottom: 8px;
      overflow: hidden; }
      /* line 186, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container .product .image img {
        aspect-ratio: 3/4;
        object-fit: cover;
        transform: scale(1);
        transition: all 300ms ease; }
    /* line 196, scss/pages/shop-product.scss */
    .page--shopproduct .products .products__container .product:hover .image img {
      transform: scale(1.05); }
    /* line 202, scss/pages/shop-product.scss */
    .page--shopproduct .products .products__container .product .title {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      margin-bottom: 0 !important; }
      @media only screen and (max-width: 625px) {
        /* line 202, scss/pages/shop-product.scss */
        .page--shopproduct .products .products__container .product .title {
          font-size: 14px;
          line-height: 18px; } }
    /* line 207, scss/pages/shop-product.scss */
    .page--shopproduct .products .products__container .product .price {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 207, scss/pages/shop-product.scss */
        .page--shopproduct .products .products__container .product .price {
          font-size: 13px;
          line-height: 16px; } }
    @media only screen and (max-width: 625px) {
      /* line 214, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container .product:nth-of-type(4) {
        display: none; } }
    @media only screen and (max-width: 430px) {
      /* line 220, scss/pages/shop-product.scss */
      .page--shopproduct .products .products__container .product:nth-of-type(4) {
        display: none; } }

/* line 1, scss/pages/issues.scss */
.page--issues {
  background-color: #F8F6F6; }
  /* line 4, scss/pages/issues.scss */
  .page--issues .pagetitle {
    text-align: center;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    margin-bottom: 5.263vw !important; }
    @media only screen and (min-width: 1480px) {
      /* line 4, scss/pages/issues.scss */
      .page--issues .pagetitle {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 4, scss/pages/issues.scss */
      .page--issues .pagetitle {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 4, scss/pages/issues.scss */
      .page--issues .pagetitle {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 4, scss/pages/issues.scss */
      .page--issues .pagetitle {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 11, scss/pages/issues.scss */
  .page--issues .content {
    margin-top: 10.526vw;
    margin-bottom: 10.526vw; }
    /* line 15, scss/pages/issues.scss */
    .page--issues .content .issues__grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 2.6315vw;
      row-gap: 32px; }
      @media only screen and (min-width: 1480px) {
        /* line 15, scss/pages/issues.scss */
        .page--issues .content .issues__grid {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 15, scss/pages/issues.scss */
        .page--issues .content .issues__grid {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 15, scss/pages/issues.scss */
        .page--issues .content .issues__grid {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 15, scss/pages/issues.scss */
        .page--issues .content .issues__grid {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 15, scss/pages/issues.scss */
        .page--issues .content .issues__grid {
          grid-template-columns: 1fr 1fr;
          margin-bottom: 64px; } }
      @media only screen and (max-width: 625px) {
        /* line 15, scss/pages/issues.scss */
        .page--issues .content .issues__grid {
          grid-template-columns: 1fr;
          margin-bottom: 64px; } }
      /* line 42, scss/pages/issues.scss */
      .page--issues .content .issues__grid .issue .image {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px; }
        /* line 49, scss/pages/issues.scss */
        .page--issues .content .issues__grid .issue .image img {
          width: 35%;
          height: auto;
          box-shadow: 4px 1px 9px 4px #00000014;
          margin: 10%; }
      /* line 58, scss/pages/issues.scss */
      .page--issues .content .issues__grid .issue .text .row {
        display: flex; }
        /* line 61, scss/pages/issues.scss */
        .page--issues .content .issues__grid .issue .text .row .number {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
        /* line 65, scss/pages/issues.scss */
        .page--issues .content .issues__grid .issue .text .row .subtitle {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem);
          margin-left: 0.35rem; }
      /* line 72, scss/pages/issues.scss */
      .page--issues .content .issues__grid .issue .text .date {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-transform: uppercase; }
      /* line 78, scss/pages/issues.scss */
      .page--issues .content .issues__grid .issue .text .blurb {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        margin-top: 8px; }
        @media only screen and (max-width: 625px) {
          /* line 78, scss/pages/issues.scss */
          .page--issues .content .issues__grid .issue .text .blurb {
            font-size: 14px;
            line-height: 18px; } }
        @media only screen and (max-width: 625px) {
          /* line 78, scss/pages/issues.scss */
          .page--issues .content .issues__grid .issue .text .blurb {
            display: none; } }

/* line 95, scss/pages/issues.scss */
.page--issues .subscription__promo .shop {
  display: none; }
/* line 99, scss/pages/issues.scss */
.page--issues .subscription__promo .subscription {
  grid-column: 1/3; }

/* line 4, scss/pages/authors.scss */
.page--authors .content {
  margin-top: 10.526vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 4, scss/pages/authors.scss */
    .page--authors .content {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 4, scss/pages/authors.scss */
    .page--authors .content {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 4, scss/pages/authors.scss */
    .page--authors .content {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 4, scss/pages/authors.scss */
    .page--authors .content {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 8, scss/pages/authors.scss */
  .page--authors .content .header {
    padding: 0 0 5.263vw 0 !important; }
    /* line 12, scss/pages/authors.scss */
    .page--authors .content .header .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 2.5rem;
      line-height: 1em;
      font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
  /* line 17, scss/pages/authors.scss */
  .page--authors .content .authors__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 5.263vw;
    row-gap: 5.263vw;
    margin-top: 5.263vw;
    margin-bottom: 10.526vw; }
    @media only screen and (max-width: 1024px) {
      /* line 17, scss/pages/authors.scss */
      .page--authors .content .authors__list {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 17, scss/pages/authors.scss */
      .page--authors .content .authors__list {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 430px) {
      /* line 17, scss/pages/authors.scss */
      .page--authors .content .authors__list {
        grid-template-columns: 1fr; } }
    /* line 40, scss/pages/authors.scss */
    .page--authors .content .authors__list .section .section__title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 2.5rem;
      line-height: 1em;
      font-size: clamp(1.6rem, 3.9vw, 5.11rem);
      line-height: 0.25em;
      margin-bottom: 24px;
      border-bottom: 16px solid #fdfedc;
      display: inline-block; }
    /* line 49, scss/pages/authors.scss */
    .page--authors .content .authors__list .section .section__content .item {
      margin-bottom: 20px; }
      /* line 51, scss/pages/authors.scss */
      .page--authors .content .authors__list .section .section__content .item .name {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        line-height: 1.3em;
        font-size: clamp(1.04rem, 1.158vw, 2.85rem);
        margin-bottom: 4px; }
      /* line 56, scss/pages/authors.scss */
      .page--authors .content .authors__list .section .section__content .item .languages {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        display: none; }
        @media only screen and (max-width: 625px) {
          /* line 56, scss/pages/authors.scss */
          .page--authors .content .authors__list .section .section__content .item .languages {
            font-size: 13px;
            line-height: 16px; } }
        /* line 61, scss/pages/authors.scss */
        .page--authors .content .authors__list .section .section__content .item .languages span:not(:last-of-type):after {
          content: ", "; }

/* line 4, scss/pages/author.scss */
.page--author .content {
  margin-top: 10.526vw !important; }

/* line 12, scss/pages/author.scss */
.page--author .information {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 2.6315vw;
  padding-bottom: 5.263vw !important;
  row-gap: 5.263vw; }
  @media only screen and (min-width: 1480px) {
    /* line 12, scss/pages/author.scss */
    .page--author .information {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 12, scss/pages/author.scss */
    .page--author .information {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 12, scss/pages/author.scss */
    .page--author .information {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 12, scss/pages/author.scss */
    .page--author .information {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 18, scss/pages/author.scss */
  .page--author .information .left {
    grid-column-start: 1;
    grid-column-end: 6; }
    @media only screen and (max-width: 1024px) {
      /* line 18, scss/pages/author.scss */
      .page--author .information .left {
        grid-column: 1/13; } }
    /* line 26, scss/pages/author.scss */
    .page--author .information .left .name {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.85rem;
      line-height: 1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem);
      font-style: italic; }
    /* line 31, scss/pages/author.scss */
    .page--author .information .left .languages {
      display: none;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 500;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      text-transform: uppercase;
      margin-top: 12px; }
      /* line 40, scss/pages/author.scss */
      .page--author .information .left .languages span:not(:last-of-type):after {
        content: " & ";
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0.02em;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 0.75rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem);
        font-style: italic;
        padding: 0 4px; }
  /* line 50, scss/pages/author.scss */
  .page--author .information .right {
    grid-column: 8/13;
    max-width: 63ch; }
    @media only screen and (max-width: 1024px) {
      /* line 50, scss/pages/author.scss */
      .page--author .information .right {
        grid-column: 1/13; } }
    /* line 60, scss/pages/author.scss */
    .page--author .information .right .bio, .page--author .information .right .bio p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 60, scss/pages/author.scss */
        .page--author .information .right .bio, .page--author .information .right .bio p {
          font-size: 14px;
          line-height: 18px; } }
/* line 70, scss/pages/author.scss */
.page--author .features {
  padding-top: 5.263vw !important;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 2.6315vw;
  margin-bottom: 10.526vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (min-width: 1480px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 70, scss/pages/author.scss */
    .page--author .features {
      padding-top: 64px; } }
  /* line 81, scss/pages/author.scss */
  .page--author .features .counter {
    margin-bottom: 32px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 2.6315vw; }
    @media only screen and (max-width: 625px) {
      /* line 81, scss/pages/author.scss */
      .page--author .features .counter {
        margin-bottom: 44px; } }
    @media only screen and (max-width: 625px) {
      /* line 81, scss/pages/author.scss */
      .page--author .features .counter {
        font-size: 12px;
        line-height: 16px; } }
    /* line 93, scss/pages/author.scss */
    .page--author .features .counter:before {
      content: "";
      display: inline-block;
      margin-right: 8px;
      background-color: #1d1d1d;
      width: 4px;
      height: 4px;
      margin-bottom: 2px; }
  /* line 104, scss/pages/author.scss */
  .page--author .features .posts {
    grid-column: 1/6; }
    @media only screen and (max-width: 1024px) {
      /* line 104, scss/pages/author.scss */
      .page--author .features .posts {
        grid-column: 1/13; } }
    /* line 114, scss/pages/author.scss */
    .page--author .features .posts .grid a .thumbnail {
      margin-bottom: 32px; }
      @media only screen and (max-width: 625px) {
        /* line 114, scss/pages/author.scss */
        .page--author .features .posts .grid a .thumbnail {
          margin-bottom: 64px; } }
      /* line 123, scss/pages/author.scss */
      .page--author .features .posts .grid a .thumbnail .author {
        display: none; }
  /* line 133, scss/pages/author.scss */
  .page--author .features .issues {
    grid-column: 8/11; }
    @media only screen and (max-width: 1024px) {
      /* line 133, scss/pages/author.scss */
      .page--author .features .issues {
        grid-column: 1/13; } }
    @media only screen and (max-width: 625px) {
      /* line 133, scss/pages/author.scss */
      .page--author .features .issues {
        padding-top: 64px; } }
    /* line 146, scss/pages/author.scss */
    .page--author .features .issues .item {
      margin-bottom: 32px; }
      /* line 162, scss/pages/author.scss */
      .page--author .features .issues .item .image {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 5/3;
        margin-bottom: 12px; }
        /* line 170, scss/pages/author.scss */
        .page--author .features .issues .item .image img {
          width: 35%;
          height: auto;
          box-shadow: 4px 1px 9px 4px #00000014;
          margin: 10%; }
      /* line 178, scss/pages/author.scss */
      .page--author .features .issues .item .title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 0.85rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem); }
      /* line 182, scss/pages/author.scss */
      .page--author .features .issues .item .date {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        line-height: 1.3em;
        font-size: clamp(1.04rem, 1.158vw, 2.85rem); }

/* line 193, scss/pages/author.scss */
.page--author .more {
  padding-bottom: 15.789vw !important;
  text-align: center;
  padding-top: 5.263vw; }
  @media only screen and (min-width: 1480px) {
    /* line 193, scss/pages/author.scss */
    .page--author .more {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 193, scss/pages/author.scss */
    .page--author .more {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 193, scss/pages/author.scss */
    .page--author .more {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 193, scss/pages/author.scss */
    .page--author .more {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 199, scss/pages/author.scss */
  .page--author .more a {
    display: inline-block; }

/* line 2, scss/pages/multimedia.scss */
.page--article--multimedia .content {
  padding-top: 60px; }
/* line 12, scss/pages/multimedia.scss */
.page--article--multimedia .header {
  padding: 0 5.263vw;
  min-height: 80vh;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  max-width: none !important; }
  /* line 22, scss/pages/multimedia.scss */
  .page--article--multimedia .header .left .information .title {
    text-align: left;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 3.15rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.5vw, 4.81rem); }
  /* line 27, scss/pages/multimedia.scss */
  .page--article--multimedia .header .left .information .author {
    text-align: center;
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-style: italic;
    font-weight: 400;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    font-size: 3.15rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.5vw, 4.81rem); }
  /* line 35, scss/pages/multimedia.scss */
  .page--article--multimedia .header .left .handles {
    align-items: flex-start;
    margin-top: 24px; }
  /* line 43, scss/pages/multimedia.scss */
  .page--article--multimedia .header .right .image img {
    width: 100%;
    height: auto;
    max-height: none !important; }
@media only screen and (min-width: 1480px) {
  /* line 52, scss/pages/multimedia.scss */
  .page--article--multimedia .article {
    margin: 0 auto;
    padding: 0 5.263vw; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 52, scss/pages/multimedia.scss */
  .page--article--multimedia .article {
    margin: 0 auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 1024px) {
  /* line 52, scss/pages/multimedia.scss */
  .page--article--multimedia .article {
    margin: 32px auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 625px) {
  /* line 52, scss/pages/multimedia.scss */
  .page--article--multimedia .article {
    margin: 32px auto;
    padding: 0 2.6315vw; } }
/* line 55, scss/pages/multimedia.scss */
.page--article--multimedia .article .article--opener {
  margin: 0 auto !important; }
/* line 64, scss/pages/multimedia.scss */
.page--article--multimedia .switchers * {
  mix-blend-mode: normal !important; }

/* line 1, scss/pages/about.scss */
.page--about {
  background-color: #e5e2fd; }
  /* line 8, scss/pages/about.scss */
  .page--about .container .subnav {
    display: flex;
    position: sticky;
    top: calc(100vh - 48px);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none; }
    /* line 18, scss/pages/about.scss */
    .page--about .container .subnav .subnav__content {
      background-color: #ffffff;
      display: flex;
      padding: 4px 20px 8px 20px; }
      /* line 23, scss/pages/about.scss */
      .page--about .container .subnav .subnav__content div {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0.02em;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 0.75rem;
        line-height: 1.2em;
        font-size: clamp(0.8rem, 0.9vw, 2.5rem);
        margin: 0 12px; }
  /* line 30, scss/pages/about.scss */
  .page--about .container .section {
    margin-top: 5.263vw; }

/* line 41, scss/pages/about.scss */
.page--about .section--intro {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 128px !important;
  padding-bottom: 32px !important; }
  @media only screen and (min-width: 1480px) {
    /* line 41, scss/pages/about.scss */
    .page--about .section--intro {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 41, scss/pages/about.scss */
    .page--about .section--intro {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 41, scss/pages/about.scss */
    .page--about .section--intro {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 41, scss/pages/about.scss */
    .page--about .section--intro {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 49, scss/pages/about.scss */
  .page--about .section--intro .title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 3.15rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.5vw, 4.81rem);
    font-size: clamp(2.6rem, 7.5vw, 7.81rem); }

/* line 58, scss/pages/about.scss */
.page--about .section--about {
  display: grid;
  grid-template-columns: 43% 1fr; }
  @media only screen and (min-width: 1480px) {
    /* line 58, scss/pages/about.scss */
    .page--about .section--about {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 58, scss/pages/about.scss */
    .page--about .section--about {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 58, scss/pages/about.scss */
    .page--about .section--about {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 58, scss/pages/about.scss */
    .page--about .section--about {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 58, scss/pages/about.scss */
    .page--about .section--about {
      grid-template-columns: 1fr; } }
  /* line 71, scss/pages/about.scss */
  .page--about .section--about .image {
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    @media only screen and (max-width: 625px) {
      /* line 71, scss/pages/about.scss */
      .page--about .section--about .image {
        width: 100%; } }
    /* line 81, scss/pages/about.scss */
    .page--about .section--about .image img {
      position: sticky;
      top: 10.526vw;
      height: 60vh;
      width: auto; }
      @media only screen and (max-width: 625px) {
        /* line 81, scss/pages/about.scss */
        .page--about .section--about .image img {
          width: auto;
          height: 50vh; } }
  /* line 97, scss/pages/about.scss */
  .page--about .section--about .section__block {
    margin-bottom: 1.25em; }
    /* line 100, scss/pages/about.scss */
    .page--about .section--about .section__block:first-of-type {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 500;
      letter-spacing: 0em;
      font-size: 28px;
      line-height: 36px; }
      @media only screen and (max-width: 625px) {
        /* line 100, scss/pages/about.scss */
        .page--about .section--about .section__block:first-of-type {
          font-size: 22px;
          line-height: 28px; } }
  /* line 105, scss/pages/about.scss */
  .page--about .section--about .text {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 28px;
    font-size: 20px;
    max-width: 50ch; }
    @media only screen and (max-width: 625px) {
      /* line 105, scss/pages/about.scss */
      .page--about .section--about .text {
        font-size: 16px;
        line-height: 24px; } }
    /* line 109, scss/pages/about.scss */
    .page--about .section--about .text .opening {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      line-height: 1.3em;
      font-size: clamp(1.04rem, 1.158vw, 2.85rem);
      position: relative;
      margin-left: 2.6315vw; }
      /* line 114, scss/pages/about.scss */
      .page--about .section--about .text .opening:after {
        content: "";
        height: 8px;
        width: 100%;
        margin-left: 2.6315vw;
        background-color: #F99D9A !important;
        display: block;
        position: absolute;
        margin-top: -8px;
        z-index: -4; }
    /* line 127, scss/pages/about.scss */
    .page--about .section--about .text .section__title {
      width: 100%;
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.85rem;
      line-height: 1.1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem);
      margin-bottom: 0.85em; }
/* line 138, scss/pages/about.scss */
.page--about .section--about.second {
  margin-top: 0;
  grid-template-columns: 1fr 43%; }
  @media only screen and (max-width: 1024px) {
    /* line 138, scss/pages/about.scss */
    .page--about .section--about.second {
      grid-template-columns: 1fr; } }
  /* line 147, scss/pages/about.scss */
  .page--about .section--about.second img {
    position: sticky;
    top: 10.526vw;
    width: 85%;
    height: auto; }

/* line 160, scss/pages/about.scss */
.page--about .section--features {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2.6315vw; }
  @media only screen and (min-width: 1480px) {
    /* line 160, scss/pages/about.scss */
    .page--about .section--features {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 160, scss/pages/about.scss */
    .page--about .section--features {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 160, scss/pages/about.scss */
    .page--about .section--features {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 160, scss/pages/about.scss */
    .page--about .section--features {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 167, scss/pages/about.scss */
  .page--about .section--features .section__block {
    padding-right: 32px; }
    /* line 170, scss/pages/about.scss */
    .page--about .section--features .section__block:first-of-type {
      grid-column: 1/4; }
    /* line 175, scss/pages/about.scss */
    .page--about .section--features .section__block:last-of-type {
      grid-column: 4/7;
      margin-top: 2.6315vw; }
    /* line 181, scss/pages/about.scss */
    .page--about .section--features .section__block .section__text {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      line-height: 28px;
      font-size: 20px; }
      @media only screen and (max-width: 625px) {
        /* line 181, scss/pages/about.scss */
        .page--about .section--features .section__block .section__text {
          font-size: 16px;
          line-height: 24px; } }
  /* line 186, scss/pages/about.scss */
  .page--about .section--features .section__title {
    width: 100%;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.2rem;
    line-height: 1.05em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem);
    margin-bottom: 0.5em; }
    /* line 191, scss/pages/about.scss */
    .page--about .section--features .section__title:before {
      content: "";
      height: 2px;
      width: 2.6315vw;
      display: inline-block;
      align-items: center;
      margin-bottom: 0.25em;
      background-color: #1D1D1D;
      margin-right: 16px; }

/* line 213, scss/pages/about.scss */
.page--about .section--magazine {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2.6315vw;
  padding-top: 10.526vw !important;
  padding-bottom: 10.526vw !important;
  margin-bottom: 0 !important; }
  @media only screen and (min-width: 1480px) {
    /* line 213, scss/pages/about.scss */
    .page--about .section--magazine {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 213, scss/pages/about.scss */
    .page--about .section--magazine {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 213, scss/pages/about.scss */
    .page--about .section--magazine {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 213, scss/pages/about.scss */
    .page--about .section--magazine {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 224, scss/pages/about.scss */
  .page--about .section--magazine .section__title {
    width: 100%;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.2rem;
    line-height: 1.05em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem);
    margin-bottom: 0.5em; }
    /* line 229, scss/pages/about.scss */
    .page--about .section--magazine .section__title:before {
      content: "";
      height: 2px;
      width: 2.6315vw;
      display: inline-block;
      align-items: center;
      margin-bottom: 0.25em;
      background-color: #1D1D1D;
      margin-right: 16px; }

/* line 247, scss/pages/about.scss */
.page--about .section--translation {
  position: static;
  height: 50vh; }
  @media only screen and (min-width: 1480px) {
    /* line 247, scss/pages/about.scss */
    .page--about .section--translation {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 247, scss/pages/about.scss */
    .page--about .section--translation {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 247, scss/pages/about.scss */
    .page--about .section--translation {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 247, scss/pages/about.scss */
    .page--about .section--translation {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 252, scss/pages/about.scss */
  .page--about .section--translation .container {
    position: relative; }
    /* line 255, scss/pages/about.scss */
    .page--about .section--translation .container .thumbnail {
      height: auto;
      background: white;
      border-radius: 2px;
      box-shadow: #0000002e 10px 10px 10px;
      cursor: default; }
      /* line 264, scss/pages/about.scss */
      .page--about .section--translation .container .thumbnail:first-of-type {
        position: absolute;
        top: 0;
        z-index: 9;
        width: 55%;
        padding: 48px; }
        @media only screen and (max-width: 625px) {
          /* line 264, scss/pages/about.scss */
          .page--about .section--translation .container .thumbnail:first-of-type {
            width: 85%;
            padding: 36px; } }
        /* line 277, scss/pages/about.scss */
        .page--about .section--translation .container .thumbnail:first-of-type .title {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.85rem;
          line-height: 1em;
          font-size: clamp(1.13rem, 3.15vw, 4.22rem);
          margin-top: 8px;
          font-style: italic; }
      /* line 284, scss/pages/about.scss */
      .page--about .section--translation .container .thumbnail:last-of-type {
        position: absolute;
        right: 0;
        top: 5.263vw;
        width: 55%;
        margin-top: 20px;
        padding: 48px; }
        @media only screen and (max-width: 625px) {
          /* line 284, scss/pages/about.scss */
          .page--about .section--translation .container .thumbnail:last-of-type {
            width: 85%;
            top: 82px;
            padding: 36px; } }
        /* line 298, scss/pages/about.scss */
        .page--about .section--translation .container .thumbnail:last-of-type .title {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem);
          margin-top: 4px;
          font-style: italic; }

/* line 313, scss/pages/about.scss */
.page--about .section--illustration {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2.6315vw;
  margin-top: 0 !important; }
  @media only screen and (min-width: 1480px) {
    /* line 313, scss/pages/about.scss */
    .page--about .section--illustration {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 313, scss/pages/about.scss */
    .page--about .section--illustration {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 313, scss/pages/about.scss */
    .page--about .section--illustration {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 313, scss/pages/about.scss */
    .page--about .section--illustration {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 321, scss/pages/about.scss */
  .page--about .section--illustration .image {
    grid-column: 2/6;
    text-align: center;
    display: flex;
    justify-content: center; }
    /* line 327, scss/pages/about.scss */
    .page--about .section--illustration .image img {
      max-width: 500px; }

/* line 337, scss/pages/about.scss */
.page--about .section--magazine {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2.6315vw; }
  @media only screen and (min-width: 1480px) {
    /* line 337, scss/pages/about.scss */
    .page--about .section--magazine {
      max-width: 1200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 337, scss/pages/about.scss */
    .page--about .section--magazine {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 337, scss/pages/about.scss */
    .page--about .section--magazine {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 337, scss/pages/about.scss */
    .page--about .section--magazine {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 343, scss/pages/about.scss */
  .page--about .section--magazine .section__title {
    grid-column: 1/3; }
  /* line 347, scss/pages/about.scss */
  .page--about .section--magazine .section__block {
    padding-right: 32px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 28px;
    font-size: 20px; }
    @media only screen and (max-width: 625px) {
      /* line 347, scss/pages/about.scss */
      .page--about .section--magazine .section__block {
        font-size: 16px;
        line-height: 24px; } }
    /* line 351, scss/pages/about.scss */
    .page--about .section--magazine .section__block.block--1 {
      grid-column: 3/5; }
    /* line 356, scss/pages/about.scss */
    .page--about .section--magazine .section__block.block--2 {
      grid-column: 5/7; }

/* line 365, scss/pages/about.scss */
.page--about .section--sponsors {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2.6315vw; }
  @media only screen and (min-width: 1480px) {
    /* line 365, scss/pages/about.scss */
    .page--about .section--sponsors {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 365, scss/pages/about.scss */
    .page--about .section--sponsors {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 365, scss/pages/about.scss */
    .page--about .section--sponsors {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 365, scss/pages/about.scss */
    .page--about .section--sponsors {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 371, scss/pages/about.scss */
  .page--about .section--sponsors a {
    text-decoration: underline; }
  /* line 375, scss/pages/about.scss */
  .page--about .section--sponsors .text {
    grid-column: 1/7;
    grid-row: 1/2;
    text-align: center;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 5.263vw; }
    @media only screen and (max-width: 625px) {
      /* line 375, scss/pages/about.scss */
      .page--about .section--sponsors .text {
        font-size: 14px;
        line-height: 18px; } }
  /* line 384, scss/pages/about.scss */
  .page--about .section--sponsors .logosGrid {
    grid-column: 2/6;
    mix-blend-mode: multiply;
    filter: saturate(0); }
  /* line 390, scss/pages/about.scss */
  .page--about .section--sponsors .logos {
    grid-column: 1/7;
    grid-row: 2/3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px; }
    /* line 398, scss/pages/about.scss */
    .page--about .section--sponsors .logos .logo {
      width: 120px;
      height: 70px;
      margin: 0 32px 32px 32px;
      mix-blend-mode: multiply;
      display: flex;
      align-items: center;
      justify-content: center;
      filter: saturate(0); }

/* line 415, scss/pages/about.scss */
.page--about .section--contact {
  background-color: #ffffff;
  padding-top: 5.263vw !important;
  padding-bottom: 5.263vw !important; }
  /* line 420, scss/pages/about.scss */
  .page--about .section--contact a {
    text-decoration: underline; }
  /* line 424, scss/pages/about.scss */
  .page--about .section--contact .section--contact__container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 2.6315vw;
    row-gap: 2.6315vw;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    justify-items: center;
    margin-bottom: 0 !important; }
    @media only screen and (min-width: 1480px) {
      /* line 424, scss/pages/about.scss */
      .page--about .section--contact .section--contact__container {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 424, scss/pages/about.scss */
      .page--about .section--contact .section--contact__container {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 424, scss/pages/about.scss */
      .page--about .section--contact .section--contact__container {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 424, scss/pages/about.scss */
      .page--about .section--contact .section--contact__container {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 424, scss/pages/about.scss */
      .page--about .section--contact .section--contact__container {
        display: flex;
        flex-direction: column; } }
  /* line 441, scss/pages/about.scss */
  .page--about .section--contact .section__title {
    text-align: center;
    grid-column: 1/7;
    grid-row: 1;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    margin-bottom: 20px; }
  /* line 449, scss/pages/about.scss */
  .page--about .section--contact .section__column {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 449, scss/pages/about.scss */
      .page--about .section--contact .section__column {
        font-size: 14px;
        line-height: 18px; } }
    /* line 452, scss/pages/about.scss */
    .page--about .section--contact .section__column .subtitle {
      font-weight: 500;
      margin-bottom: 0.5em; }
    /* line 457, scss/pages/about.scss */
    .page--about .section--contact .section__column .item {
      margin-bottom: 32px; }
    /* line 461, scss/pages/about.scss */
    .page--about .section--contact .section__column.col--1 {
      grid-column: 1/3 !important;
      grid-row: 2; }
    /* line 470, scss/pages/about.scss */
    .page--about .section--contact .section__column.col--2 {
      grid-column: 3/5 !important;
      grid-row: 2; }
    /* line 479, scss/pages/about.scss */
    .page--about .section--contact .section__column.col--3 {
      grid-column: 5/7;
      grid-row: 2; }

/* line 495, scss/pages/about.scss */
.page--about .section--sponsor {
  background-color: #F8F6F6;
  margin-top: 0 !important; }
  /* line 499, scss/pages/about.scss */
  .page--about .section--sponsor .section--sponsor__content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 2.6315vw;
    row-gap: 2.6315vw;
    padding-top: 7.8945vw !important;
    padding-bottom: 7.8945vw !important;
    color: #1D1D1D;
    margin-top: 0 !important;
    text-align: center; }
    @media only screen and (min-width: 1480px) {
      /* line 499, scss/pages/about.scss */
      .page--about .section--sponsor .section--sponsor__content {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 499, scss/pages/about.scss */
      .page--about .section--sponsor .section--sponsor__content {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 499, scss/pages/about.scss */
      .page--about .section--sponsor .section--sponsor__content {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 499, scss/pages/about.scss */
      .page--about .section--sponsor .section--sponsor__content {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 515, scss/pages/about.scss */
  .page--about .section--sponsor .section__title {
    grid-column: 1/7;
    grid-row: 1;
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
  /* line 523, scss/pages/about.scss */
  .page--about .section--sponsor .section__block {
    grid-column: 2/6;
    grid-row: 2;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 523, scss/pages/about.scss */
      .page--about .section--sponsor .section__block {
        font-size: 14px;
        line-height: 18px; } }
  /* line 529, scss/pages/about.scss */
  .page--about .section--sponsor .link {
    grid-column: 1/7;
    grid-row: 3;
    text-align: center; }
    /* line 534, scss/pages/about.scss */
    .page--about .section--sponsor .link a {
      display: flex;
      cursor: default;
      align-items: center;
      justify-content: center; }
      /* line 540, scss/pages/about.scss */
      .page--about .section--sponsor .link a .value {
        padding: 16px 32px;
        border: 1px dashed;
        margin-right: 24px;
        cursor: pointer;
        border-radius: 100%; }

/* line 1, scss/pages/cart.scss */
.page--cart {
  background-color: #F8F6F6; }
  /* line 4, scss/pages/cart.scss */
  .page--cart .content {
    max-width: 1300px;
    margin-top: 2.6315vw !important; }
    @media only screen and (min-width: 1480px) {
      /* line 4, scss/pages/cart.scss */
      .page--cart .content {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 4, scss/pages/cart.scss */
      .page--cart .content {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 4, scss/pages/cart.scss */
      .page--cart .content {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 4, scss/pages/cart.scss */
      .page--cart .content {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 10, scss/pages/cart.scss */
    .page--cart .content .container {
      display: grid;
      column-gap: 24px;
      row-gap: 32px;
      grid-template-columns: 1fr 360px;
      margin-bottom: 10.526vw; }
      @media only screen and (max-width: 1024px) {
        /* line 10, scss/pages/cart.scss */
        .page--cart .content .container {
          grid-template-columns: 1fr;
          column-gap: 12px;
          row-gap: 0; } }
  /* line 31, scss/pages/cart.scss */
  .page--cart .module {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 32px 28px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1024px) {
      /* line 31, scss/pages/cart.scss */
      .page--cart .module {
        margin-bottom: 12px; } }
    @media only screen and (max-width: 625px) {
      /* line 31, scss/pages/cart.scss */
      .page--cart .module {
        padding: 24px 12px; } }
    /* line 45, scss/pages/cart.scss */
    .page--cart .module .title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 1.2rem;
      line-height: 1.05em;
      font-size: clamp(1.13rem, 1.95vw, 3.7rem);
      margin-bottom: 20px; }
  /* line 51, scss/pages/cart.scss */
  .page--cart .text {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 28px;
    font-size: 20px; }
    @media only screen and (max-width: 625px) {
      /* line 51, scss/pages/cart.scss */
      .page--cart .text {
        font-size: 16px;
        line-height: 24px; } }

/* line 60, scss/pages/cart.scss */
.page--cart .left .products .products__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 32px; }
  /* line 66, scss/pages/cart.scss */
  .page--cart .left .products .products__grid div + div .product {
    border-top: 1px solid rgba(0, 0, 0, 0.134);
    padding-top: 32px; }
  /* line 72, scss/pages/cart.scss */
  .page--cart .left .products .products__grid .product {
    display: grid;
    column-gap: 20px;
    grid-template-columns: 120px 2fr 1fr; }
    @media only screen and (max-width: 625px) {
      /* line 72, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product {
        grid-template-columns: 80px 1fr;
        row-gap: 12px; } }
    /* line 83, scss/pages/cart.scss */
    .page--cart .left .products .products__grid .product .image {
      grid-column: 1/2;
      grid-row: 1/3; }
      /* line 87, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product .image img {
        background-color: #F8F6F6;
        aspect-ratio: 4/5;
        object-fit: cover; }
    /* line 94, scss/pages/cart.scss */
    .page--cart .left .products .products__grid .product .details {
      display: flex;
      justify-content: space-between;
      grid-column: 2/4; }
      @media only screen and (max-width: 625px) {
        /* line 94, scss/pages/cart.scss */
        .page--cart .left .products .products__grid .product .details {
          flex-direction: column;
          justify-content: start;
          row-gap: 16px; } }
      /* line 108, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product .details .text .title {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 4px; }
        @media only screen and (max-width: 625px) {
          /* line 108, scss/pages/cart.scss */
          .page--cart .left .products .products__grid .product .details .text .title {
            font-size: 14px;
            line-height: 18px; } }
        @media only screen and (max-width: 625px) {
          /* line 108, scss/pages/cart.scss */
          .page--cart .left .products .products__grid .product .details .text .title {
            margin-bottom: 8px; } }
      /* line 119, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product .details .text .description {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        color: #616161; }
        @media only screen and (max-width: 625px) {
          /* line 119, scss/pages/cart.scss */
          .page--cart .left .products .products__grid .product .details .text .description {
            font-size: 13px;
            line-height: 16px; } }
      /* line 126, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product .details .amount {
        width: 72px; }
        @media only screen and (max-width: 625px) {
          /* line 126, scss/pages/cart.scss */
          .page--cart .left .products .products__grid .product .details .amount {
            align-self: flex-end; } }
        /* line 133, scss/pages/cart.scss */
        .page--cart .left .products .products__grid .product .details .amount select {
          width: 100%;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px;
          height: 46px;
          padding: 12px;
          margin-top: 0; }
          @media only screen and (max-width: 625px) {
            /* line 133, scss/pages/cart.scss */
            .page--cart .left .products .products__grid .product .details .amount select {
              font-size: 14px;
              line-height: 18px; } }
    /* line 145, scss/pages/cart.scss */
    .page--cart .left .products .products__grid .product .finalize {
      display: flex;
      justify-content: space-between;
      align-items: end;
      grid-column: 2/4; }
      @media only screen and (max-width: 625px) {
        /* line 145, scss/pages/cart.scss */
        .page--cart .left .products .products__grid .product .finalize {
          grid-column: 1/4; } }
      /* line 155, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product .finalize .options {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        color: #a2a2a2;
        cursor: default; }
        @media only screen and (max-width: 625px) {
          /* line 155, scss/pages/cart.scss */
          .page--cart .left .products .products__grid .product .finalize .options {
            font-size: 13px;
            line-height: 16px; } }
        /* line 160, scss/pages/cart.scss */
        .page--cart .left .products .products__grid .product .finalize .options:hover {
          color: #1D1D1D; }
      /* line 166, scss/pages/cart.scss */
      .page--cart .left .products .products__grid .product .finalize .price {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; }

/* line 181, scss/pages/cart.scss */
.page--cart .left .paymentOptions .title {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 16px;
  line-height: 22px; }
  @media only screen and (max-width: 625px) {
    /* line 181, scss/pages/cart.scss */
    .page--cart .left .paymentOptions .title {
      font-size: 14px;
      line-height: 18px; } }
/* line 185, scss/pages/cart.scss */
.page--cart .left .paymentOptions .payment {
  display: flex; }
  /* line 188, scss/pages/cart.scss */
  .page--cart .left .paymentOptions .payment .payment__option {
    margin-right: 12px; }

/* line 201, scss/pages/cart.scss */
.page--cart .side .side__container {
  position: sticky;
  top: 2.6315vw; }
  @media only screen and (max-width: 1024px) {
    /* line 201, scss/pages/cart.scss */
    .page--cart .side .side__container {
      display: flex;
      flex-direction: column-reverse; } }
/* line 213, scss/pages/cart.scss */
.page--cart .side .validation .price {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  justify-content: space-between; }
  @media only screen and (max-width: 625px) {
    /* line 213, scss/pages/cart.scss */
    .page--cart .side .validation .price {
      font-size: 14px;
      line-height: 18px; } }
  @media only screen and (max-width: 625px) {
    /* line 213, scss/pages/cart.scss */
    .page--cart .side .validation .price {
      flex-direction: column; } }
  @media only screen and (max-width: 625px) {
    /* line 228, scss/pages/cart.scss */
    .page--cart .side .validation .price .value {
      text-align: right;
      align-self: flex-end; } }
  /* line 235, scss/pages/cart.scss */
  .page--cart .side .validation .price.--hidden {
    display: none; }
/* line 240, scss/pages/cart.scss */
.page--cart .side .validation .note {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.134);
  padding-bottom: 16px; }
  @media only screen and (max-width: 625px) {
    /* line 240, scss/pages/cart.scss */
    .page--cart .side .validation .note {
      font-size: 13px;
      line-height: 16px; } }
  /* line 246, scss/pages/cart.scss */
  .page--cart .side .validation .note.--hidden {
    display: none; }
/* line 251, scss/pages/cart.scss */
.page--cart .side .validation .button {
  margin-top: 32px;
  border: 1px solid #1d1d1d;
  background-color: transparent;
  color: #1d1d1d;
  padding: 12px 32px;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  border-radius: 2px;
  background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
  background-size: 0;
  transition: .5s;
  background-repeat: repeat-y;
  width: 100%;
  text-align: center; }
  @media only screen and (max-width: 625px) {
    /* line 251, scss/pages/cart.scss */
    .page--cart .side .validation .button {
      font-size: 13px;
      line-height: 16px; } }
  /* line 420, scss/micro/ux--buttons.scss */
  .page--cart .side .validation .button::focus {
    outline: none; }
  /* line 424, scss/micro/ux--buttons.scss */
  .page--cart .side .validation .button:hover {
    background-size: 100%;
    color: #ffffff; }
  @media only screen and (max-width: 625px) {
    /* line 251, scss/pages/cart.scss */
    .page--cart .side .validation .button {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 251, scss/pages/cart.scss */
    .page--cart .side .validation .button {
      font-size: 13px;
      line-height: 16px; } }

  @media (hover: none) {
    /* line 251, scss/pages/cart.scss */
    .page--cart .side .validation .button {
      background-color: #1d1d1d;
      color: #ffffff; } }
/* line 259, scss/pages/cart.scss */
.page--cart .side .promo {
  display: flex;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (max-width: 625px) {
    /* line 259, scss/pages/cart.scss */
    .page--cart .side .promo {
      font-size: 13px;
      line-height: 16px; } }
  /* line 264, scss/pages/cart.scss */
  .page--cart .side .promo input {
    margin-top: 12px;
    border: 0 !important;
    text-transform: uppercase; }
  /* line 271, scss/pages/cart.scss */
  .page--cart .side .promo .discount__validate {
    border: 1px solid #1d1d1d;
    background-color: transparent;
    color: #1d1d1d;
    padding: 12px 32px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
    background-size: 0;
    transition: .5s;
    background-repeat: repeat-y;
    align-self: self-end;
    margin-left: 12px;
    height: 52px;
    align-items: center;
    display: flex;
    flex-shrink: 0; }
    @media only screen and (max-width: 625px) {
      /* line 271, scss/pages/cart.scss */
      .page--cart .side .promo .discount__validate {
        font-size: 13px;
        line-height: 16px; } }
    /* line 420, scss/micro/ux--buttons.scss */
    .page--cart .side .promo .discount__validate::focus {
      outline: none; }
    /* line 424, scss/micro/ux--buttons.scss */
    .page--cart .side .promo .discount__validate:hover {
      background-size: 100%;
      color: #ffffff; }
    @media only screen and (max-width: 625px) {
      /* line 271, scss/pages/cart.scss */
      .page--cart .side .promo .discount__validate {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 271, scss/pages/cart.scss */
    .page--cart .side .promo .discount__validate {
      font-size: 13px;
      line-height: 16px; } }

    @media (hover: none) {
      /* line 271, scss/pages/cart.scss */
      .page--cart .side .promo .discount__validate {
        background-color: #1d1d1d;
        color: #ffffff; } }
/* line 282, scss/pages/cart.scss */
.page--cart .side .payment {
  display: flex;
  justify-content: center;
  margin-top: 24px; }
  /* line 287, scss/pages/cart.scss */
  .page--cart .side .payment .payment__option {
    margin: 0 4px; }

/* line 299, scss/pages/cart.scss */
.page--cart .address.module .form {
  margin-top: 48px; }
  /* line 302, scss/pages/cart.scss */
  .page--cart .address.module .form .data {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 32px; }

/* line 314, scss/pages/cart.scss */
.page--cart .terms a {
  text-decoration: underline; }

/* line 322, scss/pages/cart.scss */
.page--cart .module.--hidden {
  display: none; }
/* line 326, scss/pages/cart.scss */
.page--cart .button.--hidden {
  display: none !important; }

/* line 332, scss/pages/cart.scss */
.page--cart .error {
  background-color: #ffd1d1;
  padding: 12px;
  border-radius: 2px;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px; }
  @media only screen and (max-width: 625px) {
    /* line 332, scss/pages/cart.scss */
    .page--cart .error {
      font-size: 13px;
      line-height: 16px; } }

/* line 342, scss/pages/cart.scss */
.page--cart .option.field--checkbox {
  flex-wrap: wrap; }
  /* line 345, scss/pages/cart.scss */
  .page--cart .option.field--checkbox label.terms {
    width: 90%; }
  /* line 349, scss/pages/cart.scss */
  .page--cart .option.field--checkbox div.error {
    margin-top: 12px; }
/* line 353, scss/pages/cart.scss */
.page--cart .newsletter.option.field--checkbox {
  margin-top: 8px; }

/* line 1, scss/pages/legal.scss */
.page--legal {
  background-color: #F8F6F6; }
  @media only screen and (min-width: 1480px) {
    /* line 4, scss/pages/legal.scss */
    .page--legal .content {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 4, scss/pages/legal.scss */
    .page--legal .content {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 4, scss/pages/legal.scss */
    .page--legal .content {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 4, scss/pages/legal.scss */
    .page--legal .content {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 4, scss/pages/legal.scss */
    .page--legal .content {
      margin-bottom: 15.789vw !important; } }
  /* line 12, scss/pages/legal.scss */
  .page--legal .content .pageTitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    text-align: center;
    margin-bottom: 5.263vw;
    margin-top: 10.526vw; }
  /* line 20, scss/pages/legal.scss */
  .page--legal .content .content {
    margin-bottom: 10.526vw;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 28px;
    font-size: 20px; }
    @media only screen and (max-width: 625px) {
      /* line 20, scss/pages/legal.scss */
      .page--legal .content .content {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (max-width: 625px) {
      /* line 20, scss/pages/legal.scss */
      .page--legal .content .content {
        margin-bottom: 15.789vw !important; } }
    /* line 28, scss/pages/legal.scss */
    .page--legal .content .content .align-left {
      text-align: left !important; }
    /* line 32, scss/pages/legal.scss */
    .page--legal .content .content .align-right {
      text-align: right !important; }
    /* line 36, scss/pages/legal.scss */
    .page--legal .content .content .align-center {
      text-align: center !important; }
    /* line 40, scss/pages/legal.scss */
    .page--legal .content .content b, .page--legal .content .content strong {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      line-height: 28px;
      font-size: 20px;
      font-weight: 500; }
      @media only screen and (max-width: 625px) {
        /* line 40, scss/pages/legal.scss */
        .page--legal .content .content b, .page--legal .content .content strong {
          font-size: 16px;
          line-height: 24px; } }
    /* line 45, scss/pages/legal.scss */
    .page--legal .content .content .button {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 20px 60px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y;
      width: 100%;
      text-align: center;
      margin-bottom: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 45, scss/pages/legal.scss */
        .page--legal .content .content .button {
          font-size: 14px;
          line-height: 18px; } }
      /* line 357, scss/micro/ux--buttons.scss */
      .page--legal .content .content .button::focus {
        outline: none; }
      /* line 361, scss/micro/ux--buttons.scss */
      .page--legal .content .content .button:hover {
        background-size: 100%;
        color: #fff; }
      @media only screen and (max-width: 625px) {
        /* line 45, scss/pages/legal.scss */
        .page--legal .content .content .button {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 45, scss/pages/legal.scss */
    .page--legal .content .content .button {
      font-size: 13px;
      line-height: 16px; } }

      @media (hover: none) {
        /* line 45, scss/pages/legal.scss */
        .page--legal .content .content .button {
          background-color: #1d1d1d;
          color: #ffffff; } }
    /* line 53, scss/pages/legal.scss */
    .page--legal .content .content p {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      line-height: 28px;
      font-size: 20px; }
      @media only screen and (max-width: 625px) {
        /* line 53, scss/pages/legal.scss */
        .page--legal .content .content p {
          font-size: 16px;
          line-height: 24px; } }
      /* line 56, scss/pages/legal.scss */
      .page--legal .content .content p b, .page--legal .content .content p strong {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        line-height: 28px;
        font-size: 20px;
        font-weight: 500; }
        @media only screen and (max-width: 625px) {
          /* line 56, scss/pages/legal.scss */
          .page--legal .content .content p b, .page--legal .content .content p strong {
            font-size: 16px;
            line-height: 24px; } }
    /* line 62, scss/pages/legal.scss */
    .page--legal .content .content p + p {
      margin-top: 1em; }
    @media only screen and (max-width: 625px) {
      /* line 20, scss/pages/legal.scss */
      .page--legal .content .content {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 20, scss/pages/legal.scss */
    .page--legal .content .content {
      font-size: 14px;
      line-height: 18px; } }
    @media only screen and (max-width: 625px) {
        /* line 69, scss/pages/legal.scss */
        .page--legal .content .content b, .page--legal .content .content strong {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px;
          font-weight: 500; } }
    @media only screen and (max-width: 625px) and (max-width: 625px) {
      /* line 69, scss/pages/legal.scss */
      .page--legal .content .content b, .page--legal .content .content strong {
        font-size: 14px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) {
        /* line 74, scss/pages/legal.scss */
        .page--legal .content .content p {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px; } }
    @media only screen and (max-width: 625px) and (max-width: 625px) {
      /* line 74, scss/pages/legal.scss */
      .page--legal .content .content p {
        font-size: 14px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) {
          /* line 77, scss/pages/legal.scss */
          .page--legal .content .content p b, .page--legal .content .content p strong {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 16px;
            line-height: 22px;
            font-weight: 500; } }
      @media only screen and (max-width: 625px) and (max-width: 625px) {
        /* line 77, scss/pages/legal.scss */
        .page--legal .content .content p b, .page--legal .content .content p strong {
          font-size: 14px;
          line-height: 18px; } }

/* line 1, scss/pages/member-login.scss */
.page--login {
  background-color: #e1e3de; }
  /* line 4, scss/pages/member-login.scss */
  .page--login .content {
    text-align: center;
    min-height: 100vh;
    padding-top: 10.526vw !important;
    padding-bottom: 10.526vw !important; }
    /* line 10, scss/pages/member-login.scss */
    .page--login .content .message {
      max-width: 600px;
      margin: 0 auto;
      background-color: #ffffff;
      padding: 5.263vw !important;
      box-shadow: 0px 0px 20px 12px #0000000d; }
      @media only screen and (min-width: 1480px) {
        /* line 10, scss/pages/member-login.scss */
        .page--login .content .message {
          max-width: 600px;
          margin: 0 auto; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 10, scss/pages/member-login.scss */
        .page--login .content .message {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 10, scss/pages/member-login.scss */
        .page--login .content .message {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 10, scss/pages/member-login.scss */
        .page--login .content .message {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      @media only screen and (max-width: 625px) {
        /* line 10, scss/pages/member-login.scss */
        .page--login .content .message {
          padding: 48px 12px !important;
          margin: 12px !important; } }
      /* line 21, scss/pages/member-login.scss */
      .page--login .content .message .title {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 1.2rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.95vw, 3.7rem);
        font-style: italic;
        margin-bottom: 32px; }
      /* line 27, scss/pages/member-login.scss */
      .page--login .content .message .text {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px; }
        @media only screen and (max-width: 625px) {
          /* line 27, scss/pages/member-login.scss */
          .page--login .content .message .text {
            font-size: 14px;
            line-height: 18px; } }
        /* line 30, scss/pages/member-login.scss */
        .page--login .content .message .text.error {
          display: none;
          background-color: #ffd1d1;
          padding: 12px;
          border-radius: 2px; }
      /* line 38, scss/pages/member-login.scss */
      .page--login .content .message .text.error.--active {
        display: block; }
      /* line 42, scss/pages/member-login.scss */
      .page--login .content .message form {
        text-align: left; }
      /* line 46, scss/pages/member-login.scss */
      .page--login .content .message .email {
        margin-top: 32px; }
        /* line 48, scss/pages/member-login.scss */
        .page--login .content .message .email input {
          background-color: #F8F6F6; }
      /* line 53, scss/pages/member-login.scss */
      .page--login .content .message .button {
        margin-top: 12px; }
        /* line 56, scss/pages/member-login.scss */
        .page--login .content .message .button input {
          border: 1px solid #1d1d1d;
          background-color: transparent;
          color: #1d1d1d;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
          background-size: 0;
          transition: .5s;
          background-repeat: repeat-y;
          cursor: pointer; }
          @media only screen and (max-width: 625px) {
            /* line 56, scss/pages/member-login.scss */
            .page--login .content .message .button input {
              font-size: 13px;
              line-height: 16px; } }
          /* line 420, scss/micro/ux--buttons.scss */
          .page--login .content .message .button input::focus {
            outline: none; }
          /* line 424, scss/micro/ux--buttons.scss */
          .page--login .content .message .button input:hover {
            background-size: 100%;
            color: #ffffff; }
          @media only screen and (max-width: 625px) {
            /* line 56, scss/pages/member-login.scss */
            .page--login .content .message .button input {
              font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              letter-spacing: 0em;
              font-size: 14px;
              line-height: 18px;
              padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 56, scss/pages/member-login.scss */
    .page--login .content .message .button input {
      font-size: 13px;
      line-height: 16px; } }

          @media (hover: none) {
            /* line 56, scss/pages/member-login.scss */
            .page--login .content .message .button input {
              background-color: #1d1d1d;
              color: #ffffff; } }
      /* line 62, scss/pages/member-login.scss */
      .page--login .content .message .form__options {
        margin-top: 24px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; }
        @media only screen and (max-width: 625px) {
          /* line 62, scss/pages/member-login.scss */
          .page--login .content .message .form__options {
            font-size: 13px;
            line-height: 16px; } }
        /* line 66, scss/pages/member-login.scss */
        .page--login .content .message .form__options a {
          border-bottom: 1px solid transparent;
          transition: border-bottom 20ms;
          font-weight: 400 !important; }
          /* line 184, scss/micro/ux--buttons.scss */
          .page--login .content .message .form__options a:hover {
            border-bottom: 1px solid #1D1D1D; }

/* line 1, scss/pages/member-register.scss */
.page--register {
  background-color: #fdfedc; }
  /* line 4, scss/pages/member-register.scss */
  .page--register .subscribe--ticker {
    display: none; }
  /* line 8, scss/pages/member-register.scss */
  .page--register.--white {
    background-color: #ffffff !important; }
  /* line 12, scss/pages/member-register.scss */
  .page--register .content {
    margin-top: 20px; }
    @media only screen and (max-width: 625px) {
      /* line 12, scss/pages/member-register.scss */
      .page--register .content {
        margin-top: 44px; } }

/* line 26, scss/pages/member-register.scss */
.page--register .title {
  font-family: bookmania, Garamond;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.005em;
  font-size: 2.5rem;
  line-height: 1em;
  font-size: clamp(1.6rem, 3.9vw, 5.11rem);
  text-align: center; }
/* line 31, scss/pages/member-register.scss */
.page--register .subtitle {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  margin-top: 32px; }
  @media only screen and (max-width: 625px) {
    /* line 31, scss/pages/member-register.scss */
    .page--register .subtitle {
      font-size: 14px;
      line-height: 18px; } }

/* line 40, scss/pages/member-register.scss */
.page--register .modify {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  margin-top: 32px; }
  @media only screen and (max-width: 625px) {
    /* line 40, scss/pages/member-register.scss */
    .page--register .modify {
      font-size: 14px;
      line-height: 18px; } }
  /* line 45, scss/pages/member-register.scss */
  .page--register .modify a {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500 !important; }
    @media only screen and (max-width: 625px) {
      /* line 45, scss/pages/member-register.scss */
      .page--register .modify a {
        font-size: 14px;
        line-height: 18px; } }
    /* line 319, scss/micro/ux--buttons.scss */
    .page--register .modify a:hover {
      background-color: #F99D9A; }

/* line 55, scss/pages/member-register.scss */
.page--register .steps {
  margin-bottom: 15.789vw; }
  @media only screen and (max-width: 625px) {
    /* line 55, scss/pages/member-register.scss */
    .page--register .steps {
      margin-bottom: 31.578vw; } }
  /* line 63, scss/pages/member-register.scss */
  .page--register .steps .steps__title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
  /* line 70, scss/pages/member-register.scss */
  .page--register .steps .step .title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    margin-bottom: 32px; }

/* line 82, scss/pages/member-register.scss */
.step--plan {
  margin-top: 5.263vw;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 32px; }
  @media only screen and (max-width: 625px) {
    /* line 82, scss/pages/member-register.scss */
    .step--plan {
      margin-top: 0; } }
  /* line 93, scss/pages/member-register.scss */
  .step--plan .options {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    margin-bottom: 140px;
    padding: 0 5.263vw;
    column-gap: 12px;
    row-gap: 20px; }
    @media only screen and (min-width: 1480px) {
      /* line 93, scss/pages/member-register.scss */
      .step--plan .options {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 93, scss/pages/member-register.scss */
      .step--plan .options {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 93, scss/pages/member-register.scss */
      .step--plan .options {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 93, scss/pages/member-register.scss */
      .step--plan .options {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 93, scss/pages/member-register.scss */
      .step--plan .options {
        grid-template-columns: 1fr;
        margin-bottom: 0 !important; } }
    /* line 109, scss/pages/member-register.scss */
    .step--plan .options .option {
      padding: 28px 28px;
      margin-bottom: 0;
      background-color: #ffffff;
      border-radius: 2px;
      justify-content: space-between;
      align-items: baseline;
      position: relative;
      cursor: pointer;
      background-color: rgba(18, 18, 18, 0.034);
      color: #1212126b;
      height: 100%;
      transition: all 60ms ease; }
      @media (hover: none) {
        /* line 109, scss/pages/member-register.scss */
        .step--plan .options .option {
          background-color: #ffffff;
          color: #1D1D1D; } }
      @media only screen and (max-width: 1024px) {
        /* line 109, scss/pages/member-register.scss */
        .step--plan .options .option {
          height: auto; } }
      @media only screen and (max-width: 625px) {
        /* line 109, scss/pages/member-register.scss */
        .step--plan .options .option {
          padding: 20px;
          margin-bottom: 0; } }
      /* line 140, scss/pages/member-register.scss */
      .step--plan .options .option .checked {
        transform: scale(0);
        animation-delay: 300ms;
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: absolute;
        right: 12px;
        top: 12px; }
      /* line 149, scss/pages/member-register.scss */
      .step--plan .options .option.--selected {
        outline: 1px solid #2d2d2d;
        background-color: #ffffff;
        box-shadow: 0px 0px 20px #00000008;
        color: #1D1D1D;
        border-radius: 2px; }
        @media only screen and (max-width: 1024px) {
          /* line 149, scss/pages/member-register.scss */
          .step--plan .options .option.--selected {
            height: auto; } }
        @media (hover: none) {
          /* line 149, scss/pages/member-register.scss */
          .step--plan .options .option.--selected {
            outline: 2px solid #1d1d1d; } }
        /* line 165, scss/pages/member-register.scss */
        .step--plan .options .option.--selected .checked {
          transform: scale(1);
          transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation-delay: 300ms;
          position: absolute;
          right: 12px;
          top: 12px; }
      /* line 175, scss/pages/member-register.scss */
      .step--plan .options .option:hover {
        background-color: #ffffff;
        box-shadow: 0px 0px 20px #00000008;
        color: #1D1D1D;
        z-index: 999; }
      /* line 184, scss/pages/member-register.scss */
      .step--plan .options .option .text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%; }
        /* line 190, scss/pages/member-register.scss */
        .step--plan .options .option .text .title {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.15rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.34vw, 3.25rem);
          margin-bottom: 24px;
          font-style: italic;
          text-align: left; }
        /* line 198, scss/pages/member-register.scss */
        .step--plan .options .option .text .description {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px; }
          @media only screen and (max-width: 625px) {
            /* line 198, scss/pages/member-register.scss */
            .step--plan .options .option .text .description {
              font-size: 14px;
              line-height: 18px; } }
        /* line 202, scss/pages/member-register.scss */
        .step--plan .options .option .text .description--promotion {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px; }
          @media only screen and (max-width: 625px) {
            /* line 202, scss/pages/member-register.scss */
            .step--plan .options .option .text .description--promotion {
              font-size: 13px;
              line-height: 16px; } }
          /* line 208, scss/pages/member-register.scss */
          .step--plan .options .option .text .description--promotion .promo__title {
            color: #1D1D1D !important;
            margin-right: 4px;
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 14px;
            line-height: 18px; }
            @media only screen and (max-width: 625px) {
              /* line 208, scss/pages/member-register.scss */
              .step--plan .options .option .text .description--promotion .promo__title {
                font-size: 13px;
                line-height: 16px; } }
      /* line 217, scss/pages/member-register.scss */
      .step--plan .options .option .price {
        margin-bottom: 12px; }
      /* line 224, scss/pages/member-register.scss */
      .step--plan .options .option .price--promotion .promo__title {
        color: #1d1d1d;
        padding: 0 0px;
        display: block;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 4px;
        color: #1212126b;
        margin-top: 4px; }
        @media only screen and (max-width: 625px) {
          /* line 224, scss/pages/member-register.scss */
          .step--plan .options .option .price--promotion .promo__title {
            font-size: 13px;
            line-height: 16px; } }
      /* line 235, scss/pages/member-register.scss */
      .step--plan .options .option .price--promotion .value {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; }
        @media only screen and (max-width: 625px) {
          /* line 235, scss/pages/member-register.scss */
          .step--plan .options .option .price--promotion .value {
            font-size: 13px;
            line-height: 16px; } }
        /* line 238, scss/pages/member-register.scss */
        .step--plan .options .option .price--promotion .value.value--old {
          color: #F99D9A;
          text-decoration: line-through; }
        /* line 243, scss/pages/member-register.scss */
        .step--plan .options .option .price--promotion .value.value--extra {
          color: #a2a2a2; }
        /* line 247, scss/pages/member-register.scss */
        .step--plan .options .option .price--promotion .value.value--new {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-style: italic;
          font-weight: 400;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 3.15rem;
          line-height: 1em;
          font-size: clamp(1.6rem, 3.5vw, 4.81rem);
          font-style: normal;
          font-size: 80px; }
          @media only screen and (max-width: 625px) {
            /* line 247, scss/pages/member-register.scss */
            .step--plan .options .option .price--promotion .value.value--new {
              font-size: 52px; } }
          /* line 258, scss/pages/member-register.scss */
          .step--plan .options .option .price--promotion .value.value--new:before {
            content: '€';
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            line-height: 28px;
            font-size: 20px;
            font-style: normal; }
            @media only screen and (max-width: 625px) {
              /* line 258, scss/pages/member-register.scss */
              .step--plan .options .option .price--promotion .value.value--new:before {
                font-size: 16px;
                line-height: 24px; } }
          /* line 264, scss/pages/member-register.scss */
          .step--plan .options .option .price--promotion .value.value--new:after {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 17px;
            line-height: 24px;
            font-style: normal; }
            @media only screen and (max-width: 625px) {
              /* line 264, scss/pages/member-register.scss */
              .step--plan .options .option .price--promotion .value.value--new:after {
                font-size: 14px;
                line-height: 18px; } }

/* line 277, scss/pages/member-register.scss */
.page--register .advantages {
  padding-top: 32px !important;
  display: none;
  width: 55ch !important; }
  @media only screen and (min-width: 1480px) {
    /* line 277, scss/pages/member-register.scss */
    .page--register .advantages {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 277, scss/pages/member-register.scss */
    .page--register .advantages {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 277, scss/pages/member-register.scss */
    .page--register .advantages {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 277, scss/pages/member-register.scss */
    .page--register .advantages {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 277, scss/pages/member-register.scss */
    .page--register .advantages {
      padding-top: 0 !important; } }
  @media only screen and (max-width: 625px) {
    /* line 277, scss/pages/member-register.scss */
    .page--register .advantages {
      width: 100% !important; } }
  /* line 291, scss/pages/member-register.scss */
  .page--register .advantages.--selected {
    display: block; }
  /* line 295, scss/pages/member-register.scss */
  .page--register .advantages .label {
    margin-bottom: 16px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 295, scss/pages/member-register.scss */
      .page--register .advantages .label {
        font-size: 14px;
        line-height: 18px; } }
  /* line 303, scss/pages/member-register.scss */
  .page--register .advantages .items .item {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 625px) {
      /* line 303, scss/pages/member-register.scss */
      .page--register .advantages .items .item {
        font-size: 14px;
        line-height: 18px; } }
    @media only screen and (max-width: 625px) {
      /* line 303, scss/pages/member-register.scss */
      .page--register .advantages .items .item {
        align-items: baseline;
        width: 100%; } }
    /* line 315, scss/pages/member-register.scss */
    .page--register .advantages .items .item:before {
      content: "";
      width: 24px;
      height: 8px;
      background-position: right;
      background-image: url("./img/arrow-right-black.svg");
      display: block;
      background-size: cover;
      margin-right: 12px; }

/* line 331, scss/pages/member-register.scss */
.page--register .step--data {
  margin-top: 5.263vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 331, scss/pages/member-register.scss */
    .page--register .step--data {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 331, scss/pages/member-register.scss */
    .page--register .step--data {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 331, scss/pages/member-register.scss */
    .page--register .step--data {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 331, scss/pages/member-register.scss */
    .page--register .step--data {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 340, scss/pages/member-register.scss */
  .page--register .step--data .form form .data {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5.263vw; }
    /* line 346, scss/pages/member-register.scss */
    .page--register .step--data .form form .data .field {
      padding: 8px 4px;
      margin-bottom: 12px; }
      /* line 352, scss/pages/member-register.scss */
      .page--register .step--data .form form .data .field input {
        border-radius: 0;
        border: 0px solid;
        font-style: normal;
        margin-top: 0px; }
    /* line 367, scss/pages/member-register.scss */
    .page--register .step--data .form form .data .field--large {
      width: 100%; }
    /* line 371, scss/pages/member-register.scss */
    .page--register .step--data .form form .data .field--split {
      width: 50%; }
  /* line 377, scss/pages/member-register.scss */
  .page--register .step--data .form form .promo {
    border-top: 1px solid rgba(0, 0, 0, 0.134);
    border-bottom: 1px solid rgba(0, 0, 0, 0.134);
    padding: 24px 0; }
    /* line 382, scss/pages/member-register.scss */
    .page--register .step--data .form form .promo .discount__action {
      display: flex; }
      /* line 385, scss/pages/member-register.scss */
      .page--register .step--data .form form .promo .discount__action .discount__field {
        flex-grow: 1; }
        /* line 388, scss/pages/member-register.scss */
        .page--register .step--data .form form .promo .discount__action .discount__field input {
          text-transform: uppercase; }
      /* line 393, scss/pages/member-register.scss */
      .page--register .step--data .form form .promo .discount__action .discount__validate {
        border: 1px solid #1d1d1d;
        background-color: transparent;
        color: #1d1d1d;
        padding: 12px 32px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        border-radius: 2px;
        background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
        background-size: 0;
        transition: .5s;
        background-repeat: repeat-y;
        align-self: self-end;
        margin-left: 12px;
        height: 52px;
        align-items: center;
        display: flex;
        flex-shrink: 0; }
        @media only screen and (max-width: 625px) {
          /* line 393, scss/pages/member-register.scss */
          .page--register .step--data .form form .promo .discount__action .discount__validate {
            font-size: 13px;
            line-height: 16px; } }
        /* line 420, scss/micro/ux--buttons.scss */
        .page--register .step--data .form form .promo .discount__action .discount__validate::focus {
          outline: none; }
        /* line 424, scss/micro/ux--buttons.scss */
        .page--register .step--data .form form .promo .discount__action .discount__validate:hover {
          background-size: 100%;
          color: #ffffff; }
        @media only screen and (max-width: 625px) {
          /* line 393, scss/pages/member-register.scss */
          .page--register .step--data .form form .promo .discount__action .discount__validate {
            font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            letter-spacing: 0em;
            font-size: 14px;
            line-height: 18px;
            padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 393, scss/pages/member-register.scss */
    .page--register .step--data .form form .promo .discount__action .discount__validate {
      font-size: 13px;
      line-height: 16px; } }

        @media (hover: none) {
          /* line 393, scss/pages/member-register.scss */
          .page--register .step--data .form form .promo .discount__action .discount__validate {
            background-color: #1d1d1d;
            color: #ffffff; } }
    /* line 405, scss/pages/member-register.scss */
    .page--register .step--data .form form .promo .discount__result {
      margin-top: 8px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 405, scss/pages/member-register.scss */
        .page--register .step--data .form form .promo .discount__result {
          font-size: 13px;
          line-height: 16px; } }
      /* line 409, scss/pages/member-register.scss */
      .page--register .step--data .form form .promo .discount__result .discount__result--invalid {
        color: #ea4540; }
  /* line 419, scss/pages/member-register.scss */
  .page--register .step--data .form .terms.field--checkbox {
    margin-bottom: 24px;
    margin-top: 64px; }
    /* line 423, scss/pages/member-register.scss */
    .page--register .step--data .form .terms.field--checkbox a {
      text-decoration: underline; }
  /* line 428, scss/pages/member-register.scss */
  .page--register .step--data .form .newsletter.field--checkbox {
    margin-bottom: 24px;
    margin-top: 8px; }
    /* line 432, scss/pages/member-register.scss */
    .page--register .step--data .form .newsletter.field--checkbox a {
      text-decoration: underline; }
  /* line 437, scss/pages/member-register.scss */
  .page--register .step--data .form .validate {
    text-align: center;
    border: 1px solid #1d1d1d;
    background-color: transparent;
    color: #1d1d1d;
    padding: 20px 60px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
    background-size: 0;
    transition: .5s;
    background-repeat: repeat-y;
    width: 100%; }
    @media only screen and (max-width: 625px) {
      /* line 437, scss/pages/member-register.scss */
      .page--register .step--data .form .validate {
        font-size: 14px;
        line-height: 18px; } }
    /* line 357, scss/micro/ux--buttons.scss */
    .page--register .step--data .form .validate::focus {
      outline: none; }
    /* line 361, scss/micro/ux--buttons.scss */
    .page--register .step--data .form .validate:hover {
      background-size: 100%;
      color: #fff; }
    @media only screen and (max-width: 625px) {
      /* line 437, scss/pages/member-register.scss */
      .page--register .step--data .form .validate {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 437, scss/pages/member-register.scss */
    .page--register .step--data .form .validate {
      font-size: 13px;
      line-height: 16px; } }

    @media (hover: none) {
      /* line 437, scss/pages/member-register.scss */
      .page--register .step--data .form .validate {
        background-color: #1d1d1d;
        color: #ffffff; } }
    /* line 442, scss/pages/member-register.scss */
    .page--register .step--data .form .validate input[type=submit] {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 20px 60px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y; }
      @media only screen and (max-width: 625px) {
        /* line 442, scss/pages/member-register.scss */
        .page--register .step--data .form .validate input[type=submit] {
          font-size: 14px;
          line-height: 18px; } }
      /* line 357, scss/micro/ux--buttons.scss */
      .page--register .step--data .form .validate input[type=submit]::focus {
        outline: none; }
      /* line 361, scss/micro/ux--buttons.scss */
      .page--register .step--data .form .validate input[type=submit]:hover {
        background-size: 100%;
        color: #fff; }
      @media only screen and (max-width: 625px) {
        /* line 442, scss/pages/member-register.scss */
        .page--register .step--data .form .validate input[type=submit] {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 442, scss/pages/member-register.scss */
    .page--register .step--data .form .validate input[type=submit] {
      font-size: 13px;
      line-height: 16px; } }

      @media (hover: none) {
        /* line 442, scss/pages/member-register.scss */
        .page--register .step--data .form .validate input[type=submit] {
          background-color: #1d1d1d;
          color: #ffffff; } }

/* line 465, scss/pages/member-register.scss */
.page--register .summary {
  width: 100%;
  margin-top: 60px;
  display: flex;
  box-shadow: 0px 0px 20px #00000008; }
  @media only screen and (max-width: 1024px) {
    /* line 465, scss/pages/member-register.scss */
    .page--register .summary {
      flex-direction: column; } }
  /* line 475, scss/pages/member-register.scss */
  .page--register .summary .summary__block {
    padding: 32px;
    width: 50%; }
    @media only screen and (max-width: 1024px) {
      /* line 475, scss/pages/member-register.scss */
      .page--register .summary .summary__block {
        width: 100%; } }
    /* line 483, scss/pages/member-register.scss */
    .page--register .summary .summary__block.summary__block--subscription {
      background-color: #ffffff; }
      @media only screen and (max-width: 1024px) {
        /* line 483, scss/pages/member-register.scss */
        .page--register .summary .summary__block.summary__block--subscription {
          margin-bottom: 12px; } }
    /* line 491, scss/pages/member-register.scss */
    .page--register .summary .summary__block.summary__block--pricing {
      background-color: #fff7f7; }
    /* line 496, scss/pages/member-register.scss */
    .page--register .summary .summary__block .summary__inner {
      top: 5.263vw;
      margin-bottom: 20px;
      border-radius: 2px; }
      /* line 502, scss/pages/member-register.scss */
      .page--register .summary .summary__block .summary__inner .general .title {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        letter-spacing: 0.01em;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 24px; }
        @media only screen and (max-width: 625px) {
          /* line 502, scss/pages/member-register.scss */
          .page--register .summary .summary__block .summary__inner .general .title {
            font-size: 12px;
            line-height: 16px; } }
      /* line 512, scss/pages/member-register.scss */
      .page--register .summary .summary__block .summary__inner .general .subtitle {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; }
        @media only screen and (max-width: 625px) {
          /* line 512, scss/pages/member-register.scss */
          .page--register .summary .summary__block .summary__inner .general .subtitle {
            font-size: 13px;
            line-height: 16px; } }
      /* line 516, scss/pages/member-register.scss */
      .page--register .summary .summary__block .summary__inner .general .subscription {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 1.15rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.34vw, 3.25rem); }
        /* line 519, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .general .subscription div {
          position: relative;
          display: inline-block; }
      /* line 526, scss/pages/member-register.scss */
      .page--register .summary .summary__block .summary__inner .general .priceTag {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px;
        display: flex;
        justify-content: space-between;
        padding: 8px 0; }
        @media only screen and (max-width: 625px) {
          /* line 526, scss/pages/member-register.scss */
          .page--register .summary .summary__block .summary__inner .general .priceTag {
            font-size: 14px;
            line-height: 18px; } }
        /* line 532, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .general .priceTag.value {
          font-weight: 500; }
        /* line 536, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .general .priceTag.priceSubtotal {
          margin-top: 16px; }
        /* line 540, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .general .priceTag.discountExplaination {
          padding-top: 0;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px; }
          @media only screen and (max-width: 625px) {
            /* line 540, scss/pages/member-register.scss */
            .page--register .summary .summary__block .summary__inner .general .priceTag.discountExplaination {
              font-size: 14px;
              line-height: 18px; } }
        /* line 545, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .general .priceTag .value {
          text-align: right;
          font-weight: 500; }
        /* line 550, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .general .priceTag.priceGrandtotal {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          line-height: 28px;
          font-size: 20px;
          padding-top: 24px;
          margin-top: 16px;
          font-weight: 500;
          border-top: 1px solid rgba(0, 0, 0, 0.134); }
          @media only screen and (max-width: 625px) {
            /* line 550, scss/pages/member-register.scss */
            .page--register .summary .summary__block .summary__inner .general .priceTag.priceGrandtotal {
              font-size: 16px;
              line-height: 24px; } }
      /* line 560, scss/pages/member-register.scss */
      .page--register .summary .summary__block .summary__inner .conditions {
        margin-top: 8px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 32px; }
        @media only screen and (max-width: 625px) {
          /* line 560, scss/pages/member-register.scss */
          .page--register .summary .summary__block .summary__inner .conditions {
            font-size: 14px;
            line-height: 18px; } }
        /* line 565, scss/pages/member-register.scss */
        .page--register .summary .summary__block .summary__inner .conditions .text p {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 16px;
          line-height: 22px; }
          @media only screen and (max-width: 625px) {
            /* line 565, scss/pages/member-register.scss */
            .page--register .summary .summary__block .summary__inner .conditions .text p {
              font-size: 14px;
              line-height: 18px; } }

/* line 579, scss/pages/member-register.scss */
.page--register .title--step {
  margin-top: 10.526vw !important; }

/* line 585, scss/pages/member-register.scss */
.page--register .step--information {
  margin-top: 5.263vw !important;
  margin-bottom: 10.526vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 585, scss/pages/member-register.scss */
    .page--register .step--information {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 585, scss/pages/member-register.scss */
    .page--register .step--information {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 585, scss/pages/member-register.scss */
    .page--register .step--information {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 585, scss/pages/member-register.scss */
    .page--register .step--information {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 590, scss/pages/member-register.scss */
  .page--register .step--information .contact {
    text-align: center;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 590, scss/pages/member-register.scss */
      .page--register .step--information .contact {
        font-size: 14px;
        line-height: 18px; } }
    /* line 594, scss/pages/member-register.scss */
    .page--register .step--information .contact a {
      font-weight: 500 !important;
      font-weight: 500 !important; }
      /* line 319, scss/micro/ux--buttons.scss */
      .page--register .step--information .contact a:hover {
        background-color: #F99D9A; }
  /* line 600, scss/pages/member-register.scss */
  .page--register .step--information .privacy {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 625px) {
      /* line 600, scss/pages/member-register.scss */
      .page--register .step--information .privacy {
        font-size: 13px;
        line-height: 16px; } }

/* line 608, scss/pages/member-register.scss */
.page--register .payment {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.263vw; }
  /* line 614, scss/pages/member-register.scss */
  .page--register .payment .payment__option {
    margin: 0 8px; }

/* line 623, scss/pages/member-register.scss */
.page--register div.error {
  background-color: #ffd1d1;
  padding: 12px;
  border-radius: 2px;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px; }
  @media only screen and (max-width: 625px) {
    /* line 623, scss/pages/member-register.scss */
    .page--register div.error {
      font-size: 13px;
      line-height: 16px; } }
/* line 631, scss/pages/member-register.scss */
.page--register input.error {
  outline: 1px solid #F99D9A; }
/* line 635, scss/pages/member-register.scss */
.page--register .terms.field--checkbox {
  flex-wrap: wrap; }
  /* line 638, scss/pages/member-register.scss */
  .page--register .terms.field--checkbox label.terms {
    width: 90%; }
  /* line 642, scss/pages/member-register.scss */
  .page--register .terms.field--checkbox div.error {
    margin-top: 12px; }

/* line 651, scss/pages/member-register.scss */
.page--register--promo .step__title {
  font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  font-style: italic;
  font-feature-settings: 'ss04' on;
  font-variant-ligatures: common-ligatures;
  font-size: 1.15rem;
  line-height: 1.25em;
  font-size: clamp(1.13rem, 1.34vw, 3.25rem);
  margin-bottom: 12px;
  text-align: center; }
/* line 657, scss/pages/member-register.scss */
.page--register--promo .step--code {
  text-align: center;
  background-color: #ffffff;
  padding: 2.6315vw 5.263vw;
  box-shadow: 0px 0px 20px #00000008;
  margin-top: 5.263vw !important; }
  @media only screen and (min-width: 1480px) {
    /* line 657, scss/pages/member-register.scss */
    .page--register--promo .step--code {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 657, scss/pages/member-register.scss */
    .page--register--promo .step--code {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 657, scss/pages/member-register.scss */
    .page--register--promo .step--code {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 657, scss/pages/member-register.scss */
    .page--register--promo .step--code {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 657, scss/pages/member-register.scss */
    .page--register--promo .step--code {
      padding: 10.526vw 5.263vw !important;
      margin-top: 10.526vw !important;
      margin-bottom: 15.789vw !important; } }
  /* line 673, scss/pages/member-register.scss */
  .page--register--promo .step--code .text {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 673, scss/pages/member-register.scss */
      .page--register--promo .step--code .text {
        font-size: 14px;
        line-height: 18px; } }
  /* line 677, scss/pages/member-register.scss */
  .page--register--promo .step--code .promo {
    margin-top: 32px;
    display: flex;
    align-items: center; }
    /* line 682, scss/pages/member-register.scss */
    .page--register--promo .step--code .promo input {
      text-align: center;
      margin: 0 12px; }
/* line 694, scss/pages/member-register.scss */
.page--register--promo .step--typeofoffer {
  margin-top: 24px !important;
  padding: 32px 28px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 1480px) {
    /* line 694, scss/pages/member-register.scss */
    .page--register--promo .step--typeofoffer {
      max-width: 900px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 694, scss/pages/member-register.scss */
    .page--register--promo .step--typeofoffer {
      margin: 0 auto;
      max-width: 900px; } }
  @media only screen and (max-width: 1024px) {
    /* line 694, scss/pages/member-register.scss */
    .page--register--promo .step--typeofoffer {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 694, scss/pages/member-register.scss */
    .page--register--promo .step--typeofoffer {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  /* line 704, scss/pages/member-register.scss */
  .page--register--promo .step--typeofoffer .step__title {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    line-height: 1.3em;
    font-size: clamp(1.04rem, 1.158vw, 2.85rem); }
/* line 710, scss/pages/member-register.scss */
.page--register--promo .step--data {
  margin-top: 5.263vw !important; }
/* line 714, scss/pages/member-register.scss */
.page--register--promo .data {
  margin-top: 32px !important; }

/* line 731, scss/pages/member-register.scss */
.page--register--upgrade .--current {
  background-color: #ffffff !important;
  color: #1D1D1D !important;
  cursor: not-allowed !important; }
  /* line 736, scss/pages/member-register.scss */
  .page--register--upgrade .--current:before {
    content: "Your active subscription";
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    background-color: #ffd1d1;
    padding: 2px 0;
    text-transform: uppercase;
    position: absolute;
    top: -8px;
    font-weight: 500;
    left: 0;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    outline: 1px solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    @media only screen and (max-width: 625px) {
      /* line 736, scss/pages/member-register.scss */
      .page--register--upgrade .--current:before {
        font-size: 12px;
        line-height: 16px; } }
  /* line 756, scss/pages/member-register.scss */
  .page--register--upgrade .--current svg {
    top: 26px !important; }

/* line 1, scss/pages/member-reset.scss */
.page--memberreset {
  background-color: #e1e3de; }
  /* line 4, scss/pages/member-reset.scss */
  .page--memberreset .content {
    text-align: center;
    min-height: 100vh;
    padding-top: 10.526vw !important;
    padding-bottom: 10.526vw !important; }
    /* line 10, scss/pages/member-reset.scss */
    .page--memberreset .content .message {
      max-width: 600px;
      margin: 0 auto;
      background-color: #ffffff;
      padding: 5.263vw !important;
      box-shadow: 0px 0px 20px 12px #0000000d; }
      @media only screen and (min-width: 1480px) {
        /* line 10, scss/pages/member-reset.scss */
        .page--memberreset .content .message {
          max-width: 600px;
          margin: 0 auto; } }
      @media only screen and (min-width: 1024px) and (max-width: 1480px) {
        /* line 10, scss/pages/member-reset.scss */
        .page--memberreset .content .message {
          margin: 0 auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 1024px) {
        /* line 10, scss/pages/member-reset.scss */
        .page--memberreset .content .message {
          margin: 32px auto;
          padding: 0 5.263vw; } }
      @media only screen and (max-width: 625px) {
        /* line 10, scss/pages/member-reset.scss */
        .page--memberreset .content .message {
          margin: 32px auto;
          padding: 0 2.6315vw; } }
      @media only screen and (max-width: 625px) {
        /* line 10, scss/pages/member-reset.scss */
        .page--memberreset .content .message {
          padding: 48px 12px !important;
          margin: 12px !important; } }
      /* line 21, scss/pages/member-reset.scss */
      .page--memberreset .content .message .title {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 1.2rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.95vw, 3.7rem);
        font-style: italic;
        margin-bottom: 32px; }
      /* line 27, scss/pages/member-reset.scss */
      .page--memberreset .content .message .text {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px; }
        @media only screen and (max-width: 625px) {
          /* line 27, scss/pages/member-reset.scss */
          .page--memberreset .content .message .text {
            font-size: 14px;
            line-height: 18px; } }
      /* line 31, scss/pages/member-reset.scss */
      .page--memberreset .content .message .email {
        margin-top: 32px; }
        /* line 33, scss/pages/member-reset.scss */
        .page--memberreset .content .message .email input {
          background-color: #F8F6F6; }
      /* line 38, scss/pages/member-reset.scss */
      .page--memberreset .content .message .error {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 16px;
        line-height: 22px;
        margin-top: 24px;
        margin-bottom: 24px; }
        @media only screen and (max-width: 625px) {
          /* line 38, scss/pages/member-reset.scss */
          .page--memberreset .content .message .error {
            font-size: 14px;
            line-height: 18px; } }
      /* line 44, scss/pages/member-reset.scss */
      .page--memberreset .content .message .button {
        margin-top: 12px; }
        /* line 47, scss/pages/member-reset.scss */
        .page--memberreset .content .message .button input {
          border: 1px solid #1d1d1d;
          background-color: transparent;
          color: #1d1d1d;
          padding: 12px 32px;
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          display: inline-block;
          border-radius: 2px;
          background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
          background-size: 0;
          transition: .5s;
          background-repeat: repeat-y;
          cursor: pointer; }
          @media only screen and (max-width: 625px) {
            /* line 47, scss/pages/member-reset.scss */
            .page--memberreset .content .message .button input {
              font-size: 13px;
              line-height: 16px; } }
          /* line 420, scss/micro/ux--buttons.scss */
          .page--memberreset .content .message .button input::focus {
            outline: none; }
          /* line 424, scss/micro/ux--buttons.scss */
          .page--memberreset .content .message .button input:hover {
            background-size: 100%;
            color: #ffffff; }
          @media only screen and (max-width: 625px) {
            /* line 47, scss/pages/member-reset.scss */
            .page--memberreset .content .message .button input {
              font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
              font-weight: 400;
              letter-spacing: 0em;
              font-size: 14px;
              line-height: 18px;
              padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 47, scss/pages/member-reset.scss */
    .page--memberreset .content .message .button input {
      font-size: 13px;
      line-height: 16px; } }

          @media (hover: none) {
            /* line 47, scss/pages/member-reset.scss */
            .page--memberreset .content .message .button input {
              background-color: #1d1d1d;
              color: #ffffff; } }

/* line 1, scss/pages/member-transactionresult.scss */
.page--transactionresult {
  background-color: #e1e3de;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  /* line 12, scss/pages/member-transactionresult.scss */
  .page--transactionresult .content .message {
    background-color: #ffffff;
    padding: 5.263vw 10.526vw;
    border-radius: 2px;
    text-align: center; }
    @media only screen and (max-width: 625px) {
      /* line 12, scss/pages/member-transactionresult.scss */
      .page--transactionresult .content .message {
        padding: 64px 24px;
        margin: 12px; } }
    /* line 23, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .title {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-style: italic;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.15rem;
      line-height: 1.25em;
      font-size: clamp(1.13rem, 1.34vw, 3.25rem);
      margin-bottom: 24px;
      font-style: italic; }
    /* line 29, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .text {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 29, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .text {
          font-size: 14px;
          line-height: 18px; } }
    /* line 33, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .highlight {
      margin: 20px 0;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      background-color: #fdfedc;
      padding: 12px 32px;
      border-radius: 2px;
      display: inline-block; }
      @media only screen and (max-width: 625px) {
        /* line 33, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .highlight {
          font-size: 14px;
          line-height: 18px; } }
    /* line 42, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .button {
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
      background-size: 0;
      transition: .5s;
      background-repeat: repeat-y;
      margin-top: 20px; }
      @media only screen and (max-width: 625px) {
        /* line 42, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .button {
          font-size: 13px;
          line-height: 16px; } }
      /* line 420, scss/micro/ux--buttons.scss */
      .page--transactionresult .content .message .button::focus {
        outline: none; }
      /* line 424, scss/micro/ux--buttons.scss */
      .page--transactionresult .content .message .button:hover {
        background-size: 100%;
        color: #ffffff; }
      @media only screen and (max-width: 625px) {
        /* line 42, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .button {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px;
          padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 42, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .button {
      font-size: 13px;
      line-height: 16px; } }

      @media (hover: none) {
        /* line 42, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .button {
          background-color: #1d1d1d;
          color: #ffffff; } }
    /* line 47, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .note {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 47, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .note {
          font-size: 13px;
          line-height: 16px; } }
    /* line 51, scss/pages/member-transactionresult.scss */
    .page--transactionresult .content .message .return {
      display: inline-block;
      text-decoration: underline;
      margin-top: 24px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px; }
      @media only screen and (max-width: 625px) {
        /* line 51, scss/pages/member-transactionresult.scss */
        .page--transactionresult .content .message .return {
          font-size: 13px;
          line-height: 16px; } }

/* line 2, scss/pages/member-welcome.scss */
.page--welcome .content {
  margin-top: 21.052vw; }

/* line 4, scss/pages/member-preferences.scss */
.page--memberpreferences .content {
  margin-top: 10.526vw !important;
  display: grid;
  grid-template-columns: 1fr 4fr;
  column-gap: 5.263vw;
  align-items: baseline; }
  @media only screen and (min-width: 1480px) {
    /* line 4, scss/pages/member-preferences.scss */
    .page--memberpreferences .content {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (min-width: 1024px) and (max-width: 1480px) {
    /* line 4, scss/pages/member-preferences.scss */
    .page--memberpreferences .content {
      margin: 0 auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 1024px) {
    /* line 4, scss/pages/member-preferences.scss */
    .page--memberpreferences .content {
      margin: 32px auto;
      padding: 0 5.263vw; } }
  @media only screen and (max-width: 625px) {
    /* line 4, scss/pages/member-preferences.scss */
    .page--memberpreferences .content {
      margin: 32px auto;
      padding: 0 2.6315vw; } }
  @media only screen and (max-width: 625px) {
    /* line 4, scss/pages/member-preferences.scss */
    .page--memberpreferences .content {
      grid-template-columns: 1fr; } }
  /* line 16, scss/pages/member-preferences.scss */
  .page--memberpreferences .content .navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: sticky;
    top: 5.263vw; }
    @media only screen and (max-width: 625px) {
      /* line 16, scss/pages/member-preferences.scss */
      .page--memberpreferences .content .navigation {
        position: relative;
        top: 0;
        margin-bottom: 10.526vw;
        background-color: rgba(18, 18, 18, 0.034);
        padding: 8px 20px 32px 20px; } }
    /* line 32, scss/pages/member-preferences.scss */
    .page--memberpreferences .content .navigation .link.--main {
      margin-top: 28px;
      font-weight: 500 !important;
      cursor: default; }
    /* line 39, scss/pages/member-preferences.scss */
    .page--memberpreferences .content .navigation .link.--secondary {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px;
      margin-top: 8px;
      margin-left: 8px;
      cursor: pointer; }
      @media only screen and (max-width: 625px) {
        /* line 39, scss/pages/member-preferences.scss */
        .page--memberpreferences .content .navigation .link.--secondary {
          font-size: 14px;
          line-height: 18px; } }
      /* line 45, scss/pages/member-preferences.scss */
      .page--memberpreferences .content .navigation .link.--secondary.--active {
        font-weight: 500;
        background-color: #fdfedc; }
      /* line 50, scss/pages/member-preferences.scss */
      .page--memberpreferences .content .navigation .link.--secondary:hover {
        font-weight: 500; }

/* line 65, scss/pages/member-preferences.scss */
.page--memberpreferences .panels {
  background-color: #ffffff; }
  /* line 68, scss/pages/member-preferences.scss */
  .page--memberpreferences .panels .panel {
    margin-bottom: 10.526vw;
    display: none;
    min-height: 50vh; }
    /* line 73, scss/pages/member-preferences.scss */
    .page--memberpreferences .panels .panel.--active {
      display: block; }
    /* line 77, scss/pages/member-preferences.scss */
    .page--memberpreferences .panels .panel .panel__header {
      margin-bottom: 32px; }
      /* line 80, scss/pages/member-preferences.scss */
      .page--memberpreferences .panels .panel .panel__header .title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 1.85rem;
        line-height: 1.1em;
        font-size: clamp(1.13rem, 3.15vw, 4.22rem);
        margin-bottom: 32px; }
      /* line 85, scss/pages/member-preferences.scss */
      .page--memberpreferences .panels .panel .panel__header .intro {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px; }
        @media only screen and (max-width: 625px) {
          /* line 85, scss/pages/member-preferences.scss */
          .page--memberpreferences .panels .panel .panel__header .intro {
            font-size: 14px;
            line-height: 18px; } }

/* line 95, scss/pages/member-preferences.scss */
.page--memberpreferences .item {
  border-radius: 2px;
  background-color: rgba(18, 18, 18, 0.034);
  padding: 20px;
  margin-bottom: 8px; }
  /* line 101, scss/pages/member-preferences.scss */
  .page--memberpreferences .item .item__title {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    line-height: 1.3em;
    font-size: clamp(1.04rem, 1.158vw, 2.85rem); }
  /* line 105, scss/pages/member-preferences.scss */
  .page--memberpreferences .item .price, .page--memberpreferences .item .billing, .page--memberpreferences .item .info {
    margin-top: 12px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 105, scss/pages/member-preferences.scss */
      .page--memberpreferences .item .price, .page--memberpreferences .item .billing, .page--memberpreferences .item .info {
        font-size: 14px;
        line-height: 18px; } }
  /* line 110, scss/pages/member-preferences.scss */
  .page--memberpreferences .item .item__image {
    max-width: 160px;
    margin-top: 12px; }
/* line 116, scss/pages/member-preferences.scss */
.page--memberpreferences .item--subscription {
  padding: 28px 28px;
  margin-bottom: 0;
  background-color: #ffffff;
  border-radius: 2px;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
  cursor: pointer;
  background-color: rgba(18, 18, 18, 0.034);
  height: 100%;
  transition: all 60ms ease;
  outline: 1px solid #2d2d2d;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px #00000008;
  color: #1D1D1D;
  border-radius: 2px;
  text-align: center; }
  /* line 136, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--subscription .text {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 16px;
    line-height: 22px; }
    @media only screen and (max-width: 625px) {
      /* line 136, scss/pages/member-preferences.scss */
      .page--memberpreferences .item--subscription .text {
        font-size: 14px;
        line-height: 18px; } }
  /* line 140, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--subscription .info {
    margin-top: 0;
    margin-bottom: 4px; }
  @media (hover: none) {
    /* line 116, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--subscription {
      background-color: #ffffff;
      color: #1D1D1D; } }
  @media only screen and (max-width: 1024px) {
    /* line 116, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--subscription {
      height: auto; } }
  @media only screen and (max-width: 625px) {
    /* line 116, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--subscription {
      padding: 20px;
      margin-bottom: 0; } }
  /* line 159, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--subscription .checked {
    transform: scale(1);
    animation-delay: 300ms;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    right: 12px;
    top: 12px; }
/* line 171, scss/pages/member-preferences.scss */
.page--memberpreferences .item--invoice .invoice__title {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: 500; }
  @media only screen and (max-width: 625px) {
    /* line 171, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--invoice .invoice__title {
      font-size: 14px;
      line-height: 18px; } }
/* line 177, scss/pages/member-preferences.scss */
.page--memberpreferences .item--invoice .row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr; }
  /* line 182, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--invoice .row .column .info, .page--memberpreferences .item--invoice .row .column .price {
    margin-top: 0; }
  /* line 187, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--invoice .row .column__label {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 4px; }
    @media only screen and (max-width: 625px) {
      /* line 187, scss/pages/member-preferences.scss */
      .page--memberpreferences .item--invoice .row .column__label {
        font-size: 12px;
        line-height: 16px; } }
/* line 194, scss/pages/member-preferences.scss */
.page--memberpreferences .item--invoice .column--actions {
  justify-self: end; }
/* line 202, scss/pages/member-preferences.scss */
.page--memberpreferences .item--purchase .order__title {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: 500; }
  @media only screen and (max-width: 625px) {
    /* line 202, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--purchase .order__title {
      font-size: 14px;
      line-height: 18px; } }
/* line 208, scss/pages/member-preferences.scss */
.page--memberpreferences .item--purchase .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 12px; }
  /* line 214, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--purchase .row .column .info, .page--memberpreferences .item--purchase .row .column .price {
    margin-top: 0; }
  /* line 219, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--purchase .row .column .column__label {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 4px; }
    @media only screen and (max-width: 625px) {
      /* line 219, scss/pages/member-preferences.scss */
      .page--memberpreferences .item--purchase .row .column .column__label {
        font-size: 12px;
        line-height: 16px; } }
  /* line 227, scss/pages/member-preferences.scss */
  .page--memberpreferences .item--purchase .row .column .item--purchase {
    margin-right: 20px; }
    /* line 230, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--purchase .row .column .item--purchase .item__image {
      margin-bottom: 8px;
      margin-top: 0; }
    /* line 236, scss/pages/member-preferences.scss */
    .page--memberpreferences .item--purchase .row .column .item--purchase .column__label {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      text-transform: none;
      margin-bottom: 4px; }
      @media only screen and (max-width: 625px) {
        /* line 236, scss/pages/member-preferences.scss */
        .page--memberpreferences .item--purchase .row .column .item--purchase .column__label {
          font-size: 13px;
          line-height: 16px; } }
/* line 248, scss/pages/member-preferences.scss */
.page--memberpreferences .item--purchase .column--actions {
  justify-self: end; }

/* line 256, scss/pages/member-preferences.scss */
.page--memberpreferences input {
  background-color: rgba(18, 18, 18, 0.034); }
/* line 260, scss/pages/member-preferences.scss */
.page--memberpreferences .field {
  margin-top: 32px; }
/* line 264, scss/pages/member-preferences.scss */
.page--memberpreferences .edit {
  margin-top: 32px; }
/* line 268, scss/pages/member-preferences.scss */
.page--memberpreferences .button, .page--memberpreferences .button--print {
  border: 1px solid #1d1d1d;
  background-color: transparent;
  color: #1d1d1d;
  padding: 12px 32px;
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  border-radius: 2px;
  background-image: linear-gradient(0, #1d1d1d, #1d1d1d);
  background-size: 0;
  transition: .5s;
  background-repeat: repeat-y; }
  @media only screen and (max-width: 625px) {
    /* line 268, scss/pages/member-preferences.scss */
    .page--memberpreferences .button, .page--memberpreferences .button--print {
      font-size: 13px;
      line-height: 16px; } }
  /* line 420, scss/micro/ux--buttons.scss */
  .page--memberpreferences .button::focus, .page--memberpreferences .button--print::focus {
    outline: none; }
  /* line 424, scss/micro/ux--buttons.scss */
  .page--memberpreferences .button:hover, .page--memberpreferences .button--print:hover {
    background-size: 100%;
    color: #ffffff; }
  @media only screen and (max-width: 625px) {
    /* line 268, scss/pages/member-preferences.scss */
    .page--memberpreferences .button, .page--memberpreferences .button--print {
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 268, scss/pages/member-preferences.scss */
    .page--memberpreferences .button, .page--memberpreferences .button--print {
      font-size: 13px;
      line-height: 16px; } }

  @media (hover: none) {
    /* line 268, scss/pages/member-preferences.scss */
    .page--memberpreferences .button, .page--memberpreferences .button--print {
      background-color: #1d1d1d;
      color: #ffffff; } }
  /* line 271, scss/pages/member-preferences.scss */
  .page--memberpreferences .button.button--save, .page--memberpreferences .button--print.button--save {
    color: #ffffff;
    background-color: #1d1d1d; }

/* line 1, scss/pages/member-invoice.scss */
.page--invoice {
  background-color: #F8F6F6; }
  /* line 4, scss/pages/member-invoice.scss */
  .page--invoice b {
    font-weight: 500; }
  /* line 8, scss/pages/member-invoice.scss */
  .page--invoice .commands {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 10vh;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 0 5%; }
    /* line 19, scss/pages/member-invoice.scss */
    .page--invoice .commands .item .button {
      margin: 0 20px;
      border: 1px solid #1d1d1d;
      background-color: #1d1d1d;
      color: #ffffff;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      transition: .5s; }
      @media only screen and (max-width: 625px) {
        /* line 19, scss/pages/member-invoice.scss */
        .page--invoice .commands .item .button {
          font-size: 13px;
          line-height: 16px; } }
      /* line 457, scss/micro/ux--buttons.scss */
      .page--invoice .commands .item .button::focus {
        outline: none; }
      /* line 461, scss/micro/ux--buttons.scss */
      .page--invoice .commands .item .button:hover {
        background-size: 100%;
        color: #ffffff; }
    /* line 24, scss/pages/member-invoice.scss */
    .page--invoice .commands .item .close {
      display: flex;
      align-items: center;
      border: 1px solid #1d1d1d;
      background-color: transparent;
      color: #1d1d1d;
      padding: 12px 32px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      background-size: 0;
      transition: .2s;
      background-repeat: repeat-y; }
      @media only screen and (max-width: 625px) {
        /* line 24, scss/pages/member-invoice.scss */
        .page--invoice .commands .item .close {
          font-size: 13px;
          line-height: 16px; } }
      /* line 533, scss/micro/ux--buttons.scss */
      .page--invoice .commands .item .close:hover {
        opacity: 0.9; }
      /* line 29, scss/pages/member-invoice.scss */
      .page--invoice .commands .item .close:hover {
        color: #1D1D1D; }
      /* line 33, scss/pages/member-invoice.scss */
      .page--invoice .commands .item .close span {
        margin-left: 12px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px; }
  /* line 44, scss/pages/member-invoice.scss */
  .page--invoice .invoice {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto; }
    /* line 49, scss/pages/member-invoice.scss */
    .page--invoice .invoice .invoice__container {
      margin-top: 5vh;
      margin-bottom: 10vh;
      background-color: #ffffff;
      padding: 5%;
      box-shadow: 0px 0px 20px 12px #0000000d;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 16px;
      line-height: 22px; }
      @media only screen and (max-width: 625px) {
        /* line 49, scss/pages/member-invoice.scss */
        .page--invoice .invoice .invoice__container {
          font-size: 14px;
          line-height: 18px; } }
    /* line 59, scss/pages/member-invoice.scss */
    .page--invoice .invoice .row {
      display: flex;
      align-items: baseline;
      justify-content: space-between; }
      /* line 64, scss/pages/member-invoice.scss */
      .page--invoice .invoice .row .title {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 500;
        letter-spacing: 0em;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 625px) {
          /* line 64, scss/pages/member-invoice.scss */
          .page--invoice .invoice .row .title {
            font-size: 22px;
            line-height: 28px; } }
      /* line 73, scss/pages/member-invoice.scss */
      .page--invoice .invoice .row.row--nota {
        border-top: 1px solid rgba(0, 0, 0, 0.134);
        padding-top: 20px;
        margin-top: 3cm; }
        /* line 78, scss/pages/member-invoice.scss */
        .page--invoice .invoice .row.row--nota .column--content {
          font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          letter-spacing: 0em;
          font-size: 14px;
          line-height: 18px; }
          @media only screen and (max-width: 625px) {
            /* line 78, scss/pages/member-invoice.scss */
            .page--invoice .invoice .row.row--nota .column--content {
              font-size: 13px;
              line-height: 16px; } }
      /* line 83, scss/pages/member-invoice.scss */
      .page--invoice .invoice .row.row--header {
        align-items: self-start; }
        @media only screen and (max-width: 625px) {
          /* line 83, scss/pages/member-invoice.scss */
          .page--invoice .invoice .row.row--header {
            flex-direction: column; }
            /* line 89, scss/pages/member-invoice.scss */
            .page--invoice .invoice .row.row--header .column {
              width: 100%; } }
        @media only screen and (max-width: 625px) {
          /* line 94, scss/pages/member-invoice.scss */
          .page--invoice .invoice .row.row--header .column--logo {
            margin-bottom: 1cm; } }
        /* line 100, scss/pages/member-invoice.scss */
        .page--invoice .invoice .row.row--header .column--logo img {
          width: 50%; }
    /* line 107, scss/pages/member-invoice.scss */
    .page--invoice .invoice .row + .row {
      margin-top: 1cm; }
    /* line 111, scss/pages/member-invoice.scss */
    .page--invoice .invoice .table {
      margin-top: 3cm; }
      /* line 114, scss/pages/member-invoice.scss */
      .page--invoice .invoice .table .table__row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.134);
        padding-left: 12px;
        padding-right: 12px; }
        /* line 123, scss/pages/member-invoice.scss */
        .page--invoice .invoice .table .table__row.table__row--head {
          border-bottom: 2px solid;
          font-weight: 500;
          border-top: 1px solid rgba(0, 0, 0, 0.134);
          background-color: rgba(18, 18, 18, 0.034);
          padding-left: 12px;
          padding-right: 12px; }
        /* line 132, scss/pages/member-invoice.scss */
        .page--invoice .invoice .table .table__row.table__row--total {
          padding: 12px 0 0 0;
          border-bottom: 0;
          padding-left: 12px;
          padding-right: 12px; }

/* line 147, scss/pages/member-invoice.scss */
.page--invoice .column--head {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em; }
  @media only screen and (max-width: 625px) {
    /* line 147, scss/pages/member-invoice.scss */
    .page--invoice .column--head {
      font-size: 12px;
      line-height: 16px; } }
/* line 155, scss/pages/member-invoice.scss */
.page--invoice .column--head--large {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em; }
/* line 163, scss/pages/member-invoice.scss */
.page--invoice .column--right {
  text-align: right; }
/* line 167, scss/pages/member-invoice.scss */
.page--invoice .column--80 {
  width: 80%; }
/* line 171, scss/pages/member-invoice.scss */
.page--invoice .column--60 {
  width: 60%; }
/* line 175, scss/pages/member-invoice.scss */
.page--invoice .column--40 {
  width: 40%; }
/* line 179, scss/pages/member-invoice.scss */
.page--invoice .column--33 {
  width: 33%; }
/* line 183, scss/pages/member-invoice.scss */
.page--invoice .column--20 {
  width: 20%; }
/* line 187, scss/pages/member-invoice.scss */
.page--invoice .column--15 {
  width: 15%; }

@media print {
  /* line 195, scss/pages/member-invoice.scss */
  .page--invoice {
    background-color: transparent; }
    /* line 198, scss/pages/member-invoice.scss */
    .page--invoice .commands {
      display: none !important; }
    /* line 202, scss/pages/member-invoice.scss */
    .page--invoice .invoice {
      width: 100% !important; }
      /* line 205, scss/pages/member-invoice.scss */
      .page--invoice .invoice .invoice__container {
        padding: 0 !important;
        margin-top: 0.5cm !important;
        margin-bottom: 0.5cm !important;
        box-shadow: none !important; }
    /* line 214, scss/pages/member-invoice.scss */
    .page--invoice .row + .row {
      margin-top: 0.5cm !important; }
    /* line 218, scss/pages/member-invoice.scss */
    .page--invoice .table {
      margin-top: 2cm !important; }

  /* line 223, scss/pages/member-invoice.scss */
  * {
    font-size: 9pt !important;
    line-height: 1.45em !important; }

  /* line 229, scss/pages/member-invoice.scss */
  .title {
    font-size: 24pt !important;
    margin-bottom: 20px; } }
/* line 1, scss/pages/donate.scss */
.page--donate {
  background-color: #fdfedc; }
  /* line 4, scss/pages/donate.scss */
  .page--donate .content {
    margin-top: 160px; }
  /* line 8, scss/pages/donate.scss */
  .page--donate .title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 2.5rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.9vw, 5.11rem);
    text-align: center; }
  /* line 13, scss/pages/donate.scss */
  .page--donate .intro {
    margin-top: 100px !important;
    margin-bottom: 100px !important; }
    @media only screen and (min-width: 1480px) {
      /* line 13, scss/pages/donate.scss */
      .page--donate .intro {
        max-width: 900px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 13, scss/pages/donate.scss */
      .page--donate .intro {
        margin: 0 auto;
        max-width: 900px; } }
    @media only screen and (max-width: 1024px) {
      /* line 13, scss/pages/donate.scss */
      .page--donate .intro {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 13, scss/pages/donate.scss */
      .page--donate .intro {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 13, scss/pages/donate.scss */
      .page--donate .intro {
        width: 60vw !important; } }
    /* line 20, scss/pages/donate.scss */
    .page--donate .intro p {
      padding: 12px 0; }
  /* line 30, scss/pages/donate.scss */
  .page--donate .steps {
    margin-bottom: 31.578vw !important;
    padding: 0px 180px; }
    @media only screen and (min-width: 1480px) {
      /* line 30, scss/pages/donate.scss */
      .page--donate .steps {
        max-width: 900px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 30, scss/pages/donate.scss */
      .page--donate .steps {
        margin: 0 auto;
        max-width: 900px; } }
    @media only screen and (max-width: 1024px) {
      /* line 30, scss/pages/donate.scss */
      .page--donate .steps {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 30, scss/pages/donate.scss */
      .page--donate .steps {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
  /* line 39, scss/pages/donate.scss */
  .page--donate .donate__options .donate__options__row {
    display: flex; }
  /* line 44, scss/pages/donate.scss */
  .page--donate .donate__options .donate__option {
    flex-grow: 1;
    border: 1px solid #1d1d1d;
    background-color: transparent;
    color: #1d1d1d;
    padding: 20px 20px;
    text-align: center;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    border-radius: 2px;
    margin: 10px; }
    @media only screen and (max-width: 625px) {
      /* line 44, scss/pages/donate.scss */
      .page--donate .donate__options .donate__option {
        font-size: 14px;
        line-height: 18px; } }
    /* line 59, scss/pages/donate.scss */
    .page--donate .donate__options .donate__option::focus {
      outline: none; }
    /* line 63, scss/pages/donate.scss */
    .page--donate .donate__options .donate__option:hover {
      border: 3px solid #1d1d1d;
      padding: 18px 18px; }
    /* line 68, scss/pages/donate.scss */
    .page--donate .donate__options .donate__option.--selected {
      background-color: #1d1d1d;
      color: #fff; }
  /* line 81, scss/pages/donate.scss */
  .page--donate .donate__options .donate__other {
    flex-basis: calc(66% - 10px);
    margin: 10px;
    border-bottom: 1px solid black;
    position: relative;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500; }
    @media only screen and (max-width: 625px) {
      /* line 81, scss/pages/donate.scss */
      .page--donate .donate__options .donate__other {
        font-size: 14px;
        line-height: 18px; } }
    /* line 96, scss/pages/donate.scss */
    .page--donate .donate__options .donate__other span {
      position: absolute;
      top: 21px;
      left: 20px; }
    /* line 102, scss/pages/donate.scss */
    .page--donate .donate__options .donate__other input {
      background-color: transparent;
      height: 100%;
      position: relative;
      padding: 12px 40px;
      font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      letter-spacing: 0em;
      font-size: 17px;
      line-height: 24px; }
      @media only screen and (max-width: 625px) {
        /* line 102, scss/pages/donate.scss */
        .page--donate .donate__options .donate__other input {
          font-size: 14px;
          line-height: 18px; } }
    /* line 110, scss/pages/donate.scss */
    .page--donate .donate__options .donate__other.--selected {
      background-color: #1d1d1d;
      color: #fff;
      border-radius: 2px; }
      /* line 115, scss/pages/donate.scss */
      .page--donate .donate__options .donate__other.--selected input {
        color: #fff;
        font-weight: 500; }
  /* line 124, scss/pages/donate.scss */
  .page--donate .recurring {
    padding: 20px 10px 0px;
    font-weight: 500; }
  /* line 129, scss/pages/donate.scss */
  .page--donate .recurring__message {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 40px;
    color: grey; }
    @media only screen and (max-width: 625px) {
      /* line 129, scss/pages/donate.scss */
      .page--donate .recurring__message {
        font-size: 13px;
        line-height: 16px; } }
  /* line 136, scss/pages/donate.scss */
  .page--donate .validate {
    text-align: center;
    border: 1px solid #1d1d1d;
    background-color: transparent;
    color: #1d1d1d;
    padding: 20px 60px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
    background-size: 0;
    transition: .5s;
    background-repeat: repeat-y;
    width: 100%;
    margin-top: 40px; }
    @media only screen and (max-width: 625px) {
      /* line 136, scss/pages/donate.scss */
      .page--donate .validate {
        font-size: 14px;
        line-height: 18px; } }
    /* line 357, scss/micro/ux--buttons.scss */
    .page--donate .validate::focus {
      outline: none; }
    /* line 361, scss/micro/ux--buttons.scss */
    .page--donate .validate:hover {
      background-size: 100%;
      color: #fff; }
    @media only screen and (max-width: 625px) {
      /* line 136, scss/pages/donate.scss */
      .page--donate .validate {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 136, scss/pages/donate.scss */
    .page--donate .validate {
      font-size: 13px;
      line-height: 16px; } }

    @media (hover: none) {
      /* line 136, scss/pages/donate.scss */
      .page--donate .validate {
        background-color: #1d1d1d;
        color: #ffffff; } }
  /* line 144, scss/pages/donate.scss */
  .page--donate .field {
    padding: 8px 4px;
    margin-bottom: 12px; }
    /* line 147, scss/pages/donate.scss */
    .page--donate .field label {
      margin-bottom: 4px; }
  /* line 152, scss/pages/donate.scss */
  .page--donate .data {
    margin-top: 80px; }
  /* line 156, scss/pages/donate.scss */
  .page--donate textarea {
    padding: 12px 20px;
    color: black;
    border: none;
    font-family: Lektorat;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    width: 100%;
    background-color: rgba(18, 18, 18, 0.034);
    border-radius: 2px;
    height: 152px;
    resize: vertical; }
  /* line 173, scss/pages/donate.scss */
  .page--donate div.error {
    background-color: #ffd1d1;
    padding: 12px;
    border-radius: 2px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px; }
    @media only screen and (max-width: 625px) {
      /* line 173, scss/pages/donate.scss */
      .page--donate div.error {
        font-size: 13px;
        line-height: 16px; } }
  /* line 181, scss/pages/donate.scss */
  .page--donate .contact {
    margin-top: 40px;
    text-align: center;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 181, scss/pages/donate.scss */
      .page--donate .contact {
        font-size: 14px;
        line-height: 18px; } }
    /* line 186, scss/pages/donate.scss */
    .page--donate .contact a {
      font-weight: 500 !important;
      font-weight: 500 !important; }
      /* line 319, scss/micro/ux--buttons.scss */
      .page--donate .contact a:hover {
        background-color: #F99D9A; }
  /* line 192, scss/pages/donate.scss */
  .page--donate .cards__message {
    font-size: 14pt; }
    /* line 194, scss/pages/donate.scss */
    .page--donate .cards__message a {
      text-decoration: underline; }

@media only screen and (min-width: 1480px) {
  /* line 3, scss/pages/category.scss */
  .page--category .categoryHeader {
    max-width: 1200px;
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1480px) {
  /* line 3, scss/pages/category.scss */
  .page--category .categoryHeader {
    margin: 0 auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 1024px) {
  /* line 3, scss/pages/category.scss */
  .page--category .categoryHeader {
    margin: 32px auto;
    padding: 0 5.263vw; } }
@media only screen and (max-width: 625px) {
  /* line 3, scss/pages/category.scss */
  .page--category .categoryHeader {
    margin: 32px auto;
    padding: 0 2.6315vw; } }
/* line 7, scss/pages/category.scss */
.page--category .label {
  font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: 0em;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 2.6315vw;
  cursor: default;
  letter-spacing: 0.05em; }
  /* line 14, scss/pages/category.scss */
  .page--category .label:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    background-color: #1d1d1d;
    width: 4px;
    height: 4px;
    margin-bottom: 3px; }

/* line 2, scss/pages/categoryEssay.scss */
.page--category--essays .content {
  margin-top: 10.526vw; }
  /* line 8, scss/pages/categoryEssay.scss */
  .page--category--essays .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    margin-bottom: 64px; }

/* line 20, scss/pages/categoryEssay.scss */
.page--category--essays .image {
  display: none; }
/* line 24, scss/pages/categoryEssay.scss */
.page--category--essays .archive {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 24, scss/pages/categoryEssay.scss */
    .page--category--essays .archive {
      margin-bottom: 31.578vw; } }
  /* line 34, scss/pages/categoryEssay.scss */
  .page--category--essays .archive .archive__content .articles .articles__top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 2.6315vw !important;
    column-gap: 2.6315vw;
    row-gap: 5.263vw;
    align-items: baseline; }
    @media only screen and (min-width: 1480px) {
      /* line 34, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 34, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 64px !important; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr;
        margin-bottom: 64px !important;
        row-gap: 2.6315vw; } }
    /* line 55, scss/pages/categoryEssay.scss */
    .page--category--essays .archive .archive__content .articles .articles__top a {
      margin-bottom: 5.263vw; }
      @media only screen and (max-width: 625px) {
        /* line 55, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a {
          margin: 0 !important; } }
      /* line 62, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top a .text {
        margin-top: 0; }
      /* line 67, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 1 / 3;
        margin-bottom: 5.263vw !important; }
        @media only screen and (max-width: 1024px) {
          /* line 67, scss/pages/categoryEssay.scss */
          .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/2;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 67, scss/pages/categoryEssay.scss */
          .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/1;
            margin-bottom: 0 !important;
            padding: 10.526vw 5.263vw; } }
        /* line 90, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) .text {
          margin-top: 8px; }
        /* line 95, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) * {
          text-align: center; }
        /* line 99, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 103, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 108, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(1) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
      /* line 116, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 3/5; }
        @media only screen and (max-width: 1024px) {
          /* line 116, scss/pages/categoryEssay.scss */
          .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 1/2;
            grid-column: 2/3;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 116, scss/pages/categoryEssay.scss */
          .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 2/3;
            grid-column: 1/1;
            padding: 10.526vw 5.263vw; } }
        /* line 138, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) .text {
          margin-top: 8px; }
        /* line 147, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 151, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 156, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__top a:nth-of-type(2) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
  /* line 199, scss/pages/categoryEssay.scss */
  .page--category--essays .archive .archive__content .articles .articles__feed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.6315vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 206, scss/pages/categoryEssay.scss */
    .page--category--essays .archive .archive__content .articles .articles__feed .image {
      margin-bottom: 16px; }
      @media only screen and (max-width: 625px) {
        /* line 206, scss/pages/categoryEssay.scss */
        .page--category--essays .archive .archive__content .articles .articles__feed .image {
          display: none; } }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryEssay.scss */
      .page--category--essays .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr;
        row-gap: 64px; } }

/* line 2, scss/pages/categoryInterview.scss */
.page--category--interviews .content {
  margin-top: 10.526vw; }
  /* line 8, scss/pages/categoryInterview.scss */
  .page--category--interviews .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 3.15rem;
    line-height: 1em;
    font-size: clamp(1.6rem, 3.5vw, 4.81rem);
    margin-bottom: 64px; }

/* line 19, scss/pages/categoryInterview.scss */
.page--category--interviews .archive {
  margin-bottom: 10.526vw; }
  /* line 23, scss/pages/categoryInterview.scss */
  .page--category--interviews .archive .archive__content .articles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 2.6315vw !important;
    column-gap: 5.263vw;
    row-gap: 5.263vw; }
    @media only screen and (min-width: 1480px) {
      /* line 23, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 23, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 23, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 23, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 23, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 23, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles {
        grid-template-columns: 1fr; } }
    /* line 43, scss/pages/categoryInterview.scss */
    .page--category--interviews .archive .archive__content .articles a .thumbnail {
      display: flex;
      flex-direction: column; }
      /* line 48, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles a .thumbnail .text {
        margin-top: 20px; }
      /* line 52, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles a .thumbnail .image {
        background-size: cover;
        width: 5.263vw;
        aspect-ratio: 3/4;
        background-repeat: no-repeat;
        border-radius: 100%;
        margin-bottom: 20px; }
    /* line 63, scss/pages/categoryInterview.scss */
    .page--category--interviews .archive .archive__content .articles a:first-of-type {
      background-color: #F8F6F6;
      padding: 2.6315vw;
      grid-column: 1/3; }
      /* line 68, scss/pages/categoryInterview.scss */
      .page--category--interviews .archive .archive__content .articles a:first-of-type .thumbnail {
        flex-direction: row;
        align-items: center; }
        /* line 72, scss/pages/categoryInterview.scss */
        .page--category--interviews .archive .archive__content .articles a:first-of-type .thumbnail .image {
          width: 15.789vw;
          aspect-ratio: 3/4;
          height: auto; }
        /* line 78, scss/pages/categoryInterview.scss */
        .page--category--interviews .archive .archive__content .articles a:first-of-type .thumbnail .wrapper {
          width: 100%;
          margin-left: 2.6315vw; }
          /* line 83, scss/pages/categoryInterview.scss */
          .page--category--interviews .archive .archive__content .articles a:first-of-type .thumbnail .wrapper .text .title {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 1.85rem;
            line-height: 1.1em;
            font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
          /* line 87, scss/pages/categoryInterview.scss */
          .page--category--interviews .archive .archive__content .articles a:first-of-type .thumbnail .wrapper .text .name {
            font-family: bookmania, Garamond;
            font-weight: 600;
            font-style: normal;
            letter-spacing: -0.005em;
            font-size: 1.85rem;
            line-height: 1.1em;
            font-size: clamp(1.13rem, 3.15vw, 4.22rem); }
          /* line 91, scss/pages/categoryInterview.scss */
          .page--category--interviews .archive .archive__content .articles a:first-of-type .thumbnail .wrapper .text .author {
            font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
            font-weight: 400;
            font-feature-settings: 'ss04' on;
            font-variant-ligatures: common-ligatures;
            font-size: 1.85rem;
            line-height: 1em;
            font-size: clamp(1.13rem, 3.15vw, 4.22rem); }

/* line 2, scss/pages/categoryPearl.scss */
.page--category--pearls .content {
  margin-top: 10.526vw; }
  /* line 7, scss/pages/categoryPearl.scss */
  .page--category--pearls .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    margin-bottom: 64px; }

/* line 18, scss/pages/categoryPearl.scss */
.page--category--pearls .archive {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 18, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive {
      margin-bottom: 31.578vw; } }
  /* line 28, scss/pages/categoryPearl.scss */
  .page--category--pearls .archive .archive__content .articles .articles__top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 5.263vw !important;
    column-gap: 5.263vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 28, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 28, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 28, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 28, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 28, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 28, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr;
        margin-bottom: 64px !important; } }
    @media only screen and (max-width: 1024px) {
      /* line 50, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a {
        grid-column: 2/3; } }
    /* line 56, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive .archive__content .articles .articles__top a .text {
      margin-top: 0;
      margin-top: 0px;
      text-align: center; }
      @media only screen and (max-width: 625px) {
        /* line 56, scss/pages/categoryPearl.scss */
        .page--category--pearls .archive .archive__content .articles .articles__top a .text {
          margin-top: 4px; } }
    /* line 66, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive .archive__content .articles .articles__top a .author {
      margin-top: 0; }
    /* line 77, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) {
      background-color: #F8F6F6;
      padding: 3.94725vw;
      text-align: center;
      grid-column: 1 / 3; }
      @media only screen and (max-width: 1024px) {
        /* line 77, scss/pages/categoryPearl.scss */
        .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) {
          grid-column: 1 / 2; } }
      @media only screen and (max-width: 625px) {
        /* line 77, scss/pages/categoryPearl.scss */
        .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) {
          padding: 32px; } }
      /* line 94, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) .text {
        margin-top: 8px; }
      /* line 99, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) * {
        text-align: center; }
      /* line 103, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) .title {
        font-family: bookmania, Garamond;
        font-weight: 600;
        font-style: normal;
        letter-spacing: -0.005em;
        font-size: 1.2rem;
        line-height: 1.05em;
        font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
      /* line 107, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) .author {
        font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        font-style: italic;
        font-feature-settings: 'ss04' on;
        font-variant-ligatures: common-ligatures;
        font-size: 1.2rem;
        line-height: 1.25em;
        font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
      /* line 112, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a:nth-of-type(1) .excerpt {
        max-width: 50ch;
        margin-left: auto;
        margin-right: auto; }
    @media only screen and (max-width: 625px) {
      /* line 122, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__top a {
        grid-column: 1/1; } }
  /* line 128, scss/pages/categoryPearl.scss */
  .page--category--pearls .archive .archive__content .articles .articles__feed {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 2.6315vw !important;
    column-gap: 5.263vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 128, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__feed {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 128, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__feed {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 128, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 128, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 136, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive .archive__content .articles .articles__feed .pearl__illustration {
      display: none; }
    @media only screen and (max-width: 1024px) {
      /* line 128, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 128, scss/pages/categoryPearl.scss */
      .page--category--pearls .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr;
        row-gap: 64px; } }
    /* line 151, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive .archive__content .articles .articles__feed a .text {
      margin-top: 0;
      text-align: left; }
      @media only screen and (max-width: 625px) {
        /* line 151, scss/pages/categoryPearl.scss */
        .page--category--pearls .archive .archive__content .articles .articles__feed a .text {
          margin-top: 4px; } }
    /* line 160, scss/pages/categoryPearl.scss */
    .page--category--pearls .archive .archive__content .articles .articles__feed a .author {
      margin-top: 0; }

/* line 2, scss/pages/categoryMultimedia.scss */
.page--category--multimedia .content {
  margin-top: 10.526vw; }
  /* line 8, scss/pages/categoryMultimedia.scss */
  .page--category--multimedia .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    margin-bottom: 64px; }

/* line 19, scss/pages/categoryMultimedia.scss */
.page--category--multimedia .archive {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 19, scss/pages/categoryMultimedia.scss */
    .page--category--multimedia .archive {
      margin-bottom: 31.578vw; } }
  /* line 27, scss/pages/categoryMultimedia.scss */
  .page--category--multimedia .archive .archive__content .articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.6315vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 35, scss/pages/categoryMultimedia.scss */
    .page--category--multimedia .archive .archive__content .articles .image {
      margin-bottom: 16px; }
      @media only screen and (max-width: 625px) {
        /* line 35, scss/pages/categoryMultimedia.scss */
        .page--category--multimedia .archive .archive__content .articles .image {
          display: none; } }
    @media only screen and (min-width: 1480px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 27, scss/pages/categoryMultimedia.scss */
      .page--category--multimedia .archive .archive__content .articles {
        grid-template-columns: 1fr;
        row-gap: 64px; } }

/* line 2, scss/pages/categoryReviews.scss */
.page--category--reviews .content {
  margin-top: 10.526vw; }
  /* line 8, scss/pages/categoryReviews.scss */
  .page--category--reviews .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    margin-bottom: 64px; }

/* line 20, scss/pages/categoryReviews.scss */
.page--category--reviews .image {
  display: none; }
/* line 24, scss/pages/categoryReviews.scss */
.page--category--reviews .archive {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 24, scss/pages/categoryReviews.scss */
    .page--category--reviews .archive {
      margin-bottom: 31.578vw; } }
  /* line 34, scss/pages/categoryReviews.scss */
  .page--category--reviews .archive .archive__content .articles .articles__top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 2.6315vw !important;
    column-gap: 2.6315vw;
    row-gap: 5.263vw;
    align-items: baseline; }
    @media only screen and (min-width: 1480px) {
      /* line 34, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 34, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 64px !important; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr;
        margin-bottom: 64px !important;
        row-gap: 2.6315vw; } }
    /* line 55, scss/pages/categoryReviews.scss */
    .page--category--reviews .archive .archive__content .articles .articles__top a {
      margin-bottom: 5.263vw; }
      @media only screen and (max-width: 625px) {
        /* line 55, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a {
          margin: 0 !important; } }
      /* line 62, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top a .text {
        margin-top: 0; }
      /* line 67, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 1 / 3;
        margin-bottom: 5.263vw !important; }
        @media only screen and (max-width: 1024px) {
          /* line 67, scss/pages/categoryReviews.scss */
          .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/2;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 67, scss/pages/categoryReviews.scss */
          .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/1;
            margin-bottom: 0 !important;
            padding: 10.526vw 5.263vw; } }
        /* line 90, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) .text {
          margin-top: 8px; }
        /* line 95, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) * {
          text-align: center; }
        /* line 99, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 103, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 108, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(1) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
      /* line 116, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 3/5; }
        @media only screen and (max-width: 1024px) {
          /* line 116, scss/pages/categoryReviews.scss */
          .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 1/2;
            grid-column: 2/3;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 116, scss/pages/categoryReviews.scss */
          .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 2/3;
            grid-column: 1/1;
            padding: 10.526vw 5.263vw; } }
        /* line 138, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) .text {
          margin-top: 8px; }
        /* line 147, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 151, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 156, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__top a:nth-of-type(2) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
  /* line 199, scss/pages/categoryReviews.scss */
  .page--category--reviews .archive .archive__content .articles .articles__feed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.6315vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 206, scss/pages/categoryReviews.scss */
    .page--category--reviews .archive .archive__content .articles .articles__feed .image {
      margin-bottom: 16px; }
      @media only screen and (max-width: 625px) {
        /* line 206, scss/pages/categoryReviews.scss */
        .page--category--reviews .archive .archive__content .articles .articles__feed .image {
          display: none; } }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryReviews.scss */
      .page--category--reviews .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr;
        row-gap: 64px; } }

/* line 2, scss/pages/categoryStory.scss */
.page--category--stories .content {
  margin-top: 10.526vw; }
  /* line 8, scss/pages/categoryStory.scss */
  .page--category--stories .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    margin-bottom: 64px; }

/* line 20, scss/pages/categoryStory.scss */
.page--category--stories .image {
  display: none; }
/* line 24, scss/pages/categoryStory.scss */
.page--category--stories .archive {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 24, scss/pages/categoryStory.scss */
    .page--category--stories .archive {
      margin-bottom: 31.578vw; } }
  /* line 34, scss/pages/categoryStory.scss */
  .page--category--stories .archive .archive__content .articles .articles__top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 2.6315vw !important;
    column-gap: 2.6315vw;
    row-gap: 5.263vw;
    align-items: baseline; }
    @media only screen and (min-width: 1480px) {
      /* line 34, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 34, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 64px !important; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr;
        margin-bottom: 64px !important;
        row-gap: 2.6315vw; } }
    /* line 55, scss/pages/categoryStory.scss */
    .page--category--stories .archive .archive__content .articles .articles__top a {
      margin-bottom: 5.263vw; }
      @media only screen and (max-width: 625px) {
        /* line 55, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a {
          margin: 0 !important; } }
      /* line 62, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top a .text {
        margin-top: 0; }
      /* line 67, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 1 / 3;
        margin-bottom: 5.263vw !important; }
        @media only screen and (max-width: 1024px) {
          /* line 67, scss/pages/categoryStory.scss */
          .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/2;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 67, scss/pages/categoryStory.scss */
          .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/1;
            margin-bottom: 0 !important;
            padding: 10.526vw 5.263vw; } }
        /* line 90, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) .text {
          margin-top: 8px; }
        /* line 95, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) * {
          text-align: center; }
        /* line 99, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 103, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 108, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(1) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
      /* line 116, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 3/5; }
        @media only screen and (max-width: 1024px) {
          /* line 116, scss/pages/categoryStory.scss */
          .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 1/2;
            grid-column: 2/3;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 116, scss/pages/categoryStory.scss */
          .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 2/3;
            grid-column: 1/1;
            padding: 10.526vw 5.263vw; } }
        /* line 138, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) .text {
          margin-top: 8px; }
        /* line 147, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 151, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 156, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__top a:nth-of-type(2) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
  /* line 199, scss/pages/categoryStory.scss */
  .page--category--stories .archive .archive__content .articles .articles__feed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.6315vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 206, scss/pages/categoryStory.scss */
    .page--category--stories .archive .archive__content .articles .articles__feed .image {
      margin-bottom: 16px; }
      @media only screen and (max-width: 625px) {
        /* line 206, scss/pages/categoryStory.scss */
        .page--category--stories .archive .archive__content .articles .articles__feed .image {
          display: none; } }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryStory.scss */
      .page--category--stories .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr;
        row-gap: 64px; } }

/* line 2, scss/pages/categoryFromtheeditors.scss */
.page--category--editors .content {
  margin-top: 10.526vw; }
  /* line 8, scss/pages/categoryFromtheeditors.scss */
  .page--category--editors .content .header .pagetitle {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.85rem;
    line-height: 1.1em;
    font-size: clamp(1.13rem, 3.15vw, 4.22rem);
    margin-bottom: 64px; }

/* line 20, scss/pages/categoryFromtheeditors.scss */
.page--category--editors .image {
  display: none; }
/* line 24, scss/pages/categoryFromtheeditors.scss */
.page--category--editors .archive {
  margin-bottom: 10.526vw; }
  @media only screen and (max-width: 625px) {
    /* line 24, scss/pages/categoryFromtheeditors.scss */
    .page--category--editors .archive {
      margin-bottom: 31.578vw; } }
  /* line 34, scss/pages/categoryFromtheeditors.scss */
  .page--category--editors .archive .archive__content .articles .articles__top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 2.6315vw !important;
    column-gap: 2.6315vw;
    row-gap: 5.263vw;
    align-items: baseline; }
    @media only screen and (min-width: 1480px) {
      /* line 34, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 34, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 34, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 64px !important; } }
    @media only screen and (max-width: 625px) {
      /* line 34, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top {
        grid-template-columns: 1fr;
        margin-bottom: 64px !important;
        row-gap: 2.6315vw; } }
    /* line 55, scss/pages/categoryFromtheeditors.scss */
    .page--category--editors .archive .archive__content .articles .articles__top a {
      margin-bottom: 5.263vw; }
      @media only screen and (max-width: 625px) {
        /* line 55, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a {
          margin: 0 !important; } }
      /* line 62, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top a .text {
        margin-top: 0; }
      /* line 67, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 1 / 3;
        margin-bottom: 5.263vw !important; }
        @media only screen and (max-width: 1024px) {
          /* line 67, scss/pages/categoryFromtheeditors.scss */
          .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/2;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 67, scss/pages/categoryFromtheeditors.scss */
          .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) {
            grid-row: 1/2;
            grid-column: 1/1;
            margin-bottom: 0 !important;
            padding: 10.526vw 5.263vw; } }
        /* line 90, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) .text {
          margin-top: 8px; }
        /* line 95, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) * {
          text-align: center; }
        /* line 99, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 103, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 108, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(1) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
      /* line 116, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) {
        background-color: #F8F6F6;
        padding: 3.94725vw;
        text-align: center;
        grid-column: 3/5; }
        @media only screen and (max-width: 1024px) {
          /* line 116, scss/pages/categoryFromtheeditors.scss */
          .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 1/2;
            grid-column: 2/3;
            margin-bottom: 0 !important; } }
        @media only screen and (max-width: 625px) {
          /* line 116, scss/pages/categoryFromtheeditors.scss */
          .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) {
            grid-row: 2/3;
            grid-column: 1/1;
            padding: 10.526vw 5.263vw; } }
        /* line 138, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) .text {
          margin-top: 8px; }
        /* line 147, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) .title {
          font-family: bookmania, Garamond;
          font-weight: 600;
          font-style: normal;
          letter-spacing: -0.005em;
          font-size: 1.2rem;
          line-height: 1.05em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 151, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) .author {
          font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
          font-weight: 400;
          font-style: italic;
          font-feature-settings: 'ss04' on;
          font-variant-ligatures: common-ligatures;
          font-size: 1.2rem;
          line-height: 1.25em;
          font-size: clamp(1.13rem, 1.95vw, 3.7rem); }
        /* line 156, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__top a:nth-of-type(2) .excerpt {
          max-width: 50ch;
          margin-left: auto;
          margin-right: auto; }
  /* line 199, scss/pages/categoryFromtheeditors.scss */
  .page--category--editors .archive .archive__content .articles .articles__feed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.6315vw;
    row-gap: 10.526vw; }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        margin: 0 auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 5.263vw; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        margin: 32px auto;
        padding: 0 2.6315vw; } }
    /* line 206, scss/pages/categoryFromtheeditors.scss */
    .page--category--editors .archive .archive__content .articles .articles__feed .image {
      margin-bottom: 16px; }
      @media only screen and (max-width: 625px) {
        /* line 206, scss/pages/categoryFromtheeditors.scss */
        .page--category--editors .archive .archive__content .articles .articles__feed .image {
          display: none; } }
    @media only screen and (min-width: 1480px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 1024px) and (max-width: 1480px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (max-width: 1024px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 625px) {
      /* line 199, scss/pages/categoryFromtheeditors.scss */
      .page--category--editors .archive .archive__content .articles .articles__feed {
        grid-template-columns: 1fr;
        row-gap: 64px; } }

/* line 2, scss/snippets/one-year-erb.scss */
.page--home .one__year__erb {
  margin-top: 18vw; }
@media only screen and (max-width: 625px) {
  /* line 7, scss/snippets/one-year-erb.scss */
  .page--home .one__year__erb {
    margin-top: 20vw; } }

/* line 13, scss/snippets/one-year-erb.scss */
.one__year__erb {
  background-color: #BC236D;
  color: white;
  padding: 64px 0;
  text-align: center; }
  /* line 19, scss/snippets/one-year-erb.scss */
  .one__year__erb img {
    width: 8vw;
    display: inline-block;
    margin-bottom: 32px; }
  /* line 25, scss/snippets/one-year-erb.scss */
  .one__year__erb .one__year__erb__title {
    font-family: bookmania, Garamond;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.005em;
    font-size: 1.2rem;
    line-height: 1.05em;
    font-size: clamp(1.13rem, 1.95vw, 3.7rem);
    padding: 0px 12px; }
  /* line 30, scss/snippets/one-year-erb.scss */
  .one__year__erb .one__year__erb__subtitle {
    font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    font-style: italic;
    font-feature-settings: 'ss04' on;
    font-variant-ligatures: common-ligatures;
    line-height: 1.3em;
    font-size: clamp(1.04rem, 1.158vw, 2.85rem);
    font-style: italic;
    padding: 0px 12px; }
    /* line 34, scss/snippets/one-year-erb.scss */
    .one__year__erb .one__year__erb__subtitle span {
      display: inline-block; }
  /* line 39, scss/snippets/one-year-erb.scss */
  .one__year__erb .promo__buttons {
    margin: 32px 12px; }
  /* line 43, scss/snippets/one-year-erb.scss */
  .one__year__erb .promo__button {
    color: white !important;
    border-color: white !important;
    background-color: #BC236D !important;
    background-image: linear-gradient(0, #ffffff, #f0f0f0) !important; }
    /* line 48, scss/snippets/one-year-erb.scss */
    .one__year__erb .promo__button:hover {
      color: #BC236D !important; }
  /* line 53, scss/snippets/one-year-erb.scss */
  .one__year__erb .one__year__erb__keepsake {
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px; }
    @media only screen and (max-width: 625px) {
      /* line 53, scss/snippets/one-year-erb.scss */
      .one__year__erb .one__year__erb__keepsake {
        font-size: 14px;
        line-height: 18px; } }
    /* line 56, scss/snippets/one-year-erb.scss */
    .one__year__erb .one__year__erb__keepsake a {
      text-decoration: underline; }
  @media only screen and (max-width: 1024px) {
    /* line 62, scss/snippets/one-year-erb.scss */
    .one__year__erb img {
      width: 25vw; }
    /* line 66, scss/snippets/one-year-erb.scss */
    .one__year__erb .one__year__erb__title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 2.5rem;
      line-height: 1em;
      font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
    /* line 70, scss/snippets/one-year-erb.scss */
    .one__year__erb .one__year__erb__subtitle {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.85rem;
      line-height: 1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); } }
  @media only screen and (max-width: 625px) {
    /* line 76, scss/snippets/one-year-erb.scss */
    .one__year__erb img {
      width: 30vw; }
    /* line 80, scss/snippets/one-year-erb.scss */
    .one__year__erb .one__year__erb__title {
      font-family: bookmania, Garamond;
      font-weight: 600;
      font-style: normal;
      letter-spacing: -0.005em;
      font-size: 2.5rem;
      line-height: 1em;
      font-size: clamp(1.6rem, 3.9vw, 5.11rem); }
    /* line 84, scss/snippets/one-year-erb.scss */
    .one__year__erb .one__year__erb__subtitle {
      font-family: BradfordLLWeb, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
      font-weight: 400;
      font-feature-settings: 'ss04' on;
      font-variant-ligatures: common-ligatures;
      font-size: 1.85rem;
      line-height: 1em;
      font-size: clamp(1.13rem, 3.15vw, 4.22rem); } }

/* line 90, scss/snippets/one-year-erb.scss */
.one__year__erb + .home__highlight {
  margin-top: 0vw !important; }

/* line 94, scss/snippets/one-year-erb.scss */
.promo__buttons {
  display: flex;
  justify-content: center; }
  /* line 99, scss/snippets/one-year-erb.scss */
  .promo__buttons a {
    margin: 0 12px; }
  /* line 103, scss/snippets/one-year-erb.scss */
  .promo__buttons .promo__button {
    border: 1px solid #1d1d1d;
    background-color: transparent;
    color: #1d1d1d;
    padding: 20px 60px;
    font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
    font-weight: 400;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
    background-size: 0;
    transition: .5s;
    background-repeat: repeat-y;
    padding: 12px 40px; }
    @media only screen and (max-width: 625px) {
      /* line 103, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        font-size: 14px;
        line-height: 18px; } }
    /* line 357, scss/micro/ux--buttons.scss */
    .promo__buttons .promo__button::focus {
      outline: none; }
    /* line 361, scss/micro/ux--buttons.scss */
    .promo__buttons .promo__button:hover {
      background-size: 100%;
      color: #fff; }
    @media only screen and (max-width: 625px) {
      /* line 103, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) {
    /* line 103, scss/snippets/one-year-erb.scss */
    .promo__buttons .promo__button {
      font-size: 13px;
      line-height: 16px; } }

    @media (hover: none) {
      /* line 103, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        background-color: #1d1d1d;
        color: #ffffff; } }
    @media screen and (max-width: 1360px) {
      /* line 103, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        padding: 12px 20px; } }
  @media only screen and (max-width: 625px) {
    /* line 94, scss/snippets/one-year-erb.scss */
    .promo__buttons {
      flex-direction: column;
      align-items: center; }
      /* line 117, scss/snippets/one-year-erb.scss */
      .promo__buttons a {
        margin: 12px 0;
        width: 100%; }
      /* line 121, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        border: 1px solid #1d1d1d;
        background-color: transparent;
        color: #1d1d1d;
        padding: 20px 60px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        border-radius: 2px;
        background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
        background-size: 0;
        transition: .5s;
        background-repeat: repeat-y;
        text-align: center;
        width: 100%; } }
    @media only screen and (max-width: 625px) and (max-width: 625px) {
      /* line 121, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        font-size: 14px;
        line-height: 18px; } }
  @media only screen and (max-width: 625px) {
        /* line 357, scss/micro/ux--buttons.scss */
        .promo__buttons .promo__button::focus {
          outline: none; }
        /* line 361, scss/micro/ux--buttons.scss */
        .promo__buttons .promo__button:hover {
          background-size: 100%;
          color: #fff; } }
    @media only screen and (max-width: 625px) and (max-width: 625px) {
      /* line 121, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 625px) and (max-width: 625px) and (max-width: 625px) {
    /* line 121, scss/snippets/one-year-erb.scss */
    .promo__buttons .promo__button {
      font-size: 13px;
      line-height: 16px; } }

    @media only screen and (max-width: 625px) and (hover: none) {
      /* line 121, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        background-color: #1d1d1d;
        color: #ffffff; } }

  @media only screen and (max-width: 1024px) {
    /* line 94, scss/snippets/one-year-erb.scss */
    .promo__buttons {
      flex-direction: column;
      align-items: center; }
      /* line 132, scss/snippets/one-year-erb.scss */
      .promo__buttons a {
        margin: 12px 0;
        width: 100%; }
      /* line 136, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        border: 1px solid #1d1d1d;
        background-color: transparent;
        color: #1d1d1d;
        padding: 20px 60px;
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 17px;
        line-height: 24px;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        border-radius: 2px;
        background-image: linear-gradient(0, #1d1d1d, #2d2d2d);
        background-size: 0;
        transition: .5s;
        background-repeat: repeat-y;
        text-align: center;
        width: 100%; } }
    @media only screen and (max-width: 1024px) and (max-width: 625px) {
      /* line 136, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        font-size: 14px;
        line-height: 18px; } }
  @media only screen and (max-width: 1024px) {
        /* line 357, scss/micro/ux--buttons.scss */
        .promo__buttons .promo__button::focus {
          outline: none; }
        /* line 361, scss/micro/ux--buttons.scss */
        .promo__buttons .promo__button:hover {
          background-size: 100%;
          color: #fff; } }
    @media only screen and (max-width: 1024px) and (max-width: 625px) {
      /* line 136, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        font-family: Lektorat, trebuchet ms, 'Noto Sans', 'adobe-arabic', 'Noto Sans JP', 'Noto Sans KR';
        font-weight: 400;
        letter-spacing: 0em;
        font-size: 14px;
        line-height: 18px;
        padding: 12px 12px; } }
  @media only screen and (max-width: 1024px) and (max-width: 625px) and (max-width: 625px) {
    /* line 136, scss/snippets/one-year-erb.scss */
    .promo__buttons .promo__button {
      font-size: 13px;
      line-height: 16px; } }

    @media only screen and (max-width: 1024px) and (hover: none) {
      /* line 136, scss/snippets/one-year-erb.scss */
      .promo__buttons .promo__button {
        background-color: #1d1d1d;
        color: #ffffff; } }

/*# sourceMappingURL=style.css.map */