@charset "UTF-8";

/* colors */

/* rago colors */

/* lama colors */

/* magic numbers */

/* Prefixer */

/* Item Page Variables */

/* Common Breakpoints */

/* mixins */

/* Common Breakpoints (see: _variables.scss) */

/*
    This mixin can be used to set the object-fit:
    @include object-fit(contain);

    or object-fit and object-position:
    @include object-fit(cover, top);
  */

/*
  400 regular
  300 light
  500 medium
  700 bold
  800 extra bold
*/

:root {
  --wright-primary-color: #435AFFFF;
  --wright-primary-color-hidden: #435AFF00;
  --wright-primary-color-hover: #2303EBFF;
  --wright-primary-color-engaged: #E5E9FFFF;
  --rago-primary-color: #059B68FF;
  --rago-primary-color-hidden: #059B6800;
  --rago-primary-color-hover: #0A8158FF;
  --rago-primary-color-engaged: #D6EBE4FF;
  --lama-primary-color: #FF8C00FF;
  --lama-primary-color-hidden: #FF8C0000;
  --lama-primary-color-hover: #FF5C00FF;
  --lama-primary-color-engaged: #FFEEDAFF;
  --toomey-primary-color: #4CBFB4FF;
  --toomey-primary-color-hidden: #4CBFB400FF;
  --toomey-primary-color-hover: #15AB9DFF;
  --toomey-primary-color-engaged: #E5F1F0FF;
}

body.house-wright {
  --primary-color: var(--wright-primary-color);
  --primary-color-hover: var(--wright-primary-color-hover);
  --primary-color-engaged: var(--wright-primary-color-engaged);
  --font-family-sans: BauWebPro, Arial, sans-serif;
  --font-family-serif: Harriet Display OSF Black, georgia, serif;
}

body.house-rago {
  --primary-color: var(--rago-primary-color);
  --primary-color-hover: var(--rago-primary-color-hover);
  --primary-color-engaged: var(--rago-primary-color-engaged);
  --font-family-sans: Alright, sans-serif;
  --font-family-serif: Editor, sans-serif;
}

body.house-lama {
  --primary-color: var(--lama-primary-color);
  --primary-color-hover: var(--lama-primary-color-hover);
  --primary-color-engaged: var(--lama-primary-color-engaged);
  --font-family-sans: adrianna, sans-serif;
  --font-family-serif: Lust, serif;
}

body.house-toomey {
  --primary-color: var(--toomey-primary-color);
  --primary-color-hover: var(--toomey-primary-color-hover);
  --primary-color-engaged: var(--toomey-primary-color-engaged);
  --font-family-sans: Alright, sans-serif;
  --font-family-serif: Canela Web, serif;
}

.text-w-green {
  color: var(--primary-color);
}

.text-w-green-hover {
  color: var(--primary-color-hover);
}

article.page.calendar h1 {
  bottom: 0;
}

@media (min-width: 768px) {
  article.page.calendar {
    padding-bottom: 6rem;
  }
}

.calendar_wrapper {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.module:not(module__account_section).module__calendar {
  padding: 0 1.3rem;
}

.module:not(module__account_section).module__calendar .inner {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  width: 100%;
  margin-bottom: 3rem;
}

.module:not(module__account_section).module__calendar a:not(.w-btn) {
  text-decoration: none;
  line-height: 2rem;
}

.module:not(module__account_section).module__calendar a:not(.w-btn).button {
  max-width: 100%;
  transition: opacity 0.3s ease-in-out;
  z-index: 3;
}

.module:not(module__account_section).module__calendar .image,
.module:not(module__account_section).module__calendar .information {
  width: 100%;
}

.module:not(module__account_section).module__calendar .image {
  position: relative;
  margin-bottom: 2rem;
}

.module:not(module__account_section).module__calendar .image.mobile .button {
  display: none;
}

.module:not(module__account_section).module__calendar .image.desktop {
  display: none;
  height: auto;
}

.module:not(module__account_section).module__calendar .image.desktop .desktop-image-overlay-button {
  display: none;
  opacity: 0;
}

.module:not(module__account_section).module__calendar .image.desktop a {
  display: block;
  width: 100%;
  height: 100%;
}

.module:not(module__account_section).module__calendar .image.desktop a.desktop-image-overlay-button {
  z-index: 3;
  display: inline-block;
  margin: 0 auto;
  width: 27rem;
}

.module:not(module__account_section).module__calendar .image.desktop a.desktop-image-overlay-image {
  z-index: 1;
}

.module:not(module__account_section).module__calendar .image.desktop a.desktop-image-overlay-image:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

.module:not(module__account_section).module__calendar .image.desktop:hover a.desktop-image-overlay-image:after {
  opacity: 1;
}

.module:not(module__account_section).module__calendar .image img {
  width: 100%;
  height: auto;
  display: block;
}

.module:not(module__account_section).module__calendar .image.desktop .image-inner .my-flex-align-center {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
}

.module:not(module__account_section).module__calendar .information {
  display: flex;
  flex-direction: column;
}

.module:not(module__account_section).module__calendar .information .info-text-group {
  display: flex;
  flex-direction: row;
}

.module:not(module__account_section).module__calendar .information .info-text-group .info-text {
  width: 100%;
}

.module:not(module__account_section).module__calendar .information .info-text-group .info-text.width-2 {
  width: 50%;
}

.module:not(module__account_section).module__calendar .information .info-text-group .info-text.width-3 {
  width: 33.3333333333%;
  margin-right: 3%;
}

.module:not(module__account_section).module__calendar .information .info-text-group .info-text.width-3:last-of-type {
  margin-right: 0;
}

.module:not(module__account_section).module__calendar .information .calendar-icon {
  height: 2.2rem;
  width: 2.2rem;
  fill: #b6b1a4;
  transition: fill 0.3s ease-in-out;
}

.module:not(module__account_section).module__calendar .information .calendar-icon.mobile {
  display: block;
  float: right;
}

.module:not(module__account_section).module__calendar .information .calendar-icon.desktop {
  display: none;
}

.module:not(module__account_section).module__calendar .information .calendar-icon:hover {
  fill: #9a9383;
  cursor: pointer;
}

.module:not(module__account_section).module__calendar .information .title,
.module:not(module__account_section).module__calendar .information .date {
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
  color: #333;
}

.module:not(module__account_section).module__calendar .information .bidder-number {
  display: none;
}

.module:not(module__account_section).module__calendar .information p {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
  color: #333;
}

@media (max-width: 449px) {
  .module:not(module__account_section).module__calendar .information p {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

.module:not(module__account_section).module__calendar .information p strong,
.module:not(module__account_section).module__calendar .information p a:not(.w-btn) {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
  color: #333;
}

.module:not(module__account_section).module__calendar .information .title-wrapper {
  margin-bottom: 1.5rem;
  padding: 5px 0;
}

.module:not(module__account_section).module__calendar .information .title {
  text-align: center;
  font-size: 2rem;
  line-height: 2.6rem;
}

.module:not(module__account_section).module__calendar .information .date-wrapper {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #333;
}

.module:not(module__account_section).module__calendar .information .date-wrapper .date {
  font-size: 2.8rem;
  line-height: 3rem;
}

.module:not(module__account_section).module__calendar .information .date-wrapper .date .dot {
  font-size: 18px;
}

.module:not(module__account_section).module__calendar .information .date-wrapper .calendar-icon .mobile {
  display: block;
  height: 2.2rem;
  width: 2.2rem;
  float: right;
}

.module:not(module__account_section).module__calendar .information .date-wrapper .calendar-icon .mobile svg {
  fill: #b6b1a4;
}

.module:not(module__account_section).module__calendar .auction-links p:not(.banned_message) {
  margin: 0;
}

@media (min-width: 769px) {
  .module:not(module__account_section).module__calendar .auction-links p:not(.banned_message) a.w-btn-mobile-only {
    line-height: 1.9rem;
  }
}

.module:not(module__account_section).module__calendar .auction-links p:not(.banned_message) a:not(.w-btn) {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  z-index: 10;
  padding-top: 13px;
  padding-bottom: 13px;
  display: block;
  flex-basis: 100%;
  order: 3;
  flex-shrink: 0;
  flex-grow: 0;
  float: left;
  margin: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-shadow: none;
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
  border: 2px solid #b6b1a4;
  color: #A59892;
  transition: color 0.3s, border 0.3s ease-in-out;
}

.module:not(module__account_section).module__calendar .auction-links p:not(.banned_message) a:not(.w-btn):hover {
  color: #9a9383;
  border: 2px solid #9a9383;
}

.module:not(module__account_section).module__calendar .auction-links p:not(.banned_message) a:not(.w-btn).solid {
  transition: background-color 0.3s, border 0.3s ease-in-out;
  background: #b6b1a4;
  border: 2px solid #b6b1a4;
  outline: none;
  color: #FFF;
}

.module:not(module__account_section).module__calendar .auction-links p:not(.banned_message) a:not(.w-btn).solid:hover {
  color: #FFF;
  background: #9a9383;
  border: 2px solid #9a9383;
}

@media (min-width: 769px) {
  .module:not(module__account_section).module__calendar a.w-btn-md-text {
    color: #b6b1a4;
  }

  .module:not(module__account_section).module__calendar a.w-btn-md-text:hover {
    color: #9a9383;
  }
}

@media screen and (min-width: 769px) {
  .module:not(module__account_section).module__calendar .w-btn-desktop-only {
    display: table;
  }
}

@media screen and (min-width: 450px) and (max-width: 1024px) {
  .module:not(module__account_section).module__calendar a:not(.w-btn) {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module:not(module__account_section).module__calendar .information p {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }
}

@media screen and (min-width: 515px) {
  .module:not(module__account_section).module__calendar {
    padding: 0 3rem 1rem;
  }
}

@media screen and (min-width: 769px) {
  .module:not(module__account_section).module__calendar {
    padding: 3rem 3rem 0 3rem;
  }

  .module:not(module__account_section).module__calendar.first {
    padding-top: 0;
  }

  .module:not(module__account_section).module__calendar .calendar_wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .module:not(module__account_section).module__calendar .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
  }

  .module:not(module__account_section).module__calendar a:not(.w-btn) {
    text-decoration: none;
    letter-spacing: 0.3px;
  }

  .module:not(module__account_section).module__calendar .image.mobile {
    display: none;
  }

  .module:not(module__account_section).module__calendar .image.desktop {
    margin-bottom: 0;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
  }

  .module:not(module__account_section).module__calendar .image.desktop .desktop-image-overlay-button {
    align-self: center;
    height: auto;
    display: block;
  }

  .module:not(module__account_section).module__calendar .image.desktop:hover .desktop-image-overlay-button {
    opacity: 1;
  }

  .module:not(module__account_section).module__calendar .image {
    max-width: 550px;
  }

  .module:not(module__account_section).module__calendar .image.mobile,
.module:not(module__account_section).module__calendar .information.mobile {
    display: none;
  }

  .module:not(module__account_section).module__calendar .image.desktop,
.module:not(module__account_section).module__calendar .information.desktop {
    display: block;
  }

  .module:not(module__account_section).module__calendar .information {
    margin: 0 0 0 3%;
    display: flex;
    flex-direction: column;
  }

  .module:not(module__account_section).module__calendar .information .auction-links {
    position: relative;
    overflow: hidden;
    width: auto;
  }

  .module:not(module__account_section).module__calendar .information .info-text-group {
    display: flex;
    flex-direction: column;
  }

  .module:not(module__account_section).module__calendar .information .info-text-group .info-text {
    width: 100%;
  }

  .module:not(module__account_section).module__calendar .information .info-text-group .info-text p {
    margin-bottom: 1rem;
  }

  .module:not(module__account_section).module__calendar .information .info-text-group .info-text.width-2 {
    width: 100%;
  }

  .module:not(module__account_section).module__calendar .information .info-text-group .info-text.width-3 {
    width: 100%;
  }

  .module:not(module__account_section).module__calendar .information .title-wrapper {
    margin-bottom: 3rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #333;
  }

  body.house-toomey .module:not(module__account_section).module__calendar .information .title-wrapper, body.house-rago .module:not(module__account_section).module__calendar .information .title-wrapper {
    margin-bottom: 2rem;
  }

  .module:not(module__account_section).module__calendar .information .title-wrapper .title {
    font-size: 2.1rem;
    line-height: 2.4rem;
    text-align: left;
    overflow: hidden;
    padding-right: 35px;
  }

  .module:not(module__account_section).module__calendar .information .title-wrapper .calendar-icon.desktop {
    display: block;
  }

  .module:not(module__account_section).module__calendar .information .title-wrapper .bidder-number {
    display: inline-block;
    text-align: right;
    white-space: nowrap;
    color: #b6b1a4;
  }

  .module:not(module__account_section).module__calendar .information .title-wrapper .bidder-number strong {
    color: #b6b1a4;
  }

  .module:not(module__account_section).module__calendar .information .date-wrapper {
    margin-bottom: 2.5rem;
    border-bottom: none;
  }

  .module:not(module__account_section).module__calendar .information .date-wrapper .date {
    font-size: 5rem;
    line-height: 2rem;
  }

  .module:not(module__account_section).module__calendar .information .date-wrapper .date .dot {
    font-size: 30px;
  }

  .module:not(module__account_section).module__calendar .information .date-wrapper .calendar-icon.mobile {
    display: none;
  }

  .module:not(module__account_section).module__calendar .information .auction-links p {
    font-size: 1.3rem;
    width: 100%;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
  }

  .module:not(module__account_section).module__calendar .information .auction-links p:first-of-type a:not(.w-btn) {
    transition: color 0.3s ease-in-out;
    background: none;
    outline: none;
    color: #b6b1a4;
  }

  .module:not(module__account_section).module__calendar .information .auction-links p:first-of-type a:not(.w-btn):hover {
    color: #9a9383;
  }

  .module:not(module__account_section).module__calendar .information .auction-links p a:not(.w-btn) {
    font-size: 1.3rem;
    text-transform: lowercase;
    z-index: 10;
    padding: 0;
    display: block;
    flex-basis: 100%;
    order: 3;
    flex-shrink: 0;
    flex-direction: column;
    flex-grow: 0;
    float: left;
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-shadow: none;
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    border: none;
    color: #b6b1a4;
    text-align: left;
  }

  .module:not(module__account_section).module__calendar .information .auction-links p a:not(.w-btn):hover {
    color: #9a9383;
  }

  .module:not(module__account_section).module__calendar .information .auction-links p a:not(.w-btn).solid {
    background: none;
  }
}

@media screen and (min-width: 769px) {
  .module:not(module__account_section).module__calendar {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .module:not(module__account_section).module__calendar.first {
    padding-top: 0;
  }

  .module:not(module__account_section).module__calendar .calendar_wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .module:not(module__account_section).module__calendar .information {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .module:not(module__account_section).module__calendar .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .module:not(module__account_section).module__calendar .information {
    display: flex;
    flex-direction: column;
  }

  .module:not(module__account_section).module__calendar .information p {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module:not(module__account_section).module__calendar .information p a:not(.w-btn) {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module:not(module__account_section).module__calendar .information .year {
    padding-left: 3rem;
  }
}

@media screen and (min-width: 1150px) {
  .module:not(module__account_section).module__calendar {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (min-width: 1151px) {
  .module:not(module__account_section).module__calendar {
    padding-left: 10.2rem;
    padding-right: 10.2rem;
  }
}

@media screen and (min-width: 1361px) {
  .module:not(module__account_section).module__calendar {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}

@media screen and (min-width: 1920px) {
  .module:not(module__account_section).module__calendar .inner {
    justify-content: flex-start;
  }

  .module:not(module__account_section).module__calendar .title {
    padding-right: 50%;
  }
}

.module:not(module__account_section).module__calendar .bidder-number {
  font-family: BauWebPro;
  font-weight: normal;
  font-size: 1.3rem;
  color: #333;
}

.module:not(module__account_section).module__calendar a.register-to-bid {
  cursor: pointer;
}

.module:not(module__account_section).module__calendar .info-text-wrapper .button {
  order: 0;
  margin-top: 0;
}

@media screen and (min-width: 968px) {
  .module:not(module__account_section).module__calendar .info-text-wrapper .info-text-group .info-text p {
    font-size: 1.3rem;
  }

  .module:not(module__account_section).module__calendar .info-text-wrapper .button {
    order: 1;
  }
}

@media screen and (min-width: 1280px) {
  .module:not(module__account_section).module__calendar .info-text-wrapper {
    flex-direction: row-reverse;
  }
}

.module:not(module__account_section).module__calendar .image-inner {
  display: block;
  position: relative;
}

.module:not(module__account_section).module__calendar a.upcoming-title,
.module:not(module__account_section).module__calendar .upcoming-title {
  font-family: "Harriet Display OSF Black", georgia, serif;
  font-size: 2.1rem;
  line-height: 2.4rem;
  color: #333;
  text-align: center;
}

body.house-toomey .module:not(module__account_section).module__calendar a.upcoming-title,
body.house-toomey .module:not(module__account_section).module__calendar .upcoming-title {
  font-family: "Canela Web", serif;
  font-weight: 900;
  font-size: 1.7rem;
  line-height: 2rem;
}

body.house-rago .module:not(module__account_section).module__calendar a.upcoming-title,
body.house-rago .module:not(module__account_section).module__calendar .upcoming-title {
  font-family: "Editor", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 2rem;
}

@media screen and (min-width: 768px) {
  .module:not(module__account_section).module__calendar a.upcoming-title,
.module:not(module__account_section).module__calendar .upcoming-title {
    text-align: left;
  }
}

.module:not(module__account_section).module__calendar .subtitle {
  font-family: "Harriet Display OSF Black", georgia, serif;
  font-size: 2.1rem;
  line-height: 2.4rem;
  color: #C4C4C4;
  text-align: center;
}

body.house-toomey .module:not(module__account_section).module__calendar .subtitle {
  font-family: "Canela Web", serif;
  font-weight: 900;
  font-size: 1.7rem;
  line-height: 2rem;
}

body.house-rago .module:not(module__account_section).module__calendar .subtitle {
  font-family: "Editor", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 2rem;
}

@media screen and (min-width: 768px) {
  .module:not(module__account_section).module__calendar .subtitle {
    text-align: left;
  }
}

article.page.publication h1 {
  bottom: 0;
}

.page.archive .no-link,
.page.calendar .no-link,
.page.publication .no-link,
.page.catalog .no-link {
  cursor: default;
}

.page.archive nav.subnav_container.full ul li,
.page.calendar nav.subnav_container.full ul li,
.page.publication nav.subnav_container.full ul li,
.page.catalog nav.subnav_container.full ul li {
  position: relative;
}

.page.archive nav.subnav_container.full ul li .year-list ul.subnav.years,
.page.calendar nav.subnav_container.full ul li .year-list ul.subnav.years,
.page.publication nav.subnav_container.full ul li .year-list ul.subnav.years,
.page.catalog nav.subnav_container.full ul li .year-list ul.subnav.years {
  display: none;
  position: absolute;
  margin: 0;
  width: 200vw;
  flex-direction: column;
  height: 140px;
  flex-wrap: wrap;
  background: white;
  left: -100vw;
  padding: 0 100vw;
  border-bottom: 0.1rem solid #979797;
  padding-top: 1.5rem;
  transition: opacity 0.3s ease-in-out;
}

.page.archive nav.subnav_container.full ul li .year-list ul.subnav.years li,
.page.calendar nav.subnav_container.full ul li .year-list ul.subnav.years li,
.page.publication nav.subnav_container.full ul li .year-list ul.subnav.years li,
.page.catalog nav.subnav_container.full ul li .year-list ul.subnav.years li {
  width: 10rem;
  height: 3.2rem;
}

.page.archive nav.subnav_container.full ul li .year-list ul.subnav.years li a,
.page.calendar nav.subnav_container.full ul li .year-list ul.subnav.years li a,
.page.publication nav.subnav_container.full ul li .year-list ul.subnav.years li a,
.page.catalog nav.subnav_container.full ul li .year-list ul.subnav.years li a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  color: #333;
  transition: color 0.3s ease-in-out;
}

.page.archive nav.subnav_container.full ul li .year-list ul.subnav.years li:hover a, .page.archive nav.subnav_container.full ul li .year-list ul.subnav.years li.active a,
.page.calendar nav.subnav_container.full ul li .year-list ul.subnav.years li:hover a,
.page.calendar nav.subnav_container.full ul li .year-list ul.subnav.years li.active a,
.page.publication nav.subnav_container.full ul li .year-list ul.subnav.years li:hover a,
.page.publication nav.subnav_container.full ul li .year-list ul.subnav.years li.active a,
.page.catalog nav.subnav_container.full ul li .year-list ul.subnav.years li:hover a,
.page.catalog nav.subnav_container.full ul li .year-list ul.subnav.years li.active a {
  color: var(--primary-color-hover);
}

@media screen and (min-width: 769px) {
  .page.archive nav.subnav_container.full ul li .year-list:hover ul.subnav.years,
.page.calendar nav.subnav_container.full ul li .year-list:hover ul.subnav.years,
.page.publication nav.subnav_container.full ul li .year-list:hover ul.subnav.years,
.page.catalog nav.subnav_container.full ul li .year-list:hover ul.subnav.years {
    display: none;
  }
}

.page.archive .sidebarnav,
.page.calendar .sidebarnav,
.page.publication .sidebarnav,
.page.catalog .sidebarnav {
  display: none;
}

.subnav_container.full.filter_sort.mobile.year_dropdown {
  display: block;
}

.subnav_container.full.filter_sort.mobile.year_dropdown ul.sort li a {
  padding-left: 2.4rem;
}

@media screen and (min-width: 1025px) {
  .subnav_container.full.filter_sort.mobile.year_dropdown {
    display: none;
  }
}

body.house-toomey .theme-general-wrapper .notice-bar p, body.house-rago .theme-general-wrapper .notice-bar p {
  font-family: Alright, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  height: 6rem;
  display: flex;
  max-width: 94rem;
  width: 100%;
  background-color: #f6f6f6;
  align-items: center;
  padding: 0 2.5rem;
}

body.house-toomey .theme-general-wrapper .notice-bar p strong, body.house-rago .theme-general-wrapper .notice-bar p strong {
  font-family: Alright, sans-serif;
  font-weight: 800;
}

body.house-toomey .theme-general-wrapper .notice-bar p a, body.house-rago .theme-general-wrapper .notice-bar p a {
  font-family: Alright, sans-serif;
  font-weight: 800;
  transition: color 0.3s ease-in-out;
}

body.house-toomey .theme-general-wrapper .notice-bar p a, body.house-toomey .theme-general-wrapper .notice-bar p a:visited, body.house-rago .theme-general-wrapper .notice-bar p a, body.house-rago .theme-general-wrapper .notice-bar p a:visited {
  color: var(--primary-color);
}

body.house-toomey .theme-general-wrapper .notice-bar p a:hover, body.house-rago .theme-general-wrapper .notice-bar p a:hover {
  color: var(--primary-color-hover);
}

.module.module__index {
  padding: 0rem 1.3rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  flex-basis: auto;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
}

body.house-toomey .module.module__index, body.house-rago .module.module__index {
  margin-top: 6rem;
}

.module.module__index.first {
  padding-top: 3rem;
}

.module.module__index.first.single {
  margin-bottom: 4rem;
  padding-bottom: 2rem;
}

.module.module__index.first .information {
  display: flex;
  flex-direction: column;
}

.module.module__index.first .sticky-wrapper {
  height: 0 !important;
}

.module.module__index.first .year {
  margin-top: 0;
}

.module.module__index .catalog_links p {
  margin: 0;
}

.module.module__index .price {
  font-family: var(--font-family-sans);
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #666;
  margin: 0;
  padding-bottom: 1rem;
}

.module.module__index .soldout {
  font-weight: 800;
}

.module.module__index .catalog_date {
  font-family: var(--font-family-sans);
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #666;
  margin: 0;
}

body.house-lama .module.module__index .catalog_date {
  margin-bottom: 1rem;
}

.module.module__index:after {
  content: "";
  flex-basis: 50%;
}

.module.module__index h2 {
  font-family: var(--font-family-serif);
  margin: 0;
  padding: 0;
  width: 100%;
}

.module.module__index .image,
.module.module__index .information {
  width: 100%;
}

.module.module__index .information a {
  display: table;
  width: auto;
  overflow: hidden;
}

.module.module__index .information a p.title:hover {
  color: var(--primary-color-hover);
}

.module.module__index .information a p.title:visited {
  color: #333;
}

.module.module__index .year {
  max-width: 100%;
  font-family: var(--font-family-serif);
  font-size: 2.8rem;
  min-height: 2.8rem;
  color: #333;
  border-bottom: 0.1rem solid #333;
  padding-right: 100%;
  margin-bottom: 2.5rem;
  margin-top: 2rem;
}

.house-toomey .module.module__index .year {
  font-family: "Canela Web", serif;
  font-weight: 900;
  border: none;
}

.house-rago .module.module__index .year {
  font-family: "Dala Floda", serif;
  font-weight: 800;
  border: none;
}

.module.module__index .image {
  margin-bottom: 1rem;
}

.module.module__index .image .image-inner {
  height: 0;
  position: relative;
  padding-bottom: 135%;
  width: 100%;
  display: block;
}

.module.module__index .image .image-inner a {
  height: 100%;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  padding: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  flex-direction: column-reverse;
}

.module.module__index .image .image-inner img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left bottom;
     object-position: left bottom;
  position: relative;
  display: block;
  filter: brightness(100%) drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.15));
  transition: opacity 0.5s ease-in-out, filter 0.3s ease-in-out;
}

.module.module__index .image .image-inner img.ls-blur-up-img {
  position: absolute;
}

.module.module__index .image .image-inner:hover img {
  filter: brightness(90%) drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.15));
}

.module.module__index .title {
  font-family: var(--font-family-sans);
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #333;
  margin: 0;
}

body.house-lama .module.module__index .title {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
}

.module.module__index .date {
  font-family: var(--font-family-sans);
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #666;
  margin: 0 0 1rem 0;
}

body.house-toomey .module.module__index .date, body.house-rago .module.module__index .date {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin: 0 0 1.8rem 0;
}

.module.module__index .entry {
  width: calc(50% - 8px);
  max-height: 100%;
  margin-top: 2rem;
  font-family: var(--font-family-sans);
}

.module.module__index .entry a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-sans);
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.6rem;
  transition: color 0.3s ease-in-out;
}

body.house-toomey .module.module__index .entry a, body.house-rago .module.module__index .entry a {
  font-family: Alright, sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
}

body.house-lama .module.module__index .entry a {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
}

body.house-toomey .module.module__index .entry a.button, body.house-wright .module.module__index .entry a.button, body.house-rago .module.module__index .entry a.button {
  display: none;
}

body.house-toomey .module.module__index .entry .image, body.house-rago .module.module__index .entry .image {
  margin-bottom: 3rem;
}

body.house-toomey .module.module__index .entry .catalog_date, body.house-rago .module.module__index .entry .catalog_date {
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin-bottom: 1.8rem;
}

.module.module__index .cart_link p {
  margin: 0;
}

.module.module__index .no-image-border {
  border-bottom: 1px solid #b6b1a4;
}

@media screen and (min-width: 450px) {
  .module.module__index {
    max-width: calc(100% - 3px);
  }

  .module.module__index .price {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module.module__index .catalog_date {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module.module__index .title {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module.module__index .date {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module.module__index .entry {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .module.module__index .entry a {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }
}

@media screen and (min-width: 515px) {
  .module.module__index {
    padding: 0rem 3rem 1rem;
  }

  .module.module__index .entry {
    width: calc(50% - 15px);
  }
}

@media screen and (min-width: 768px) {
  .module.module__index {
    padding: 0rem 3rem;
  }

  .module.module__index.first {
    padding: 6rem 3rem 0rem 3rem;
  }

  .module.module__index.single {
    margin-bottom: 4rem;
    padding-bottom: 2rem;
  }

  .module.module__index .year {
    font-size: 3.8rem;
    line-height: 3.8rem;
    padding: 0 0 1rem 0;
  }

  .module.module__index .image {
    margin-bottom: 2rem;
  }

  .module.module__index .information a:last-of-type {
    margin-bottom: 0;
  }

  .module.module__index .price {
    padding-bottom: 1rem;
  }

  .module.module__index .entry {
    margin-top: 3rem;
    margin-bottom: 5rem;
    width: calc(33.3333333333% - 2rem);
  }

  .module.module__index .entry.no-image {
    margin-bottom: 3rem;
  }

  .module.module__index .entry:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .module.module__index:after {
    flex-basis: 30%;
  }
}

@media screen and (min-width: 985px) {
  .module.module__index {
    margin-right: 0;
  }

  .module.module__index .image img {
    max-width: 100%;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .module.module__index .entry {
    padding: 0 0 0 0;
  }

  .module.module__index .entry:nth-last-child(4) {
    padding: 0;
  }
}

@media screen and (min-width: 1025px) {
  .module.module__index .sidebarnav {
    position: absolute;
    left: -55px;
    margin-top: 13rem;
  }

  .module.module__index .sidebarnav.stuck {
    position: fixed;
    top: 120px;
    left: 26px;
  }

  .module.module__index .sidebarnav li {
    line-height: initial;
  }

  .module.module__index .sidebarnav li a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    line-height: 1.9rem;
    transition: color 0.3s ease-in-out;
    color: #333;
  }

  .module.module__index .year {
    font-size: 5.5rem;
    line-height: 5.5rem;
  }
}

@media screen and (min-width: 1150px) {
  .module.module__index {
    padding-bottom: 3rem;
  }
}

@media screen and (min-width: 1151px) {
  .module.module__index {
    max-width: calc(100% - 120px);
    margin-left: 5%;
    justify-content: initial;
  }

  .module.module__index .entry {
    width: 26rem;
    margin-right: 5rem;
  }

  .module.module__index .entry.publication {
    margin-top: 1rem;
  }

  .module.module__index .sidebarnav {
    display: block;
    left: -31px;
  }
}

@media screen and (min-width: 1365px) {
  .module.module__index {
    max-width: calc(100% - 270px);
    margin-left: 13.5rem;
  }

  .module.module__index .sidebarnav {
    left: -95px;
  }

  .module.module__index .sidebarnav.stuck {
    left: 40px;
  }
}

.theme-general-rago-editor .house-rago h2 .year {
  font-size: 7rem;
  line-height: 2.9rem;
  border: none;
}

@-webkit-keyframes fadeInToFlex {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: flex;
    opacity: 1;
  }
}

@keyframes fadeInToFlex {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: flex;
    opacity: 1;
  }
}

.page.publication .module.module__index {
  margin-top: 5rem;
}

.page.publication .image {
  margin-bottom: 2rem;
}

.page.publication .image:hover span img {
  filter: brightness(90%) drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.15));
}

.page.publication .image span {
  height: 100%;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  padding: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  flex-direction: column-reverse;
  display: flex;
}

.page.publication .image img {
  width: auto;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left bottom;
     object-position: left bottom;
  position: relative;
  display: block;
  filter: brightness(100%) drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.15));
  transition: opacity 0.5s ease-in-out, filter 0.3s ease-in-out;
}

.page.publication .image img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.mosaic a:not(.edit-bid) {
  text-decoration: none;
}

.mosaic .key,
.mosaic p.key {
  position: relative;
  top: 0;
  left: 0;
  padding: 0 100px;
  font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: 0;
  color: #666;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.35s ease-in-out;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 3.6rem;
  margin-bottom: 0;
  font-family: var(--font-family-sans);
}

body.house-toomey .mosaic .key, body.house-rago .mosaic .key,
body.house-toomey .mosaic p.key,
body.house-rago .mosaic p.key {
  font-family: Alright, sans-serif;
  font-weight: normal;
}

body.house-lama .mosaic .key,
body.house-lama .mosaic p.key {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

.mosaic .key i,
.mosaic p.key i {
  font-size: 2rem;
  display: inline-block;
  color: #333;
  vertical-align: middle;
}

.mosaic .key span,
.mosaic p.key span {
  margin-right: 20px;
}

.mosaic .key span.results,
.mosaic p.key span.results {
  margin-right: 0;
}

@media (min-width: 1401px) {
  .mosaic .key,
.mosaic p.key {
    width: calc(100% - 34rem);
    padding: 0;
    position: relative;
    display: block;
  }
}

@media (max-width: 1150px) {
  .mosaic .key,
.mosaic p.key {
    padding: 0 29px;
  }
}

@media (min-width: 769px) {
  .mosaic .key,
.mosaic p.key {
    margin: 3.6rem auto 0 auto;
  }
}

@media (max-width: 512px) {
  .mosaic .key,
.mosaic p.key {
    padding: 0 10px;
  }
}

.mosaic #isotope.loading .key {
  opacity: 0;
  filter: alpha(opacity=0);
}

.grid {
  flex-direction: row;
  flex-wrap: wrap;
}

.item-grid .inner-container,
.grid .inner-container {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  grid-auto-flow: dense;
  grid-column-gap: 1rem;
}

@media (max-width: 764px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-auto-rows: auto;
  }
}

