.portfolio-page{color:var(--white);background:#03060c}.portfolio-page main{overflow:hidden}.portfolio-hero{isolation:isolate;max-width:1200px;margin:auto;padding:190px 48px 100px;position:relative}.portfolio-hero h1{font:800 clamp(72px,10vw,150px)/.82 var(--display);letter-spacing:-.07em;margin:34px 0 42px}.portfolio-hero h1 span{color:#0000;-webkit-text-stroke:1px #f2f5fa4d}.portfolio-hero>p{max-width:540px;color:var(--muted);margin-left:auto;font-size:17px;line-height:1.7}.portfolio-orb{z-index:-1;filter:blur(10px);background:radial-gradient(circle,#00e5ff21,#7567ff0d 35%,#0000 68%);border-radius:50%;width:560px;height:560px;position:absolute;top:40px;right:-140px}.portfolio-browser{max-width:1200px;margin:auto;padding:0 48px 150px}.portfolio-tabs{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04080fd1;border:1px solid #ffffff17;border-radius:16px;grid-template-columns:repeat(3,1fr);margin-bottom:70px;padding:7px;display:grid;position:sticky;top:78px;box-shadow:0 18px 50px #00000047}.portfolio-tabs button{color:#f2f5fa73;font:600 14px var(--display);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;padding:17px;transition:all .3s;display:flex}.portfolio-tabs button span{font:400 8px var(--mono);color:#f2f5fa40}.portfolio-tabs button[aria-selected=true]{background:var(--white);color:#03060c}.portfolio-tabs button[aria-selected=true] span{color:#305261}.portfolio-panel{animation:.45s cubic-bezier(.16,1,.3,1) panel-in}.project-feature{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff09,#ffffff02);border-radius:24px;grid-template-columns:1.25fr .75fr;min-height:640px;display:grid;overflow:hidden;box-shadow:0 40px 100px #0003}.project-device{min-height:560px;margin:34px 0 34px 34px}.browser-frame{background:#101722;border:1px solid #ffffff1f;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061}.browser-frame .browser-bar{background:#111720;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.browser-bar i{background:#ffffff40;border-radius:50%;width:6px;height:6px}.browser-bar span{color:#ffffff47;font:400 7px var(--mono);letter-spacing:.12em;margin-left:auto}.browser-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:calc(100% - 34px);display:block}.project-info{flex-direction:column;justify-content:flex-end;padding:52px;display:flex}.project-info>span,.project-tile>span{font:500 9px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.project-info h2{font:800 clamp(50px,5vw,76px)/.9 var(--display);letter-spacing:-.055em;margin:28px 0 24px}.project-info p,.project-tile p{color:var(--muted);line-height:1.7}.tech{flex-wrap:wrap;gap:7px;margin:25px 0 42px;display:flex}.tech b{border:1px solid var(--line);color:#f2f5fa73;font:400 8px var(--mono);text-transform:uppercase;border-radius:100px;padding:6px 10px}.project-info>a,.project-tile>a{width:max-content;color:var(--white);font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--cyan);padding-bottom:7px;text-decoration:none}.project-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.project-tile{border:1px solid var(--line);background:#ffffff04;border-radius:20px;padding:20px 20px 34px}.project-tile .browser-frame{height:390px;margin-bottom:28px}.project-tile h3{font:700 32px var(--display);letter-spacing:-.035em;margin:14px 0 10px}.project-tile p{min-height:54px;margin:0 0 24px;font-size:14px}.empty-portfolio{border:1px solid var(--line);background:radial-gradient(circle at 75% 35%,#00e5ff14,#0000 28%),#ffffff03;border-radius:24px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:580px;padding:80px;display:flex}.empty-portfolio>span{color:var(--cyan);font:500 10px var(--mono);letter-spacing:.16em}.empty-portfolio h2{font:800 clamp(54px,7vw,92px)/.92 var(--display);letter-spacing:-.055em;margin:36px 0}.empty-portfolio p{max-width:520px;color:var(--muted);line-height:1.7}.joint-project{background:radial-gradient(circle at 20% 20%,#00e5ff14,#0000 35%),#ffffff03}.portfolio-bottom{border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:30px;max-width:1104px;margin:0 auto 140px;padding:42px;display:flex}.portfolio-bottom p{font:600 clamp(24px,3vw,38px) var(--display);margin:0}.portfolio-bottom a{white-space:nowrap;text-decoration:none}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)}}@media (width<=900px){.portfolio-hero,.portfolio-browser{padding-inline:28px}.project-feature{grid-template-columns:1fr}.project-device{min-height:500px;margin:24px}.project-info{padding:42px}.project-grid{grid-template-columns:1fr}.project-tile .browser-frame{height:500px}.portfolio-bottom{margin-inline:28px}}@media (width<=600px){.portfolio-hero{padding:140px 20px 72px}.portfolio-hero h1{font-size:67px}.portfolio-hero>p{margin-left:0;font-size:14px}.portfolio-browser{padding:0 20px 90px}.portfolio-tabs{margin-bottom:34px;top:72px}.portfolio-tabs button{padding:14px 6px;font-size:12px}.portfolio-tabs button span{display:none}.project-feature{border-radius:18px}.project-device{min-height:330px;margin:12px}.project-info{padding:30px}.project-info h2{font-size:50px}.project-tile{padding:12px 12px 28px}.project-tile .browser-frame{height:330px}.project-tile h3{font-size:27px}.empty-portfolio{min-height:480px;padding:32px}.empty-portfolio h2{font-size:50px}.portfolio-bottom{flex-direction:column;align-items:flex-start;margin:0 20px 90px;padding:28px}}.portfolio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-tabs button,.project-feature,.project-device,.project-info,.browser-frame{min-width:0}.browser-bar span{text-overflow:ellipsis;white-space:nowrap;max-width:75%;overflow:hidden}@media (width<=600px){.portfolio-tabs button{gap:0;font-size:11px}.portfolio-hero h1{font-size:clamp(56px,17vw,67px)}}.avelune-showcase{background:radial-gradient(circle at 12% 12%,#d8f5801f,#0000 34%),#ffffff03;margin-bottom:22px}.avelune-devices{isolation:isolate;background:linear-gradient(145deg,#dcebe5,#f2f5ec);border-radius:18px;min-height:600px;margin:28px 0 28px 28px;position:relative;overflow:hidden}.avelune-devices:before{content:"";border:1px solid #093c3929;border-radius:50%;width:460px;height:460px;position:absolute;top:-170px;right:-150px;box-shadow:0 0 0 60px #ffffff1f,0 0 0 120px #ffffff1a}.avelune-desktop{background:#102d2c;border-radius:15px;width:84%;height:70%;padding:8px 8px 20px;position:absolute;top:12%;left:5%;transform:perspective(1000px)rotateY(5deg);box-shadow:0 30px 70px #072c2a47}.avelune-desktop:after{content:"";background:#173b39;border-radius:0 0 50% 50%;height:18px;position:absolute;bottom:-18px;left:17%;right:17%}.avelune-desktop img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:8px;width:100%;height:100%}.device-camera{z-index:2;background:#34504e;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:50%}.avelune-phone{z-index:3;background:#092e2b;border-radius:25px;width:24%;height:55%;padding:7px;position:absolute;bottom:4%;right:3%;transform:rotate(3deg);box-shadow:0 25px 60px #072c2a59}.avelune-phone img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:19px;width:100%;height:100%}.phone-island{z-index:2;background:#092e2b;border-radius:20px;width:35%;height:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.avelune-showcase .project-info h2{color:#d8f580}.joint-project{margin-top:22px}@media (width<=900px){.avelune-devices{min-height:540px;margin:24px}.avelune-showcase .project-info h2{font-size:64px}}@media (width<=600px){.avelune-devices{min-height:370px;margin:12px}.avelune-desktop{width:91%;height:67%;top:9%;left:3%}.avelune-phone{width:28%;height:59%;right:3%}.avelune-showcase .project-info h2{font-size:47px}}.fluiva-showcase{background:radial-gradient(circle at 12% 12%,#2b669f2e,#0000 34%),#ffffff03;margin-bottom:22px}.fluiva-devices{isolation:isolate;background:linear-gradient(145deg,#dce7f3,#f4f7fb);border-radius:18px;min-height:600px;margin:28px 0 28px 28px;position:relative;overflow:hidden}.fluiva-devices:before{content:"";border:1px solid #2b669f2e;border-radius:50%;width:460px;height:460px;position:absolute;top:-170px;right:-150px;box-shadow:0 0 0 60px #ffffff2e,0 0 0 120px #ffffff21}.fluiva-desktop{background:#152a43;border-radius:15px;width:84%;height:70%;padding:8px 8px 20px;position:absolute;top:12%;left:5%;transform:perspective(1000px)rotateY(5deg);box-shadow:0 30px 70px #0f28444d}.fluiva-desktop:after{content:"";background:#1c3959;border-radius:0 0 50% 50%;height:18px;position:absolute;bottom:-18px;left:17%;right:17%}.fluiva-phone{z-index:3;background:#102b49;border-radius:25px;width:24%;height:55%;padding:7px;position:absolute;bottom:4%;right:3%;transform:rotate(3deg);box-shadow:0 25px 60px #0f284461}.fluiva-desktop img,.fluiva-phone img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:8px;width:calc(100% - 16px);height:calc(100% - 28px);transition:opacity .45s;position:absolute;inset:8px}.fluiva-phone img{border-radius:19px;width:calc(100% - 14px);height:calc(100% - 14px);inset:7px}.fluiva-devices .screen-hover,.fluiva-devices:hover .screen-default{opacity:0}.fluiva-devices:hover .screen-hover{opacity:1}.fluiva-showcase .project-info h2{color:#78b8f0}@media (width<=900px){.fluiva-devices{min-height:540px;margin:24px}.fluiva-showcase .project-info h2{font-size:64px}}@media (width<=600px){.fluiva-devices{min-height:370px;margin:12px}.fluiva-desktop{width:91%;height:67%;top:9%;left:3%}.fluiva-phone{width:28%;height:59%;right:3%}.fluiva-showcase .project-info h2{font-size:47px}}@media (prefers-reduced-motion:reduce){.fluiva-desktop img,.fluiva-phone img{transition:none}}