body.home{
  background-color:#fffefd; 
  background-image:
    linear-gradient(
      rgba(58,0,0,0.035), 
      rgba(58,0,0,0.035)
    ),
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAvklEQVR42mNgGAWDEf7/PwPDYDBnYGBoYGBw9/GDA4NnBgYmngMWA4OEglQD8Rlg4OMkWwBgYmFhswX9ChAEfRmgGxYGBw4f6UgiHEZbFiYHBkYODg5ygBEwvGA4PAuMGp5mKQ5mMA+4gJDAwMBgYmxAFsuBiZsWFgYGBgz8Dq9yBuGkC3AGKgIGXxZgiRG6Mhlx6PBgYGBgYGAUDgQmhBy1mQegAAAABJRU5ErkJggg==");
  background-repeat:repeat;
  background-blend-mode:multiply;
  color:#121316;
  position:relative;
}

.home-main{
  max-width:1160px;
  margin:0 auto;
  padding:100px 26px 56px;
  position: relative;
  z-index: 1;
}
.home-tiles{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:20px;
}

@media (min-width:1100px){
  .home-tiles{ grid-template-columns:repeat(4, 1fr); }
}
@media (min-width:720px) and (max-width:1099px){
  .home-tiles{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:719px){
  .home-tiles{ grid-template-columns:1fr; }
  .home-tile__media{ aspect-ratio:4 / 5; max-height:none; }
}

.home-tile{
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  transform:translateY(0);
}
.home-tile__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover; 
}

/* 1 — Bio-Dysgraphia */
.home-tiles .home-tile:nth-child(1) .home-tile__media img{
  filter: saturate(1) contrast(1.02) brightness(1.01);
}

/* 2 — Scratchbook Diary*/ 
.home-tiles .home-tile:nth-child(2) .home-tile__media img{
  filter: saturate(1.05) contrast(1.02) brightness(1.02) hue-rotate(-4deg);
}

/* 3 — Me and He[A] */
.home-tiles .home-tile:nth-child(3) .home-tile__media img{
  filter: saturate(0.92) contrast(0.94) brightness(1.01);
}

/* 4 — Abrasions and Drafts */
.home-tiles .home-tile:nth-child(4) .home-tile__media img{
  filter: saturate(0.88) contrast(0.96) brightness(0.98);
}

.home-tile__media{
  aspect-ratio:2 / 3;
  background:#fff;
  overflow:hidden;
  position:relative;
}
.home-tile__link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.home-tile__body{
  padding:2px 10px 8px;
  border-top:1px solid rgba(0,0,0,.04);
}
.home-tile__title{
  margin:0;
  font-family: Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:.08em;
  font-size:0.75rem;
  color:rgba(20,20,22,.72);
}


.home-tile__link:hover{
  text-decoration:none;
}

.about-link{
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: auto;
}

.about-link__a{
  display: inline-block;
  padding: 10px 14px;
  font-family: Georgia,"Times New Roman",serif;
  font-weight: 400;
  letter-spacing: .06em;
  font-size: 1.05rem;
  color: rgba(20,20,22,.62);
  text-decoration: none;

  transition: color 0.5s ease;
}

.about-link__a:hover{
  color: rgba(20,20,22,.82);
  text-decoration: none;
}