.sub-hero{background:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.66) 45%,rgba(5,5,5,.28) 100%),url("https://images.unsplash.com/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat}

.projects{background:var(--si-light)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.p-card{position:relative;overflow:hidden;min-height:300px;background-size:cover;background-position:center}
.p-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.75))}
.p-tag{position:absolute;z-index:2;top:0;left:20px;background:var(--si-orange-dark);color:#fff;padding:9px 13px;font-size:10px;font-weight:800;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.p-info{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff}
.p-info h3{margin:0;font-size:18px;font-weight:500}
.p-info p{margin:6px 0 0;color:rgba(255,255,255,.68);font-size:11px}
.notice-box{margin-top:40px;padding:24px 26px;background:#fff;border:1px solid var(--si-line);font-size:13px;color:var(--si-gray);line-height:1.9}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr}}