:root{--project-bg:#08080a;--project-card:hsla(0,0%,100%,.045);--project-border:#ffffff1c;--project-muted:#ffffffa3;--project-red:#ff184e;--project-red-2:#e0113e}h1{font-size:55px}.projectsContainer{margin:0 auto;width:min(1180px,calc(100% - 40px))}.projectsHero{background:radial-gradient(circle at 18% 18%,#ff184e24,#0000 34%),radial-gradient(circle at 82% 20%,hsla(0,0%,100%,.055),#0000 28%),linear-gradient(180deg,#0d0d10,#08080a);color:#fff;overflow:hidden;padding:135px 0 88px;position:relative}.projectsHero:before{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:72px 72px;content:"";inset:0;opacity:.45;position:absolute}.projectsHero__content{margin:0 auto;max-width:760px;position:relative;text-align:center;z-index:2}.projectsTag{align-items:center;background:rgba(255,24,78,.075);border:1px solid #ff184e3d;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:750;gap:8px;letter-spacing:1px;padding:7px 12px;text-transform:uppercase;width:fit-content}.projectsTag svg{color:#ff184e;color:var(--project-red)}.projectsCTA__box h2,.projectsHero h1{font-family:Encode Sans Condensed,sans-serif;font-weight:850;letter-spacing:-.02em}.projectsHero h1{font-size:clamp(36px,6vw,55px);line-height:1.05;margin:20px 0 18px}.projectsCTA__box h2 span,.projectsHero h1 span{color:#ff184e;color:var(--project-red)}.projectsHero p{color:#ffffffa3;color:var(--project-muted);font-size:15.5px;line-height:1.75;margin:0 auto;max-width:660px}.projectsSection{background:radial-gradient(circle at 90% 10%,rgba(255,24,78,.055),#0000 30%),linear-gradient(180deg,#08080a,#0d0d10);color:#fff;padding:80px 0}.project-filters{flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:58px}.filter-btn{background:hsla(0,0%,100%,.035);border:1px solid #ffffff1f;border-radius:50px;color:#ffffff9e;cursor:pointer;font-family:Oxygen,sans-serif;font-size:13px;font-weight:750;letter-spacing:.4px;padding:9px 20px;transition:.22s ease}.filter-btn:hover{border-color:#ff184e6b;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#ff184e,#e0113e);background:linear-gradient(135deg,var(--project-red),var(--project-red-2));border-color:#ff184e;border-color:var(--project-red);color:#fff}.projects-laptop-grid{grid-gap:64px 42px;display:grid;gap:64px 42px;grid-template-columns:repeat(2,1fr)}.project-laptop-item{display:flex;flex-direction:column;gap:26px}.laptop-mockup{padding-bottom:16px;position:relative;transform-style:preserve-3d;width:100%}.laptop-mockup__screen{background:#151515;border:2px solid #ffffff1a;border-radius:18px 18px 8px 8px;box-shadow:0 24px 70px #0000007a,0 0 0 1px #ff184e1f;overflow:hidden;position:relative;transition:.3s ease}.project-laptop-item:hover .laptop-mockup__screen{border-color:#ff184e52;box-shadow:0 32px 90px #00000094,0 0 40px #ff184e1f;transform:translateY(-6px)}.laptop-mockup__bar{align-items:center;background:#101010;border-bottom:1px solid #ffffff12;display:flex;gap:7px;height:32px;padding:0 13px}.laptop-mockup__bar span{border-radius:50%;height:10px;width:10px}.laptop-mockup__bar span:first-child{background:#ff5f57}.laptop-mockup__bar span:nth-child(2){background:#febc2e}.laptop-mockup__bar span:nth-child(3){background:#28c840}.laptop-mockup__bar small{color:#ffffff5c;font-size:11px;margin-left:8px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.laptop-mockup__display{height:245px;overflow:hidden;position:relative;width:100%}.laptop-mockup__display img{display:block;height:auto;transform:translateY(0);transition:transform 30s ease;width:100%}.project-laptop-item:hover .laptop-mockup__display img{transform:translateY(calc(-100% + 245px))}.laptop-mockup__display:after{background:linear-gradient(180deg,#0000004d,#0000 20%,#0000 80%,#0006);content:"";inset:0;pointer-events:none;position:absolute}.laptop-mockup__base{background:linear-gradient(180deg,#ffffff1c,hsla(0,0%,100%,.035));border-radius:0 0 12px 12px;height:16px;position:relative;width:100%}.laptop-mockup__notch{background:#00000059;border-radius:0 0 12px 12px;height:7px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:90px}.laptop-mockup__foot{background:hsla(0,0%,100%,.055);border-radius:0 0 22px 22px;height:10px;margin:0 auto;width:58%}.project-laptop-info{display:flex;flex-direction:column;gap:11px}.project-cat{border-left:3px solid #ff184e;border-left:3px solid var(--project-red);color:#ff184e;color:var(--project-red);font-size:11px;font-weight:800;letter-spacing:1.7px;padding-left:10px;text-transform:uppercase;width:fit-content}.project-laptop-info h3{color:#fff;font-family:Encode Sans Condensed,sans-serif;font-size:25px;font-weight:850;line-height:1.2;margin:0}.project-laptop-info h4{color:#ffffffc7;font-size:14px;font-weight:700;line-height:1.5;margin:0}.project-laptop-info p{color:#ffffffa3;color:var(--project-muted);font-size:13.8px;line-height:1.75;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.project-tag{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;color:#ffffffb3;font-size:11px;font-weight:750;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.project-view-btn{align-items:center;background:linear-gradient(135deg,#ff184e,#e0113e);background:linear-gradient(135deg,var(--project-red),var(--project-red-2));border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:800;gap:9px;margin-top:8px;min-height:43px;padding:11px 18px;text-decoration:none;transition:.25s ease;width:fit-content}.project-view-btn svg{font-size:12px}.project-view-btn:hover{transform:translateY(-2px)}.projectsCTA{background:radial-gradient(circle at 50% 0,#ff184e1c,#0000 42%),linear-gradient(180deg,#08080a,#0d0d10);color:#fff;padding:70px 0 95px}.projectsCTA__box{background:linear-gradient(135deg,#ff184e1a,hsla(0,0%,100%,.035));border:1px solid #ffffff21;border-radius:26px;padding:clamp(32px,5vw,58px);text-align:center}.projectsCTA__box .projectsTag{margin:0 auto 16px}.projectsCTA__box h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:0}.projectsCTA__box p{color:#ffffffa3;color:var(--project-muted);line-height:1.75;margin:16px auto 28px;max-width:620px}.projectsBtn{align-items:center;background:linear-gradient(135deg,#ff184e,#e0113e);background:linear-gradient(135deg,var(--project-red),var(--project-red-2));border-radius:999px;color:#fff;display:inline-flex;font-size:13.5px;font-weight:800;gap:9px;justify-content:center;min-height:46px;padding:12px 21px;text-decoration:none;transition:.25s ease}.projectsBtn:hover{transform:translateY(-2px)}@media (max-width:980px){.projects-laptop-grid{gap:58px;grid-template-columns:1fr}.laptop-mockup__display{height:310px}}@media (max-width:768px){.projectsContainer{width:min(100% - 28px,1180px)}.projectsHero{padding:112px 0 64px}.projectsHero h1{font-size:clamp(35px,10vw,50px)}.projectsSection{padding:64px 0}.project-filters{margin-bottom:42px}.laptop-mockup__display{height:235px}}@media (max-width:480px){.filter-btn{font-size:12px;padding:8px 14px}.laptop-mockup__display{height:180px}.project-laptop-info h3{font-size:23px}.project-view-btn,.projectsBtn{justify-content:center;width:100%}}.project-filters{display:flex}
/*# sourceMappingURL=41.db947e89.chunk.css.map*/