.bio-pin{height:340vh;margin-top:-100vh;position:relative}.bio{height:100vh;padding:clamp(120px, 14vw, 180px) var(--gutter);background:var(--bg);--enter:1;-webkit-mask-image:linear-gradient(to top, #000 calc(var(--enter) * 120% - 20%), transparent calc(var(--enter) * 120%));-webkit-mask-image:linear-gradient(to top, #000 calc(var(--enter) * 120% - 20%), transparent calc(var(--enter) * 120%));mask-image:linear-gradient(to top, #000 calc(var(--enter) * 120% - 20%), transparent calc(var(--enter) * 120%));will-change:mask-image;position:sticky;top:0;overflow:hidden}.bio-pin.static{height:auto;margin-top:0}.bio-pin.static .bio{height:auto;min-height:100vh;position:relative}.bio-bg{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bio-bg-word{letter-spacing:-.05em;color:#ffffff4d;text-shadow:0 0 60px #ffffff24;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;filter:blur(16px);transform:translateY(calc((1 - var(--bp,1)) * 14vh)) scale(.5);will-change:transform, opacity;font-size:clamp(120px,18vw,320px);font-weight:600;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .48s ease-out,filter .68s ease-out;position:relative;top:8px}.bio.in .bio-bg-word{opacity:1;filter:blur();transform:translateY(calc((1 - var(--bp,1)) * 14vh)) scale(1)}.bio-stage{z-index:2;isolation:isolate;position:absolute;inset:0}.bio-cluster{z-index:1;pointer-events:none;transform:translateY(calc((1 - var(--bp,1)) * 26vh));position:absolute;inset:0}.cluster-entrance{opacity:0;filter:blur(24px);transition:transform 1.05s var(--ease-out) .82s, opacity .58s var(--ease-out) .82s, filter .78s var(--ease-out) .82s;will-change:transform, opacity;position:absolute;inset:0;transform:scale(.24)rotate(48deg)}.bio.in .cluster-entrance{opacity:1;filter:blur();transform:scale(1)rotate(0)}.cluster-spin{will-change:transform;position:absolute;inset:0}.bio-ball{--base-r:clamp(270px, 30vw, 510px);--base-size:clamp(270px, 30vw, 505px);--r:var(--base-r);--size:calc(var(--base-size) * var(--scale));width:var(--size);height:var(--size);left:calc(50% - var(--size) / 2);top:calc(50% - var(--size) / 2);opacity:0;will-change:transform, opacity;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .55s ease-out;position:absolute;transform:translate(0)scale(.1)rotate(-60deg)}.bio.in .bio-ball{opacity:1;transform:translate(calc(var(--cos) * var(--r)), calc(var(--sin) * var(--r) * .96)) scale(1) rotate(0deg)}.ball-inner-wrapper{width:100%;height:100%;position:relative}.ball-inner{filter:drop-shadow(0 0 14px #ffffff2e)drop-shadow(0 0 34px #ffffff1a);will-change:transform;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.ball-inner:before,.ball-inner:after{content:"";pointer-events:none;z-index:2;border-radius:50%;position:absolute;inset:-6%}.ball-inner:before{mix-blend-mode:overlay;opacity:.46;filter:contrast(1.65);background:radial-gradient(circle at 35% 28%,#ffffff38,#0000 34%) 0 0/100% 100%,radial-gradient(circle at 66% 72%,#0000002e,#0000 42%) 0 0/100% 100%,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.72 0 0 0 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>") 0 0/72px 72px}.ball-inner:after{mix-blend-mode:soft-light;opacity:.3;background-image:repeating-radial-gradient(circle,#ffffff1a 0 1px,#0000 1px 4px),linear-gradient(115deg,#0000 0 44%,#ffffff2e 50%,#0000 58%);background-size:9px 9px,100% 100%}.ball-inner .bio-circle-img{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.bio-text{z-index:5;pointer-events:none;transform:translateY(calc((1 - var(--bp,1)) * 8vh));position:absolute;inset:0}.bio-text p{color:#fff;text-shadow:0 2px 18px #000000d9,0 0 4px #000000e6;letter-spacing:.02em;text-transform:uppercase;opacity:0;filter:blur(8px);will-change:transform, opacity, filter;font-size:clamp(15px,1.45vw,22px);font-weight:700;line-height:1.8;transition:transform .78s cubic-bezier(.16,1,.3,1) .42s,opacity .44s ease-out .42s,filter .58s ease-out .42s;position:absolute}.bio.in .bio-text p{opacity:1;filter:blur();transform:translate(0)}.bio-text .bt-left{width:min(26ch,36vw);top:22%;left:clamp(160px,20vw,340px);transform:translate(34vw)}.bio-text .bt-right{text-align:right;width:min(68ch,60vw);bottom:8%;right:clamp(40px,6vw,100px);transform:translate(-34vw)}@media (max-width:760px){.bio-pin{height:220vh}.bio{height:100svh;-webkit-mask-image:none;mask-image:none}.cluster-entrance,.bio.in .cluster-entrance,.bio-text p,.bio.in .bio-text p,.ball-inner{filter:none}.ball-inner:before,.ball-inner:after{display:none}.bio,.bio-bg-word,.cluster-entrance,.cluster-spin,.bio-ball,.ball-inner,.bio-text p{will-change:auto}.bio-bg-word{font-size:clamp(70px,18vw,160px)}.bio-ball{--base-r:clamp(120px, 34vw, 210px);--base-size:clamp(120px, 34vw, 210px)}.bio{padding:clamp(96px, 22vw, 140px) var(--gutter) clamp(48px, 12vw, 80px);flex-direction:column;justify-content:center;gap:clamp(24px,7vw,44px);display:flex}.bio-bg{display:none}.bio-stage{flex-direction:column;display:flex;position:relative;inset:auto}.bio-text{display:contents}.bio-cluster{order:2;height:clamp(360px,108vw,540px);position:relative;inset:auto;transform:none}.bio-text p{text-align:left;width:100%;max-width:none;line-height:1.55;position:relative;inset:auto;transform:none}.bio.in .bio-text p{transform:none}.bio-text .bt-left{text-align:left;order:1;width:100%;inset:auto}.bio-text .bt-right{text-align:right;order:3;align-self:flex-end;width:86%;inset:auto}}