:root{--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-highlight: rgba(255, 255, 255, .1);--spotlight-color: rgba(119, 236, 252, .15);--spotlight-vibrant: rgba(119, 236, 252, .25);--number-bg: rgba(255, 255, 255, .03)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.page-content-portfolio{position:relative;z-index:2;padding-top:0;min-height:100vh;background:#001d21;background:linear-gradient(194deg,#001d21,#0a0a0a 14%)}.service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:30px}.service-list li{font-family:Mukta,sans-serif;font-size:24px;color:#fff9;cursor:pointer}.service-list li a{text-decoration:none;color:inherit;display:block;width:100%;height:100%;transition:color .3s ease,transform .3s ease;padding:6px}.service-list li:hover a{color:var(--color-cyan-light);transform:translate(4px)}@media (max-width: 600px){.service-list{gap:10px}.service-list li{font-size:15px}}.portfolio-hero{padding:180px 40px 120px;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:10;overflow:hidden}.portfolio-hero-title{font-family:Rubik,sans-serif;font-weight:700;font-size:clamp(48px,8vw,90px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin-bottom:40px}.portfolio-hero-title .char,.section-heading .char{background:linear-gradient(to bottom,#fff,#a5a5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;will-change:transform,opacity}.portfolio-hero-intro{max-width:800px;margin:60px auto 0;font-family:Work Sans,sans-serif;font-size:clamp(18px,2vw,24px);line-height:1.6;color:#ffffffd9;letter-spacing:.02em;word-spacing:-.02em}.hero-word{display:inline-block;overflow:hidden;vertical-align:top;margin-right:.25em}.hero-word span{display:inline-block;will-change:transform}.section-heading-portfolio{font-family:Work Sans,sans-serif;font-weight:600;font-size:clamp(24px,4vw,30px);line-height:1;letter-spacing:-.03em;color:#fff;margin-bottom:20px;margin-top:40px}@media (prefers-reduced-motion: reduce){.hero-word span{transform:none!important}}.interactive-word{display:inline-block;position:relative;cursor:pointer;color:var(--color-gold);transition:color .3s ease;white-space:nowrap}.interactive-word:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--color-gold);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.interactive-word:hover{color:var(--color-cyan);text-shadow:0 0 15px rgba(119,236,252,.4);letter-spacing:.02em}.interactive-word:hover:after{background-color:var(--color-cyan);transform:scaleX(1);transform-origin:bottom left}.word{display:inline-block;white-space:nowrap}.char{display:inline-block;will-change:transform,opacity;perspective:600px}.portfolio-pin-wrapper{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;background-color:var(--color-bg, #0a0a0a)}.portfolio-container{position:relative;width:100%;max-width:1200px;height:80vh;display:flex;align-items:center;justify-content:center}.portfolio-card{position:absolute;inset:0;margin:auto;width:90%;max-width:1000px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:48px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr 1fr;gap:48px;opacity:0;visibility:hidden;box-shadow:0 40px 100px -30px #0006;overflow:hidden}.portfolio-card:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--spotlight-vibrant),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.portfolio-card:hover:before{opacity:1}.portfolio-card-number-bg{position:absolute;bottom:-15%;right:-5%;font-family:Space Grotesk,sans-serif;font-size:30rem;font-weight:700;line-height:1;color:var(--number-bg);pointer-events:none;z-index:0;user-select:none;transition:opacity .5s ease}.portfolio-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.portfolio-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px}.portfolio-number{font-family:Space Grotesk,sans-serif;font-size:14px;color:var(--color-gold);letter-spacing:.1em;opacity:.8}.portfolio-category{font-family:Inter,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:100px}.portfolio-title{font-family:Rubik,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:700;color:var(--color-white);margin-bottom:24px;line-height:1;letter-spacing:-.02em}.portfolio-description{font-family:Work Sans,sans-serif;font-size:18px;line-height:1.6;color:#fffc;margin-bottom:40px;max-width:480px}.portfolio-features{list-style:none;padding:0;display:grid;gap:18px}.portfolio-features li{font-family:Inter,sans-serif;font-size:15px;color:#ffffffb3;display:flex;align-items:center;gap:12px}.portfolio-features li:before{content:"";width:6px;height:6px;background:var(--color-cyan);border-radius:50%;box-shadow:0 0 10px var(--color-cyan)}.portfolio-visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.text-reveal{overflow:hidden;display:inline-block}.text-reveal span{display:inline-block;transform:translateY(100%);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease}.is-visible .text-reveal span{transform:translateY(0);opacity:1}.ambient-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0;pointer-events:none}.shape-1{width:400px;height:400px;background:var(--color-cyan);top:20%;left:10%;animation:float 20s infinite ease-in-out}.shape-2{width:500px;height:500px;background:var(--color-gold);bottom:20%;right:10%;animation:float 25s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-50px)}}@media (max-width: 1024px){.portfolio-hero{padding:140px 20px 60px}.portfolio-hero-title{font-size:clamp(40px,8vw,80px);margin-bottom:24px}.portfolio-hero-intro{margin-top:32px;font-size:18px}.portfolio-pin-wrapper{height:auto;display:block;padding:60px 20px;perspective:none;overflow:visible}.portfolio-container{height:auto;max-width:100%;display:flex;flex-direction:column;gap:40px;padding-bottom:0}.portfolio-card{position:relative;inset:auto;margin:0;width:100%;max-width:100%;height:auto;grid-template-columns:1fr;gap:32px;padding:32px;opacity:1!important;visibility:visible!important;transform:none!important;background:#ffffff0a;box-shadow:none}.portfolio-visual{order:-1;height:250px;width:100%;background:#0003}.portfolio-content{display:block}.portfolio-card-meta{margin-bottom:16px}.portfolio-title{font-size:32px;margin-bottom:16px}.portfolio-description{font-size:16px;max-width:100%;margin-bottom:24px}.portfolio-features{gap:12px}.portfolio-card-number-bg{display:none}}@media (max-width: 480px){.portfolio-hero{padding:120px 20px 40px}.portfolio-hero-title{font-size:40px}.portfolio-card{padding:24px}.portfolio-visual{height:200px}.portfolio-title{font-size:28px}}