@media screen and (min-width: 768px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-column-gap: 4rem;
  }
}

.item-grid .inner-container .item:not(.caption),
.grid .inner-container .item:not(.caption) {
  opacity: 1;
  width: 100%;
  position: relative;
  height: auto;
}

.item-grid .inner-container .item:not(.caption):hover .inline .artist .watched-lot-button,
.grid .inner-container .item:not(.caption):hover .inline .artist .watched-lot-button {
  opacity: 1;
}

.item-grid .inner-container .item:not(.caption) .grid,
.grid .inner-container .item:not(.caption) .grid {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  height: auto;
  background-color: white;
  margin-bottom: 1rem;
  margin-top: 0;
}

.item-grid .inner-container .item:not(.caption) .grid img,
.grid .inner-container .item:not(.caption) .grid img {
  display: block;
  height: 100%;
  top: 0;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}

.item-grid .inner-container .item:not(.caption).static,
.grid .inner-container .item:not(.caption).static {
  display: none;
}

.item-grid .inner-container .item:not(.caption).auto-height .inner,
.grid .inner-container .item:not(.caption).auto-height .inner {
  padding: 50px 0;
}

.item-grid .inner-container .item:not(.caption).auto-height .chapter-text,
.grid .inner-container .item:not(.caption).auto-height .chapter-text {
  top: auto;
  transform: none;
}

.item-grid .inner-container .item:not(.caption) .fluid-img,
.grid .inner-container .item:not(.caption) .fluid-img {
  height: calc(100% - 3rem);
}

.item-grid .inner-container .item:not(.caption) i.icon-no-reserve,
.grid .inner-container .item:not(.caption) i.icon-no-reserve {
  font-size: 1.8rem;
  line-height: 1.8rem;
  display: inline-block;
  color: #333;
  vertical-align: middle;
}

.item-grid .inner-container .item p,
.grid .inner-container .item p {
  letter-spacing: 0.03rem;
}

.item-grid .inner-container .item .inline,
.grid .inner-container .item .inline {
  padding: 0;
}

.item-grid .inner-container .item .inline .bid-count,
.grid .inner-container .item .inline .bid-count {
  margin-right: 0.8rem;
  margin-left: 0;
}

body.house-toomey .item-grid .inner-container .item .inline .bid-status, body.house-rago .item-grid .inner-container .item .inline .bid-status,
body.house-toomey .item-grid .inner-container .item .inline .user-activity,
body.house-rago .item-grid .inner-container .item .inline .user-activity,
body.house-toomey .grid .inner-container .item .inline .bid-status,
body.house-rago .grid .inner-container .item .inline .bid-status,
body.house-toomey .grid .inner-container .item .inline .user-activity,
body.house-rago .grid .inner-container .item .inline .user-activity {
  font-family: Alright, sans-serif;
  font-weight: normal;
}

