/* Portfolio landing page and collection navigation */
body.portfolio-index {background:#1c1d22;color:#f2f2f3;}
body.portfolio-index #header {position:relative;z-index:2;}
.portfolio-intro{padding:4.4rem 5.5vw 2rem;max-width:1100px;}
.portfolio-intro h2{font-size:2rem;font-weight:500;line-height:1.25;margin:0 0 .75rem;}
.portfolio-intro p{font-size:1.04rem;color:#c6c8cc;margin:0;line-height:1.7;}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.4rem;padding:1.2rem 5.5vw 5rem;max-width:1600px;margin:0 auto;}
.collection-card{display:block;position:relative;min-height:315px;border-radius:5px;overflow:hidden;background:#303137;color:#fff;text-decoration:none!important;border:1px solid #505158;transition:transform .18s ease,border-color .18s ease;}
.collection-card:hover{transform:translateY(-4px);border-color:#9ea8b0;}
.collection-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .25s ease;}
.collection-card:hover img{transform:scale(1.045);}
.collection-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));}
.collection-card .collection-info{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:1.4rem;}
.collection-card h3{font-size:1.35rem;text-transform:none;letter-spacing:normal;margin:0 0 .4rem;color:#fff;}
.collection-card p{font-size:.9rem;line-height:1.5;margin:0;color:#e5e5e7;}
.collection-count{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-top:.75rem;}
.collection-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8b8d96;font-size:5rem;font-family:Georgia,serif;}
.portfolio-footer{border-top:1px solid #414147;color:#c0c0c4;padding:1.5rem 5.5vw;font-size:.85rem;}
.portfolio-footer a{color:#ededee;}
.collection-empty{padding:4rem 6vw;color:#dedee1;}
@media(max-width:700px){.portfolio-intro{padding:2.7rem 1.4rem 1rem}.portfolio-grid{padding:1rem 1.4rem 3rem}.portfolio-intro h2{font-size:1.6rem}}