@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;600&display=swap";:root{color-scheme:dark;--bg-primary: radial-gradient(circle at 20% 20%, rgba(40, 40, 40, .28), transparent 55%), radial-gradient(circle at 80% 10%, rgba(18, 18, 18, .45), transparent 60%), linear-gradient(140deg, rgba(12, 12, 12, .96) 0%, rgba(6, 6, 6, .96) 65%, rgba(0, 0, 0, .98) 100%);--bg-vignette: radial-gradient(circle at 50% 48%, rgba(255, 217, 90, .05), rgba(0, 0, 0, 0) 70%);--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");--text-muted: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .08);--pink: #ff6b9d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background-color:#040404;background-image:var(--bg-primary),var(--bg-vignette);font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;color:#ffffffeb;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000000f2,#000000d9 8%,#0000 14%),radial-gradient(circle at 50% 58%,rgba(255,217,90,.045),transparent 72%);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--noise);opacity:.35;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}#root{height:100%;min-height:100%}.landing-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:1.5rem}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.landing-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-stack{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,5vw,4rem);text-align:center;transform:translateY(-5vh)}.headline-stack{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.headline-video{width:100%;max-width:640px;margin-bottom:1rem}.headline-caption{font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:#ff6b9d}.enter-wrapper{width:100%;max-width:260px}.enter-button{position:relative;width:100%;border:none;border-radius:999px;padding:1rem 3.5rem;background:linear-gradient(90deg,#ff9de6f2,#ff5fb5f2);color:#050505;text-transform:uppercase;letter-spacing:.3em;font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:0 14px 54px #ff96d275,0 0 38px #ffbeeb66,0 0 0 1px #ffffff24,inset 0 2px 10px #ffffff38,inset 0 -14px 24px #00000052;overflow:hidden}.enter-button--disabled{cursor:not-allowed;opacity:.7}.enter-label{position:relative;z-index:2}.enter-border,.enter-glow,.enter-wash,.enter-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none}.enter-border{border:1px solid rgba(255,255,255,.3)}.enter-glow{background:linear-gradient(to bottom,#ffffff59,#fff0);opacity:.85}.enter-wash{background:#ff7ac766;filter:blur(22px)}.enter-ripple{background:#ff6b9d26;filter:blur(22px);z-index:0}.client-banner{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem}.client-banner-inner{overflow:hidden}.client-marquee,.client-static{text-transform:uppercase;letter-spacing:.2em;color:#ff6b9d;opacity:.6;white-space:nowrap;font-size:1rem}.client-marquee{display:inline-block;animation-name:marqueeScroll;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-surface{height:100%;display:flex;flex-direction:column;overflow:hidden}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;position:relative;z-index:10}.nav-logo{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);transition:opacity .2s ease}.nav-logo:hover{opacity:.7}.nav-links{display:flex;gap:1.5rem}.nav-link,.mobile-link{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);transition:color .2s ease}.nav-link.is-active,.mobile-link.is-active{color:var(--pink)}.nav-link:hover,.mobile-link:hover{color:#ffffffe6}.nav-toggle{display:none;flex-direction:column;gap:.3rem;padding:.25rem}.nav-toggle span{width:22px;height:2px;background:var(--pink);border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-panel{display:none;flex-direction:column;max-height:40vh;margin:0 1.5rem;border:1px solid var(--glass-border);border-radius:.75rem;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:auto}.mobile-panel.open{display:flex}.mobile-link{padding:.85rem 1.25rem;border-top:1px solid rgba(255,255,255,.05)}.mobile-link:first-child{border-top:none}.main-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.view{width:100%;max-width:1100px;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.view--work{display:flex;flex-direction:column;align-items:center;gap:2rem}.view--about,.view--contact{display:flex;justify-content:center}.carousel-button{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0006;padding:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease,background-color .2s ease;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.carousel-button svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.carousel-button:hover{border-color:#ffffff80;background:#000000a6}.work-stage{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.work-stage__carousel{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.work-stage__info{text-align:center;max-width:720px}.work-stage__info--bottom .project-description{margin-bottom:1rem}.project-media{width:min(520px,80vw);aspect-ratio:4 / 3;border-radius:1.5rem;border:1px solid var(--glass-border);background:#00000059;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 45px #030303d9,0 6px 18px #0006}.project-media video,.project-media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.project-copy{text-align:center;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.project-category{color:var(--pink);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase}.project-title{font-size:clamp(1.8rem,4vw,2.75rem);color:#fff;letter-spacing:.04em;margin:0}.project-description{color:#fffc;font-size:.9rem;line-height:1.6;margin:0}.project-cta{display:inline-flex;justify-content:center;border:2px solid var(--pink);border-radius:.85rem;padding:.85rem 2.5rem;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--pink);background:#ff6b9d14;transition:background-color .22s ease,color .22s ease}.project-cta:hover{background:var(--pink);color:#050505}.project-dots{display:flex;gap:.35rem;justify-content:center}.project-dots button{width:8px;height:8px;border-radius:999px;background:#ffffff40;transition:width .2s ease,background .2s ease}.project-dots button.is-active{width:32px;background:var(--pink)}.about-card,.contact-card{border:1px solid var(--glass-border);border-radius:1.75rem;padding:clamp(1.5rem,3vw,3rem);background:#00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;color:#ffffffd9;line-height:1.7;max-width:720px}.about-card h2,.contact-card h2{margin-top:0;margin-bottom:1.5rem;color:#fff;letter-spacing:.2em;font-size:clamp(2rem,4vw,3rem)}.client-list{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffffa6}.contact-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.contact-icons img{width:42px;height:42px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));transition:transform .2s ease}.contact-icons a:hover img{transform:scale(1.1)}.site-footer{text-align:center;padding:1rem;font-size:.75rem;color:#fff6}.project-layout{height:100%;display:flex;flex-direction:column;overflow:hidden}.project-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.25rem;gap:1rem;overflow:hidden}.project-header{text-align:center;max-width:720px;padding:0 1rem}.project-header h1{font-size:clamp(1.8rem,4vw,3.2rem);text-transform:uppercase;letter-spacing:.2em;margin:.5rem 0}.project-header .project-description{margin:0 auto;max-width:640px}.project-tabs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.project-tabs button{border:2px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.4rem 1.5rem;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:#ffffffa6;background:#0003;transition:all .2s ease}.project-tabs button.is-active{border-color:#ff6b9d;color:#ff6b9d;background:#ff6b9d1a}.project-stage{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:center;gap:1.25rem;flex:1;overflow:visible;flex-wrap:nowrap}.project-stage-pane{width:100%;display:flex;justify-content:center;height:100%}.project-video{position:relative;width:100%;padding-bottom:min(56.25%,60vh);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:#00000059;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.project-video--contain video{object-fit:contain;background:#000000a6}.project-overview{max-width:720px;padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:#00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.9rem;color:#fffc;line-height:1.7;max-height:60vh;overflow:hidden}.project-overview p+p{margin-top:1rem}.project-tools{text-align:center;padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:#00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-tools h2{margin-top:0;margin-bottom:1.5rem;letter-spacing:.2em}.project-tools div{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.project-tools span{border-radius:.75rem;border:1px solid rgba(255,255,255,.2);padding:.6rem 1.5rem;font-size:.85rem;color:#fffc;background:#0003}.project-links{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.project-nav-link{border:2px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.4rem 1.25rem;font-size:.75rem;letter-spacing:.2em;color:#ffffffb3;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.project-nav-link:hover{border-color:#ff6b9d;color:#ff6b9d}.project-playlist{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:1rem}.project-playlist-title{text-align:center;font-size:.85rem;letter-spacing:.2em;color:#ffffffb3}.project-playlist-dots{display:flex;gap:.3rem}.project-playlist-dots button{width:8px;height:8px;border-radius:999px;background:#ffffff59;border:none}.project-playlist-dots button.is-active{width:32px;background:#ff6b9d}@media (max-width: 900px){.project-stage{gap:.75rem}.project-panel{grid-template-columns:minmax(0,1fr);max-height:none}}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:flex}.main-stage{padding:1rem}.landing-stack{transform:translateY(0)}}@media (max-width: 600px){.project-stage{gap:.5rem}.carousel-button{padding:.65rem}.project-media{width:72vw}.project-panel{grid-template-columns:1fr;gap:1rem;max-height:none}.project-copy{text-align:left}.project-tabs{width:100%}.project-tabs button{flex:1 1 100%;width:100%}.project-links{flex-direction:column;width:100%;gap:.75rem}.project-nav-link{width:100%}}