body.house-lama .item-grid .inner-container .item .inline .bid-status,
body.house-lama .item-grid .inner-container .item .inline .user-activity,
body.house-lama .grid .inner-container .item .inline .bid-status,
body.house-lama .grid .inner-container .item .inline .user-activity {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

.item-grid .inner-container .item .inline .bid-status .bid-amount,
.item-grid .inner-container .item .inline .user-activity .bid-amount,
.grid .inner-container .item .inline .bid-status .bid-amount,
.grid .inner-container .item .inline .user-activity .bid-amount {
  font-weight: 500;
  color: #333;
}

.item-grid .inner-container .item .inline .bid-status .bid-amount.shift::after,
.item-grid .inner-container .item .inline .user-activity .bid-amount.shift::after,
.grid .inner-container .item .inline .bid-status .bid-amount.shift::after,
.grid .inner-container .item .inline .user-activity .bid-amount.shift::after {
  content: " ";
}

@media screen and (min-width: 425px) {
  .item-grid .inner-container .item .inline .bid-status .active-bid,
.item-grid .inner-container .item .inline .user-activity .active-bid,
.grid .inner-container .item .inline .bid-status .active-bid,
.grid .inner-container .item .inline .user-activity .active-bid {
    margin-right: 0.5rem;
  }
}

.item-grid .inner-container .item .inline .bid-status .leading,
.grid .inner-container .item .inline .bid-status .leading {
  font-weight: bold;
  color: #25951B;
}

.item-grid .inner-container .item .inline .bid-status .outbid,
.grid .inner-container .item .inline .bid-status .outbid {
  font-weight: bold;
  color: #C62525;
}

.item-grid .inner-container .item .inline .on-hold-note,
.item-grid .inner-container .item .inline .price-available-note,
.item-grid .inner-container .item .inline .result,
.grid .inner-container .item .inline .on-hold-note,
.grid .inner-container .item .inline .price-available-note,
.grid .inner-container .item .inline .result {
  line-height: 1.8rem;
}

.item-grid .inner-container .item .inline .on-hold-note span.result,
.item-grid .inner-container .item .inline .price-available-note span.result,
.item-grid .inner-container .item .inline .result span.result,
.grid .inner-container .item .inline .on-hold-note span.result,
.grid .inner-container .item .inline .price-available-note span.result,
.grid .inner-container .item .inline .result span.result {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

body.house-lama .item-grid .inner-container .item .inline .on-hold-note span.result,
body.house-lama .item-grid .inner-container .item .inline .price-available-note span.result,
body.house-lama .item-grid .inner-container .item .inline .result span.result,
body.house-lama .grid .inner-container .item .inline .on-hold-note span.result,
body.house-lama .grid .inner-container .item .inline .price-available-note span.result,
body.house-lama .grid .inner-container .item .inline .result span.result {
  font-size: 1.3rem;
  line-height: 2rem;
}

.item-grid .inner-container .item .inline .user-activity,
.grid .inner-container .item .inline .user-activity {
  margin-top: 1.1rem;
}

.item-grid .inner-container .item .inline .user-activity .active-bid .bid-amount,
.grid .inner-container .item .inline .user-activity .active-bid .bid-amount {
  font-weight: 700;
}

.item-grid .inner-container .item .inline .user-activity .leading,
.grid .inner-container .item .inline .user-activity .leading {
  font-weight: bold;
  color: #25951B;
}

.item-grid .inner-container .item .inline .user-activity .outbid,
.grid .inner-container .item .inline .user-activity .outbid {
  font-weight: bold;
  color: #C62525;
}

.item-grid .inner-container .item .inline .user-activity .user-backup-bid a,
.grid .inner-container .item .inline .user-activity .user-backup-bid a {
  text-decoration: underline;
  font-weight: bold;
}

.item-grid .inner-container .item .inline .user-activity .user-bid,
.grid .inner-container .item .inline .user-activity .user-bid {
  margin-right: 0.5rem;
}

.item-grid .inner-container .item .inline .user-activity .user-bid span,
.grid .inner-container .item .inline .user-activity .user-bid span {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}

.item-grid .inner-container .item .inline .user-activity .user-current-bid,
.grid .inner-container .item .inline .user-activity .user-current-bid {
  color: #333;
  font-weight: 500;
}

.item-grid .inner-container .item .inline .artist,
.grid .inner-container .item .inline .artist {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: baseline;
  position: relative;
  padding-right: 30px;
}

.item-grid .inner-container .item .inline .artist p,
.grid .inner-container .item .inline .artist p {
  position: relative;
}

.item-grid .inner-container .item .inline .artist .button-wrapper,
.grid .inner-container .item .inline .artist .button-wrapper {
  margin-top: 0;
  height: 27px;
  width: 30px;
  padding-left: 0;
  padding-top: 0;
  top: 0.5rem;
  right: -0.5rem;
  position: absolute;
}

body.house-lama .item-grid .inner-container .item .inline .artist .button-wrapper,
body.house-lama .grid .inner-container .item .inline .artist .button-wrapper {
  top: -0.5rem;
}

.item-grid .inner-container .item .inline .artist .watched-lot-button,
.grid .inner-container .item .inline .artist .watched-lot-button {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.item-grid .inner-container .item .inline .artist .watched-lot-button.watched, body.mobile .item-grid .inner-container .item .inline .artist .watched-lot-button,
.grid .inner-container .item .inline .artist .watched-lot-button.watched,
body.mobile .grid .inner-container .item .inline .artist .watched-lot-button {
  opacity: 1;
}

.item-grid .inner-container .item .inline .artist .watched-lot-button div.btn-inner,
.grid .inner-container .item .inline .artist .watched-lot-button div.btn-inner {
  height: 27px;
  width: 30px;
  position: absolute;
}

.item-grid .inner-container .item .inline .artist .watched-lot-button .aura,
.grid .inner-container .item .inline .artist .watched-lot-button .aura {
  top: 1.6rem;
}

.item-grid .inner-container .item .inline.no-lot-num .artist,
.grid .inner-container .item .inline.no-lot-num .artist {
  padding-top: 6px;
}

.item-grid .inner-container .item .inline.no-lot-num .title,
.grid .inner-container .item .inline.no-lot-num .title {
  padding-right: 30px;
}

.item-grid .inner-container .item .inline div p,
.grid .inner-container .item .inline div p {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0;
  padding: 0;
  color: #666;
}

body.house-toomey .item-grid .inner-container .item .inline div p, body.house-rago .item-grid .inner-container .item .inline div p,
body.house-toomey .grid .inner-container .item .inline div p,
body.house-rago .grid .inner-container .item .inline div p {
  font-family: Alright, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
}

body.house-toomey .item-grid .inner-container .item .inline div p,
body.house-toomey .grid .inner-container .item .inline div p {
  line-height: 2.1rem;
}

body.house-lama .item-grid .inner-container .item .inline div p,
body.house-lama .grid .inner-container .item .inline div p {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 2rem;
}

.item-grid .inner-container .item .inline div p.result, .item-grid .inner-container .item .inline div p.price-available-note, .item-grid .inner-container .item .inline div p.on-hold-note,
.grid .inner-container .item .inline div p.result,
.grid .inner-container .item .inline div p.price-available-note,
.grid .inner-container .item .inline div p.on-hold-note {
  font-weight: 500;
  color: #333;
}

body.house-toomey .item-grid .inner-container .item .inline div p.result, body.house-rago .item-grid .inner-container .item .inline div p.result, body.house-toomey .item-grid .inner-container .item .inline div p.price-available-note, body.house-rago .item-grid .inner-container .item .inline div p.price-available-note, body.house-toomey .item-grid .inner-container .item .inline div p.on-hold-note, body.house-rago .item-grid .inner-container .item .inline div p.on-hold-note,
body.house-toomey .grid .inner-container .item .inline div p.result,
body.house-rago .grid .inner-container .item .inline div p.result,
body.house-toomey .grid .inner-container .item .inline div p.price-available-note,
body.house-rago .grid .inner-container .item .inline div p.price-available-note,
body.house-toomey .grid .inner-container .item .inline div p.on-hold-note,
body.house-rago .grid .inner-container .item .inline div p.on-hold-note {
  font-weight: 500;
}

.item-grid .inner-container .item .inline div p.buy_now,
.grid .inner-container .item .inline div p.buy_now {
  font-weight: 500;
  color: #489559;
}

body.house-lama .item-grid .inner-container .item .inline div p.buy_now,
body.house-lama .grid .inner-container .item .inline div p.buy_now {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

.item-grid .inner-container .item .inline div .name,
.grid .inner-container .item .inline div .name {
  display: block;
  overflow: hidden;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0;
  color: #333;
  text-transform: uppercase;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
}

body.house-toomey .item-grid .inner-container .item .inline div .name, body.house-rago .item-grid .inner-container .item .inline div .name,
body.house-toomey .grid .inner-container .item .inline div .name,
body.house-rago .grid .inner-container .item .inline div .name {
  font-family: Alright, sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2.1rem;
  letter-spacing: 0.15rem;
  color: #111;
}

body.house-lama .item-grid .inner-container .item .inline div .name,
body.house-lama .grid .inner-container .item .inline div .name {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0.18rem;
}

.item-grid .inner-container .item .inline div .title,
.grid .inner-container .item .inline div .title {
  overflow: hidden;
  margin-bottom: 0;
}

.item-grid .inner-container .item .inline div .lot_no,
.grid .inner-container .item .inline div .lot_no {
  display: block;
  font-size: 3.2rem;
  letter-spacing: 0.1rem;
  line-height: 3.2rem;
  padding-bottom: 0.8rem;
  color: #ccc;
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
}

body.house-toomey .item-grid .inner-container .item .inline div .lot_no,
body.house-toomey .grid .inner-container .item .inline div .lot_no {
  font-size: 2.6rem;
  letter-spacing: 1px;
  font-family: "Canela Web", serif;
  font-weight: 900;
}

body.house-rago .item-grid .inner-container .item .inline div .lot_no,
body.house-rago .grid .inner-container .item .inline div .lot_no {
  font-size: 3.8rem;
  font-family: "Dala Floda", serif;
  font-weight: 700;
}

body.house-lama .item-grid .inner-container .item .inline div .lot_no,
body.house-lama .grid .inner-container .item .inline div .lot_no {
  font-family: "Lust", serif;
  font-size: 3rem;
  line-height: 2.4rem;
  padding-bottom: 1.3rem;
}

.item-grid .inner-container .item .inline div.on-hold-note p, .item-grid .inner-container .item .inline div.price-available-note p, .item-grid .inner-container .item .inline div.starting_bid p, .item-grid .inner-container .item .inline div.result p,
.grid .inner-container .item .inline div.on-hold-note p,
.grid .inner-container .item .inline div.price-available-note p,
.grid .inner-container .item .inline div.starting_bid p,
.grid .inner-container .item .inline div.result p {
  color: #333;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

body.house-toomey .item-grid .inner-container .item .inline div.on-hold-note p, body.house-rago .item-grid .inner-container .item .inline div.on-hold-note p, body.house-toomey .item-grid .inner-container .item .inline div.price-available-note p, body.house-rago .item-grid .inner-container .item .inline div.price-available-note p, body.house-toomey .item-grid .inner-container .item .inline div.starting_bid p, body.house-rago .item-grid .inner-container .item .inline div.starting_bid p, body.house-toomey .item-grid .inner-container .item .inline div.result p, body.house-rago .item-grid .inner-container .item .inline div.result p,
body.house-toomey .grid .inner-container .item .inline div.on-hold-note p,
body.house-rago .grid .inner-container .item .inline div.on-hold-note p,
body.house-toomey .grid .inner-container .item .inline div.price-available-note p,
body.house-rago .grid .inner-container .item .inline div.price-available-note p,
body.house-toomey .grid .inner-container .item .inline div.starting_bid p,
body.house-rago .grid .inner-container .item .inline div.starting_bid p,
body.house-toomey .grid .inner-container .item .inline div.result p,
body.house-rago .grid .inner-container .item .inline div.result p {
  font-size: 1.3rem;
  line-height: 2.1rem;
  font-weight: 700;
  font-family: Alright, sans-serif;
  font-weight: normal;
}

body.house-lama .item-grid .inner-container .item .inline div.on-hold-note p, body.house-lama .item-grid .inner-container .item .inline div.price-available-note p, body.house-lama .item-grid .inner-container .item .inline div.starting_bid p, body.house-lama .item-grid .inner-container .item .inline div.result p,
body.house-lama .grid .inner-container .item .inline div.on-hold-note p,
body.house-lama .grid .inner-container .item .inline div.price-available-note p,
body.house-lama .grid .inner-container .item .inline div.starting_bid p,
body.house-lama .grid .inner-container .item .inline div.result p {
  font-family: "adrianna", sans-serif;
  font-weight: 500;
  line-height: 2rem;
}

.item-grid .inner-container .item .inline div.on-hold-note span, .item-grid .inner-container .item .inline div.price-available-note span, .item-grid .inner-container .item .inline div.starting_bid span, .item-grid .inner-container .item .inline div.result span,
.grid .inner-container .item .inline div.on-hold-note span,
.grid .inner-container .item .inline div.price-available-note span,
.grid .inner-container .item .inline div.starting_bid span,
.grid .inner-container .item .inline div.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

body.house-toomey .item-grid .inner-container .item .inline div.on-hold-note span, body.house-rago .item-grid .inner-container .item .inline div.on-hold-note span, body.house-toomey .item-grid .inner-container .item .inline div.price-available-note span, body.house-rago .item-grid .inner-container .item .inline div.price-available-note span, body.house-toomey .item-grid .inner-container .item .inline div.starting_bid span, body.house-rago .item-grid .inner-container .item .inline div.starting_bid span, body.house-toomey .item-grid .inner-container .item .inline div.result span, body.house-rago .item-grid .inner-container .item .inline div.result span,
body.house-toomey .grid .inner-container .item .inline div.on-hold-note span,
body.house-rago .grid .inner-container .item .inline div.on-hold-note span,
body.house-toomey .grid .inner-container .item .inline div.price-available-note span,
body.house-rago .grid .inner-container .item .inline div.price-available-note span,
body.house-toomey .grid .inner-container .item .inline div.starting_bid span,
body.house-rago .grid .inner-container .item .inline div.starting_bid span,
body.house-toomey .grid .inner-container .item .inline div.result span,
body.house-rago .grid .inner-container .item .inline div.result span {
  font-size: 1.3rem;
  line-height: 2.1rem;
  font-family: Alright, sans-serif;
  font-weight: 500;
}

body.house-lama .item-grid .inner-container .item .inline div.on-hold-note span, body.house-lama .item-grid .inner-container .item .inline div.price-available-note span, body.house-lama .item-grid .inner-container .item .inline div.starting_bid span, body.house-lama .item-grid .inner-container .item .inline div.result span,
body.house-lama .grid .inner-container .item .inline div.on-hold-note span,
body.house-lama .grid .inner-container .item .inline div.price-available-note span,
body.house-lama .grid .inner-container .item .inline div.starting_bid span,
body.house-lama .grid .inner-container .item .inline div.result span {
  font-family: "adrianna", sans-serif;
  font-weight: 500;
  color: #444;
  line-height: 2rem;
}

.item-grid .inner-container .item .image,
.grid .inner-container .item .image {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  margin-bottom: 1rem;
}

.item-grid .inner-container .item .image img,
.grid .inner-container .item .image img {
  position: absolute;
  top: 0;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}

.item-grid .inner-container .item:hover .artist .watched-lot-button,
.grid .inner-container .item:hover .artist .watched-lot-button {
  opacity: 1;
}

.item-grid .inner-container .item .artist .watched-lot-button,
.grid .inner-container .item .artist .watched-lot-button {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  vertical-align: top;
  height: 100%;
}

.item-grid .inner-container .item .artist .watched-lot-button.watched, body.mobile .item-grid .inner-container .item .artist .watched-lot-button,
.grid .inner-container .item .artist .watched-lot-button.watched,
body.mobile .grid .inner-container .item .artist .watched-lot-button {
  opacity: 1;
}

.item-grid .inner-container .item .artist .watched-lot-button .btn-inner,
.grid .inner-container .item .artist .watched-lot-button .btn-inner {
  width: 27px;
  height: 30px;
}

.item-grid .inner-container .item h3,
.grid .inner-container .item h3 {
  margin: 0;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: 0.15rem;
  max-height: 4.2rem;
  color: #444;
  text-transform: uppercase;
  display: inline-block;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
}

.item-grid .inner-container .item a,
.grid .inner-container .item a {
  text-decoration: none;
  display: block;
}

.item-grid .inner-container .item a.item_link,
.grid .inner-container .item a.item_link {
  text-decoration: none !important;
}

.item-grid .inner-container .item p,
.grid .inner-container .item p {
  margin: 0;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #666;
}

.item-grid .inner-container .item img,
.grid .inner-container .item img {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  height: auto;
}

.item-grid .inner-container .item .lot_no,
.grid .inner-container .item .lot_no {
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
  font-size: 3.2rem;
  letter-spacing: 0.1rem;
  line-height: 3.2rem;
  padding-bottom: 0.8rem;
  color: #ccc;
}

.item-grid .inner-container .item .result,
.item-grid .inner-container .item .price-available-note,
.item-grid .inner-container .item .on-hold-note,
.grid .inner-container .item .result,
.grid .inner-container .item .price-available-note,
.grid .inner-container .item .on-hold-note {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03rem;
}

.item-grid .inner-container .item .bid-status,
.grid .inner-container .item .bid-status {
  justify-content: start;
}

.item-grid .inner-container .item .bid-status .leading,
.grid .inner-container .item .bid-status .leading {
  color: #25951b;
}

.item-grid .inner-container .item .bid-status .outbid,
.grid .inner-container .item .bid-status .outbid {
  color: #C62525;
}

.item-grid .inner-container .item .bid-amount,
.grid .inner-container .item .bid-amount {
  color: #444;
}

.item-grid .inner-container .item .bid-amount:after,
.grid .inner-container .item .bid-amount:after {
  content: "";
}

.item-grid .inner-container .item .bid-count, .grid .inner-container .item .bid-count{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.item-grid .inner-container .item .bid-type-label.starting,
.grid .inner-container .item .bid-type-label.starting {
  font-weight: normal;
}

.item-grid .inner-container .item .bid-type-label.current,
.grid .inner-container .item .bid-type-label.current {
  font-weight: 500;
}

.item-grid .inner-container .item .edit-bid,
.grid .inner-container .item .edit-bid {
  text-decoration: underline !important;
  letter-spacing: 0.03rem;
  background: transparent !important;
  margin-left: 0.5rem;
}

.item-grid .inner-container .item .user-activity,
.grid .inner-container .item .user-activity {
  display: flex;
  flex-direction: row;
  margin-top: 1.1rem;
}

.item-grid .inner-container .item .user-activity .user-current-bid,
.grid .inner-container .item .user-activity .user-current-bid {
  color: #333;
  font-weight: 500;
}

body.house-lama .item-grid .inner-container .item .user-activity .user-current-bid,
body.house-lama .grid .inner-container .item .user-activity .user-current-bid {
  color: #444;
}

.item-grid .inner-container .item-wn .image,
.grid .inner-container .item-wn .image {
  margin-bottom: 0;
}

.item-grid .inner-container,
.grid .inner-container {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
  grid-row: span 1;
  grid-column: span 1;
}

.item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
  grid-row: span 2;
  grid-column: span 1;
}

.item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
  padding-bottom: calc(200% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
  grid-row: span 3;
  grid-column: span 1;
}

.item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
  padding-bottom: calc(300% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
  grid-row: span 4;
  grid-column: span 1;
}

.item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
  padding-bottom: calc(400% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
  grid-row: span 5;
  grid-column: span 1;
}

.item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
  padding-bottom: calc(500% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
  grid-row: span 1;
  grid-column: span 2;
}

.item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
  padding-bottom: calc(50% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
  grid-row: span 2;
  grid-column: span 2;
}

.item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
  grid-row: span 3;
  grid-column: span 2;
}

.item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
  padding-bottom: calc(150% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
  grid-row: span 4;
  grid-column: span 2;
}

.item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
  padding-bottom: calc(200% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
  grid-row: span 5;
  grid-column: span 2;
}

.item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
  padding-bottom: calc(250% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
  grid-row: span 1;
  grid-column: span 3;
}

.item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
  padding-bottom: calc(33% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
  grid-row: span 2;
  grid-column: span 3;
}

.item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
  padding-bottom: calc(66% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
  grid-row: span 3;
  grid-column: span 3;
}

.item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
  grid-row: span 4;
  grid-column: span 3;
}

.item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
  padding-bottom: calc(133% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
  grid-row: span 5;
  grid-column: span 3;
}

.item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
  padding-bottom: calc(166% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
  grid-row: span 1;
  grid-column: span 4;
}

.item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
  padding-bottom: calc(25% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
  grid-row: span 2;
  grid-column: span 4;
}

.item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
  padding-bottom: calc(50% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
  grid-row: span 3;
  grid-column: span 4;
}

.item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
  padding-bottom: calc(75% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
  grid-row: span 4;
  grid-column: span 4;
}

.item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
  grid-row: span 5;
  grid-column: span 4;
}

.item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
  padding-bottom: calc(125% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
  grid-row: span 1;
  grid-column: span 5;
}

.item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
  padding-bottom: calc(20% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
  grid-row: span 2;
  grid-column: span 5;
}

.item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
  padding-bottom: calc(40% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
  grid-row: span 3;
  grid-column: span 5;
}

.item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
  padding-bottom: calc(60% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
  grid-row: span 4;
  grid-column: span 5;
}

.item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
  padding-bottom: calc(80% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
  grid-row: span 5;
  grid-column: span 5;
}

.item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

.item-grid .item.w8,
.grid .item.w8 {
  grid-column: span 8;
}

.item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
  max-width: calc((100% / 1) * 1);
}

.item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
  max-width: calc((100% / 2) * 1);
}

