.portfolio__card{border-radius:20px;grid-template-columns:repeat(2,1fr);margin-bottom:8px;display:grid;overflow:hidden}.portfolio__card-media{height:30vw;position:relative}.portfolio__card-image--hover{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.portfolio__card:hover .portfolio__card-image--hover{opacity:1}.portfolio__card-body{color:#fff;flex-direction:column;padding:32px 24px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.portfolio__card-body:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;transition:box-shadow .6s;position:absolute;inset:0;box-shadow:inset 0 0 250px #ffffff8a,inset 0 0 80px #ffffff4d,inset 0 0 #fff}.portfolio__card:hover .portfolio__card-body:after{box-shadow:inset 0 0 250px #ffffffad,inset 0 0 80px #fff6,inset 0 0 #fff}.portfolio__card-body-image{object-fit:cover;z-index:0;filter:blur(min(90px,11cqw));will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.9)}.portfolio__card-body-image--hover{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.portfolio__card:hover .portfolio__card-body-image--hover{opacity:1}.portfolio__card-overlay{z-index:1;position:absolute;inset:0}.portfolio__card-name{z-index:1;margin-bottom:4px;font-size:24px;line-height:120%;position:relative}.portfolio__card-name:nth-of-type(2){margin-bottom:32px}.portfolio__card-description{z-index:1;width:400px;margin-bottom:32px;font-size:16px;line-height:150%;position:relative}.portfolio__card-socials{z-index:1;grid-template-columns:48px 48px;gap:12px;display:grid;position:relative}.portfolio__card .portfolio__card-button{z-index:1;width:fit-content;margin-top:auto;margin-left:auto;position:relative}.portfolio__card-socials>*{display:block}.portfolio__card-social-icon{object-fit:contain;border:1px solid #fff;border-radius:50%;padding:10px}.portfolio__card{will-change:transform,opacity}.portfolio__card .portfolio__card-name,.portfolio__card .portfolio__card-description,.portfolio__card .portfolio__card-socials,.portfolio__card .portfolio__card-button{z-index:3}.dark .portfolio__card{border:1px solid #8493ac40}.dark .portfolio__card-body:after{box-shadow:inset 0 0 250px #0b111bb3,inset 0 0 80px #0b111b66}.dark .portfolio__card:hover .portfolio__card-body:after{box-shadow:inset 0 0 250px #0b111b80,inset 0 0 80px #0b111b4d}.dark .portfolio__card-body{color:#f0f2f1}.dark .portfolio__card-description{color:#b8c0cc}.dark .portfolio__card-social-icon{border-color:#f0f2f166}@media (prefers-reduced-motion:reduce){.portfolio__card-image--hover,.portfolio__card-body-image--hover,.portfolio__card-body:after{transition:none}}@media (max-width:1279px){.portfolio__card-media{height:auto;min-height:30vw}.portfolio__card-media>.portfolio__card-image{position:absolute;inset:0}.portfolio__card-description{width:auto;max-width:400px}}@media (max-width:860px){.portfolio__card-body{padding:24px 20px}.portfolio__card-name{font-size:22px}.portfolio__card-name:nth-of-type(2){margin-bottom:24px}.portfolio__card-description{margin-bottom:24px;font-size:15px}}@media (max-width:780px){.portfolio__card{grid-template-rows:auto 1fr;grid-template-columns:100%}.portfolio__card-media{aspect-ratio:4/3;min-height:0}.portfolio__card-body-image{filter:blur(16cqw);transform:scale(2.7)}.portfolio__card-body:after,.portfolio__card:hover .portfolio__card-body:after{box-shadow:inset 0 0 70px #ffffff40,inset 0 0 24px #fff3,inset 0 0 #fff}.portfolio__card-name{font-size:20px}.portfolio__card-socials{grid-template-columns:44px 44px;margin-bottom:24px}}.portfolio__card[data-clickable]{cursor:pointer}
.portfolio{padding:0 max(40px,(100% - var(--content-max))/2)136px;position:relative}.portfolio:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(46.1% 20% at 16.7% 76%,#14141545 0%,#1414153b 25%,#14141521 50%,#1414150a 75%,#14141500 100%),radial-gradient(72.7% 28.2% at 23.9% 65.6%,#5a7db4a8 0%,#5a7db48f 25%,#5a7db454 50%,#5a7db41a 75%,#5a7db400 100%),radial-gradient(90.9% 18.2% at -30% 98.7%,#00030ca1 0%,#00030c87 25%,#00030c4f 50%,#00030c1a 75%,#00030c00 100%),radial-gradient(175.6% 45.1% at 4.1% 47.4%,#e1e6eb 0%,#e1e6ebd6 25%,#e1e6eb80 50%,#e1e6eb29 75%,#e1e6eb00 100%),radial-gradient(110.5% 60.5% at 3.7% 81%,#263041 3.31%,#313e54ee 15.04%,#3c4c66de 26.77%,#546c90d5 37.15%,#6d8bb9cc 47.53%,#b4c2da93 62.7%,#fafafa59 77.88%,#edf1f42d 88.94%,#e0e8ef00 100%),linear-gradient(#f0f2f1 2.54%,#f0f2f100 58.96%),linear-gradient(#cad4df,#cad4df);position:absolute;inset:0}.portfolio:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#fff 0%,#0000 40%);position:absolute;inset:0}.portfolio__label{text-align:center;text-transform:uppercase;z-index:1;width:fit-content;margin:0 auto 34px;font-size:64px;position:relative}.portfolio__header{color:#1d2c49;z-index:1;grid-template-columns:300px 1fr 300px;justify-items:end;margin-bottom:56px;font-size:16px;display:grid;position:relative}.portfolio__footer{z-index:1;color:#fff;justify-content:center;margin-top:70px;font-size:16px;display:flex;position:relative}.portfolio__footer .portfolio__filters-underline{background:currentColor}.portfolio__filters{grid-column:2;place-self:center;align-items:center;gap:90px;display:flex;position:relative}.portfolio__filter-btn{cursor:pointer;padding:2px;position:relative}.portfolio__filter-btn:before{content:"";position:absolute;inset:-12px -20px}.portfolio__filters-underline{pointer-events:none;background:#1d2c49;height:1px;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-8px;left:0}.portfolio__list{z-index:1;touch-action:pan-y;grid-template-rows:repeat(3,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.portfolio__page{grid-area:1/1/-1/-1;grid-template-rows:subgrid;display:grid}.portfolio{transition:background-color .5s}.portfolio.dark{background-color:#0b111b}.portfolio.dark:before{background-image:radial-gradient(30.8% 19.4% at 1.6% 92.4%,#3d4c6d 0%,#3d4c6dd6 25%,#3d4c6d80 50%,#3d4c6d29 75%,#3d4c6d00 100%),radial-gradient(52.8% 35.4% at 6.5% 91.2%,#48597e 0%,#48597ed6 25%,#48597e80 50%,#48597e29 75%,#48597e00 100%),radial-gradient(75.6% 49% at 16.3% 85.8%,#88aeff3b 0%,#88aeff33 25%,#88aeff1f 50%,#88aeff0a 75%,#88aeff00 100%),radial-gradient(81.6% 53.5% at 36.9% 70.5%,#6e93e821 0%,#6e93e81c 25%,#6e93e80f 50%,#6e93e805 75%,#6e93e800 100%),radial-gradient(122.5% 65.6% at -.8% 88.1%,#0b111b00 100%,#3b4a68 2.5%,#3e4d6efe 7.5%,#415174fb 12.5%,#435478f7 17.5%,#44557af2 22.5%,#425378eb 27.5%,#3e4f72e2 32.5%,#39496bd8 37.5%,#334364cd 42.5%,#2e3d5dc1 47.5%,#2b3956b3 52.5%,#273450a4 57.5%,#23304993 62.5%,#202b4282 67.5%,#1d283c6f 72.5%,#1b25385d 77.5%,#19223449 82.5%,#18203034 87.5%,#161e2d1f 92.5%,#151c2a0a 97.5%),linear-gradient(#0b111b 2.54%,#0b111b00 58.96%),linear-gradient(#141b28,#141b28)}.portfolio.dark:after{background:linear-gradient(#0b111b 0% 12%,#0b111bd9 22%,#0b111b8c 34%,#0b111b40 46%,#0b111b14 56%,#0b111b00 65%)}.portfolio.dark .portfolio__label{background:var(--text-gradient-dark);-webkit-background-clip:text;background-clip:text}.portfolio.dark .portfolio__header{color:#f0f2f1}.portfolio.dark .portfolio__filters-underline{background:#f0f2f1}.portfolio.dark .portfolio__header .button-two{color:#f0f2f1;border-color:#f0f2f1}.portfolio.dark .portfolio__header .button-two .arrow{filter:brightness(0)invert()}.portfolio{overflow-x:clip}.portfolio__list{--cross-dur:.9s;--cross-ease:cubic-bezier(.5,0,.2,1);--cross-step:70ms}.portfolio__page:not(.is-current){visibility:hidden;pointer-events:none}.portfolio__page.is-leaving{visibility:visible;z-index:2}.portfolio__list.is-crossing>.portfolio__page.is-current>.portfolio__card{animation:portfolio-cross-in var(--cross-dur)var(--cross-ease)both;animation-delay:calc(var(--i)*var(--cross-step))}.portfolio__page.is-leaving>.portfolio__card{animation:portfolio-cross-out var(--cross-dur)var(--cross-ease)both;animation-delay:calc(var(--i)*var(--cross-step))}.portfolio__page.is-leaving .portfolio__card-body>:not(.portfolio__card-overlay,.portfolio__card-body-image){animation:.2s ease-out both portfolio-cross-text-out;animation-delay:calc(var(--i)*var(--cross-step))}.portfolio__list.is-crossing>.portfolio__page.is-current .portfolio__card-body>:not(.portfolio__card-overlay,.portfolio__card-body-image){animation:.5s ease-out both portfolio-cross-text-in;animation-delay:calc(var(--i)*var(--cross-step) + .15s)}@keyframes portfolio-cross-in{0%{opacity:.4;transform:translateX(calc(var(--dir)*60px))}60%{opacity:1}to{opacity:1;transform:none}}@keyframes portfolio-cross-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(calc(var(--dir)*-60px))}}@keyframes portfolio-cross-text-out{to{opacity:0}}@keyframes portfolio-cross-text-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.portfolio__list .portfolio__card,.portfolio__list .portfolio__card-body>*{animation:none!important}.portfolio__page.is-leaving{visibility:hidden}}@media (max-width:1100px){.portfolio{padding:0 24px 110px}.portfolio__label{font-size:48px}}@media (max-width:860px){.portfolio__header{grid-template-columns:1fr auto 1fr;margin-bottom:40px}.portfolio__filters{gap:64px}.portfolio__footer{margin-top:48px}}@media (max-width:780px){.portfolio{padding:0 16px 90px}.portfolio__label{margin-bottom:22px;font-size:32px}.portfolio__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:2px 0;display:flex}.portfolio__filters{gap:40px;margin-left:20px}.portfolio:before{background-image:radial-gradient(160% 20% at 50% 76%,#14141545 0%,#1414153b 25%,#14141521 50%,#1414150a 75%,#14141500 100%),radial-gradient(182% 28.2% at 50% 65.6%,#5a7db4a8 0%,#5a7db48f 25%,#5a7db454 50%,#5a7db41a 75%,#5a7db400 100%),radial-gradient(227% 18.2% at 50% 98.7%,#00030ca1 0%,#00030c87 25%,#00030c4f 50%,#00030c1a 75%,#00030c00 100%),radial-gradient(439% 45.1% at 50% 47.4%,#e1e6eb 0%,#e1e6ebd6 25%,#e1e6eb80 50%,#e1e6eb29 75%,#e1e6eb00 100%),radial-gradient(276% 60.5% at 50% 81%,#263041 3.31%,#313e54ee 15.04%,#3c4c66de 26.77%,#546c90d5 37.15%,#6d8bb9cc 47.53%,#b4c2da93 62.7%,#fafafa59 77.88%,#edf1f42d 88.94%,#e0e8ef00 100%),linear-gradient(#f0f2f1 2.54%,#f0f2f100 58.96%),linear-gradient(#cad4df,#cad4df)}.portfolio.dark:before{background-image:radial-gradient(160% 19.4% at 50% 92.4%,#3d4c6d 0%,#3d4c6dd6 25%,#3d4c6d80 50%,#3d4c6d29 75%,#3d4c6d00 100%),radial-gradient(160% 35.4% at 50% 91.2%,#48597e 0%,#48597ed6 25%,#48597e80 50%,#48597e29 75%,#48597e00 100%),radial-gradient(189% 49% at 50% 85.8%,#88aeff3b 0%,#88aeff33 25%,#88aeff1f 50%,#88aeff0a 75%,#88aeff00 100%),radial-gradient(204% 53.5% at 50% 70.5%,#6e93e821 0%,#6e93e81c 25%,#6e93e80f 50%,#6e93e805 75%,#6e93e800 100%),radial-gradient(306% 65.6% at 50% 88.1%,#0b111b00 100%,#3b4a68 2.5%,#3e4d6efe 7.5%,#415174fb 12.5%,#435478f7 17.5%,#44557af2 22.5%,#425378eb 27.5%,#3e4f72e2 32.5%,#39496bd8 37.5%,#334364cd 42.5%,#2e3d5dc1 47.5%,#2b3956b3 52.5%,#273450a4 57.5%,#23304993 62.5%,#202b4282 67.5%,#1d283c6f 72.5%,#1b25385d 77.5%,#19223449 82.5%,#18203034 87.5%,#161e2d1f 92.5%,#151c2a0a 97.5%),linear-gradient(#0b111b 2.54%,#0b111b00 58.96%),linear-gradient(#141b28,#141b28)}}