*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#17100d}

body{
  min-width:320px;
  font-family:Arial,Helvetica,sans-serif
}

.publications-page{
  width:100%;
  max-width:1912px;
  margin:0 auto;
  padding-top:calc(7.2vw - 2cm);
  padding-bottom:100px
}

.site-header{
  width:100%;
  max-width:820px;
  margin:0 auto
}

.title-wrap,.menu-wrap{
  display:block;
  width:100%
}

.title-wrap img,.menu-wrap>img{
  display:block;
  width:100%;
  height:auto
}

.menu-wrap{
  position:relative;
  margin-top:3.1%
}

.menu{
  position:absolute;
  inset:0
}

.m{
  position:absolute;
  top:0;
  height:100%;
  display:block
}

.desenhos{left:0;width:12.4499%}
.objetos{left:16.4561%;width:9.3374%}
.espacos{left:29.7689%;width:10.7858%}
.posteres{left:44.5609%;width:11.0324%}
.publicacoes{left:59.5686%;width:15.2234%}
.pinturas{left:78.7673%;width:10.0154%}
.sobre{left:92.7889%;width:7.2111%}

.publication-grid{
  width:897px;
  margin:128px auto 0;
  position:relative;
  left:-38.5px;
  display:grid;
  grid-template-columns:repeat(2,422px);
  column-gap:53px;
  row-gap:22px;
  align-items:start
}

.publication-card{
  display:block;
  text-decoration:none;
  color:inherit;
  text-align:center
}

.cover{
  display:block;
  width:422px;
  height:422px;
  object-fit:cover;
  transition:transform .18s ease;
  transform-origin:center bottom
}

.publication-lettering{
  display:flex;
  margin-top:-10px;
  height:31px;
  align-items:flex-start;
  justify-content:center
}

.publication-lettering img{
  display:block;
  width:auto;
  height:11px
}

@media (hover:hover) and (pointer:fine){
  .publication-card:hover .cover{
    transform:scale(1.03)
  }
}

@media(max-width:700px){

  .publications-page{
    padding:0 5vw 12vw;
    min-height:100svh
  }

  .site-header{
    width:90%;
    padding-top:12vw
  }

  .menu-wrap{
    margin-top:3.1%
  }

  .publication-grid{
    width:90%;
    margin:12vw auto 0;
    left:0;
    display:flex;
    flex-direction:column;
    gap:12vw
  }

  .publication-card{
    width:100%
  }

  .cover{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:cover
  }

  .publication-lettering{
    margin-top:4vw;
    height:auto
  }
}