.item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
  max-width: calc((100% / 2) * 2);
}

.item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
  max-width: calc((100% / 3) * 1);
}

.item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
  max-width: calc((100% / 3) * 2);
}

.item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
  max-width: calc((100% / 3) * 3);
}

.item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
  max-width: calc((100% / 4) * 1);
}

.item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
  max-width: calc((100% / 4) * 2);
}

.item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
  max-width: calc((100% / 4) * 3);
}

.item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
  max-width: calc((100% / 4) * 4);
}

.item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

.item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

.item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

.item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

.item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

.item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
  max-width: calc((100% / 6) * 1);
}

.item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
  max-width: calc((100% / 6) * 2);
}

.item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
  max-width: calc((100% / 6) * 3);
}

.item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
  max-width: calc((100% / 6) * 4);
}

.item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
  max-width: calc((100% / 6) * 5);
}

.item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
  max-width: calc((100% / 6) * 6);
}

.item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
  max-width: calc((100% / 7) * 1);
}

.item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
  max-width: calc((100% / 7) * 2);
}

.item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
  max-width: calc((100% / 7) * 3);
}

.item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
  max-width: calc((100% / 7) * 4);
}

.item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
  max-width: calc((100% / 7) * 5);
}

.item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
  max-width: calc((100% / 7) * 6);
}

.item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
  max-width: calc((100% / 7) * 7);
}

.item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
  max-width: 100%;
}

.item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
  width: 100%;
}

.item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
  max-width: calc((100% / 8) * 1);
}

.item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
  max-width: calc((100% / 8) * 2);
}

.item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
  max-width: calc((100% / 8) * 3);
}

.item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
  max-width: calc((100% / 8) * 4);
}

.item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
  max-width: calc((100% / 8) * 5);
}

.item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
  max-width: calc((100% / 8) * 6);
}

.item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
  max-width: calc((100% / 8) * 7);
}

.item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
  max-width: calc((100% / 8) * 8);
}

@media (max-width: 2230px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7,
.grid .item.w8,
.grid .item.w7 {
    grid-column: span 7;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 7) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 7) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 7) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 7) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 7) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 7) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 7) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 7) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 7) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 7) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 7) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 7) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 7) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 7) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 7) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 7) * 8);
  }
}

@media (max-width: 2035px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7, .item-grid .item.w6,
.grid .item.w8,
.grid .item.w7,
.grid .item.w6 {
    grid-column: span 6;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w6,
.grid .item.chapter.w6 {
    width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 6) * 7);
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 6) * 8);
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 6) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 6) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 6) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 6) * 8);
  }
}

@media (max-width: 1820px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 5;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7, .item-grid .item.w6, .item-grid .item.w5,
.grid .item.w8,
.grid .item.w7,
.grid .item.w6,
.grid .item.w5 {
    grid-column: span 5;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w5,
.grid .item.chapter.w5 {
    width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }

  .item-grid .item.chapter.w6,
.grid .item.chapter.w6 {
    width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }
}

@media (max-width: 1515px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7, .item-grid .item.w6, .item-grid .item.w5, .item-grid .item.w4,
.grid .item.w8,
.grid .item.w7,
.grid .item.w6,
.grid .item.w5,
.grid .item.w4 {
    grid-column: span 4;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w4,
.grid .item.chapter.w4 {
    width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  .item-grid .item.chapter.w5,
.grid .item.chapter.w5 {
    width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  .item-grid .item.chapter.w6,
.grid .item.chapter.w6 {
    width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }
}

@media (max-width: 1200px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7, .item-grid .item.w6, .item-grid .item.w5, .item-grid .item.w4, .item-grid .item.w3,
.grid .item.w8,
.grid .item.w7,
.grid .item.w6,
.grid .item.w5,
.grid .item.w4,
.grid .item.w3 {
    grid-column: span 3;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w3,
.grid .item.chapter.w3 {
    width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  .item-grid .item.chapter.w4,
.grid .item.chapter.w4 {
    width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  .item-grid .item.chapter.w5,
.grid .item.chapter.w5 {
    width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  .item-grid .item.chapter.w6,
.grid .item.chapter.w6 {
    width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }
}

@media (max-width: 900px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7, .item-grid .item.w6, .item-grid .item.w5, .item-grid .item.w4, .item-grid .item.w3, .item-grid .item.w2,
.grid .item.w8,
.grid .item.w7,
.grid .item.w6,
.grid .item.w5,
.grid .item.w4,
.grid .item.w3,
.grid .item.w2 {
    grid-column: span 2;
  }

  .item-grid .item.chapter,
.grid .item.chapter {
    grid-column: span 2;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2,
.grid .item.chapter.w2 {
    width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w3,
.grid .item.chapter.w3 {
    width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w4,
.grid .item.chapter.w4 {
    width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w5,
.grid .item.chapter.w5 {
    width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w6,
.grid .item.chapter.w6 {
    width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }
}

@media (max-width: 768px) {
  .item-grid,
.grid {
    margin-top: 30px;
  }
}

@media (max-width: 764px) {
  .item-grid .inner-container,
.grid .inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .item-grid .item[data-mosaic-ratio="1:1"],
.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:1"] .mosaic,
.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:2"],
.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:2"] .mosaic,
.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:3"],
.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:3"] .mosaic,
.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:4"],
.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:4"] .mosaic,
.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="1:5"],
.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  .item-grid .item[data-mosaic-ratio="1:5"] .mosaic,
.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:1"],
.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:1"] .mosaic,
.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:2"],
.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:2"] .mosaic,
.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:3"],
.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:3"] .mosaic,
.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:4"],
.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:4"] .mosaic,
.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="2:5"],
.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="2:5"] .mosaic,
.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:1"],
.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:1"] .mosaic,
.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:2"],
.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:2"] .mosaic,
.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:3"],
.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:3"] .mosaic,
.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:4"],
.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:4"] .mosaic,
.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="3:5"],
.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="3:5"] .mosaic,
.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:1"],
.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:1"] .mosaic,
.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:2"],
.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:2"] .mosaic,
.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:3"],
.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:3"] .mosaic,
.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:4"],
.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:4"] .mosaic,
.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="4:5"],
.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="4:5"] .mosaic,
.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:1"],
.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:1"] .mosaic,
.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:2"],
.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:2"] .mosaic,
.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:3"],
.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:3"] .mosaic,
.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:4"],
.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:4"] .mosaic,
.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item[data-mosaic-ratio="5:5"],
.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  .item-grid .item[data-mosaic-ratio="5:5"] .mosaic,
.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  .item-grid .item.w8, .item-grid .item.w7, .item-grid .item.w6, .item-grid .item.w5, .item-grid .item.w4, .item-grid .item.w3, .item-grid .item.w2,
.grid .item.w8,
.grid .item.w7,
.grid .item.w6,
.grid .item.w5,
.grid .item.w4,
.grid .item.w3,
.grid .item.w2 {
    grid-column: span 2;
  }

  .item-grid .item.chapter,
.grid .item.chapter {
    grid-column: span 2;
  }

  .item-grid .item.chapter.w1.t1 .chapter-text,
.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  .item-grid .item.chapter.w1.t2 .chapter-text,
.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t3 .chapter-text,
.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t4 .chapter-text,
.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t5 .chapter-text,
.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t6 .chapter-text,
.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t7 .chapter-text,
.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w1.t8 .chapter-text,
.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  .item-grid .item.chapter.w2,
.grid .item.chapter.w2 {
    width: 100%;
  }

  .item-grid .item.chapter.w2.t1 .chapter-text,
.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w2.t2 .chapter-text,
.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w2.t3 .chapter-text,
.grid .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w2.t4 .chapter-text,
.grid .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w2.t5 .chapter-text,
.grid .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w2.t6 .chapter-text,
.grid .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w2.t7 .chapter-text,
.grid .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w2.t8 .chapter-text,
.grid .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w3,
.grid .item.chapter.w3 {
    width: 100%;
  }

  .item-grid .item.chapter.w3.t1 .chapter-text,
.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w3.t2 .chapter-text,
.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w3.t3 .chapter-text,
.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w3.t4 .chapter-text,
.grid .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w3.t5 .chapter-text,
.grid .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w3.t6 .chapter-text,
.grid .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w3.t7 .chapter-text,
.grid .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w3.t8 .chapter-text,
.grid .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w4,
.grid .item.chapter.w4 {
    width: 100%;
  }

  .item-grid .item.chapter.w4.t1 .chapter-text,
.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w4.t2 .chapter-text,
.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w4.t3 .chapter-text,
.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w4.t4 .chapter-text,
.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w4.t5 .chapter-text,
.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w4.t6 .chapter-text,
.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w4.t7 .chapter-text,
.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w4.t8 .chapter-text,
.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w5,
.grid .item.chapter.w5 {
    width: 100%;
  }

  .item-grid .item.chapter.w5.t1 .chapter-text,
.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w5.t2 .chapter-text,
.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w5.t3 .chapter-text,
.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w5.t4 .chapter-text,
.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w5.t5 .chapter-text,
.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w5.t6 .chapter-text,
.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w5.t7 .chapter-text,
.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w5.t8 .chapter-text,
.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w6,
.grid .item.chapter.w6 {
    width: 100%;
  }

  .item-grid .item.chapter.w6.t1 .chapter-text,
.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w6.t2 .chapter-text,
.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w6.t3 .chapter-text,
.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w6.t4 .chapter-text,
.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w6.t5 .chapter-text,
.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w6.t6 .chapter-text,
.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w6.t7 .chapter-text,
.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w6.t8 .chapter-text,
.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w7,
.grid .item.chapter.w7 {
    width: 100%;
  }

  .item-grid .item.chapter.w7.t1 .chapter-text,
.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w7.t2 .chapter-text,
.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w7.t3 .chapter-text,
.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w7.t4 .chapter-text,
.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w7.t5 .chapter-text,
.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w7.t6 .chapter-text,
.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w7.t7 .chapter-text,
.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w7.t8 .chapter-text,
.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  .item-grid .item.chapter.w8,
.grid .item.chapter.w8 {
    width: 100%;
  }

  .item-grid .item.chapter.w8.t1 .chapter-text,
.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  .item-grid .item.chapter.w8.t2 .chapter-text,
.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  .item-grid .item.chapter.w8.t3 .chapter-text,
.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  .item-grid .item.chapter.w8.t4 .chapter-text,
.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  .item-grid .item.chapter.w8.t5 .chapter-text,
.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  .item-grid .item.chapter.w8.t6 .chapter-text,
.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  .item-grid .item.chapter.w8.t7 .chapter-text,
.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  .item-grid .item.chapter.w8.t8 .chapter-text,
.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }
}

#nosotope {
  display: block;
}

#nosotope.mosaic {
  /*-----------------------------*/
  /*-----------------------------*/
}

#nosotope.mosaic :root {
  --row-gap: 0px;
  --column-gap: 0px;
  --tile-height: 15ex;
}

#nosotope.mosaic.inline {
  padding-bottom: 60px;
}

#nosotope.mosaic .key {
  right: 1rem;
  left: auto;
  color: #333;
}

#nosotope.mosaic .key.fixed {
  position: fixed;
  top: 98px;
  right: 8px;
}

#nosotope.mosaic .inner-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  grid-auto-flow: dense;
}

#nosotope.mosaic .item {
  overflow: hidden;
  display: grid;
  grid-auto-rows: 1fr minmax(auto, 15ex);
  position: relative;
}

#nosotope.mosaic .item:hover .inline .artist .watched-lot-button {
  opacity: 1;
}

#nosotope.mosaic .item.chapter {
  background: white;
}

#nosotope.mosaic .item .mosaic {
  display: block;
  content: "";
  flex-grow: 1;
  position: relative;
  background: #f3f3f3;
  height: 100%;
}

#nosotope.mosaic .item .link {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  position: absolute;
}

#nosotope.mosaic .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

#nosotope.mosaic .item img.lazyload {
  width: 0;
}

#nosotope.mosaic .item .fluid-img img {
  position: fixed;
}

#nosotope.mosaic .item i.icon-no-reserve {
  font-size: 2rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
}

#nosotope.mosaic .item .key {
  margin-top: 2rem;
}

#nosotope.mosaic .item .inline {
  text-align: center;
  padding: 2rem 0;
  background: #fff;
  height: auto;
  position: relative;
  bottom: 0;
  display: block;
}

#nosotope.mosaic .item .inline .artist,
#nosotope.mosaic .item .inline .title {
  overflow: hidden;
}

#nosotope.mosaic .item .inline .artist {
  display: flex;
  justify-content: center;
  max-height: 4.8rem;
  padding-right: 44px;
  padding-left: 44px;
}

#nosotope.mosaic .item .inline .artist p {
  margin: 0;
}

body.house-toomey #nosotope.mosaic .item .inline .artist, body.house-rago #nosotope.mosaic .item .inline .artist {
  max-height: 5.2rem;
}

#nosotope.mosaic .item .inline .artist .button-wrapper {
  height: 27px;
  width: 30px;
  padding-left: 0;
  padding-top: 0;
  right: 8px;
  top: 16px;
  position: absolute;
}

#nosotope.mosaic .item .inline .artist .watched-lot-button {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  height: 27px;
  width: 30px;
}

#nosotope.mosaic .item .inline .artist .watched-lot-button.watched, body.mobile #nosotope.mosaic .item .inline .artist .watched-lot-button, body.mobile #nosotope.mosaic .item .inline .artist .watched-lot-button {
  opacity: 1;
}

#nosotope.mosaic .item .inline .artist .watched-lot-button div.btn-inner {
  height: 27px;
  width: 30px;
}

#nosotope.mosaic .item .inline.no-lot-num {
  padding-top: 6px;
}

#nosotope.mosaic .item .inline.no-lot-num div.title {
  padding-right: 30px;
}

#nosotope.mosaic .item .inline .title {
  max-height: 4.2rem;
  padding: 0 1rem;
}

#nosotope.mosaic .item .inline p {
  margin: 0 auto;
  line-height: 2.1rem;
  font-size: 1.3rem;
  overflow: hidden;
  position: relative;
}

#nosotope.mosaic .item .inline p .lot_no {
  font-size: 1.8rem;
  margin-right: 0.6rem;
  color: #999;
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
}

body.house-toomey #nosotope.mosaic .item .inline p .lot_no {
  font-family: "Canela Web", serif;
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 2.7rem;
  color: #999;
  letter-spacing: 0.1rem;
}

body.house-rago #nosotope.mosaic .item .inline p .lot_no {
  font-family: "Editor", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 2.7rem;
  color: #999;
}

#nosotope.mosaic .item .inline p .name {
  font-size: 1.2rem;
  letter-spacing: 0.15rem;
  max-height: 4.2rem;
  margin-bottom: 0.2rem;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

body.house-toomey #nosotope.mosaic .item .inline p .name, body.house-rago #nosotope.mosaic .item .inline p .name {
  font-family: Alright, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: 0.18rem;
  color: #111;
  max-height: 5.2rem;
}

body.house-lama #nosotope.mosaic .item .inline p .name {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
}

body.house-toomey #nosotope.mosaic .item .inline .title, body.house-rago #nosotope.mosaic .item .inline .title {
  max-height: 4.6rem;
}

#nosotope.mosaic .item .inline .title p {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
  color: #333;
  max-width: 70rem;
}

body.house-toomey #nosotope.mosaic .item .inline .title p span, body.house-rago #nosotope.mosaic .item .inline .title p span {
  font-family: Alright, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.2rem;
  letter-spacing: 0;
  color: #444;
}

.body.house-lama #nosotope.mosaic .item .inline .title p span {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

#nosotope.mosaic .item .inline .estimate .caption_numeric_value {
  color: #333;
}

body.house-lama #nosotope.mosaic .item .inline .estimate .caption_numeric_value {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

#nosotope.mosaic .item .inline .estimate p {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
  color: #333;
}

body.house-toomey #nosotope.mosaic .item .inline .estimate p span, body.house-rago #nosotope.mosaic .item .inline .estimate p span {
  font-family: Alright, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.2rem;
  letter-spacing: 0;
}

.body.house-lama #nosotope.mosaic .item .inline .estimate p span {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

#nosotope.mosaic .item .inline .estimate .icon-no-reserve {
  font-size: 2.2rem;
  line-height: 2.2rem;
  color: #333;
}

#nosotope.mosaic .item .inline .result,
#nosotope.mosaic .item .inline .result p,
#nosotope.mosaic .item .inline .result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
  color: #333;
}

body.house-toomey #nosotope.mosaic .item .inline .result, body.house-rago #nosotope.mosaic .item .inline .result,
body.house-toomey #nosotope.mosaic .item .inline .result p,
body.house-rago #nosotope.mosaic .item .inline .result p,
body.house-toomey #nosotope.mosaic .item .inline .result span,
body.house-rago #nosotope.mosaic .item .inline .result span {
  font-family: Alright, sans-serif;
  font-weight: 700;
}

body.house-lama #nosotope.mosaic .item .inline .result,
body.house-lama #nosotope.mosaic .item .inline .result p,
body.house-lama #nosotope.mosaic .item .inline .result span {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
}

