.portfolio-section{background-color:var(--bg);border-top:1px solid var(--line-light);padding:clamp(5rem,9vw,8rem) 0}.portfolio-section__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(3rem,6vw,4.5rem);display:flex}.portfolio-section__title{margin-top:1rem}.portfolio-section__sub{max-width:500px}.portfolio-grid{grid-template-columns:repeat(12,1fr);gap:clamp(1.5rem,3vw,2.5rem);display:grid}@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-card--large{grid-column:span 7}.portfolio-card--medium{grid-column:span 5}@media (max-width:900px){.portfolio-card--large,.portfolio-card--medium{grid-column:span 1}}.portfolio-card{cursor:pointer;background:#0b0c0f;border:1px solid #15151f14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 16px 45px #0000000f}.portfolio-card__frame{flex-direction:column;justify-content:space-between;width:100%;height:clamp(380px,42vw,520px);padding:clamp(1.5rem,3vw,2.5rem);display:flex;position:relative}.portfolio-card__img{object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.portfolio-card:hover .portfolio-card__img{transform:scale(1.05)}.portfolio-card__overlay{background:linear-gradient(#15151f33 0%,#15151fd9 100%);transition:opacity .4s;position:absolute;inset:0}.portfolio-card:hover .portfolio-card__overlay{background:linear-gradient(#15151f1a 0%,#15151ff2 100%)}.portfolio-card__top-badge{z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.portfolio-card__cat{font-family:var(--font-mono);letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;padding:.35rem .85rem;font-size:.75rem}.portfolio-card__year{font-family:var(--font-mono);color:#fff9;font-size:.82rem}.portfolio-card__content{z-index:5;position:relative}.portfolio-card__title{font-family:var(--font-display);color:#fff;margin-bottom:.5rem;font-size:clamp(1.4rem,2.4vw,2.2rem);font-weight:700;line-height:1.2;transition:transform .35s cubic-bezier(.22,1,.36,1)}.portfolio-card:hover .portfolio-card__title{transform:translateY(-4px)}.portfolio-card__desc{color:#ffffffbf;max-width:540px;margin-bottom:1.2rem;font-size:.95rem;line-height:1.5}.portfolio-card__action{color:var(--accent-orange);align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.portfolio-card__arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.portfolio-card:hover .portfolio-card__arrow{transform:translate(4px,-4px)}.portfolio-section__footer{justify-content:center;margin-top:clamp(3rem,5vw,4.5rem);display:flex}