.portfolio-hero{background-color:var(--color-bg-primary);padding:var(--space-64) var(--space-16);padding-bottom:0}.portfolio-hero__container{display:flex;flex-direction:column;gap:var(--space-64)}.portfolio-hero__header{display:flex;flex-direction:column;gap:var(--space-8)}.portfolio-hero__subtitle{color:var(--color-text-400);font-family:var(--font-mono);font-size:var(--font-size-body-16);font-weight:var(--font-weight-normal);line-height:1.5;margin:0}.portfolio-hero__title{color:var(--color-text-450);font-family:var(--font-sans);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);letter-spacing:0;line-height:1.1;margin:0;text-transform:capitalize}.portfolio-hero__body{color:var(--color-text-400);font-family:var(--font-mono);font-size:var(--font-size-body-16);font-weight:var(--font-weight-normal);line-height:1.5;margin:var(--space-24) 0 0}@keyframes marquee-scroll-mobile{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.portfolio-hero__cards--mobile{display:block;margin-left:calc(var(--space-16)*-1);overflow:hidden;padding:0;position:relative;width:100vw}.portfolio-hero__cards-track--mobile{animation:marquee-scroll-mobile var(--marquee-speed,60s) linear infinite;display:flex;gap:0;width:max-content}.portfolio-hero__cards-track--mobile .portfolio-hero__card{margin-right:var(--space-16)}.portfolio-hero__cards--mobile:hover .portfolio-hero__cards-track--mobile{animation-play-state:paused}.portfolio-hero__cards--mobile::-webkit-scrollbar{display:none}.portfolio-hero__cards--desktop{display:none}.portfolio-hero__card{align-items:center;background-color:var(--color-bg-primary);border:1px dashed var(--color-stroke-500);display:flex;flex-shrink:0;height:210px;justify-content:center;overflow:hidden;padding:var(--space-16);position:relative;scroll-snap-align:center;width:210px}.portfolio-hero__card-logo{max-height:100%;max-width:100%;object-fit:contain}.portfolio-hero__card-placeholder{color:var(--color-text-400);font-family:var(--font-mono);font-size:var(--font-size-body-14);text-align:center}.portfolio-hero__card-default,.portfolio-hero__card-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.portfolio-hero__card-default{transition:opacity .3s ease}.portfolio-hero__card-hover{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--space-16);position:absolute;right:0;top:0;transition:opacity .3s ease}.portfolio-hero__card:hover{border-color:var(--color-primary)}.portfolio-hero__card:hover .portfolio-hero__card-default{opacity:0}.portfolio-hero__card:hover .portfolio-hero__card-hover{opacity:1}.portfolio-hero__card-name{color:var(--color-text-450);font-family:var(--font-mono);font-size:var(--font-size-body-16);font-weight:var(--font-weight-semibold);line-height:1.5;margin:0}.portfolio-hero__card-description{color:var(--color-text-400);font-family:var(--font-mono);font-size:var(--font-size-body-14);font-weight:var(--font-weight-normal);line-height:1.5;margin:0}@media (min-width:1190px){.portfolio-hero{border-bottom:1px dashed var(--color-stroke-500);height:750px;overflow:hidden;padding:0}.portfolio-hero__container{flex-direction:row;gap:0;height:100%;justify-content:space-between}.portfolio-hero__header{flex:1;padding:var(--space-80) var(--space-32)}.portfolio-hero__cards--mobile{display:none}.portfolio-hero__cards--desktop{display:flex;gap:0;height:100%;overflow:hidden;padding:0}.portfolio-hero__cards-col{flex-shrink:0;height:100%;overflow:hidden;position:relative;width:210px}.portfolio-hero__cards-track{animation-duration:var(--scroll-speed,60s);animation-iteration-count:infinite;animation-timing-function:linear;display:flex;flex-direction:column;gap:0}.portfolio-hero__cards-col--1 .portfolio-hero__cards-track,.portfolio-hero__cards-col--3 .portfolio-hero__cards-track{animation-name:scrollDown}.portfolio-hero__cards-col--2 .portfolio-hero__cards-track{animation-name:scrollUp}.portfolio-hero__cards-col:hover .portfolio-hero__cards-track{animation-play-state:paused}.portfolio-hero__cards--desktop .portfolio-hero__card{flex-shrink:0;height:210px;padding:var(--space-16);scroll-snap-align:unset;width:100%}.portfolio-hero__cards--desktop .portfolio-hero__card:hover{border-color:var(--color-stroke-500);border-bottom:1px dashed var(--color-primary);border-right:1px dashed var(--color-primary)}.portfolio-hero__cards--desktop .portfolio-hero__card:hover .portfolio-hero__card-description{color:var(--color-text-300)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}