.projects-page{background:radial-gradient(ellipse at 69% 25%,#1b215d38,transparent 44%),var(--bg)}.projects-main{padding:40px 0 50px;overflow:clip}.projects-opening{max-width:520px;padding:0 15px 27px;position:relative;z-index:2}.projects-opening .eyebrow{font-size:12px;letter-spacing:4px;display:flex;align-items:center;gap:15px;margin-bottom:19px}.projects-opening .eyebrow span{width:40px;height:2px;background:linear-gradient(90deg,#26baff,#754fff)}.projects-opening h1{white-space:normal;font-size:43px;letter-spacing:-1.5px;line-height:1.08;margin-bottom:16px}.projects-opening h1 span{font-size:1em}.projects-opening>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.featured-project{position:relative;min-height:260px;border:1px solid #4476c3;border-left-color:#8470ff;border-radius:16px;background:radial-gradient(ellipse at 67% 70%,#2539a943,transparent 60%),linear-gradient(120deg,#071321,#030b17);display:grid;grid-template-columns:52% 32% 16%;align-items:center;padding:30px;isolation:isolate}.featured-copy{z-index:3;padding-right:15px}.project-category{text-transform:uppercase;font-size:10px;letter-spacing:2.4px;color:#9bc8ed;margin:0 0 12px;line-height:1.7}.featured-copy h2{font-size:35px;letter-spacing:-1.2px;margin:0 0 13px;line-height:1.15}.featured-copy h2 span{background:linear-gradient(100deg,#29a8ff,#7244ff);background-clip:text;color:transparent}.featured-copy>p:not(.project-category){font-size:16px;line-height:1.7;color:var(--muted);max-width:570px;margin:0 0 20px}.project-bottom{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:auto}.project-bottom .service-tags{margin:0;padding:0;gap:8px}.project-bottom .service-tags li{font-size:11px;padding:7px 11px}.project-bottom .button{font-size:13px;min-height:43px;border-radius:12px;padding:0 17px;gap:9px}.project-bottom .button svg{width:18px;height:18px}.featured-copy .button{min-height:48px;padding:0 22px}.featured-art{position:absolute;width:40%;height:465px;right:14%;bottom:5px;perspective:1200px;z-index:2;pointer-events:none}.project-orbit{position:absolute;inset:-15px -14% -15px -18%;border-radius:50%;border:1px solid #4d4dbe88;border-top-color:#7283ff;box-shadow:0 -10px 40px -25px #365fff;transform:rotate(-20deg);z-index:-1}.device{position:relative;background:linear-gradient(135deg,#798bad,#101923 4%,#030811 75%,#627699);border:1px solid #8293b6;box-shadow:inset 0 0 0 2px #182039,2px 4px 0 #0b1527,5px 7px 0 #34415b,10px 25px 30px #0009,0 0 18px #4367ff35;padding:8px;overflow:hidden}.device img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}.phone{position:absolute;width:45%;border-radius:28px;padding:9px;transform:rotate(-7deg) rotateY(-12deg);background:linear-gradient(100deg,#62718c,#060d18 8%,#02040b 90%,#627389)}.phone img{border-radius:20px}.phone:before{content:'';position:absolute;top:9px;left:37%;width:26%;height:10px;background:#070c13;border-radius:0 0 9px 9px;z-index:1}.phone-front{left:14%;bottom:2%;z-index:2}.phone-back{right:0;bottom:14%;width:37%;transform:rotate(8deg) rotateY(-13deg);z-index:1}.phone-back img{opacity:.91}.project-handwritten{position:absolute;top:12%;left:-22%;font-family:Caveat,'Segoe Print',cursive;font-size:24px;line-height:1.2;color:#a8afff;transform:rotate(-9deg)}.featured-benefits{grid-column:3;list-style:none;display:grid;gap:10px;padding:0;margin:0;z-index:3}.featured-benefits li{display:flex;align-items:center;gap:8px;border:1px solid #234878;border-radius:12px;padding:10px;background:#041223d9;font-size:11px;color:#b7ccee;white-space:nowrap}.featured-benefits svg{width:19px;height:19px;color:#439dff}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.portfolio-card{border:1px solid #365b8a;border-top-color:#6179bb;border-radius:16px;background:linear-gradient(125deg,#071524,#030b14);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 9px 26px #263bad33;border-color:#7484dc}.project-scene{height:235px;position:relative;perspective:1100px;isolation:isolate;padding:25px 20px 0}.scene-glow{position:absolute;inset:5% 5% 10%;border-radius:50%;border-top:1px solid #666aff;box-shadow:0 -12px 28px -20px #7261ff;background:radial-gradient(ellipse at 50% 90%,#4123c766,transparent 65%);z-index:-1}.laptop{width:91%;margin:auto;border-radius:10px 10px 5px 5px;padding:7px 7px 13px;transform:rotate(-4deg) rotateY(8deg);overflow:visible}.laptop:after{content:'';position:absolute;bottom:-9px;left:-6%;width:112%;height:10px;background:linear-gradient(#647b9d,#111c31 48%,#556382);border-radius:0 0 35% 35%;box-shadow:0 8px 15px #0008}.laptop img{border-radius:3px}.tablet{position:absolute;width:55%;right:10px;bottom:7px;transform:rotate(4deg) rotateY(-10deg);border-radius:16px;padding:6px}.tablet img{border-radius:10px}.browser-panel{position:absolute;width:62%;right:10px;bottom:7px;transform:rotate(4deg);border-radius:9px;padding:5px;border-top-width:9px}.browser-panel img{border-radius:3px}.site-scene .browser-panel{width:52%}.portfolio-content{display:flex;flex-direction:column;flex:1;padding:21px 22px 23px}.portfolio-content h2{font-size:23px;line-height:1.25;letter-spacing:-.8px;font-weight:650;margin:0 0 10px}.portfolio-content h2 span{color:#48b6ff}.portfolio-content>p:not(.project-category){font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 24px}.portfolio-content .project-category{font-size:9px;letter-spacing:1.8px}.portfolio-content .project-bottom{flex-wrap:wrap}.portfolio-content .service-tags{gap:6px}.portfolio-content .service-tags li{font-size:10px;padding:6px 8px}.projects-page .footer-links{flex-wrap:wrap}
@media(min-width:1450px){.project-scene{height:260px}.featured-art{height:500px}.projects-opening{padding-bottom:35px}.projects-opening h1{font-size:46px}}
@media(max-width:1100px){.featured-project{grid-template-columns:55% 45%;padding:25px;min-height:285px}.featured-benefits{display:none}.featured-art{right:0;width:43%;height:400px}.featured-copy h2{font-size:30px}.featured-copy>p:not(.project-category){font-size:14px}.project-handwritten{display:none}.project-scene{height:195px}.portfolio-content{padding:18px}.portfolio-content h2{font-size:20px}.portfolio-content .project-bottom{gap:13px}.projects-opening{max-width:50%}.projects-opening h1{font-size:38px}.projects-opening>p:last-child{font-size:14px}.featured-copy .project-bottom{flex-wrap:wrap}}
@media(max-width:900px){.projects-opening{max-width:650px;padding:0 0 25px}.projects-opening h1{font-size:43px}.featured-project{padding-top:30px;min-height:350px;overflow:hidden}.featured-art{height:340px;bottom:8px}.featured-copy{padding-right:10px}.featured-copy h2{font-size:28px}.phone-front{width:53%;left:5%}.phone-back{width:43%;right:3%}.projects-grid{grid-template-columns:1fr;gap:20px}.portfolio-card{display:grid;grid-template-columns:45% 55%;align-items:center}.project-scene{height:250px;align-self:center}.portfolio-content{padding:25px}.portfolio-content h2{font-size:25px}.portfolio-content>p:not(.project-category){font-size:15px}.portfolio-content .project-category{font-size:10px}.project-bottom .service-tags li{font-size:11px}}
@media(max-width:600px){.projects-main{padding-top:33px}.projects-opening h1{font-size:37px;line-height:1.12}.projects-opening>p:last-child{font-size:16px}.projects-opening .eyebrow{font-size:11px;letter-spacing:3px}.featured-project{display:flex;flex-direction:column;padding:25px 22px;overflow:hidden}.featured-art{position:relative;right:auto;bottom:auto;width:100%;height:365px;order:0;margin-bottom:22px}.featured-copy{order:1;padding:0;width:100%}.featured-copy h2{font-size:30px}.featured-copy>p:not(.project-category){font-size:16px}.featured-copy .project-bottom{gap:20px}.featured-copy .button{width:100%;min-height:50px}.phone-front{width:49%;left:14%;bottom:2%}.phone-back{width:40%;right:3%;bottom:16%}.project-orbit{inset:5% 0}.portfolio-card{display:flex}.project-scene{height:245px;width:100%;padding:27px 23px 0}.portfolio-content{padding:24px;width:100%}.portfolio-content h2{font-size:26px}.portfolio-content>p:not(.project-category){font-size:16px}.portfolio-content .project-bottom{gap:20px}.portfolio-content .button{width:100%;min-height:49px}.portfolio-content .service-tags li{font-size:12px}.projects-page .footer-links{gap:18px}.tablet,.browser-panel{right:18px;bottom:0}.project-category{font-size:10px}}
@media(max-width:360px){.featured-art{height:300px}.project-scene{height:210px}.featured-copy h2{font-size:26px}}
@media(min-width:1101px){.project-handwritten{top:-3%;left:5%}}