.portfolio-page{background:#f6f3ee}.portfolio-main{padding-top:80px}.portfolio-page .site-header,.portfolio-page .site-header.scrolled{background:rgba(246,243,238,.96)!important;border-bottom:1px solid rgba(11,11,18,.12)!important;backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(11,11,18,.06)}.portfolio-page .site-header .nav-link,.portfolio-page .site-header .nav-link small{color:#0b0b12!important}.portfolio-page .site-header .nav-link::after{background:linear-gradient(90deg,#5e2a9e,#d61a8d,#f57c20)!important}.portfolio-page .site-header .nav-link.active::after{width:calc(100% - 16px)}.portfolio-intro{padding:90px 0 65px;background:linear-gradient(135deg,rgba(94,42,158,.09),rgba(214,26,141,.06) 52%,rgba(245,124,32,.09))}.portfolio-title-row{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-top:16px}.portfolio-title-row h1{max-width:930px;margin:0;font-size:clamp(48px,6.4vw,92px);font-weight:800;letter-spacing:-.06em;line-height:.96}.portfolio-title-row p{margin:0;color:#616168;font:16px/1.75 Inter,sans-serif}.portfolio-showcase{padding-top:70px}.portfolio-page .portfolio-tabs{margin-bottom:38px}@media(max-width:991.98px){.portfolio-title-row{grid-template-columns:1fr;gap:24px}}@media(max-width:575.98px){.portfolio-intro{padding:65px 0 45px}.portfolio-title-row h1{font-size:13vw}.portfolio-showcase{padding-top:45px}}
.portfolio-page #portfolioGrid.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:320px;gap:20px}.portfolio-page #portfolioGrid .portfolio-card:nth-child(n){grid-column:span 1;grid-row:span 1;min-height:0}.portfolio-page #portfolioGrid .portfolio-card:nth-child(5n+1){grid-row:span 2}.portfolio-page #portfolioGrid .portfolio-card:after{background:linear-gradient(180deg,rgba(8,8,12,.08) 20%,rgba(8,8,12,.9) 100%)}.portfolio-page #portfolioGrid .portfolio-content{padding:32px}.portfolio-page #portfolioGrid .portfolio-content h3{max-width:9ch;margin:10px 0;font-size:clamp(38px,4.4vw,68px);line-height:.94}.portfolio-page #portfolioGrid .portfolio-content b{max-width:24ch;color:#fff;font:600 15px/1.45 Inter,sans-serif}.portfolio-page #portfolioGrid .portfolio-visit{margin-top:6px;opacity:1;transform:none;font-size:14px}.portfolio-page #portfolioGrid .portfolio-card:nth-child(5n+1) .portfolio-content h3{font-size:clamp(52px,5.4vw,82px)}
@media(max-width:991.98px){.portfolio-page #portfolioGrid.portfolio-grid{grid-auto-rows:280px;gap:16px}.portfolio-page #portfolioGrid .portfolio-content{padding:24px}.portfolio-page #portfolioGrid .portfolio-content h3{font-size:clamp(31px,5vw,50px)}}
@media(max-width:575.98px){.portfolio-page #portfolioGrid.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:auto}.portfolio-page #portfolioGrid .portfolio-card:nth-child(n){grid-row:span 1;min-height:430px}.portfolio-page #portfolioGrid .portfolio-card:nth-child(5n+1) .portfolio-content h3{font-size:48px}}