.portfolio-hero-section{background:var(--bg-primary);width:100%;min-height:760px;padding:110px 0 80px;transition:background-color .35s;position:relative;overflow:hidden}.portfolio-hero-container{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;width:min(100% - 40px,1380px);min-height:600px;margin:0 auto;display:grid;position:relative}.portfolio-hero-content{z-index:3;width:100%;max-width:700px;position:relative}.portfolio-hero-label{color:var(--accent-pink);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:900}.portfolio-hero-title{color:var(--text-primary);letter-spacing:-2.5px;text-transform:uppercase;margin:0;font-size:clamp(3.2rem,4.8vw,5.1rem);font-weight:900;line-height:1.02}.portfolio-title-line{white-space:nowrap;display:block}.portfolio-title-gradient{background:linear-gradient(90deg, var(--accent-orange), var(--accent-pink));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.portfolio-hero-description{max-width:590px;color:var(--text-secondary);margin:28px 0 0;font-size:15px;line-height:1.75}.portfolio-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.portfolio-primary-button,.portfolio-secondary-button{letter-spacing:.5px;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;gap:11px;min-height:54px;padding:0 24px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;display:inline-flex}.portfolio-primary-button{background:linear-gradient(100deg, var(--accent-orange), var(--accent-pink));color:#fff;border:1px solid #0000;box-shadow:0 15px 32px #ff2ca833}.portfolio-primary-button:hover{transform:translateY(-4px);box-shadow:0 22px 42px #ff2ca84d}.portfolio-secondary-button{border:1px solid var(--card-border);color:var(--text-primary);background:0 0}.portfolio-secondary-button:hover{background:#ff2ca80a;border-color:#ff2ca866;transform:translateY(-4px)}.portfolio-hero-visual{justify-content:center;align-items:center;min-width:0;min-height:600px;display:flex;position:relative}.portfolio-image-shape{isolation:isolate;background:radial-gradient(circle at 58% 55%,#ff60232e,#0000 28%),radial-gradient(circle at 64% 40%,#ff2ca847,#0000 38%),radial-gradient(circle at 35% 70%,#6d5cff29,#0000 38%),linear-gradient(145deg,#ff2ca817,#6d5cff1f);border-radius:52% 10% 48% 38%;width:min(94%,600px);height:570px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0003}.portfolio-image-shape:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 68% 30%,#ffffff1c,#0000 26%),linear-gradient(#0000 55%,#0505195c 100%);position:absolute;inset:0}.portfolio-image-shape:after{content:"";z-index:2;filter:blur(18px);pointer-events:none;background:#00000085;border-radius:50%;width:68%;height:34px;position:absolute;bottom:26px;left:47%;transform:translate(-50%)scaleX(1.08)}.portfolio-image-glow{z-index:1;filter:blur(66px);pointer-events:none;background:radial-gradient(circle,#ff682d47 0%,#ff2ca84d 35%,#6d5cff1a 58%,#0000 75%);border-radius:50%;width:420px;height:320px;position:absolute;bottom:105px;left:48%;transform:translate(-50%)}.portfolio-hero-image{z-index:3;object-fit:contain;object-position:center bottom;opacity:1;filter:drop-shadow(0 28px 30px #00000061)drop-shadow(0 0 18px #ff5c2621);pointer-events:none;width:min(111%,650px);max-height:590px;position:absolute;bottom:48px;left:49%;transform:translate(-50%)translateY(-12px)scale(1.04)}.portfolio-floating-circle{z-index:4;border:1px solid var(--accent-pink);opacity:.58;pointer-events:none;border-radius:50%;position:absolute}.portfolio-circle-one{width:38px;height:38px;top:60px;left:8px}.portfolio-circle-two{width:42px;height:42px;bottom:92px;left:18px}.portfolio-floating-dot{z-index:4;background:var(--accent-orange);pointer-events:none;border-radius:50%;width:11px;height:11px;position:absolute;top:110px;right:105px;box-shadow:0 0 20px #ff642880}.portfolio-hero-glow{filter:blur(110px);pointer-events:none;border-radius:50%;position:absolute}.portfolio-hero-glow-one{background:#6d5cff21;width:380px;height:380px;top:-80px;right:10%}.portfolio-hero-glow-two{background:#ff2ca81a;width:400px;height:400px;bottom:-160px;left:-120px}html[data-theme=light] .portfolio-image-shape,.light .portfolio-image-shape{box-shadow:0 28px 70px #1e14281a}@media (max-width:1050px){.portfolio-hero-section{padding:90px 0 70px}.portfolio-hero-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}.portfolio-hero-title{font-size:clamp(2.9rem,4.6vw,4.3rem)}.portfolio-hero-visual{min-height:520px}.portfolio-image-shape{width:min(94%,540px);height:510px}.portfolio-hero-image{width:112%;max-height:510px;bottom:38px;left:49%;transform:translate(-50%)translateY(-8px)scale(1.04)}.portfolio-image-glow{width:360px;height:280px;bottom:90px}}@media (max-width:820px){.portfolio-hero-section{min-height:auto;padding:70px 0 65px}.portfolio-hero-container{grid-template-columns:1fr;gap:50px}.portfolio-hero-content{max-width:700px}.portfolio-title-line{white-space:normal}.portfolio-hero-visual{width:100%;min-height:520px}.portfolio-image-shape{width:min(94%,560px);height:500px}.portfolio-hero-image{width:110%;max-height:500px;bottom:34px;left:49%;transform:translate(-50%)translateY(-6px)scale(1.03)}.portfolio-image-glow{width:350px;height:270px;bottom:82px;left:49%}}@media (max-width:600px){.portfolio-hero-section{padding:55px 0 50px}.portfolio-hero-container{gap:40px;width:min(100% - 28px,600px)}.portfolio-hero-title{letter-spacing:-1.5px;font-size:clamp(2.5rem,11vw,3.5rem)}.portfolio-title-line{white-space:normal}.portfolio-hero-description{margin-top:22px;font-size:14px}.portfolio-hero-actions{flex-direction:column;align-items:stretch}.portfolio-primary-button,.portfolio-secondary-button{width:100%}.portfolio-hero-visual{min-height:430px}.portfolio-image-shape{border-radius:46% 12% 44% 40%;width:96%;height:410px}.portfolio-hero-image{width:114%;max-height:410px;bottom:24px;left:49%;transform:translate(-50%)translateY(-4px)scale(1.03)}.portfolio-image-glow{filter:blur(58px);width:290px;height:220px;bottom:64px;left:49%}.portfolio-circle-one{left:6px}.portfolio-circle-two{bottom:58px;left:6px}.portfolio-floating-dot{width:9px;height:9px;top:68px;right:32px}}
.portfolio-projects-section{background:var(--bg-primary);width:100%;padding:105px 0 120px;transition:background-color .35s,color .35s;position:relative;overflow:hidden}.portfolio-projects-container{z-index:2;width:min(100% - 40px,1380px);margin:0 auto;position:relative}.portfolio-projects-heading{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:60px;margin-bottom:55px;display:grid}.portfolio-projects-label{color:var(--accent-pink);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:900}.portfolio-projects-title{max-width:700px;color:var(--text-primary);letter-spacing:-2px;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,4vw,4.2rem);font-weight:900;line-height:1.05}.portfolio-projects-description{max-width:520px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.8}.portfolio-video-section{justify-content:center;width:100%;margin-bottom:54px;display:flex}.portfolio-video-wrap{aspect-ratio:16/7;border:1px solid var(--card-border);background:#07071a;border-radius:26px;width:min(100%,1120px);position:relative;overflow:hidden;box-shadow:0 25px 65px #0000002e}.portfolio-showreel-video{object-fit:cover;object-position:center center;transform-origin:50%;pointer-events:none;will-change:transform;width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.17)}.portfolio-filter{align-items:center;margin-bottom:32px;display:flex}.portfolio-filter-button{border:1px solid var(--card-border);min-height:44px;color:var(--text-secondary);letter-spacing:.7px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:0 22px;font-size:11px;font-weight:900;transition:color .3s,border-color .3s,background .3s,transform .3s}.portfolio-filter-button:hover,.portfolio-filter-button.active{color:#fff;background:linear-gradient(100deg,#ff5b2324,#ff2ca829);border-color:#ff2ca880}.portfolio-filter-button:hover{transform:translateY(-2px)}.portfolio-projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.portfolio-project-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:22px;min-width:0;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000014}.portfolio-project-card:hover{border-color:#ff2ca852;transform:translateY(-7px);box-shadow:0 28px 65px #0000002e,0 0 35px #ff2ca80f}.portfolio-project-image-wrap{aspect-ratio:16/9;background:var(--card-bg);width:100%;position:relative;overflow:hidden}.portfolio-project-image{object-fit:cover;object-position:center;filter:saturate(1.04)contrast(1.03)brightness(1.01);will-change:transform;width:124%;height:124%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.portfolio-project-card:nth-child(2) .portfolio-project-image{width:132%;height:132%}.portfolio-project-card:nth-child(5) .portfolio-project-image{width:128%;height:128%}.portfolio-project-card:nth-child(6) .portfolio-project-image{width:127%;height:127%}.portfolio-project-card:nth-child(7) .portfolio-project-image,.portfolio-project-card:nth-child(8) .portfolio-project-image{width:128%;height:128%}.portfolio-project-card:hover .portfolio-project-image{filter:saturate(1.11)contrast(1.05)brightness(1.03);transform:translate(-50%,-50%)scale(1.055)}.portfolio-project-overlay{z-index:1;pointer-events:none;background:linear-gradient(#04041405 0% 45%,#0404142e 75%,#0404146b 100%);position:absolute;inset:0}.portfolio-project-category{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);letter-spacing:.7px;text-transform:uppercase;background:#0706199e;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 14px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 8px 24px #0000001f}.portfolio-project-arrow{z-index:3;color:#111;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;transition:transform .35s,color .35s,background .35s,box-shadow .35s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 26px #0003}.portfolio-project-card:hover .portfolio-project-arrow{background:linear-gradient(135deg, var(--accent-orange), var(--accent-pink));color:#fff;transform:translateY(-3px)rotate(45deg);box-shadow:0 15px 30px #ff2ca847}.portfolio-project-content{padding:21px 22px 25px;position:relative}.portfolio-project-content h3{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:19px;font-weight:850;line-height:1.25}.portfolio-project-content p{color:var(--text-secondary);margin:12px 0 0;font-size:13.5px;line-height:1.7}html[data-theme=light] .portfolio-project-card{box-shadow:0 16px 40px #140f2812}html[data-theme=light] .portfolio-project-card:hover{box-shadow:0 28px 60px #140f281f}@media (max-width:1200px){.portfolio-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-video-wrap{width:min(100%,1000px)}.portfolio-showreel-video{transform:translate(-50%,-50%)scale(1.18)}}@media (max-width:900px){.portfolio-projects-section{padding:90px 0 100px}.portfolio-projects-heading{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.portfolio-projects-description{max-width:620px}.portfolio-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-video-wrap{aspect-ratio:16/8;width:100%}.portfolio-showreel-video{transform:translate(-50%,-50%)scale(1.19)}}@media (max-width:600px){.portfolio-projects-section{padding:75px 0 85px}.portfolio-projects-container{width:min(100% - 28px,600px)}.portfolio-projects-title{letter-spacing:-1.3px;font-size:clamp(2rem,10vw,3rem)}.portfolio-projects-grid{grid-template-columns:1fr;gap:20px}.portfolio-video-wrap{aspect-ratio:16/9;border-radius:20px;width:100%}.portfolio-showreel-video{transform:translate(-50%,-50%)scale(1.2)}.portfolio-project-image-wrap{aspect-ratio:16/9}.portfolio-project-image{width:124%;height:124%}.portfolio-project-card:hover .portfolio-project-image{transform:translate(-50%,-50%)scale(1.035)}.portfolio-project-category{top:14px;left:14px}.portfolio-project-arrow{width:42px;height:42px;font-size:19px;bottom:14px;right:14px}.portfolio-project-content{padding:20px 20px 23px}.portfolio-project-content h3{font-size:18px}.portfolio-project-content p{font-size:13px}}
.portfolio-cta-section{background:var(--bg-primary);padding:110px 0;transition:background-color .35s;position:relative}.portfolio-cta-container{border:1px solid var(--card-border);width:min(100% - 40px,1280px);min-height:500px;box-shadow:0 30px 80px var(--shadow-color);isolation:isolate;background:#050518;border-radius:32px;align-items:center;margin:0 auto;padding:80px 72px;display:flex;position:relative;overflow:hidden}.portfolio-cta-container:before{content:"";z-index:0;transform-origin:50%;pointer-events:none;background-image:url(/images/hero/cubeSpaceStation_matte04.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0 -1px;transform:scaleX(-1)}.portfolio-cta-container:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 80%,#ff2ca81f,#0000 35%),linear-gradient(90deg,#050518fa 0%,#050518f0 28%,#050518d1 48%,#05051880 68%,#0505182e 100%);position:absolute;inset:0}.portfolio-cta-content{z-index:3;width:100%;max-width:720px;position:relative}.portfolio-cta-label{color:var(--accent-pink);letter-spacing:1.8px;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.portfolio-cta-title{color:#fff;letter-spacing:-2.5px;text-transform:uppercase;margin:18px 0 0;font-size:clamp(42px,5vw,72px);font-weight:950;line-height:1}.portfolio-cta-title span{background:linear-gradient(90deg, var(--accent-orange), var(--accent-pink));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-cta-description{color:#ffffffb8;max-width:620px;margin:26px 0 0;font-size:15px;line-height:1.8}.portfolio-cta-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.portfolio-cta-primary,.portfolio-cta-secondary{letter-spacing:.5px;text-transform:uppercase;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:0 26px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;display:inline-flex}.portfolio-cta-primary{background:linear-gradient(100deg, var(--accent-orange), var(--accent-pink));color:#fff;border:1px solid #0000;box-shadow:0 16px 34px #ff2ca840}.portfolio-cta-primary:hover{transform:translateY(-4px);box-shadow:0 24px 48px #ff2ca859}.portfolio-cta-secondary{color:#fff;-webkit-backdrop-filter:blur(14px);background:#0505186b;border:1px solid #ffffff29}.portfolio-cta-secondary:hover{background:#ff2ca814;border-color:#ff2ca873;transform:translateY(-4px)}html[data-theme=light] .portfolio-cta-container{box-shadow:0 30px 80px #140f2824}html[data-theme=light] .portfolio-cta-container:after{background:radial-gradient(circle at 18% 80%,#ff2ca824,#0000 35%),linear-gradient(90deg,#050518f5 0%,#050518e8 30%,#050518bd 52%,#05051861 76%,#05051824 100%)}@media (max-width:1100px){.portfolio-cta-container{min-height:480px;padding:70px 55px}.portfolio-cta-container:before{background-position:50%}.portfolio-cta-content{max-width:650px}}@media (max-width:900px){.portfolio-cta-section{padding:90px 0}.portfolio-cta-container{min-height:470px;padding:70px 50px}.portfolio-cta-container:before{background-position:42%}.portfolio-cta-container:after{background:linear-gradient(90deg,#050518f7 0%,#050518e8 52%,#0505188c 100%)}.portfolio-cta-content{max-width:620px}}@media (max-width:600px){.portfolio-cta-section{padding:76px 0}.portfolio-cta-container{border-radius:24px;width:min(100% - 28px,600px);min-height:auto;padding:60px 24px}.portfolio-cta-container:before{background-position:38%}.portfolio-cta-container:after{background:linear-gradient(#0505187a 0%,#050518d1 45%,#050518fa 100%)}.portfolio-cta-title{letter-spacing:-2px;font-size:clamp(38px,12vw,54px)}.portfolio-cta-description{font-size:14px}.portfolio-cta-actions{flex-direction:column;align-items:stretch}.portfolio-cta-primary,.portfolio-cta-secondary{width:100%}}