.portfolio-page{color:#fff;background:#000014}#portfolio-particles{z-index:0;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0}.portfolio-page #portfolio-main{z-index:1;position:relative}.portfolio-page .wwd-contact{background:0 0}.pf-catalog{padding:clamp(144px,18svh,184px) 6vw 128px;scroll-margin-top:0;position:relative}.is-static .portfolio-page #origin{padding-top:144px!important}.pf-head h1{letter-spacing:-.035em;text-transform:none;text-wrap:initial;font:400 clamp(56px,6vw,86px)/.98 Arial,Helvetica,sans-serif}.pf-filters{flex-wrap:wrap;gap:12px 32px;margin:56px 0 0;display:flex}.pf-filters[hidden],.pf-project[hidden],.pf-empty[hidden],.pf-result-count[hidden]{display:none!important}.pf-filters button{color:#c6e8f0;letter-spacing:.025em;text-transform:uppercase;max-width:100%;min-height:44px;transition:color .16s ease,transform .16s var(--ease-out);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:14px 0 10px;font:400 12px/1.3 Arial,Helvetica,sans-serif;position:relative}.pf-filters button:after{content:"";transform-origin:0;height:1px;transition:transform .24s var(--ease-out);background:currentColor;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.pf-filters button[aria-pressed=true]{color:#00d2ff}.pf-filters button[aria-pressed=true]:after{transform:scaleX(1)}.pf-filters button:active:not(:focus-visible){transform:scale(.97)}.pf-result-count{color:#91c8d8;font-variant-numeric:tabular-nums;margin:32px 0 0;font:12px/1.5 Arial,Helvetica,sans-serif}.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(96px,8vw,144px) clamp(28px,3vw,56px);margin-top:64px;display:grid}.pf-project{min-width:0}.pf-card{outline-offset:10px;min-width:0;display:block}.pf-media{aspect-ratio:1.6;background:#061c2e;position:relative;overflow:hidden}.pf-image-plane{display:block;position:absolute;inset:0}.pf-parallax-enabled .pf-image-plane{inset:-14% 0}.pf-media img{object-fit:cover;width:100%;height:100%;transition:transform .24s var(--ease-out);display:block}.pf-open{color:#002447;opacity:0;width:48px;height:48px;transition:transform .2s var(--ease-out),opacity .2s ease;background:#00cbed;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;right:20px;transform:translateY(20px)scale(.88)}.pf-open svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px;transform:rotate(-35deg)}.pf-caption{padding-top:28px}.pf-caption h2{letter-spacing:-.025em;text-wrap:balance;font:400 clamp(22px,1.65vw,28px)/1.14 Arial,Helvetica,sans-serif}.pf-caption p{color:#c6e8f0;max-width:32ch;margin:12px 0 0;font:14px/1.4 Arial,Helvetica,sans-serif}.pf-project-link{color:#00cbed;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid #00cbed70;align-items:center;gap:14px;min-height:44px;margin-top:20px;font:11px/1.3 Arial,Helvetica,sans-serif;display:inline-flex;position:relative}.pf-project-link:after{content:"";transform-origin:0;height:1px;transition:transform .24s var(--ease-out);background:currentColor;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.pf-project-link svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:18px;height:18px;transition:transform .2s var(--ease-out);transform:rotate(-35deg)}.pf-empty{color:#c6e8f0;margin:56px 0;font-size:15px}.portfolio-page .home-closing{z-index:2;background:#000014;position:relative}@media (hover:hover) and (pointer:fine){.pf-card:hover img{transform:scale(1.12)}.pf-card:hover .pf-open{opacity:1;transform:none}.pf-card:hover .pf-project-link svg{transform:translate(8px,-8px)rotate(-35deg)}.pf-card:hover .pf-project-link:after{transform:scaleX(1)}.pf-filters button:not([aria-pressed=true]):hover{color:#fff}.pf-filters button:not([aria-pressed=true]):hover:after{transform:scaleX(.45)}}.pf-card:active:not(:focus-visible) img{transition-duration:.12s;transform:scale(1.01)}.pf-card:focus-visible .pf-open{opacity:1;transition:none;transform:none}.pf-card:focus-visible .pf-project-link:after{transition:none;transform:scaleX(1)}.pf-filters button:focus-visible,.pf-filters button:focus-visible:after{transition:none}@media (width<=1023px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:96px 5vw}}@media (width<=767px){.pf-catalog{padding:112px 7vw 88px}.pf-head h1{font-size:clamp(44px,11.7vw,56px)}.pf-filters{gap:8px 20px;margin-top:28px}.pf-filters button{padding:12px 0 10px;font-size:11px}.pf-grid{grid-template-columns:1fr;gap:80px;margin-top:36px}.pf-caption{padding-top:24px}.pf-caption h2{max-width:26ch;font-size:26px}.pf-caption p{font-size:13px}.pf-project-link{margin-top:18px}.pf-result-count{margin-top:24px}.pf-open{display:none}}@media (prefers-reduced-motion:reduce){.pf-image-plane{inset:0!important;transform:none!important}.pf-card img,.pf-filters button:active{transform:none!important}.pf-open,.pf-project-link svg,.pf-project-link:after,.pf-filters button:after{transition-property:opacity,color;transition-duration:.16s}.pf-open{transform:none}.pf-card:hover .pf-project-link svg{transform:rotate(-35deg)}}