.portfolio-section{--section-padding:20px;width:100%;padding:90px var(--section-padding) 140px;background:#fff;margin:0;position:relative;overflow:hidden}.portfolio-step{min-height:100vh;position:relative}.portfolio-step.is-last{min-height:calc(100vh - 100px)}.portfolio-card-link{color:inherit;will-change:opacity, transform;text-decoration:none;transition:opacity .45s,transform .45s;display:block;position:sticky;top:100px}.portfolio-card-link.is-active{z-index:2;opacity:1;pointer-events:auto;transform:scale(1)}.portfolio-card-link.is-inactive{z-index:1;opacity:0;pointer-events:none;transform:scale(.97)}.portfolio-card{width:calc(100% + var(--section-padding));max-width:none;min-height:620px;margin-left:calc(var(--section-padding) * -1);grid-template-columns:minmax(0,52vw) minmax(380px,520px);justify-content:start;align-items:center;column-gap:clamp(40px,5vw,85px);display:grid}.portfolio-image{width:100%;min-height:660px;position:relative;overflow:visible}.portfolio-img-content{object-fit:contain;will-change:transform;border-radius:0 18px 18px 0;transition:transform .35s;object-position:left center!important}.portfolio-content{color:#fff;border-radius:22px;width:100%;max-width:520px;padding:58px 42px;transition:transform .35s,box-shadow .35s;box-shadow:0 25px 70px #00000040}.portfolio-card-link.is-active:hover .portfolio-content{transform:scale(1.02);box-shadow:0 35px 90px #00000052}.sub-title{letter-spacing:1.2px;text-transform:uppercase;opacity:.9;margin-bottom:18px;font-size:.82rem;display:block}.title{margin:0;font-size:clamp(2.2rem,4vw,4.4rem);font-weight:400;line-height:1.08}@media (max-width:1200px){.portfolio-card{grid-template-columns:minmax(0,52vw) minmax(320px,430px);column-gap:45px;max-width:none}.portfolio-image{min-height:560px}.portfolio-content{padding:42px 34px}.title{font-size:clamp(2rem,3vw,3.2rem)}}@media (max-width:768px){.portfolio-section{--section-padding:16px;padding:70px var(--section-padding) 100px;overflow:hidden}.portfolio-step{min-height:85vh}.portfolio-step.is-last{min-height:75vh}.portfolio-card-link{top:80px}.portfolio-card{grid-template-columns:1fr;width:100%;max-width:100%;min-height:auto;margin-left:0}.portfolio-image{width:100%;min-height:430px;overflow:hidden}.portfolio-img-content{border-radius:18px;object-position:left center!important}.portfolio-content{z-index:2;border-radius:20px;width:auto;margin:-50px 24px 0;padding:38px 28px;position:relative}}