@font-face {
    font-family: 'Manusquared';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Manusquared-Regular.woff') format('woff2'),
         url('/fonts/Manusquared-Regular.woff2') format('woff');
    /* Optional: limit glyph range to save bandwidth (edit if needed)
    unicode-range: U+000-5FF; 
    */
  }

@font-face {
    font-family: 'Rag';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Rag-Regular.woff2') format('woff2'),
         url('/fonts/Rag-Regular.woff') format('woff');
    /* Optional: limit glyph range to save bandwidth (edit if needed)
    unicode-range: U+000-5FF; 
    */
  }

  @font-face {
    font-family: 'Rag';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/fonts/Rag-Bold.woff2') format('woff2'),
         url('/fonts/Rag-Bold.woff') format('woff');
    /* Optional: limit glyph range to save bandwidth (edit if needed)
    unicode-range: U+000-5FF; 
    */
  }


@page {
    --paged-layout: booklet;
    size: A5;
    margin-top: 20mm;
    margin-bottom: 20mm;

    /*font-family: 'Times', 'Arial Narrow', Arial, sans-serif;*/
  
    @bottom-left {
      content: counter(page);
      transform: skewX(-40deg);
      font-size: 2em;
      font-family: "Manusquared";
    }
  }

  @page:left {
    margin-left: 5mm;
    margin-right: 20mm;

    @top-left {
      content: "CCL";
      font-family: "Manusquared";
      transform: skewX(-40deg);
    }
  }
  
  @page:right {
    margin-left: 20mm;
    margin-right: 5mm;

    @top-right {
      content: "Publication";
      font-family: "Manusquared";
      transform: skewX(40deg);
    }
  }


@media print {
    body{
        font-family: 'Rag';
        font-weight: 600;
        letter-spacing: -3%;
        font-size: 1.05em;
    }


     h1{
        /* break-before: page; */
        font-size: 3em;
        line-height: 2.5;
        transform: scaleY(6) skewX(60deg) translate(0.1em,0.0em);
        color: red;

     }
     h2{
        break-before: page;
        font-family: "Manusquared";
     }
     h3{
        transform: skewX(-30deg);
        font-weight: 900;
        margin: 0 2em;
     }

     blockquote{
        margin: 0;
        line-height: 1.2;
        margin-bottom: 1em;
     }

     .artists{
        margin-bottom: 0.5em;
     }
}

img {
  max-width: 100%;
}

.lastimage{
    height: 90%;
}

.lastyimage {
  margin-top: 8em;
  margin-left: 1.2em;
  transform: rotate(90deg);
}