@font-face{font-family:Neue Montreal;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/PPNeueMontreal-Variable.woff2)format("woff2")}@font-face{font-family:Neue Montreal;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/PPNeueMontreal-Variable.woff2)format("woff2")}:root{--bg-color:#fefefe;--text-color:#12110d;--text-muted:#12110d73;--border-color:#12110d14;--accent-color:#12110d;--panel-bg:#f8f7f4;--panel-text:#12110d;--overlay-bg-radial:radial-gradient(circle at center, #fefefecc 0%, #fefefefc 100%);--sans-font:"Neue Montreal", "Inter", system-ui, -apple-system, sans-serif;--serif-font:"Instrument Serif", Georgia, serif;--orbit-radius:max(200px, 36cqmin);font-family:var(--sans-font);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=640px){:root{--orbit-radius:clamp(95px, 27vw, 125px)}}.dark{--bg-color:#010100;--text-color:#fdfdfc;--text-muted:#fdfdfc73;--border-color:#fdfdfc14;--panel-bg:#1a1918;--panel-text:#fdfdfc;--overlay-bg-radial:radial-gradient(circle at center, #010100cc 0%, #010100fc 100%)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;cursor:none!important}:before,:after{cursor:none!important}body{background-color:var(--bg-color);color:var(--text-color);scrollbar-width:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}html::-webkit-scrollbar{display:none}html.lenis{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis-stopped{overflow:hidden}.lenis-scrolling iframe{pointer-events:none}#root{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--sans-font);letter-spacing:-.02em;font-weight:500}a{color:inherit;cursor:none;text-decoration:none}button{cursor:none;background:0 0;border:none;outline:none;font-family:inherit}.custom-cursor{background-color:var(--text-color);pointer-events:none;z-index:9999;mix-blend-mode:difference;background-color:#fff;border-radius:50%;width:10px;height:10px;transition:width .3s,height .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.active{mix-blend-mode:normal;background-color:#ffffffe6;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.custom-cursor-text{font-family:var(--sans-font);text-transform:uppercase;letter-spacing:.1em;color:#000;opacity:0;font-size:10px;font-weight:600;transition:opacity .2s,transform .2s;transform:scale(.8)}.custom-cursor.active .custom-cursor-text{opacity:1;transform:scale(1)}@keyframes float-1{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-8px)translate(4px)rotate(1deg)}to{transform:translateY(0)translate(0)rotate(0)}}@keyframes float-2{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(6px)translate(-5px)rotate(-1.5deg)}to{transform:translateY(0)translate(0)rotate(0)}}@keyframes float-3{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-6px)translate(-4px)rotate(.8deg)}to{transform:translateY(0)translate(0)rotate(0)}}@keyframes float-4{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(7px)translate(5px)rotate(-.5deg)}to{transform:translateY(0)translate(0)rotate(0)}}.floating-1{animation:9s ease-in-out infinite float-1}.floating-2{animation:12s ease-in-out infinite float-2}.floating-3{animation:10s ease-in-out infinite float-3}.floating-4{animation:14s ease-in-out infinite float-4}::selection{color:#fff;background-color:#12110de6}.hero-wrapper{background-color:var(--bg-color);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)' opacity='0.03'/%3E%3C/svg%3E");height:1000vh;position:relative}.hero-sticky{background-color:var(--bg-color);width:100vw;height:100vh;position:sticky;top:0;left:0;overflow:hidden}.fixed-ui{pointer-events:none;z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.center-intro{text-align:center;justify-content:center;align-items:center;width:100%;max-width:500px;display:flex}.orbit-viewport{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.orbit-system-container{will-change:transform;width:min(400vw,100vh);height:min(400vw,100vh);transform:scale(var(--container-scale,1)) translateX(calc(var(--zoom-offset,0cqmin) + var(--tilt-offset-x,0%))) translateY(var(--tilt-offset-y,0%));justify-content:center;align-items:center;display:flex;position:relative;container-type:inline-size}.orbit-grid-stack{grid-template-areas:"layer";place-items:center;display:grid;position:absolute;inset:0}.project-node{will-change:transform, opacity, filter;z-index:20;border-radius:50%;grid-area:layer;justify-content:center;align-items:center;display:flex;overflow:visible}.project-circle-magnetic{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex}.project-circle-inner{background-color:var(--panel-bg);will-change:transform;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;border:1px solid #0000000a;border-radius:50%;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f,0 3px 10px #0000000f}.project-circle-inner.is-active{border-color:#ffffff26;box-shadow:0 20px 60px #00000040,0 8px 20px #00000026}.project-circle-image-wrap{will-change:transform;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project-circle-inner img{object-fit:cover;pointer-events:none;will-change:transform;width:110%;height:110%;transition:scale .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flip-overlay{z-index:2000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.flip-overlay.active{pointer-events:auto}.project-detail-content{background:var(--overlay-bg-radial);width:100%;height:100%;color:var(--text-color);opacity:0;z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;top:0;left:0}.close-project-btn{background-color:var(--text-color);color:var(--bg-color);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;margin-top:2rem;padding:.75rem 2rem;font-size:.85rem;font-weight:500;transition:transform .3s,opacity .3s;box-shadow:0 4px 12px #0000001a}.close-project-btn:hover{opacity:.95;transform:scale(1.05)}.bottom-title-overlay{pointer-events:none;z-index:50;mix-blend-mode:exclusion;color:#fff;will-change:opacity;opacity:0;visibility:hidden;width:100vw;height:100vh;transition:opacity .5s;position:fixed;inset:0}.title-stack-container-new{pointer-events:none;padding:0 1rem;position:absolute;top:calc(50% + clamp(90px,15vw,180px));left:0;right:0;transform:translateY(-50%)}@media (width>=640px){.title-stack-container-new{padding:0 2rem}}.project-title-mask-new{justify-content:center;align-items:center;width:100%;padding:.75rem 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.project-title-list-new{pointer-events:none;justify-content:center;width:100%;display:flex;position:relative}.project-title-item-new{pointer-events:none;justify-content:center;width:100%;display:flex}.project-title-item-new.absolute-pos{position:absolute;top:0;left:0;right:0}.project-title-span-new{pointer-events:auto;margin:-.15em 0;padding:.15em 0;display:inline-block;overflow:hidden}.project-title-text-new{font-family:var(--sans-font);letter-spacing:-.02em;white-space:nowrap;will-change:transform;margin:0;font-size:clamp(1.5rem,5vw,3rem);font-weight:500;line-height:1.15;display:inline-block}.nav-arrows-container{pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.nav-arrow-btn{background-color:var(--bg-color);width:40px;height:40px;color:var(--text-color);cursor:pointer;pointer-events:auto;mix-blend-mode:normal;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;box-shadow:0 4px 12px #00000014}@media (width>=640px){.nav-arrow-btn{width:48px;height:48px;padding:0}}.nav-arrow-btn:hover{opacity:.9;transform:scale(1.08)}.nav-arrow-btn:disabled{opacity:.15;pointer-events:none}.studio-intro-text{font-family:var(--sans-font);text-align:center;letter-spacing:-.015em;max-width:28ch;color:var(--text-color);pointer-events:none;will-change:opacity, transform, filter;flex-wrap:wrap;justify-content:center;margin:0;font-size:clamp(.85rem,2vw,1rem);font-weight:500;line-height:1.4;display:flex}@media (width>=768px){.studio-intro-text{max-width:38ch}}.intro-word-wrapper{vertical-align:bottom;display:inline-block;overflow:hidden}.intro-word{animation:.8s cubic-bezier(.16,1,.3,1) forwards slide-up-word;animation-delay:calc(var(--word-index,0) * 40ms);display:inline-block;transform:translateY(115%)}@keyframes slide-up-word{to{transform:translateY(0)}}.scroll-dot-indicator{pointer-events:none;z-index:50;width:45px;height:45px;position:fixed;bottom:1.5rem;right:1.5rem}.wheel-dot{transform-origin:0 0;background-color:#12110d26;border-radius:50%;width:3px;height:3px;transition:background-color .2s,transform .2s;position:absolute;top:50%;left:50%}.wheel-dot.active{background-color:var(--text-color)}@media (width<=768px){.scroll-dot-indicator{bottom:1rem;right:1rem}}.hero-narrative-section{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:85vh;margin:0;display:flex}.hero-hero-headline{font-family:var(--sans-font);text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:25ch;margin-bottom:3.5rem;font-size:clamp(2rem,5.5vw,4.2rem);font-weight:500;line-height:1.15;display:flex}.hero-headline-line{color:var(--text-color);flex-wrap:wrap;justify-content:center;display:flex}.hero-headline-line.text-muted{color:var(--text-muted)}.hero-word-wrap{vertical-align:bottom;margin-bottom:-.15em;padding-bottom:.15em;display:inline-block;overflow:hidden}.hero-word{display:inline-block;transform:translateY(115%)}.content-ready .hero-word{animation:1.1s cubic-bezier(.16,1,.3,1) forwards slide-up-word-hero;animation-delay:calc(var(--word-index,0) * 45ms)}@keyframes slide-up-word-hero{to{transform:translateY(0)}}.hero-subtagline{font-family:var(--serif-font);color:var(--text-color);text-transform:lowercase;opacity:0;max-width:22ch;font-size:clamp(1.5rem,3.5vw,2.5rem);font-style:italic;line-height:1.25;transform:translateY(20px)}.section-header{text-align:left;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-bottom:4rem;padding-bottom:1.5rem;display:flex}.section-label{font-family:var(--sans-font);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.75rem;font-weight:600}.section-title{font-family:var(--sans-font);color:var(--text-color);letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(2.5rem,6.5vw,4.5rem);font-weight:500;line-height:1.1}.gradient-text{font-family:var(--serif-font);color:#0000;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:600;animation:4s linear infinite gradient-x}@keyframes gradient-x{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-magicui-theme-vt=active]::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration)}html[data-magicui-theme-vt=active]::view-transition-new(root){clip-path:var(--magicui-theme-vt-clip-from)}