#portfolio .home-albums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 25px}#portfolio .home-albums>a{grid-column:span 2;min-width:0}#portfolio .home-albums>a:nth-child(4){grid-column:2 / span 2}#portfolio .home-albums>a:nth-child(5){grid-column:4 / span 2}#portfolio .home-albums img{height:300px}#portfolio .home-albums .crop-cover{height:300px}@media(max-width:700px){#portfolio .home-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}#portfolio .home-albums>a:nth-child(n){grid-column:auto}#portfolio .home-albums>a:nth-child(3){grid-column:1 / -1;max-width:calc(50% - 9px);width:100%;justify-self:center}#portfolio .home-albums img,#portfolio .home-albums .crop-cover{height:230px}}@media(max-width:420px){#portfolio .home-albums{grid-template-columns:1fr}#portfolio .home-albums>a:nth-child(n){grid-column:1;max-width:none}#portfolio .home-albums img,#portfolio .home-albums .crop-cover{height:300px}}

/* Album covers share the soft image treatment of the collection panels. */
#portfolio .home-albums>a{position:relative;display:flex;align-items:center;min-height:340px;overflow:hidden;isolation:isolate;border:1px solid var(--line)}
#portfolio .home-albums>a>img,#portfolio .home-albums>a>.crop-cover{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;object-fit:cover}
#portfolio .home-albums>a:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7f5eef5 4%,#f7f5eed9 40%,#f7f5ee73 72%,#f7f5ee12 100%)}
#portfolio .album-overlay-content{position:relative;z-index:2;width:100%;padding:30px 26px}
#portfolio .album-overlay-content h3{font-size:36px;line-height:1.14;max-width:260px;margin:0 0 24px}
#portfolio .album-overlay-content span{display:inline-block;font-size:12px;line-height:1.5;letter-spacing:.07em;border-bottom:1px solid var(--line);padding-bottom:6px}
@media(max-width:1000px){#portfolio .album-overlay-content{padding:24px 20px}#portfolio .album-overlay-content h3{font-size:31px}}
@media(max-width:700px){#portfolio .home-albums>a{min-height:310px}#portfolio .album-overlay-content{padding:25px 18px}#portfolio .album-overlay-content h3{font-size:29px}#portfolio .album-overlay-content span{font-size:11px;letter-spacing:.03em}}
@media(max-width:420px){#portfolio .home-albums>a{min-height:330px}#portfolio .album-overlay-content{padding:30px 26px}#portfolio .album-overlay-content h3{font-size:36px}}