.portfolio{color:#fff;background:#120f25;padding:120px 5.5vw}.portfolio h2{letter-spacing:-.07em;max-width:760px;margin:22px 0 62px;font-size:clamp(42px,5.8vw,82px);line-height:.98}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.portfolio-card{isolation:isolate;background:linear-gradient(145deg,#5f3c74,#1b152c 55%,#d4573e) 50%/cover;align-items:flex-end;min-height:430px;padding:25px;display:flex;position:relative;overflow:hidden}.portfolio-shade{z-index:-1;background:linear-gradient(#0806120d 20%,#080612d1 100%);position:absolute;inset:0}.portfolio-logo{object-fit:contain;object-position:left top;filter:drop-shadow(0 1px 8px #00000059);max-width:118px;max-height:52px;position:absolute;top:22px;left:22px}.portfolio-copy p{text-transform:uppercase;letter-spacing:.08em;color:#e9ddec;margin:0 0 12px;font:500 11px DM Mono,monospace}.portfolio-copy h3{letter-spacing:-.06em;margin:0;font-size:clamp(25px,3vw,42px);line-height:1}@media (max-width:760px){.portfolio{padding:88px 7vw}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:360px}}