#nosotope.mosaic .inner-container {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#nosotope.mosaic .item[data-mosaic-ratio="1:1"] {
  grid-row: span 1;
  grid-column: span 1;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:1"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:2"] {
  grid-row: span 2;
  grid-column: span 1;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:2"] .mosaic {
  padding-bottom: calc(200% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:3"] {
  grid-row: span 3;
  grid-column: span 1;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:3"] .mosaic {
  padding-bottom: calc(300% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:4"] {
  grid-row: span 4;
  grid-column: span 1;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:4"] .mosaic {
  padding-bottom: calc(400% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:5"] {
  grid-row: span 5;
  grid-column: span 1;
}

#nosotope.mosaic .item[data-mosaic-ratio="1:5"] .mosaic {
  padding-bottom: calc(500% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:1"] {
  grid-row: span 1;
  grid-column: span 2;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:1"] .mosaic {
  padding-bottom: calc(50% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:2"] {
  grid-row: span 2;
  grid-column: span 2;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:2"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:3"] {
  grid-row: span 3;
  grid-column: span 2;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:3"] .mosaic {
  padding-bottom: calc(150% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:4"] {
  grid-row: span 4;
  grid-column: span 2;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:4"] .mosaic {
  padding-bottom: calc(200% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:5"] {
  grid-row: span 5;
  grid-column: span 2;
}

#nosotope.mosaic .item[data-mosaic-ratio="2:5"] .mosaic {
  padding-bottom: calc(250% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:1"] {
  grid-row: span 1;
  grid-column: span 3;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:1"] .mosaic {
  padding-bottom: calc(33% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:2"] {
  grid-row: span 2;
  grid-column: span 3;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:2"] .mosaic {
  padding-bottom: calc(66% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:3"] {
  grid-row: span 3;
  grid-column: span 3;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:3"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:4"] {
  grid-row: span 4;
  grid-column: span 3;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:4"] .mosaic {
  padding-bottom: calc(133% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:5"] {
  grid-row: span 5;
  grid-column: span 3;
}

#nosotope.mosaic .item[data-mosaic-ratio="3:5"] .mosaic {
  padding-bottom: calc(166% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:1"] {
  grid-row: span 1;
  grid-column: span 4;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:1"] .mosaic {
  padding-bottom: calc(25% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:2"] {
  grid-row: span 2;
  grid-column: span 4;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:2"] .mosaic {
  padding-bottom: calc(50% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:3"] {
  grid-row: span 3;
  grid-column: span 4;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:3"] .mosaic {
  padding-bottom: calc(75% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:4"] {
  grid-row: span 4;
  grid-column: span 4;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:4"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:5"] {
  grid-row: span 5;
  grid-column: span 4;
}

#nosotope.mosaic .item[data-mosaic-ratio="4:5"] .mosaic {
  padding-bottom: calc(125% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:1"] {
  grid-row: span 1;
  grid-column: span 5;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:1"] .mosaic {
  padding-bottom: calc(20% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:2"] {
  grid-row: span 2;
  grid-column: span 5;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:2"] .mosaic {
  padding-bottom: calc(40% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:3"] {
  grid-row: span 3;
  grid-column: span 5;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:3"] .mosaic {
  padding-bottom: calc(60% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:4"] {
  grid-row: span 4;
  grid-column: span 5;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:4"] .mosaic {
  padding-bottom: calc(80% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:5"] {
  grid-row: span 5;
  grid-column: span 5;
}

#nosotope.mosaic .item[data-mosaic-ratio="5:5"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="6:6"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="6:6"] .mosaic {
  padding-bottom: calc(100% * 1);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="6:7"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="6:7"] .mosaic {
  padding-bottom: calc(100% * 1.1666666667);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="6:8"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="6:8"] .mosaic {
  padding-bottom: calc(100% * 1.3333333333);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="7:6"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="7:6"] .mosaic {
  padding-bottom: calc(100% * 0.8571428571);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="7:7"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="7:7"] .mosaic {
  padding-bottom: calc(100% * 1);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="7:8"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="7:8"] .mosaic {
  padding-bottom: calc(100% * 1.1428571429);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="8:6"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="8:6"] .mosaic {
  padding-bottom: calc(100% * 0.75);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="8:7"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="8:7"] .mosaic {
  padding-bottom: calc(100% * 0.875);
  display: block;
  content: "";
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="8:8"] {
  width: 100%;
}

#nosotope.mosaic .item.chapter[data-mosaic-ratio="8:8"] .mosaic {
  padding-bottom: calc(100% * 1);
  display: block;
  content: "";
}

@media (max-width: 1500px) {
  #nosotope.mosaic .inner-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }
}

@media (max-width: 1200px) {
  #nosotope.mosaic .inner-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }
}

@media (max-width: 900px) {
  #nosotope.mosaic .inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }
}

@media (max-width: 600px) {
  #nosotope.mosaic .inner-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.mosaic .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }
}

@media (max-width: 512px) {
  #nosotope.mosaic {
    margin-top: 4rem;
  }
}

@media (max-width: 512px) {
  #nosotope.mosaic .item.chapter:not(.full-width) .inner {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter:not(.full-width) .img-well,
#nosotope.mosaic .item.chapter:not(.full-width) .bg-img {
    max-width: 100%;
    width: calc(100% - 10px);
  }

  #nosotope.mosaic .item.chapter:not(.full-width):not(.w8) .img-well {
    width: 100%;
  }
}

#nosotope.mosaic .item.chapter {
  max-width: 100%;
  display: inline-block;
  position: relative;
  transition: opacity 0.5s ease-in-out;
}

#nosotope.mosaic .item.chapter.w1.t1 .chapter-text {
  max-width: calc((100% / 1) * 1);
}

#nosotope.mosaic .item.chapter.w1.t2 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w1.t3 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w1.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w1.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w1.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w1.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w1.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w2.t1 .chapter-text {
  max-width: calc((100% / 2) * 1);
}

#nosotope.mosaic .item.chapter.w2.t2 .chapter-text {
  max-width: calc((100% / 2) * 2);
}

#nosotope.mosaic .item.chapter.w2.t3 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w2.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w2.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w2.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w2.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w2.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w3.t1 .chapter-text {
  max-width: calc((100% / 3) * 1);
}

#nosotope.mosaic .item.chapter.w3.t2 .chapter-text {
  max-width: calc((100% / 3) * 2);
}

#nosotope.mosaic .item.chapter.w3.t3 .chapter-text {
  max-width: calc((100% / 3) * 3);
}

#nosotope.mosaic .item.chapter.w3.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w3.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w3.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w3.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w3.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w4.t1 .chapter-text {
  max-width: calc((100% / 4) * 1);
}

#nosotope.mosaic .item.chapter.w4.t2 .chapter-text {
  max-width: calc((100% / 4) * 2);
}

#nosotope.mosaic .item.chapter.w4.t3 .chapter-text {
  max-width: calc((100% / 4) * 3);
}

#nosotope.mosaic .item.chapter.w4.t4 .chapter-text {
  max-width: calc((100% / 4) * 4);
}

#nosotope.mosaic .item.chapter.w4.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w4.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w4.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w4.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.mosaic .item.chapter.w5 {
  width: 100%;
}

#nosotope.mosaic .item.chapter.w5.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.mosaic .item.chapter.w5.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.mosaic .item.chapter.w5.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.mosaic .item.chapter.w5.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.mosaic .item.chapter.w5.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.mosaic .item.chapter.w5.t6 .chapter-text {
  max-width: calc((100% / 5) * 6);
}

#nosotope.mosaic .item.chapter.w5.t7 .chapter-text {
  max-width: calc((100% / 5) * 7);
}

#nosotope.mosaic .item.chapter.w5.t8 .chapter-text {
  max-width: calc((100% / 5) * 8);
}

#nosotope.mosaic .item.chapter.w6 {
  width: 100%;
}

#nosotope.mosaic .item.chapter.w6.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.mosaic .item.chapter.w6.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.mosaic .item.chapter.w6.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.mosaic .item.chapter.w6.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.mosaic .item.chapter.w6.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.mosaic .item.chapter.w6.t6 .chapter-text {
  max-width: calc((100% / 5) * 6);
}

#nosotope.mosaic .item.chapter.w6.t7 .chapter-text {
  max-width: calc((100% / 5) * 7);
}

#nosotope.mosaic .item.chapter.w6.t8 .chapter-text {
  max-width: calc((100% / 5) * 8);
}

#nosotope.mosaic .item.chapter.w7 {
  width: 100%;
}

#nosotope.mosaic .item.chapter.w7.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.mosaic .item.chapter.w7.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.mosaic .item.chapter.w7.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.mosaic .item.chapter.w7.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.mosaic .item.chapter.w7.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.mosaic .item.chapter.w7.t6 .chapter-text {
  max-width: calc((100% / 5) * 6);
}

#nosotope.mosaic .item.chapter.w7.t7 .chapter-text {
  max-width: calc((100% / 5) * 7);
}

#nosotope.mosaic .item.chapter.w7.t8 .chapter-text {
  max-width: calc((100% / 5) * 8);
}

#nosotope.mosaic .item.chapter.w8 {
  width: 100%;
}

#nosotope.mosaic .item.chapter.w8.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.mosaic .item.chapter.w8.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.mosaic .item.chapter.w8.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.mosaic .item.chapter.w8.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.mosaic .item.chapter.w8.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.mosaic .item.chapter.w8.t6 .chapter-text {
  max-width: calc((100% / 5) * 6);
}

#nosotope.mosaic .item.chapter.w8.t7 .chapter-text {
  max-width: calc((100% / 5) * 7);
}

#nosotope.mosaic .item.chapter.w8.t8 .chapter-text {
  max-width: calc((100% / 5) * 8);
}

#nosotope.mosaic .item.chapter.full-width[data-index-type=mosaic] {
  max-width: none;
}

#nosotope.mosaic .item.chapter.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.mosaic .item.chapter.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

#nosotope.mosaic .item.chapter.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.mosaic .item.chapter.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

#nosotope.mosaic .item.chapter.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.mosaic .item.chapter.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

#nosotope.mosaic .item.chapter.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.mosaic .item.chapter.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

#nosotope.mosaic .item.chapter.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.mosaic .item.chapter.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

#nosotope.mosaic .item.chapter .chapter-text .xxl {
  font-size: 60px;
}

@media (max-width: 2717px) {
  #nosotope.mosaic .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 1515px) / (2717 - 1515));
  }

  #nosotope.mosaic .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 1515px) / (2717 - 1515));
  }

  #nosotope.mosaic .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 1515px) / (2717 - 1515));
  }

  #nosotope.mosaic .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 1515px) / (2717 - 1515));
  }

  #nosotope.mosaic .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 1515px) / (2717 - 1515));
  }
}

@media (max-width: 1515px) {
  #nosotope.mosaic .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.mosaic .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.mosaic .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.mosaic .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.mosaic .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 1200px) / (1515 - 1200));
  }
}

@media (max-width: 1200px) {
  #nosotope.mosaic .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.mosaic .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.mosaic .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.mosaic .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.mosaic .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 900px) / (1200 - 900));
  }
}

@media (max-width: 900px) {
  #nosotope.mosaic .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.mosaic .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.mosaic .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.mosaic .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.mosaic .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 764px) / (900 - 764));
  }
}

@media (max-width: 764px) {
  #nosotope.mosaic .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.mosaic .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.mosaic .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.mosaic .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.mosaic .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.mosaic .item.chapter .chapter-text .noma.m {
    font-size: calc(22px + (30 - 22) * ((100vw - 513px) / (764 - 513)));
    line-height: 120%;
  }
}

@media (max-width: 512px) {
  #nosotope.mosaic .item.chapter .chapter-text .noma.m {
    font-size: calc(16px + (22 - 16) * ((100vw - 419px) / (512 - 419)));
    line-height: 120%;
  }
}

@media (max-width: 419px) {
  #nosotope.mosaic .item.chapter .chapter-text .noma.m {
    font-size: 16px;
  }
}

@media (max-width: 1515px) {
  #nosotope.mosaic .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.mosaic .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.mosaic .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.mosaic .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.mosaic .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.mosaic .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.mosaic .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.mosaic .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.mosaic .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.mosaic .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.mosaic .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.mosaic .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.mosaic .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.mosaic .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.mosaic .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.mosaic .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.mosaic .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.mosaic .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.mosaic .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.mosaic .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.mosaic .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.mosaic .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.mosaic .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.mosaic .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.mosaic .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.mosaic .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.mosaic .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.mosaic .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.mosaic .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.mosaic .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.mosaic .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.mosaic .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.mosaic .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.mosaic .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.mosaic .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.mosaic .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.mosaic .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.mosaic .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.mosaic .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.mosaic .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }
}

@media (max-width: 1200px) {
  #nosotope.mosaic .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.mosaic .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.mosaic .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.mosaic .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.mosaic .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.mosaic .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.mosaic .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.mosaic .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.mosaic .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.mosaic .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.mosaic .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.mosaic .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.mosaic .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.mosaic .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.mosaic .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.mosaic .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.mosaic .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.mosaic .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.mosaic .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.mosaic .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.mosaic .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.mosaic .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.mosaic .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.mosaic .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.mosaic .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.mosaic .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.mosaic .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.mosaic .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.mosaic .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.mosaic .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.mosaic .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.mosaic .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.mosaic .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }
}

@media (max-width: 900px) {
  #nosotope.mosaic .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.mosaic .item.chapter.w3 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.mosaic .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.mosaic .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.mosaic .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.mosaic .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.mosaic .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.mosaic .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.mosaic .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.mosaic .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.mosaic .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.mosaic .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.mosaic .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.mosaic .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }
}

@media (max-width: 764px) {
  #nosotope.mosaic .item.chapter.w1 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w1.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w1.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w1.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w1.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w1.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w1.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w1.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w2 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w3 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope.mosaic .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.mosaic .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.mosaic .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope.mosaic .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope.mosaic .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope.mosaic .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope.mosaic .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope.mosaic .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope.mosaic .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }
}

#nosotope.grid {
  position: relative;
  max-width: 240rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 5rem;
  border-bottom: 30px #fff solid;
  /*-----------------------------*/
  /*-----------------------------*/
}

@media screen and (min-width: 513px) {
  #nosotope.grid {
    margin: 4.4rem 3rem;
  }
}

@media screen and (min-width: 1151px) {
  #nosotope.grid {
    width: calc(100% - 20rem);
    margin: 4.4rem auto;
  }
}

@media screen and (min-width: 1361px) {
  #nosotope.grid {
    width: calc(100% - 34rem);
  }
}

#nosotope.grid .inner-container {
  grid-row-gap: 3rem;
}

#nosotope.grid .inner-container .item .inline .artist .button-wrapper {
  top: 0.5rem;
}

#nosotope.grid .item:not(.caption) {
  opacity: 1;
  width: 100%;
  position: relative;
  height: auto;
}

#nosotope.grid .item:not(.caption):hover .inline .artist .watched-lot-button {
  opacity: 1;
}

#nosotope.grid .item:not(.caption) .grid {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  height: auto;
  background-color: white;
  margin-bottom: 1rem;
  margin-top: 0;
}

#nosotope.grid .item:not(.caption) .grid img {
  display: block;
  height: 100%;
  top: 0;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}

#nosotope.grid .item:not(.caption).static {
  display: none;
}

#nosotope.grid .item:not(.caption).auto-height .inner {
  padding: 50px 0;
}

#nosotope.grid .item:not(.caption).auto-height .chapter-text {
  top: auto;
  transform: none;
}

#nosotope.grid .item:not(.caption) .fluid-img {
  height: calc(100% - 3rem);
}

#nosotope.grid .item:not(.caption) i.icon-no-reserve {
  font-size: 1.8rem;
  line-height: 1.8rem;
  display: inline-block;
  color: #333;
  vertical-align: middle;
}

#nosotope.grid .item p {
  letter-spacing: 0.03rem;
}

#nosotope.grid .item .inline {
  padding: 0;
}

#nosotope.grid .item .inline .bid-count {
  margin-right: 0.8rem;
  margin-left: 0;
}

body.house-toomey #nosotope.grid .item .inline .bid-status, body.house-rago #nosotope.grid .item .inline .bid-status,
body.house-toomey #nosotope.grid .item .inline .user-activity,
body.house-rago #nosotope.grid .item .inline .user-activity {
  font-family: Alright, sans-serif;
  font-weight: normal;
}

body.house-lama #nosotope.grid .item .inline .bid-status,
body.house-lama #nosotope.grid .item .inline .user-activity {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

#nosotope.grid .item .inline .bid-status .bid-amount,
#nosotope.grid .item .inline .user-activity .bid-amount {
  font-weight: 500;
  color: #333;
}

#nosotope.grid .item .inline .bid-status .bid-amount.shift::after,
#nosotope.grid .item .inline .user-activity .bid-amount.shift::after {
  content: " ";
}

@media screen and (min-width: 425px) {
  #nosotope.grid .item .inline .bid-status .active-bid,
#nosotope.grid .item .inline .user-activity .active-bid {
    margin-right: 0.5rem;
  }
}

#nosotope.grid .item .inline .bid-status .leading {
  font-weight: bold;
  color: #25951B;
}

#nosotope.grid .item .inline .bid-status .outbid {
  font-weight: bold;
  color: #C62525;
}

#nosotope.grid .item .inline .on-hold-note,
#nosotope.grid .item .inline .price-available-note,
#nosotope.grid .item .inline .result {
  line-height: 1.8rem;
}

#nosotope.grid .item .inline .on-hold-note span.result,
#nosotope.grid .item .inline .price-available-note span.result,
#nosotope.grid .item .inline .result span.result {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

body.house-lama #nosotope.grid .item .inline .on-hold-note span.result,
body.house-lama #nosotope.grid .item .inline .price-available-note span.result,
body.house-lama #nosotope.grid .item .inline .result span.result {
  font-size: 1.3rem;
  line-height: 2rem;
}

#nosotope.grid .item .inline .user-activity {
  margin-top: 1.1rem;
}

#nosotope.grid .item .inline .user-activity .active-bid .bid-amount {
  font-weight: 700;
}

#nosotope.grid .item .inline .user-activity .leading {
  font-weight: bold;
  color: #25951B;
}

#nosotope.grid .item .inline .user-activity .outbid {
  font-weight: bold;
  color: #C62525;
}

#nosotope.grid .item .inline .user-activity .user-backup-bid a {
  text-decoration: underline;
  font-weight: bold;
}

#nosotope.grid .item .inline .user-activity .user-bid {
  margin-right: 0.5rem;
}

#nosotope.grid .item .inline .user-activity .user-bid span {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}

#nosotope.grid .item .inline .user-activity .user-current-bid {
  color: #333;
  font-weight: 500;
}

#nosotope.grid .item .inline .artist {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: baseline;
  position: relative;
  padding-right: 30px;
}

