.portfolio-page-hero{text-align:center;align-items:center;min-height:40vh;display:flex}.portfolio-page-hero__title{color:var(--color-text-light);margin-bottom:16px;font-size:170px!important}.portfolio-page-hero__subtitle{color:var(--color-text-light);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:28px;font-weight:300}@media (max-width:600px){.portfolio-page-hero__subtitle{display:none}}.portfolio-page{background:0 0;padding-right:1%!important}.portfolio-page__layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.portfolio-page__list{flex-direction:column;gap:16px;display:flex}.portfolio-page__item{border-radius:var(--radius-card);cursor:pointer;transition:var(--transition-base);border:3px solid #0000;padding:28px 24px}.portfolio-page__item--active,.portfolio-page__item:hover{background:var(--hover-color);border:var(--border-thick);box-shadow:var(--shadow-lg)}.portfolio-page__info{flex-direction:column;gap:8px;display:flex}.portfolio-page__name{font-family:var(--font-heading);color:var(--color-text-light);text-shadow:4px 4px 0px var(--color-black);letter-spacing:2px;transition:color .3s;font-size:48px!important}.portfolio-page__item--active .portfolio-page__name,.portfolio-page__item:hover .portfolio-page__name{color:var(--color-text-light)}.portfolio-page__subtitle{color:var(--color-text-light);letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:22px}.portfolio-page__tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.portfolio-page__tag{color:var(--color-text-light);border:3px solid var(--color-black);box-shadow:3px 3px 0px 0px var(--color-black);border-radius:var(--radius-pill);letter-spacing:1px;background:#5261aa;padding:4px 12px;font-family:Bebas Neue,sans-serif;font-size:16px}.portfolio-page__btn{letter-spacing:2px;align-self:flex-start;margin-top:8px}.portfolio-page__inline-preview{display:none}.portfolio-page__inline-img{object-fit:cover;border:var(--border-thick);border-radius:var(--radius-card);width:100%;height:220px;box-shadow:var(--shadow-lg)}.portfolio-page__preview-container{height:100%;position:relative}.portfolio-page__preview-sticky{border:var(--border-thick);border-radius:var(--radius-card);width:100%;height:450px;box-shadow:var(--shadow-xl);background:#fff;position:sticky;top:120px;overflow:hidden}.portfolio-page__preview{opacity:0;transition:opacity .4s;position:absolute;inset:0}.portfolio-page__preview--active{opacity:1}@media (max-width:1024px){.portfolio-page-hero__title{font-size:100px!important}.portfolio-page{padding-right:5%!important}.portfolio-page__layout{grid-template-columns:1fr}.portfolio-page__preview-container{display:none}.portfolio-page__inline-preview{margin-bottom:16px;display:block}.portfolio-page__item{border:var(--border-thick);box-shadow:var(--shadow-lg);background:var(--hover-color);padding:0;overflow:hidden}.portfolio-page__info{padding:20px 24px 28px}.portfolio-page__inline-img{border:none;border-bottom:var(--border-thick);width:100%;height:360px;box-shadow:none;border-radius:0;margin:0;display:block}}@media (max-width:768px){.portfolio-page-hero__title{font-size:80px!important}.portfolio-page__name{font-size:32px!important}.portfolio-page__inline-img{height:200px}}