.flow-scroll{position:relative;background:hsl(var(--orbit-surface))}.flow-portfolio{position:relative;width:100%;height:clamp(620px,88svh,1000px);overflow:hidden;isolation:isolate;background:hsl(var(--orbit-surface));color:hsl(var(--hero-ink));border-top:1px solid hsl(var(--hero-surface))}.flow-portfolio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 52% 88%,hsl(var(--hero-accent) / .1),transparent 44%),linear-gradient(110deg,hsl(var(--hero-surface) / .6),transparent 65%)}.flow-intro{position:absolute;z-index:20;left:4.2%;top:5%;width:160px;pointer-events:none}.flow-intro>span{font-size:22px;font-weight:650;letter-spacing:-.04em}.flow-intro h2{display:flex;align-items:center;gap:14px;margin-top:6px;font-size:12px;font-weight:650;letter-spacing:.13em}.flow-intro h2:after{content:"";width:28px;height:1px;background:hsl(var(--hero-muted) / .5)}.flow-intro p{margin-top:14px;font-size:12px;line-height:1.5;color:hsl(var(--hero-muted))}.flow-disciplines{position:absolute;right:4.2%;top:8%;font-size:8px;letter-spacing:.23em;color:hsl(var(--hero-muted));text-transform:uppercase}.flow-stage{position:absolute;left:3%;right:3%;top:20%;bottom:15%;perspective:1900px;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.flow-stage:active{cursor:grabbing}.flow-project{position:absolute;width:min(62%,100vh);left:50%;top:50%;translate:-50% -50%;transform-style:preserve-3d}.flow-screen{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:2px solid hsl(var(--hero-surface) / .95);border-radius:12px;background:hsl(var(--hero-surface));box-shadow:0 24px 30px -22px hsl(var(--orbit-shadow) / .55),0 0 0 1px hsl(var(--hero-muted) / .18),inset 0 0 0 1px hsl(var(--hero-surface))}.flow-screen img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.flow-reflection{position:absolute;top:calc(100% + 18px);left:0;width:100%;height:65%;overflow:hidden;opacity:.13;filter:blur(4px);-webkit-mask-image:linear-gradient(to bottom,hsl(var(--hero-ink)),transparent 85%);mask-image:linear-gradient(to bottom,hsl(var(--hero-ink)),transparent 85%);pointer-events:none}.flow-reflection img{width:100%;height:154%;-o-object-fit:cover;object-fit:cover;transform:scaleY(-1)}.flow-spine{position:absolute;top:-17%;bottom:-18%;left:50%;width:1px;background:linear-gradient(transparent,hsl(var(--hero-accent) / .3) 20%,hsl(var(--hero-accent) / .28) 80%,transparent);pointer-events:none}.flow-sphere{position:absolute;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 25%,hsl(var(--hero-surface)),hsl(var(--hero-accent) / .65) 28%,hsl(var(--hero-accent)) 63%,hsl(var(--hero-ink)) 115%);box-shadow:inset -3px -3px 6px hsl(var(--hero-accent) / .6),0 9px 12px -5px hsl(var(--hero-accent) / .4)}.flow-sphere-top{top:13%;width:20px;height:20px}.flow-sphere-bottom{bottom:0;width:35px;height:35px}.flow-sphere-bottom:after{content:"";position:absolute;width:120%;height:25%;top:125%;left:-10%;border-radius:50%;background:hsl(var(--hero-accent) / .3);filter:blur(6px)}.flow-orbit-line{position:absolute;top:0;right:-1%;bottom:0;left:-1%;border:1px solid hsl(var(--hero-accent) / .15);border-radius:50%;transform:rotateX(68deg);pointer-events:none}.flow-explore{position:absolute;left:4.2%;bottom:13%;display:flex;align-items:center;gap:10px;color:hsl(var(--hero-muted));font-size:8px;letter-spacing:.16em;text-transform:uppercase}.flow-explore i{width:9px;height:9px;border-radius:50%;background:hsl(var(--hero-accent))}.flow-navigation{position:absolute;right:3.5%;bottom:12%;display:flex;align-items:center;gap:14px}.flow-navigation>span{margin-right:30px;color:hsl(var(--hero-muted));font-size:10px;letter-spacing:.14em;font-variant-numeric:tabular-nums}.flow-navigation button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:hsl(var(--hero-surface));border:1px solid hsl(var(--hero-muted) / .1);box-shadow:0 8px 18px -8px hsl(var(--orbit-shadow) / .25)}.flow-navigation button:hover:not(:disabled){color:hsl(var(--hero-accent))}.flow-navigation button:disabled{opacity:.35;cursor:default}.flow-portfolio :focus-visible{outline:2px solid hsl(var(--hero-accent));outline-offset:4px}@media (max-width: 639px){.flow-portfolio{height:clamp(500px,80svh,680px)}.flow-intro{top:24px;left:6%;width:auto}.flow-intro>span{font-size:18px}.flow-intro p{margin-top:12px;font-size:11px}.flow-disciplines{top:30px;right:6%;max-width:150px;line-height:1.8;text-align:right;font-size:7px}.flow-stage{left:0;right:0;top:155px;bottom:100px;perspective:850px}.flow-project{width:84%;left:50%}.flow-screen{border-radius:9px}.flow-spine{top:-15%;bottom:-10%}.flow-sphere-top{width:14px;height:14px;top:5%}.flow-sphere-bottom{width:26px;height:26px}.flow-explore{left:6%;bottom:33px;font-size:7px;gap:7px}.flow-navigation{right:5%;bottom:20px;gap:8px}.flow-navigation>span{margin-right:4px;font-size:9px}}