#nosotope.grid .item .inline .artist p {
  position: relative;
}

#nosotope.grid .item .inline .artist .button-wrapper {
  margin-top: 0;
  height: 27px;
  width: 30px;
  padding-left: 0;
  padding-top: 0;
  top: 0.5rem;
  right: -0.5rem;
  position: absolute;
}

body.house-lama #nosotope.grid .item .inline .artist .button-wrapper {
  top: -0.5rem;
}

#nosotope.grid .item .inline .artist .watched-lot-button {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#nosotope.grid .item .inline .artist .watched-lot-button.watched, body.mobile #nosotope.grid .item .inline .artist .watched-lot-button {
  opacity: 1;
}

#nosotope.grid .item .inline .artist .watched-lot-button div.btn-inner {
  height: 27px;
  width: 30px;
  position: absolute;
}

#nosotope.grid .item .inline .artist .watched-lot-button .aura {
  top: 1.6rem;
}

#nosotope.grid .item .inline.no-lot-num .artist {
  padding-top: 6px;
}

#nosotope.grid .item .inline.no-lot-num .title {
  padding-right: 30px;
}

#nosotope.grid .item .inline div p {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0;
  padding: 0;
  color: #666;
}

body.house-toomey #nosotope.grid .item .inline div p, body.house-rago #nosotope.grid .item .inline div p {
  font-family: Alright, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
}

body.house-toomey #nosotope.grid .item .inline div p {
  line-height: 2.1rem;
}

body.house-lama #nosotope.grid .item .inline div p {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 2rem;
}

#nosotope.grid .item .inline div p.result, #nosotope.grid .item .inline div p.price-available-note, #nosotope.grid .item .inline div p.on-hold-note {
  font-weight: 500;
  color: #333;
}

body.house-toomey #nosotope.grid .item .inline div p.result, body.house-rago #nosotope.grid .item .inline div p.result, body.house-toomey #nosotope.grid .item .inline div p.price-available-note, body.house-rago #nosotope.grid .item .inline div p.price-available-note, body.house-toomey #nosotope.grid .item .inline div p.on-hold-note, body.house-rago #nosotope.grid .item .inline div p.on-hold-note {
  font-weight: 500;
}

#nosotope.grid .item .inline div p.buy_now {
  font-weight: 500;
  color: #489559;
}

body.house-lama #nosotope.grid .item .inline div p.buy_now {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

#nosotope.grid .item .inline div .name {
  display: block;
  overflow: hidden;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0;
  color: #333;
  text-transform: uppercase;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
}

body.house-toomey #nosotope.grid .item .inline div .name, body.house-rago #nosotope.grid .item .inline div .name {
  font-family: Alright, sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2.1rem;
  letter-spacing: 0.15rem;
  color: #111;
}

body.house-lama #nosotope.grid .item .inline div .name {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0.18rem;
}

#nosotope.grid .item .inline div .title {
  overflow: hidden;
  margin-bottom: 0;
}

#nosotope.grid .item .inline div .lot_no {
  display: block;
  font-size: 3.2rem;
  letter-spacing: 0.1rem;
  line-height: 3.2rem;
  padding-bottom: 0.8rem;
  color: #ccc;
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
}

body.house-toomey #nosotope.grid .item .inline div .lot_no {
  font-size: 2.6rem;
  letter-spacing: 1px;
  font-family: "Canela Web", serif;
  font-weight: 900;
}

body.house-rago #nosotope.grid .item .inline div .lot_no {
  font-size: 3.8rem;
  font-family: "Dala Floda", serif;
  font-weight: 700;
}

body.house-lama #nosotope.grid .item .inline div .lot_no {
  font-family: "Lust", serif;
  font-size: 3rem;
  line-height: 2.4rem;
  padding-bottom: 1.3rem;
}

#nosotope.grid .item .inline div.on-hold-note p, #nosotope.grid .item .inline div.price-available-note p, #nosotope.grid .item .inline div.starting_bid p, #nosotope.grid .item .inline div.result p {
  color: #333;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

body.house-toomey #nosotope.grid .item .inline div.on-hold-note p, body.house-rago #nosotope.grid .item .inline div.on-hold-note p, body.house-toomey #nosotope.grid .item .inline div.price-available-note p, body.house-rago #nosotope.grid .item .inline div.price-available-note p, body.house-toomey #nosotope.grid .item .inline div.starting_bid p, body.house-rago #nosotope.grid .item .inline div.starting_bid p, body.house-toomey #nosotope.grid .item .inline div.result p, body.house-rago #nosotope.grid .item .inline div.result p {
  font-size: 1.3rem;
  line-height: 2.1rem;
  font-weight: 700;
  font-family: Alright, sans-serif;
  font-weight: normal;
}

body.house-lama #nosotope.grid .item .inline div.on-hold-note p, body.house-lama #nosotope.grid .item .inline div.price-available-note p, body.house-lama #nosotope.grid .item .inline div.starting_bid p, body.house-lama #nosotope.grid .item .inline div.result p {
  font-family: "adrianna", sans-serif;
  font-weight: 500;
  line-height: 2rem;
}

#nosotope.grid .item .inline div.on-hold-note span, #nosotope.grid .item .inline div.price-available-note span, #nosotope.grid .item .inline div.starting_bid span, #nosotope.grid .item .inline div.result span {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

body.house-toomey #nosotope.grid .item .inline div.on-hold-note span, body.house-rago #nosotope.grid .item .inline div.on-hold-note span, body.house-toomey #nosotope.grid .item .inline div.price-available-note span, body.house-rago #nosotope.grid .item .inline div.price-available-note span, body.house-toomey #nosotope.grid .item .inline div.starting_bid span, body.house-rago #nosotope.grid .item .inline div.starting_bid span, body.house-toomey #nosotope.grid .item .inline div.result span, body.house-rago #nosotope.grid .item .inline div.result span {
  font-size: 1.3rem;
  line-height: 2.1rem;
  font-family: Alright, sans-serif;
  font-weight: 500;
}

body.house-lama #nosotope.grid .item .inline div.on-hold-note span, body.house-lama #nosotope.grid .item .inline div.price-available-note span, body.house-lama #nosotope.grid .item .inline div.starting_bid span, body.house-lama #nosotope.grid .item .inline div.result span {
  font-family: "adrianna", sans-serif;
  font-weight: 500;
  color: #444;
  line-height: 2rem;
}

#nosotope.grid .item .image {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  margin-bottom: 1rem;
}

#nosotope.grid .item .image img {
  position: absolute;
  top: 0;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}

#nosotope.grid .item:hover .artist .watched-lot-button {
  opacity: 1;
}

#nosotope.grid .item .artist .watched-lot-button {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  vertical-align: top;
  height: 100%;
}

#nosotope.grid .item .artist .watched-lot-button.watched, body.mobile #nosotope.grid .item .artist .watched-lot-button {
  opacity: 1;
}

#nosotope.grid .item .artist .watched-lot-button .btn-inner {
  width: 27px;
  height: 30px;
}

#nosotope.grid .item h3 {
  margin: 0;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: 0.15rem;
  max-height: 4.2rem;
  color: #444;
  text-transform: uppercase;
  display: inline-block;
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
}

#nosotope.grid .item a {
  text-decoration: none;
  display: block;
}

#nosotope.grid .item a.item_link {
  text-decoration: none !important;
}

#nosotope.grid .item p {
  margin: 0;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #666;
}

#nosotope.grid .item img {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  height: auto;
}

#nosotope.grid .item .lot_no {
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
  font-size: 3.2rem;
  letter-spacing: 0.1rem;
  line-height: 3.2rem;
  padding-bottom: 0.8rem;
  color: #ccc;
}

#nosotope.grid .item .result,
#nosotope.grid .item .price-available-note,
#nosotope.grid .item .on-hold-note {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03rem;
}

#nosotope.grid .item .bid-status {
  justify-content: start;
}

#nosotope.grid .item .bid-status .leading {
  color: #25951b;
}

#nosotope.grid .item .bid-status .outbid {
  color: #C62525;
}

#nosotope.grid .item .bid-amount {
  color: #444;
}

#nosotope.grid .item .bid-amount:after {
  content: "";
}

#nosotope.grid .item .bid-count {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

#nosotope.grid .item .bid-type-label.starting {
  font-weight: normal;
}

#nosotope.grid .item .bid-type-label.current {
  font-weight: 500;
}

#nosotope.grid .item .edit-bid {
  text-decoration: underline !important;
  letter-spacing: 0.03rem;
  background: transparent !important;
  margin-left: 0.5rem;
}

#nosotope.grid .item .user-activity {
  display: flex;
  flex-direction: row;
  margin-top: 1.1rem;
}

#nosotope.grid .item .user-activity .user-current-bid {
  color: #333;
  font-weight: 500;
}

body.house-lama #nosotope.grid .item .user-activity .user-current-bid {
  color: #444;
}

#nosotope.grid .item-wn .image {
  margin-bottom: 0;
}

#nosotope.grid .item.chapter {
  max-width: 100%;
  transition: opacity 0.5s ease-in-out;
  position: relative;
}

#nosotope.grid .item.chapter.w1.t1 .chapter-text {
  max-width: calc((100% / 1) * 1);
}

#nosotope.grid .item.chapter.w1.t2 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t3 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t1 .chapter-text {
  max-width: calc((100% / 2) * 1);
}

#nosotope.grid .item.chapter.w2.t2 .chapter-text {
  max-width: calc((100% / 2) * 2);
}

#nosotope.grid .item.chapter.w2.t3 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t1 .chapter-text {
  max-width: calc((100% / 3) * 1);
}

#nosotope.grid .item.chapter.w3.t2 .chapter-text {
  max-width: calc((100% / 3) * 2);
}

#nosotope.grid .item.chapter.w3.t3 .chapter-text {
  max-width: calc((100% / 3) * 3);
}

#nosotope.grid .item.chapter.w3.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t1 .chapter-text {
  max-width: calc((100% / 4) * 1);
}

#nosotope.grid .item.chapter.w4.t2 .chapter-text {
  max-width: calc((100% / 4) * 2);
}

#nosotope.grid .item.chapter.w4.t3 .chapter-text {
  max-width: calc((100% / 4) * 3);
}

#nosotope.grid .item.chapter.w4.t4 .chapter-text {
  max-width: calc((100% / 4) * 4);
}

#nosotope.grid .item.chapter.w4.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w5.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.grid .item.chapter.w5.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.grid .item.chapter.w5.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.grid .item.chapter.w5.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.grid .item.chapter.w5.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.grid .item.chapter.w5.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w5.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w5.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w6.t1 .chapter-text {
  max-width: calc((100% / 6) * 1);
}

#nosotope.grid .item.chapter.w6.t2 .chapter-text {
  max-width: calc((100% / 6) * 2);
}

#nosotope.grid .item.chapter.w6.t3 .chapter-text {
  max-width: calc((100% / 6) * 3);
}

#nosotope.grid .item.chapter.w6.t4 .chapter-text {
  max-width: calc((100% / 6) * 4);
}

#nosotope.grid .item.chapter.w6.t5 .chapter-text {
  max-width: calc((100% / 6) * 5);
}

#nosotope.grid .item.chapter.w6.t6 .chapter-text {
  max-width: calc((100% / 6) * 6);
}

#nosotope.grid .item.chapter.w6.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w6.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w7.t1 .chapter-text {
  max-width: calc((100% / 7) * 1);
}

#nosotope.grid .item.chapter.w7.t2 .chapter-text {
  max-width: calc((100% / 7) * 2);
}

#nosotope.grid .item.chapter.w7.t3 .chapter-text {
  max-width: calc((100% / 7) * 3);
}

#nosotope.grid .item.chapter.w7.t4 .chapter-text {
  max-width: calc((100% / 7) * 4);
}

#nosotope.grid .item.chapter.w7.t5 .chapter-text {
  max-width: calc((100% / 7) * 5);
}

#nosotope.grid .item.chapter.w7.t6 .chapter-text {
  max-width: calc((100% / 7) * 6);
}

#nosotope.grid .item.chapter.w7.t7 .chapter-text {
  max-width: calc((100% / 7) * 7);
}

#nosotope.grid .item.chapter.w7.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w8 {
  width: 100%;
}

#nosotope.grid .item.chapter.w8.t1 .chapter-text {
  max-width: calc((100% / 8) * 1);
}

#nosotope.grid .item.chapter.w8.t2 .chapter-text {
  max-width: calc((100% / 8) * 2);
}

#nosotope.grid .item.chapter.w8.t3 .chapter-text {
  max-width: calc((100% / 8) * 3);
}

#nosotope.grid .item.chapter.w8.t4 .chapter-text {
  max-width: calc((100% / 8) * 4);
}

#nosotope.grid .item.chapter.w8.t5 .chapter-text {
  max-width: calc((100% / 8) * 5);
}

#nosotope.grid .item.chapter.w8.t6 .chapter-text {
  max-width: calc((100% / 8) * 6);
}

#nosotope.grid .item.chapter.w8.t7 .chapter-text {
  max-width: calc((100% / 8) * 7);
}

#nosotope.grid .item.chapter.w8.t8 .chapter-text {
  max-width: calc((100% / 8) * 8);
}

#nosotope.grid .item.chapter .bg-img {
  width: calc(100% - 4rem);
}

@media (max-width: 512px) {
  #nosotope.grid .item.chapter .bg-img {
    width: calc(100% - 2rem);
  }
}

#nosotope.grid .item.chapter.h1 {
  grid-row: span 1;
}

#nosotope.grid .item.chapter.h2 {
  grid-row: span 2;
}

#nosotope.grid .item.chapter.h3 {
  grid-row: span 3;
}

#nosotope.grid .item.chapter.h4 {
  grid-row: span 4;
}

#nosotope.grid .item.chapter.h5 {
  grid-row: span 5;
}

#nosotope.grid .item.chapter.h6 {
  grid-row: span 6;
}

#nosotope.grid .item.chapter.h7 {
  grid-row: span 7;
}

#nosotope.grid .item.chapter.h8 {
  grid-row: span 8;
}

#nosotope.grid img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;
  position: relative;
}

#nosotope.grid .inner-container {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

#nosotope.grid .item[data-mosaic-ratio="1:1"] {
  grid-row: span 1;
  grid-column: span 1;
}

#nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="1:2"] {
  grid-row: span 2;
  grid-column: span 1;
}

#nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
  padding-bottom: calc(200% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="1:3"] {
  grid-row: span 3;
  grid-column: span 1;
}

#nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
  padding-bottom: calc(300% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="1:4"] {
  grid-row: span 4;
  grid-column: span 1;
}

#nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
  padding-bottom: calc(400% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="1:5"] {
  grid-row: span 5;
  grid-column: span 1;
}

#nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
  padding-bottom: calc(500% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="2:1"] {
  grid-row: span 1;
  grid-column: span 2;
}

#nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
  padding-bottom: calc(50% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="2:2"] {
  grid-row: span 2;
  grid-column: span 2;
}

#nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="2:3"] {
  grid-row: span 3;
  grid-column: span 2;
}

#nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
  padding-bottom: calc(150% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="2:4"] {
  grid-row: span 4;
  grid-column: span 2;
}

#nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
  padding-bottom: calc(200% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="2:5"] {
  grid-row: span 5;
  grid-column: span 2;
}

#nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
  padding-bottom: calc(250% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="3:1"] {
  grid-row: span 1;
  grid-column: span 3;
}

#nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
  padding-bottom: calc(33% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="3:2"] {
  grid-row: span 2;
  grid-column: span 3;
}

#nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
  padding-bottom: calc(66% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="3:3"] {
  grid-row: span 3;
  grid-column: span 3;
}

#nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="3:4"] {
  grid-row: span 4;
  grid-column: span 3;
}

#nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
  padding-bottom: calc(133% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="3:5"] {
  grid-row: span 5;
  grid-column: span 3;
}

#nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
  padding-bottom: calc(166% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="4:1"] {
  grid-row: span 1;
  grid-column: span 4;
}

#nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
  padding-bottom: calc(25% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="4:2"] {
  grid-row: span 2;
  grid-column: span 4;
}

#nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
  padding-bottom: calc(50% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="4:3"] {
  grid-row: span 3;
  grid-column: span 4;
}

#nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
  padding-bottom: calc(75% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="4:4"] {
  grid-row: span 4;
  grid-column: span 4;
}

#nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="4:5"] {
  grid-row: span 5;
  grid-column: span 4;
}

#nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
  padding-bottom: calc(125% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="5:1"] {
  grid-row: span 1;
  grid-column: span 5;
}

#nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
  padding-bottom: calc(20% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="5:2"] {
  grid-row: span 2;
  grid-column: span 5;
}

#nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
  padding-bottom: calc(40% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="5:3"] {
  grid-row: span 3;
  grid-column: span 5;
}

#nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
  padding-bottom: calc(60% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="5:4"] {
  grid-row: span 4;
  grid-column: span 5;
}

#nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
  padding-bottom: calc(80% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item[data-mosaic-ratio="5:5"] {
  grid-row: span 5;
  grid-column: span 5;
}

#nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
  padding-bottom: calc(100% - (var(--row-gap) / 2));
  display: block;
  content: "";
  height: 100%;
}

#nosotope.grid .item.w8 {
  grid-column: span 8;
}

#nosotope.grid .item.chapter.w1.t1 .chapter-text {
  max-width: calc((100% / 1) * 1);
}

#nosotope.grid .item.chapter.w1.t2 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t3 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w1.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t1 .chapter-text {
  max-width: calc((100% / 2) * 1);
}

#nosotope.grid .item.chapter.w2.t2 .chapter-text {
  max-width: calc((100% / 2) * 2);
}

#nosotope.grid .item.chapter.w2.t3 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w2.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t1 .chapter-text {
  max-width: calc((100% / 3) * 1);
}

#nosotope.grid .item.chapter.w3.t2 .chapter-text {
  max-width: calc((100% / 3) * 2);
}

#nosotope.grid .item.chapter.w3.t3 .chapter-text {
  max-width: calc((100% / 3) * 3);
}

#nosotope.grid .item.chapter.w3.t4 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w3.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t1 .chapter-text {
  max-width: calc((100% / 4) * 1);
}

#nosotope.grid .item.chapter.w4.t2 .chapter-text {
  max-width: calc((100% / 4) * 2);
}

#nosotope.grid .item.chapter.w4.t3 .chapter-text {
  max-width: calc((100% / 4) * 3);
}

#nosotope.grid .item.chapter.w4.t4 .chapter-text {
  max-width: calc((100% / 4) * 4);
}

#nosotope.grid .item.chapter.w4.t5 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w4.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w5.t1 .chapter-text {
  max-width: calc((100% / 5) * 1);
}

#nosotope.grid .item.chapter.w5.t2 .chapter-text {
  max-width: calc((100% / 5) * 2);
}

