.portfolio-main>.cover-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:64px 0 80px;width:100%}
.cover-directory>a.directory-cover{position:relative;isolation:isolate;display:block;min-width:0;aspect-ratio:1.45;overflow:hidden;border:1px solid #ffffff35;border-radius:16px;padding:0;background:#211a16;color:white;text-decoration:none;transition:transform .35s,border-color .35s,box-shadow .35s}
.directory-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.8);transition:transform .6s,filter .6s;z-index:-2}
.directory-cover::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#17120d25 10%,#19130e18 30%,#1b120be8 100%),linear-gradient(110deg,#9f410b38,transparent 70%);pointer-events:none}
.cover-directory .directory-number{position:absolute;top:18px;left:20px;margin:0;font-size:10px;letter-spacing:1.6px;color:#fff;text-shadow:0 1px 8px #000}
.cover-directory .directory-copy{position:absolute;left:20px;right:46px;bottom:20px;margin:0}
.directory-copy>strong{display:block;color:#ff8b43;font-size:clamp(19px,1.55vw,30px);line-height:1.3}
.cover-directory .directory-copy>span{color:#fff;font-size:12px;line-height:1.35;margin-top:6px}
.directory-copy>small{display:block;color:#ffffffad;font-size:10px;margin-top:10px}
.cover-directory .directory-arrow{position:absolute;right:18px;bottom:20px;margin:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff90;color:#fff;font-size:18px;background:#ff742620;transition:background .3s}
.cover-directory>a.directory-cover:hover,.cover-directory>a.directory-cover:focus-visible{background:#211a16;border-color:#ff8b43;box-shadow:0 12px 32px #0005;transform:translateY(-5px)}
.directory-cover:hover>img,.directory-cover:focus-visible>img{transform:scale(1.06);filter:saturate(1) brightness(.95)}
.directory-cover:is(:hover,:focus-visible) .directory-arrow{background:#ff7426;border-color:white}
.directory-cover:focus-visible{outline:2px solid #fff;outline-offset:4px}
.portfolio-main>.works-toolbar{margin:0 0 36px}
.portfolio-main>.portfolio-grid{gap:38px}
.portfolio-main>.collection-contact{margin-top:100px}
@media(min-width:2200px){.portfolio-main>.cover-directory{gap:36px;margin-top:80px;margin-bottom:100px}.directory-copy>strong{font-size:34px}.cover-directory .directory-copy>span{font-size:16px}.cover-directory .directory-number,.directory-copy>small{font-size:13px}}
@media(max-width:1000px){.portfolio-main>.cover-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:48px 0 60px}.portfolio-main>.portfolio-grid{gap:26px}.portfolio-main>.collection-contact{margin-top:70px}}
@media(max-width:560px){.portfolio-main>.cover-directory{grid-template-columns:1fr;gap:24px}.directory-copy>strong{font-size:26px}.cover-directory>a.directory-cover{aspect-ratio:1.8}.portfolio-main>.collection-contact{margin-top:60px}}
@media(prefers-reduced-motion:reduce){.cover-directory>a.directory-cover,.directory-cover>img,.directory-arrow{transition:none}}

.directory-cover:is([href="ecommerce.html"],[href="rendering.html"],[href="product-video.html"])>img{object-fit:contain;background:#b7b3ad}