.projects-page{--prj-chip-border:#ffffff29;--prj-chip-hover:#ffffff0f;--prj-tomb-border:#ffffff1a;--prj-screen-border:#ffffff2e;--prj-screen-bar:#ffffff14;--prj-screen-dot:#ffffff59;--prj-glow:#1f3dff59;--prj-hero-glow:var(--color-blue-25);--prj-hero-fade:700px;padding-top:40px}@media (min-width:768px){.projects-page{--prj-hero-fade:1000px;padding-top:60px}}@media (min-width:1280px){.projects-page{--prj-hero-fade:1300px;padding-top:80px}}@media (min-width:1920px){.projects-page{--prj-hero-fade:1500px}}.projects-page:before{content:"";height:var(--prj-hero-fade);z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--prj-hero-glow)0%,color-mix(in srgb,var(--prj-hero-glow)74%,var(--color-blue-10))14%,color-mix(in srgb,var(--prj-hero-glow)50%,var(--color-blue-10))30%,color-mix(in srgb,var(--prj-hero-glow)30%,var(--color-blue-10))48%,color-mix(in srgb,var(--prj-hero-glow)15%,var(--color-blue-10))66%,color-mix(in srgb,var(--prj-hero-glow)5%,var(--color-blue-10))83%,var(--color-blue-10)100%);position:absolute;top:0;left:0;right:0}.projects-page__title{letter-spacing:-1px;font-size:34px;font-weight:500;line-height:105%}@media (min-width:768px){.projects-page__title{font-size:44px}}@media (min-width:1280px){.projects-page__title{font-size:56px}}@media (min-width:1920px){.projects-page__title{font-size:64px}}.projects-page__lead{max-width:720px;color:var(--color-white-50);margin-top:14px;font-size:14px;font-weight:400;line-height:140%}@media (min-width:768px){.projects-page__lead{font-size:16px}}@media (min-width:1920px){.projects-page__lead{font-size:18px}}.projects-page__filters{overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;margin-top:24px;padding-bottom:8px;display:flex;overflow-x:auto}.projects-page__filters::-webkit-scrollbar{display:none}@media (min-width:768px){.projects-page__filters{flex-wrap:wrap;margin-top:32px;overflow-x:visible}}.projects-page__chip{border:1px solid var(--prj-chip-border);height:44px;color:var(--color-white);white-space:nowrap;cursor:pointer;transition:background var(--trans),border-color var(--trans),color var(--trans);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:100%;display:inline-flex}.projects-page__chip:hover{background:var(--prj-chip-hover)}.projects-page__chip_active{background:var(--color-blue-40);border-color:var(--color-blue-40)}.projects-page__chip_active:hover{background:var(--color-blue-40)}.projects-page__chip span{opacity:.6;font-size:11px}@media (min-width:1280px){.projects-page__chip{height:36px}}@media (min-width:1920px){.projects-page__chip{height:40px;font-size:14px}.projects-page__chip span{font-size:12px}}.projects-page__group{margin-top:40px}@media (min-width:768px){.projects-page__group{margin-top:50px}}@media (min-width:1280px){.projects-page__group{margin-top:60px}}.projects-page__group-title{letter-spacing:-.5px;margin-bottom:15px;font-size:18px;font-weight:500;line-height:120%}@media (min-width:768px){.projects-page__group-title{margin-bottom:20px;font-size:22px}}@media (min-width:1920px){.projects-page__group-title{font-size:25px}}.projects-page__badge{background:var(--color-white);width:fit-content;color:var(--color-blue-0);border-radius:10px;padding:5px 10px;font-size:12px;font-weight:600;line-height:120%;display:inline-block}@media (min-width:1920px){.projects-page__badge{font-size:14px}}.projects-page__featured{flex-direction:column;gap:15px;display:flex}@media (min-width:768px){.projects-page__featured{gap:20px}}.projects-page__featured-card{background:var(--color-blue-20);transition:background var(--trans);border-radius:20px;flex-direction:column;align-items:flex-start;gap:15px;padding:25px;display:flex;position:relative;overflow:hidden}.projects-page__featured-card:after{content:"";aspect-ratio:1;background:radial-gradient(circle,var(--prj-glow)0%,transparent 70%);pointer-events:none;border-radius:50%;width:70%;position:absolute;top:-40%;right:-10%}.projects-page__featured-card:hover{background:var(--color-blue-30)}.projects-page__featured-card:hover .projects-page__more svg{transform:translate(4px)}@media (min-width:768px){.projects-page__featured-card{gap:20px;min-height:300px;padding:40px}}@media (min-width:1280px){.projects-page__featured-card{min-height:340px;padding:50px}}@media (min-width:1920px){.projects-page__featured-card{min-height:420px;padding:60px}}.projects-page__featured-card strong{z-index:1;letter-spacing:-1px;font-size:24px;font-weight:500;line-height:115%;position:relative}@media (min-width:768px){.projects-page__featured-card strong{font-size:32px}}@media (min-width:1920px){.projects-page__featured-card strong{font-size:40px}}.projects-page__featured-card p{z-index:1;max-width:640px;color:var(--color-white-50);font-size:14px;font-weight:400;line-height:140%;position:relative}@media (min-width:1920px){.projects-page__featured-card p{font-size:16px}}@media (min-width:1280px){.projects-page__featured-card_with-shot{grid-template-columns:minmax(0,1fr) minmax(0,46%);align-items:center;column-gap:40px;display:grid}.projects-page__featured-card_with-shot .projects-page__featured-body{height:auto}.projects-page__featured-card_with-shot .projects-page__more{margin-top:5px}}@media (min-width:1920px){.projects-page__featured-card_with-shot{column-gap:60px}}.projects-page__featured-body{z-index:1;flex-direction:column;align-items:flex-start;gap:15px;height:100%;display:flex;position:relative}@media (min-width:768px){.projects-page__featured-body{gap:20px}}.projects-page__screen{z-index:1;border:1px solid var(--prj-screen-border);background:var(--prj-screen-bar);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 16px -6px #0000004d,0 28px 48px -18px #00000073}.projects-page__screen-bar{background:var(--prj-screen-bar);align-items:center;gap:6px;height:24px;padding:0 10px;display:flex}.projects-page__screen-bar span{background:var(--prj-screen-dot);border-radius:50%;width:7px;height:7px}.projects-page__screen-shot{display:block}.projects-page__screen-shot img{width:100%;height:auto;display:block}.projects-page__more{z-index:1;align-items:center;gap:8px;margin-top:auto;padding-top:5px;font-size:13px;font-weight:500;line-height:100%;display:inline-flex;position:relative}.projects-page__more svg{transition:transform var(--trans)}@media (min-width:1920px){.projects-page__more{font-size:15px}}.projects-page__list{flex-direction:column;gap:15px;display:flex}@media (min-width:768px){.projects-page__list{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}}@media (min-width:1280px){.projects-page__list{grid-template-columns:repeat(3,1fr)}}.projects-page__tomb{border:1px solid var(--prj-tomb-border);background:var(--color-blue-20);height:100%;transition:background var(--trans);cursor:default;border-radius:20px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.projects-page__tomb:hover{background:var(--color-blue-30)}@media (min-width:1920px){.projects-page__tomb{padding:30px}}.projects-page__tomb-head{justify-content:space-between;align-items:baseline;gap:15px;width:100%;margin-top:20px;display:flex}@media (min-width:1920px){.projects-page__tomb-head{margin-top:30px}}.projects-page__tomb-name{letter-spacing:-.5px;color:var(--color-white-50);font-size:26px;font-weight:500;line-height:120%}@media (min-width:1920px){.projects-page__tomb-name{font-size:32px}}.projects-page__tomb-date{color:var(--color-white-50);white-space:nowrap;flex:none;font-size:12px;font-weight:400;line-height:120%}@media (min-width:1920px){.projects-page__tomb-date{font-size:14px}}.projects-page__tomb-client{margin-top:15px;font-size:14px;font-weight:400;line-height:140%}@media (min-width:1920px){.projects-page__tomb-client{font-size:16px}}.projects-page__tomb-work{flex-direction:column;gap:8px;width:100%;margin-top:auto;padding-top:15px;display:flex}.projects-page__tomb-work:before{content:"";background:var(--prj-tomb-border);width:100%;height:1px;margin-bottom:15px;display:block}.projects-page__tomb-work span{letter-spacing:.06em;text-transform:uppercase;color:var(--color-white-50);font-size:11px;font-weight:600;line-height:120%}@media (min-width:1920px){.projects-page__tomb-work span{font-size:12px}}.projects-page__tomb-work p{font-size:14px;font-weight:400;line-height:140%}@media (min-width:1920px){.projects-page__tomb-work p{font-size:16px}}@media (prefers-reduced-motion:reduce){.projects-page .projects-page__more svg{transition:none}.projects-page__featured-card:hover .projects-page__more svg{transform:none}}