#nosotope.grid .item.chapter.w5.t3 .chapter-text {
  max-width: calc((100% / 5) * 3);
}

#nosotope.grid .item.chapter.w5.t4 .chapter-text {
  max-width: calc((100% / 5) * 4);
}

#nosotope.grid .item.chapter.w5.t5 .chapter-text {
  max-width: calc((100% / 5) * 5);
}

#nosotope.grid .item.chapter.w5.t6 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w5.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w5.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w6.t1 .chapter-text {
  max-width: calc((100% / 6) * 1);
}

#nosotope.grid .item.chapter.w6.t2 .chapter-text {
  max-width: calc((100% / 6) * 2);
}

#nosotope.grid .item.chapter.w6.t3 .chapter-text {
  max-width: calc((100% / 6) * 3);
}

#nosotope.grid .item.chapter.w6.t4 .chapter-text {
  max-width: calc((100% / 6) * 4);
}

#nosotope.grid .item.chapter.w6.t5 .chapter-text {
  max-width: calc((100% / 6) * 5);
}

#nosotope.grid .item.chapter.w6.t6 .chapter-text {
  max-width: calc((100% / 6) * 6);
}

#nosotope.grid .item.chapter.w6.t7 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w6.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w7.t1 .chapter-text {
  max-width: calc((100% / 7) * 1);
}

#nosotope.grid .item.chapter.w7.t2 .chapter-text {
  max-width: calc((100% / 7) * 2);
}

#nosotope.grid .item.chapter.w7.t3 .chapter-text {
  max-width: calc((100% / 7) * 3);
}

#nosotope.grid .item.chapter.w7.t4 .chapter-text {
  max-width: calc((100% / 7) * 4);
}

#nosotope.grid .item.chapter.w7.t5 .chapter-text {
  max-width: calc((100% / 7) * 5);
}

#nosotope.grid .item.chapter.w7.t6 .chapter-text {
  max-width: calc((100% / 7) * 6);
}

#nosotope.grid .item.chapter.w7.t7 .chapter-text {
  max-width: calc((100% / 7) * 7);
}

#nosotope.grid .item.chapter.w7.t8 .chapter-text {
  max-width: 100%;
}

#nosotope.grid .item.chapter.w8 {
  width: 100%;
}

#nosotope.grid .item.chapter.w8.t1 .chapter-text {
  max-width: calc((100% / 8) * 1);
}

#nosotope.grid .item.chapter.w8.t2 .chapter-text {
  max-width: calc((100% / 8) * 2);
}

#nosotope.grid .item.chapter.w8.t3 .chapter-text {
  max-width: calc((100% / 8) * 3);
}

#nosotope.grid .item.chapter.w8.t4 .chapter-text {
  max-width: calc((100% / 8) * 4);
}

#nosotope.grid .item.chapter.w8.t5 .chapter-text {
  max-width: calc((100% / 8) * 5);
}

#nosotope.grid .item.chapter.w8.t6 .chapter-text {
  max-width: calc((100% / 8) * 6);
}

#nosotope.grid .item.chapter.w8.t7 .chapter-text {
  max-width: calc((100% / 8) * 7);
}

#nosotope.grid .item.chapter.w8.t8 .chapter-text {
  max-width: calc((100% / 8) * 8);
}

@media (max-width: 2230px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7 {
    grid-column: span 7;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 7) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 7) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 7) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 7) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 7) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 7) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 7) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 7) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 7) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 7) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 7) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 7) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 7) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 7) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 7) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 7) * 8);
  }
}

@media (max-width: 2035px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7, #nosotope.grid .item.w6 {
    grid-column: span 6;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 6) * 7);
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 6) * 8);
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 6) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 6) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 6) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 6) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 6) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 6) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 6) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 6) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 6) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 6) * 8);
  }
}

@media (max-width: 1820px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 5;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7, #nosotope.grid .item.w6, #nosotope.grid .item.w5 {
    grid-column: span 5;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }

  #nosotope.grid .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 5) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 5) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 5) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 5) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 5) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 5) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 5) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 5) * 8);
  }
}

@media (max-width: 1515px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 4;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7, #nosotope.grid .item.w6, #nosotope.grid .item.w5, #nosotope.grid .item.w4 {
    grid-column: span 4;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.grid .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.grid .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }
}

@media (max-width: 1200px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 3;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7, #nosotope.grid .item.w6, #nosotope.grid .item.w5, #nosotope.grid .item.w4, #nosotope.grid .item.w3 {
    grid-column: span 3;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w3 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.grid .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.grid .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.grid .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }
}

@media (max-width: 900px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7, #nosotope.grid .item.w6, #nosotope.grid .item.w5, #nosotope.grid .item.w4, #nosotope.grid .item.w3, #nosotope.grid .item.w2 {
    grid-column: span 2;
  }

  #nosotope.grid .item.chapter {
    grid-column: span 2;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w3 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }
}

@media (max-width: 768px) {
  #nosotope.grid {
    margin-top: 30px;
  }
}

@media (max-width: 764px) {
  #nosotope.grid .inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] {
    grid-row: span 1;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:1"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] {
    grid-row: span 2;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:2"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] {
    grid-row: span 3;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:3"] .mosaic {
    padding-bottom: calc(300% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] {
    grid-row: span 4;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:4"] .mosaic {
    padding-bottom: calc(400% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] {
    grid-row: span 5;
    grid-column: span 1;
  }

  #nosotope.grid .item[data-mosaic-ratio="1:5"] .mosaic {
    padding-bottom: calc(500% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:1"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:2"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:3"] .mosaic {
    padding-bottom: calc(150% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:4"] .mosaic {
    padding-bottom: calc(200% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="2:5"] .mosaic {
    padding-bottom: calc(250% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:1"] .mosaic {
    padding-bottom: calc(33% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:2"] .mosaic {
    padding-bottom: calc(66% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:3"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:4"] .mosaic {
    padding-bottom: calc(133% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="3:5"] .mosaic {
    padding-bottom: calc(166% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:1"] .mosaic {
    padding-bottom: calc(25% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:2"] .mosaic {
    padding-bottom: calc(50% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:3"] .mosaic {
    padding-bottom: calc(75% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:4"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="4:5"] .mosaic {
    padding-bottom: calc(125% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] {
    grid-row: span 1;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:1"] .mosaic {
    padding-bottom: calc(20% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] {
    grid-row: span 2;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:2"] .mosaic {
    padding-bottom: calc(40% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] {
    grid-row: span 3;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:3"] .mosaic {
    padding-bottom: calc(60% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] {
    grid-row: span 4;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:4"] .mosaic {
    padding-bottom: calc(80% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] {
    grid-row: span 5;
    grid-column: span 2;
  }

  #nosotope.grid .item[data-mosaic-ratio="5:5"] .mosaic {
    padding-bottom: calc(100% - (var(--row-gap) / 2));
    display: block;
    content: "";
    height: 100%;
  }

  #nosotope.grid .item.w8, #nosotope.grid .item.w7, #nosotope.grid .item.w6, #nosotope.grid .item.w5, #nosotope.grid .item.w4, #nosotope.grid .item.w3, #nosotope.grid .item.w2 {
    grid-column: span 2;
  }

  #nosotope.grid .item.chapter {
    grid-column: span 2;
  }

  #nosotope.grid .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope.grid .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope.grid .item.chapter.w2 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w3 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w4 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w5 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w6 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w7 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope.grid .item.chapter.w8 {
    width: 100%;
  }

  #nosotope.grid .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope.grid .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope.grid .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope.grid .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope.grid .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope.grid .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope.grid .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope.grid .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }
}

@media (max-width: 512px) {
  #nosotope.grid .item:not(.chapter) {
    margin-bottom: 14px;
  }

  #nosotope.grid .item.chapter .chapter-text .noma.m {
    font-size: calc(
                    18px + (25 - 18) * ((100vw - 320px) / (512 - 320))
            );
    line-height: 120%;
  }
}

#nosotope.grid .grid {
  display: block;
}

#nosotope.grid .item.chapter.full-width.w8 {
  width: 100vw;
  margin-left: -1rem;
}

@media screen and (min-width: 513px) {
  #nosotope.grid .item.chapter.full-width.w8 {
    margin-left: -3rem;
  }
}

@media screen and (min-width: 1151px) {
  #nosotope.grid .item.chapter.full-width.w8 {
    margin-left: -10rem;
  }
}

@media screen and (min-width: 1361px) {
  #nosotope.grid .item.chapter.full-width.w8 {
    margin-left: -17rem;
  }
}

#nosotope.grid .item.chapter .chapter-text .xxl {
  font-size: 40px;
}

@media (max-width: 2717px) {
  #nosotope.grid .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 2035px) / (2717 - 2035));
  }

  #nosotope.grid .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 2035px) / (2717 - 2035));
  }

  #nosotope.grid .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 2035px) / (2717 - 2035));
  }

  #nosotope.grid .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 2035px) / (2717 - 2035));
  }

  #nosotope.grid .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 2035px) / (2717 - 2035));
  }
}

@media (max-width: 2035px) {
  #nosotope.grid .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 1515px) / (2035 - 1515));
  }

  #nosotope.grid .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 1515px) / (2035 - 1515));
  }

  #nosotope.grid .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 1515px) / (2035 - 1515));
  }

  #nosotope.grid .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 1515px) / (2035 - 1515));
  }

  #nosotope.grid .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 1515px) / (2035 - 1515));
  }
}

@media (max-width: 1515px) {
  #nosotope.grid .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.grid .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.grid .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.grid .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 1200px) / (1515 - 1200));
  }

  #nosotope.grid .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 1200px) / (1515 - 1200));
  }
}

@media (max-width: 1200px) {
  #nosotope.grid .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.grid .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.grid .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.grid .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 900px) / (1200 - 900));
  }

  #nosotope.grid .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 900px) / (1200 - 900));
  }
}

@media (max-width: 900px) {
  #nosotope.grid .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.grid .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.grid .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.grid .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 764px) / (900 - 764));
  }

  #nosotope.grid .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 764px) / (900 - 764));
  }
}

@media (max-width: 764px) {
  #nosotope.grid .item.chapter .chapter-text .xxl {
    font-size: calc(48px + 12 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.grid .item.chapter .chapter-text .xl {
    font-size: calc(36px + 12 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.grid .item.chapter .chapter-text .l {
    font-size: calc(30px + 6 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.grid .item.chapter .chapter-text .m {
    font-size: calc(24px + 6 * (100vw - 444px) / (764 - 444));
  }

  #nosotope.grid .item.chapter .chapter-text .s {
    font-size: calc(18px + 6 * (100vw - 444px) / (764 - 444));
  }
}

#nosotope.mosaic .item .inline .bid-count, #nosotope.grid .item .inline .bid-count {
  margin-right: 0.8rem;
}

body.house-toomey #nosotope.mosaic .item .inline .bid-status, body.house-rago #nosotope.mosaic .item .inline .bid-status,
body.house-toomey #nosotope.mosaic .item .inline .user-activity,
body.house-rago #nosotope.mosaic .item .inline .user-activity, body.house-toomey #nosotope.grid .item .inline .bid-status, body.house-rago #nosotope.grid .item .inline .bid-status,
body.house-toomey #nosotope.grid .item .inline .user-activity,
body.house-rago #nosotope.grid .item .inline .user-activity {
  font-family: Alright, sans-serif;
  font-weight: normal;
}

body.house-lama #nosotope.mosaic .item .inline .bid-status,
body.house-lama #nosotope.mosaic .item .inline .user-activity, body.house-lama #nosotope.grid .item .inline .bid-status,
body.house-lama #nosotope.grid .item .inline .user-activity {
  font-family: "adrianna", sans-serif;
  font-weight: 400;
}

#nosotope.mosaic .item .inline .bid-status .bid-amount,
#nosotope.mosaic .item .inline .user-activity .bid-amount, #nosotope.grid .item .inline .bid-status .bid-amount,
#nosotope.grid .item .inline .user-activity .bid-amount {
  font-weight: 500;
  color: #333;
}

#nosotope.mosaic .item .inline .bid-status .leading, #nosotope.grid .item .inline .bid-status .leading {
  font-weight: bold;
  color: #25951b;
}

#nosotope.mosaic .item .inline .bid-status .outbid, #nosotope.grid .item .inline .bid-status .outbid {
  font-weight: bold;
  color: #c62525;
}

#nosotope.mosaic .item .inline .user-activity, #nosotope.grid .item .inline .user-activity {
  margin-top: 1.1rem;
}

#nosotope.mosaic .item .inline .user-activity .active-bid .bid-amount, #nosotope.grid .item .inline .user-activity .active-bid .bid-amount {
  font-weight: 700;
}

#nosotope.mosaic .item .inline .user-activity .leading, #nosotope.grid .item .inline .user-activity .leading {
  font-weight: bold;
  color: #25951b;
}

#nosotope.mosaic .item .inline .user-activity .outbid, #nosotope.grid .item .inline .user-activity .outbid {
  font-weight: bold;
  color: #c62525;
}

#nosotope.mosaic .item .inline .user-activity .user-backup-bid a, #nosotope.grid .item .inline .user-activity .user-backup-bid a {
  text-decoration: underline;
  font-weight: bold;
}

#nosotope.mosaic .item .inline .user-activity .user-bid, #nosotope.grid .item .inline .user-activity .user-bid {
  margin-right: 0.5rem;
}

#nosotope.mosaic .item .inline .user-activity .user-bid span, #nosotope.grid .item .inline .user-activity .user-bid span {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}

#nosotope.mosaic .item .inline .user-activity .user-current-bid, #nosotope.grid .item .inline .user-activity .user-current-bid {
  color: #333;
  font-weight: 500;
}

#nosotope.mosaic.mosaic .item .inline .inner, #nosotope.grid.mosaic .item .inline .inner {
  margin-bottom: 2rem;
}

#nosotope.mosaic.mosaic .item .inline .user-activity, #nosotope.grid.mosaic .item .inline .user-activity {
  margin-bottom: 0;
}

body.house-toomey #nosotope.mosaic .user-current-bid,
body.house-toomey #nosotope.mosaic .bid-type-label.starting, body.house-toomey #nosotope.grid .user-current-bid,
body.house-toomey #nosotope.grid .bid-type-label.starting {
  font-size: 1.3rem;
}

body.house-rago #nosotope.mosaic .user-current-bid,
body.house-rago #nosotope.mosaic .bid-type-label.starting, body.house-rago #nosotope.grid .user-current-bid,
body.house-rago #nosotope.grid .bid-type-label.starting {
  font-size: 1.3rem;
}

@media screen and (max-width: 764px) {
  #nosotope .ch-img-static.bg-v-align-top {
    -o-object-position: center top;
       object-position: center top;
  }

  #nosotope .ch-img-static.bg-v-align-bottom {
    -o-object-position: center bottom;
       object-position: center bottom;
  }

  #nosotope .ch-img-static.bg-v-align-center {
    -o-object-position: center center;
       object-position: center center;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:1"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:2"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:3"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:4"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:5"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:6"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:7"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="1:8"]:not(.has-text) .inner {
    height: calc(150vh / (1 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:1"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:2"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:3"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:4"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:5"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:6"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:7"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="2:8"]:not(.has-text) .inner {
    height: calc(150vh / (2 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:1"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:2"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:3"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:4"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:5"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:6"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:7"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="3:8"]:not(.has-text) .inner {
    height: calc(150vh / (3 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:1"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:2"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:3"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:4"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:5"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:6"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:7"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="4:8"]:not(.has-text) .inner {
    height: calc(150vh / (4 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:1"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:2"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:3"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:4"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:5"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:6"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:7"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="5:8"]:not(.has-text) .inner {
    height: calc(150vh / (5 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:1"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:2"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:3"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:4"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:5"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:6"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:7"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="6:8"]:not(.has-text) .inner {
    height: calc(150vh / (6 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:1"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:2"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:3"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:4"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:5"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:6"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:7"]:not(.has-text) .inner {
    height: 100vw !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="7:8"]:not(.has-text) .inner {
    height: calc(150vh / (7 / 8)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:1"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:1"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 1)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:2"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:2"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 2)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:3"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:3"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 3)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:4"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:4"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 4)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:5"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:5"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 5)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:6"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:6"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 6)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:7"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:7"]:not(.has-text) .inner {
    height: calc(150vh / (8 / 7)) !important;
  }

  #nosotope .item.chapter.has-text .chapter-text {
    transform: translateY(0);
    top: 0;
    padding: 2rem 0;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:8"]:not(.has-text) .fluid-img {
    height: 100% !important;
  }

  #nosotope .item.chapter[data-mosaic-ratio="8:8"]:not(.has-text) .inner {
    height: 100vw !important;
  }
}

@media screen and (max-width: 764px) and (max-width: 1515px) {
  #nosotope .item.chapter.w1 {
    width: calc((100% / 4) * 1);
  }

  #nosotope .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2 {
    width: calc((100% / 4) * 2);
  }

  #nosotope .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w3 {
    width: calc((100% / 4) * 3);
  }

  #nosotope .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w3.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w3.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w3.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w3.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w3.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w4 {
    width: 100%;
  }

  #nosotope .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope .item.chapter.w5 {
    width: 100%;
  }

  #nosotope .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope .item.chapter.w6 {
    width: 100%;
  }

  #nosotope .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope .item.chapter.w7 {
    width: 100%;
  }

  #nosotope .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }

  #nosotope .item.chapter.w8 {
    width: 100%;
  }

  #nosotope .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 4) * 1);
  }

  #nosotope .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 4) * 2);
  }

  #nosotope .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 4) * 3);
  }

  #nosotope .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 4) * 4);
  }

  #nosotope .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 4) * 5);
  }

  #nosotope .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 4) * 6);
  }

  #nosotope .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 4) * 7);
  }

  #nosotope .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 4) * 8);
  }
}

@media screen and (max-width: 764px) and (max-width: 1200px) {
  #nosotope .item.chapter.w1 {
    width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2 {
    width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w2.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w3 {
    width: 100%;
  }

  #nosotope .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope .item.chapter.w4 {
    width: 100%;
  }

  #nosotope .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope .item.chapter.w5 {
    width: 100%;
  }

  #nosotope .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope .item.chapter.w6 {
    width: 100%;
  }

  #nosotope .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope .item.chapter.w7 {
    width: 100%;
  }

  #nosotope .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }

  #nosotope .item.chapter.w8 {
    width: 100%;
  }

  #nosotope .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 3) * 1);
  }

  #nosotope .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 3) * 2);
  }

  #nosotope .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 3) * 3);
  }

  #nosotope .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 3) * 4);
  }

  #nosotope .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 3) * 5);
  }

  #nosotope .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 3) * 6);
  }

  #nosotope .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 3) * 7);
  }

  #nosotope .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 3) * 8);
  }
}

