.portfolio{position:relative;padding:150px var(--pad-x) 190px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.portfolio-card{position:relative;display:block;background:var(--card);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.3);transition:transform .3s ease}.portfolio-card:hover{transform:translateY(-8px)}.portfolio-card:nth-child(even){margin-top:56px}.portfolio-media{position:relative;height:420px;overflow:hidden;clip-path:polygon(0 0,100%0,100% 88%,0 100%)}.portfolio-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%) contrast(1.05);transition:transform .5s ease}.portfolio-card:hover .portfolio-media img{transform:scale(1.06)}.portfolio-index{position:absolute;top:28px;left:28px;z-index:2;font-size:14px;font-weight:700;letter-spacing:2px;color:#fff;background:var(--purple);padding:10px 18px}.portfolio-body{padding:34px 36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.portfolio-body h3{font-size:24px;font-weight:700;line-height:1.35;color:#fff;margin:0}.portfolio-arrow{flex-shrink:0;width:22px;height:16px;transition:transform .3s ease}.portfolio-card:hover .portfolio-arrow{transform:translateX(8px)}@media (max-width:1023.98px){.portfolio{padding-top:90px;padding-bottom:90px}.portfolio-body h3{font-size:clamp(19px,1.667vw,24px)}.portfolio-media{height:auto;aspect-ratio:2/1}}@media (max-width:767.98px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card:nth-child(even){margin-top:0}.portfolio-media{aspect-ratio:16/11}}.portfolio-media{height:auto;aspect-ratio:16/10;clip-path:none}.portfolio-media img{filter:none}