@media screen and (max-width: 764px) and (max-width: 900px) {
  #nosotope .item.chapter.w1 {
    width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w1.t2 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t3 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t4 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t5 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t6 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t7 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w1.t8 .chapter-text {
    max-width: 100%;
  }

  #nosotope .item.chapter.w2 {
    width: 100%;
  }

  #nosotope .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope .item.chapter.w3 {
    width: 100%;
  }

  #nosotope .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope .item.chapter.w4 {
    width: 100%;
  }

  #nosotope .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope .item.chapter.w5 {
    width: 100%;
  }

  #nosotope .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope .item.chapter.w6 {
    width: 100%;
  }

  #nosotope .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope .item.chapter.w7 {
    width: 100%;
  }

  #nosotope .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }

  #nosotope .item.chapter.w8 {
    width: 100%;
  }

  #nosotope .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 2) * 1);
  }

  #nosotope .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 2) * 2);
  }

  #nosotope .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 2) * 3);
  }

  #nosotope .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 2) * 4);
  }

  #nosotope .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 2) * 5);
  }

  #nosotope .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 2) * 6);
  }

  #nosotope .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 2) * 7);
  }

  #nosotope .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 2) * 8);
  }
}

@media screen and (max-width: 764px) and (max-width: 764px) {
  #nosotope .item.chapter.w1 {
    width: 100%;
  }

  #nosotope .item.chapter.w1.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w1.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w1.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w1.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w1.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w1.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w1.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w1.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w2 {
    width: 100%;
  }

  #nosotope .item.chapter.w2.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w2.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w2.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w2.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w2.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w2.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w2.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w2.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w3 {
    width: 100%;
  }

  #nosotope .item.chapter.w3.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w3.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w3.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w3.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w3.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w3.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w3.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w3.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w4 {
    width: 100%;
  }

  #nosotope .item.chapter.w4.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w4.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w4.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w4.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w4.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w4.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w4.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w4.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w5 {
    width: 100%;
  }

  #nosotope .item.chapter.w5.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w5.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w5.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w5.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w5.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w5.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w5.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w5.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w6 {
    width: 100%;
  }

  #nosotope .item.chapter.w6.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w6.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w6.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w6.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w6.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w6.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w6.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w6.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w7 {
    width: 100%;
  }

  #nosotope .item.chapter.w7.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w7.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w7.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w7.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w7.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w7.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w7.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w7.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }

  #nosotope .item.chapter.w8 {
    width: 100%;
  }

  #nosotope .item.chapter.w8.t1 .chapter-text {
    max-width: calc((100% / 1) * 1);
  }

  #nosotope .item.chapter.w8.t2 .chapter-text {
    max-width: calc((100% / 1) * 2);
  }

  #nosotope .item.chapter.w8.t3 .chapter-text {
    max-width: calc((100% / 1) * 3);
  }

  #nosotope .item.chapter.w8.t4 .chapter-text {
    max-width: calc((100% / 1) * 4);
  }

  #nosotope .item.chapter.w8.t5 .chapter-text {
    max-width: calc((100% / 1) * 5);
  }

  #nosotope .item.chapter.w8.t6 .chapter-text {
    max-width: calc((100% / 1) * 6);
  }

  #nosotope .item.chapter.w8.t7 .chapter-text {
    max-width: calc((100% / 1) * 7);
  }

  #nosotope .item.chapter.w8.t8 .chapter-text {
    max-width: calc((100% / 1) * 8);
  }
}

#nosotope .inner-container {
  width: 100%;
}

#nosotope .mosaic img,
#nosotope .item_link img {
  transition: opacity 0.5s ease-in-out;
}

#nosotope .mosaic img.lazyload, #nosotope .mosaic img.lazyloading,
#nosotope .item_link img.lazyload,
#nosotope .item_link img.lazyloading {
  opacity: 0;
  filter: alpha(opacity=0);
}

#nosotope .mosaic img.lazyloaded,
#nosotope .item_link img.lazyloaded {
  opacity: 1;
  filter: alpha(opacity=100);
}

#nosotope .item a.link,
#nosotope a.item_link {
  text-decoration: none;
}

#nosotope .item a.item_link .item_image_wrapper {
  padding-top: 100%;
  position: relative;
}

#nosotope .item a.item_link .item_image_wrapper.img_lazyloaded {
  background-color: transparent;
}

#nosotope .item a.item_link .item_image_wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom left;
     object-position: bottom left;
}

#nosotope .item:not(.chapter) div.bg-img {
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  filter: alpha(opacity=0);
  opacity: 0;
}

#nosotope .item:not(.chapter) div.bg-img:not(.no-fade) {
  transition: opacity 0.2s ease-in-out;
}

#nosotope .item:not(.chapter) div.bg-img.fade-in {
  filter: alpha(opacity=100);
  opacity: 1;
}

#nosotope .item:not(.chapter) .preview_info {
  text-align: center;
  margin-top: 5px;
}

#nosotope .item:not(.chapter) .preview_info .item_number {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
  padding: 4px 15px 0;
  margin-right: 5px;
  border-radius: 16px;
  text-decoration: none;
  color: #aaa;
  font-size: 12px;
  line-height: 21px;
  height: auto;
  display: inline-block;
  text-align: center;
  background-color: #f6f6f6;
  color: #666;
  position: relative;
  transition: background-color 0.3s ease-in-out;
}

#nosotope .item:not(.chapter) .preview_info .item_number:hover {
  background-color: #ddd;
}

#nosotope .item:not(.chapter) .preview_info .item_number:after {
  opacity: 0;
  content: "Copied to clipboard";
  height: 40px;
  color: white;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: -50px;
  line-height: 30px;
  border-radius: 16px;
  display: block;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

#nosotope .item:not(.chapter) .preview_info .item_number.copied::after {
  opacity: 1;
}

#nosotope .item:not(.chapter) .preview_info .item_number.has_extras {
  background-color: #09c;
  color: white;
}

#nosotope .item:not(.chapter) .preview_info .item_number.has_extras:hover {
  background-color: #069;
}

#nosotope .item:not(.chapter) .preview_info .note,
#nosotope .item:not(.chapter) .preview_info .star {
  color: #ddd;
}

#nosotope .item:not(.chapter) .preview_info .note.has_extras {
  color: #09c;
}

#nosotope .item:not(.chapter) .preview_info .note span {
  display: none;
}

#nosotope .item:not(.chapter) .preview_info .star {
  font-size: 18px;
}

#nosotope .item:not(.chapter) .preview_info .star.has_extras {
  color: #fc3;
}

#nosotope .item:not(.chapter) .text div.result p {
  font-size: 1.1rem;
  letter-spacing: 0.025rem;
}

#nosotope .item:not(.chapter) .text div .caption_numeric_value {
  font-size: inherit;
}

#nosotope .item:not(.chapter) .buy_now_badge {
  display: none;
}

#nosotope .item:not(.chapter).buy-now.show_badge .buy_now_badge {
  display: block;
  position: absolute;
  background: rgba(72, 149, 89, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  height: 27px;
}

#nosotope .item:not(.chapter).buy-now.show_badge .buy_now_badge p {
  padding: 0;
  margin: 0;
  line-height: 27px;
  font-size: 13px;
  letter-spacing: 0.8px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-family: Alright, sans-serif;
  font-weight: 700;
}

#nosotope .item:not(.chapter) .inline .buy_now p {
  color: #489559;
}

body.house-toomey #nosotope .item:not(.chapter) .inline .buy_now p, body.house-wright #nosotope .item:not(.chapter) .inline .buy_now p, body.house-lama #nosotope .item:not(.chapter) .inline .buy_now p, body.house-rago #nosotope .item:not(.chapter) .inline .buy_now p {
  color: #489559;
}

#nosotope .item:not(.chapter) .inline .buy_now p, #nosotope .item:not(.chapter) .inline .buy_now p .caption_numeric_value {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: 500;
}

body.house-toomey #nosotope .item:not(.chapter) .inline .buy_now p, body.house-rago #nosotope .item:not(.chapter) .inline .buy_now p, body.house-toomey #nosotope .item:not(.chapter) .inline .buy_now p .caption_numeric_value, body.house-rago #nosotope .item:not(.chapter) .inline .buy_now p .caption_numeric_value {
  font-size: 1.3rem;
  line-height: 2.1rem;
  letter-spacing: 0.03rem;
  font-family: Alright, sans-serif;
  font-weight: 700;
}

body.house-lama #nosotope .item:not(.chapter) .inline .buy_now p, body.house-lama #nosotope .item:not(.chapter) .inline .buy_now p .caption_numeric_value {
  font-family: "adrianna", sans-serif;
  font-weight: 700;
}

#nosotope .item:not(.chapter) .inline .buy_now p .caption_numeric_value, body.house-rago #nosotope .item:not(.chapter) .inline .buy_now p .caption_numeric_value {
  font-size: inherit;
}

#nosotope .item.chapter .wrapper {
  position: initial;
}

@media (max-width: 767px) {
  #nosotope .item.chapter.hidden-mobile, #nosotope .item.chapter.with-bg.hidden-mobile {
    display: none;
  }
}

#nosotope .item.chapter.full-width {
  max-width: 100vw;
  padding-left: 0;
  padding-right: 0;
}

#nosotope .item.chapter.full-width .bg-img {
  width: 100vw;
  max-width: 100%;
}

#nosotope .item.chapter.full-width .fixed .bg-img {
  position: fixed;
  min-height: 100%;
}

@media (max-width: 1023px) {
  #nosotope .item.chapter.full-width .fixed .bg-img {
    position: absolute;
  }
}

#nosotope .item.chapter.full-width a.wrapper-link {
  width: 100%;
}

#nosotope .item.chapter.break-row {
  width: 100vw;
  max-width: 100vw;
  height: 0px;
  padding: 0;
}

#nosotope .item.chapter .fluid-img img {
  width: 100%;
  height: 100%;
}

#nosotope .item.chapter .background.fluid-img {
  color: #f3f3f3;
}

#nosotope .item.chapter .bg-img {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
}

#nosotope .item.chapter .bg-img:last-of-type {
  margin-bottom: -0.6rem;
}

#nosotope .item.chapter .bg-img img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

#nosotope .item.chapter .bg-img img:last-of-type {
  margin-bottom: -0.6rem;
}

#nosotope .item.chapter .bg-img.bg-v-align-top {
  background-position: center top;
}

#nosotope .item.chapter .bg-img.bg-v-align-top img.bg-img {
  background-position: center top;
  top: 0;
  bottom: auto;
}

#nosotope .item.chapter .bg-img.bg-v-align-center {
  background-position: center center;
}

#nosotope .item.chapter .bg-img.bg-v-align-bottom {
  background-position: center bottom;
}

#nosotope .item.chapter .bg-img.bg-v-align-bottom img.bg-img {
  top: auto;
  bottom: 0;
}

#nosotope .item.chapter .ch-img-static {
  z-index: 1;
}

#nosotope .item.chapter .img-well {
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: inherit;
  background-color: #f3f3f3;
}

#nosotope .item.chapter.top-text-only .chapter-text span.top-text {
  margin-bottom: 0 !important;
}

#nosotope .item.chapter .chapter-text a {
  text-decoration: underline;
}

#nosotope .item.chapter .wrapper-link {
  z-index: 3;
  position: absolute;
  width: 85%;
  width: calc(100% - 40px);
  height: 100%;
  background: transparent;
}

#nosotope .item.chapter.with-bg .inner {
  position: relative;
  z-index: 1;
}

#nosotope .item.chapter .inner {
  height: 100%;
}

@media screen and (max-width: 764px) {
  #nosotope .item.chapter.with-bg {
    padding-bottom: 100%;
    display: grid;
    align-items: center;
    overflow: hidden;
  }

  #nosotope .item.chapter.with-bg .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

#nosotope .chapter-text {
  padding: 0 2rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

#nosotope .chapter-text .xxl {
  font-size: 60px;
  line-height: 100%;
}

#nosotope .chapter-text .xl {
  font-size: 48px;
  line-height: 103%;
}

#nosotope .chapter-text .l {
  font-size: 36px;
  line-height: 106%;
}

#nosotope .chapter-text .m {
  font-size: 30px;
  line-height: 109%;
}

#nosotope .chapter-text .s {
  font-size: 24px;
  line-height: 120%;
}

#nosotope .chapter-text .xs {
  font-size: 18px;
  line-height: 116%;
}

#nosotope .chapter-text .harriettextblack {
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
}

#nosotope .chapter-text .harriettextblack address,
#nosotope .chapter-text .harriettextblack caption,
#nosotope .chapter-text .harriettextblack cite,
#nosotope .chapter-text .harriettextblack code,
#nosotope .chapter-text .harriettextblack dfn,
#nosotope .chapter-text .harriettextblack em,
#nosotope .chapter-text .harriettextblack strong,
#nosotope .chapter-text .harriettextblack th,
#nosotope .chapter-text .harriettextblack var {
  font-weight: normal;
}

#nosotope .chapter-text .harriettextbold {
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
  font-weight: bold;
}

#nosotope .chapter-text .harriettextbold address,
#nosotope .chapter-text .harriettextbold caption,
#nosotope .chapter-text .harriettextbold cite,
#nosotope .chapter-text .harriettextbold code,
#nosotope .chapter-text .harriettextbold dfn,
#nosotope .chapter-text .harriettextbold em,
#nosotope .chapter-text .harriettextbold strong,
#nosotope .chapter-text .harriettextbold th,
#nosotope .chapter-text .harriettextbold var {
  font-weight: bold;
}

#nosotope .chapter-text .harriettextlight {
  font-family: "Harriet Display OSF Black", "georgia", serif;
  font-weight: 400;
}

#nosotope .chapter-text .harriettextlight address,
#nosotope .chapter-text .harriettextlight caption,
#nosotope .chapter-text .harriettextlight cite,
#nosotope .chapter-text .harriettextlight code,
#nosotope .chapter-text .harriettextlight dfn,
#nosotope .chapter-text .harriettextlight em,
#nosotope .chapter-text .harriettextlight strong,
#nosotope .chapter-text .harriettextlight th,
#nosotope .chapter-text .harriettextlight var {
  font-weight: normal;
}

#nosotope .chapter-text .freighttextblack {
  font-family: "freight-text-pro", "georgia", serif;
  font-weight: 900;
}

#nosotope .chapter-text .freighttextblack address,
#nosotope .chapter-text .freighttextblack caption,
#nosotope .chapter-text .freighttextblack cite,
#nosotope .chapter-text .freighttextblack code,
#nosotope .chapter-text .freighttextblack dfn,
#nosotope .chapter-text .freighttextblack em,
#nosotope .chapter-text .freighttextblack strong,
#nosotope .chapter-text .freighttextblack th,
#nosotope .chapter-text .freighttextblack var {
  font-weight: 900;
}

#nosotope .chapter-text .freighttextsemibold {
  font-family: "freight-text-pro", "georgia", serif;
  font-weight: 600;
}

#nosotope .chapter-text .freighttextsemibold address,
#nosotope .chapter-text .freighttextsemibold caption,
#nosotope .chapter-text .freighttextsemibold cite,
#nosotope .chapter-text .freighttextsemibold code,
#nosotope .chapter-text .freighttextsemibold dfn,
#nosotope .chapter-text .freighttextsemibold em,
#nosotope .chapter-text .freighttextsemibold strong,
#nosotope .chapter-text .freighttextsemibold th,
#nosotope .chapter-text .freighttextsemibold var {
  font-weight: 600;
}

#nosotope .chapter-text .freighttextlight {
  font-family: "freight-text-pro", "georgia", serif;
  font-weight: 300;
}

#nosotope .chapter-text .freighttextlight address,
#nosotope .chapter-text .freighttextlight caption,
#nosotope .chapter-text .freighttextlight cite,
#nosotope .chapter-text .freighttextlight code,
#nosotope .chapter-text .freighttextlight dfn,
#nosotope .chapter-text .freighttextlight em,
#nosotope .chapter-text .freighttextlight strong,
#nosotope .chapter-text .freighttextlight th,
#nosotope .chapter-text .freighttextlight var {
  font-weight: 300;
}

#nosotope .chapter-text .noma {
  font-family: "noma", "arial", sans-serif;
  font-weight: 400;
}

#nosotope .chapter-text .noma address,
#nosotope .chapter-text .noma caption,
#nosotope .chapter-text .noma cite,
#nosotope .chapter-text .noma code,
#nosotope .chapter-text .noma dfn,
#nosotope .chapter-text .noma em,
#nosotope .chapter-text .noma strong,
#nosotope .chapter-text .noma th,
#nosotope .chapter-text .noma var {
  font-weight: normal;
}

#nosotope .chapter-text span {
  display: block;
}

#nosotope .chapter-text span.top-text {
  margin-bottom: 2rem;
}

@media (min-width: 769px) {
  #nosotope .chapter.w2 .chapter-text {
    padding: 0 6rem;
  }
}

#nosotope .tile-link {
  position: absolute;
  top: -88px;
}

@media (max-width: 768px) {
  #nosotope {
    margin-top: 30px;
  }
}

@media (max-width: 512px) {
  #nosotope .item.chapter .wrapper-link {
    max-width: calc(100% - 10px);
    width: 100%;
  }

  #nosotope .item.chapter.with-bg .inner {
    max-width: calc(100% - 10px);
  }

  #nosotope .item.chapter.full-width.with-bg {
    margin-bottom: 10px;
  }

  #nosotope .item.chapter .bg-img {
    max-width: calc(100% - 10px);
  }

  #nosotope .item .chapter-text > span {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 512px) {
  #nosotope {
    margin-top: 10px;
  }

  #nosotope .item.chapter:not(.full-width) {
    margin-bottom: 10px;
  }

  #nosotope .item.chapter:not(.full-width) .inner {
    max-width: 100%;
  }

  #nosotope .item.chapter:not(.full-width) .bg-img {
    width: 100%;
  }

  #nosotope .item.chapter:not(.full-width) .img-well {
    max-width: 100%;
    width: calc(100% - 10px);
  }
}

#js-no-mybids {
  padding-top: 9.4rem;
  padding-bottom: 6.2rem;
}

#js-no-mybids p, body.house-rago #js-no-mybids p {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0;
}

body.house-rago #js-no-mybids svg path {
  fill: var(--primary-color);
  stroke: var(--primary-color);
}

body.house-lama #js-no-mybids svg path {
  fill: var(--primary-color);
  stroke: var(--primary-color);
}

#js-no-mybids .w-btn-green-solid {
  margin-top: 2rem;
  margin-bottom: 0;
  max-width: 27rem;
}

body.house-toomey #js-no-mybids .w-btn-green-solid, body.house-rago #js-no-mybids .w-btn-green-solid {
  color: #fff;
}