.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,.bio-bg-halo-layer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bio-bg-halo-layer{z-index:2}.bio-bg{z-index:3;mix-blend-mode:difference}.bio-bg-word,.bio-bg-halo{letter-spacing:-.05em;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-bg-word{color:#fff}.bio-bg-halo{color:#0000;text-shadow:0 0 10px #0000004d,0 0 30px #0000003d,0 0 60px #00000029}.bio.in .bio-bg-word,.bio.in .bio-bg-halo{opacity:.85;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:.01em;text-transform:none;opacity:0;filter:blur(8px);will-change:transform, opacity, filter;font-size:clamp(14px,1.15vw,18px);font-weight:500;line-height:1.6;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{left:var(--gutter);letter-spacing:-.01em;text-shadow:0 2px 24px #000000e6,0 0 8px #000000f2;width:min(28ch,34vw);font-size:clamp(19px,1.55vw,25px);font-weight:500;line-height:1.35;top:clamp(100px,12vh,140px);transform:translate(34vw)}.bio-text .bt-right{right:var(--gutter);text-align:right;letter-spacing:.005em;color:#fffffff2;width:min(52ch,45vw);font-size:clamp(19px,1.55vw,25px);font-weight:400;line-height:1.45;bottom:6%;transform:translate(-34vw)}@media (min-width:761px) and (max-width:1024px){.bio-ball{--base-r:clamp(170px, 22vw, 240px);--base-size:clamp(170px, 22vw, 240px)}.bio-text .bt-left{width:min(24ch,30vw);font-size:clamp(15px,1.4vw,19px);top:clamp(80px,10vh,120px)}.bio-text .bt-right{width:min(42ch,36vw);font-size:clamp(15px,1.4vw,19px);bottom:5%}.bio-bg-word,.bio-bg-halo{font-size:clamp(90px,14vw,180px)}}@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,.bio-bg-halo,.cluster-entrance,.cluster-spin,.bio-ball,.ball-inner,.bio-text p{will-change:auto}.bio-bg-word,.bio-bg-halo{font-size:clamp(70px,18vw,160px)}.bio-ball{--base-r:clamp(105px, 30vw, 190px);--base-size:clamp(105px, 30vw, 190px)}.bio{padding:clamp(84px, 18vw, 120px) max(16px, env(safe-area-inset-left,16px)) clamp(44px, 10vw, 72px) max(16px, env(safe-area-inset-right,16px));flex-direction:column;justify-content:center;gap:clamp(20px,6vw,36px);display:flex}.bio-bg,.bio-bg-halo-layer{display:flex!important}.bio-bg-word,.bio-bg-halo{opacity:.9;filter:none;font-size:clamp(60px,16vw,100px);top:0;transform:none}.bio.in .bio-bg-word,.bio.in .bio-bg-halo{opacity:.9;filter:none;transform:none}.bio-stage{flex-direction:column;display:flex;position:relative;inset:auto}.bio-text{display:contents}.bio-cluster{order:2;height:clamp(300px,94vw,460px);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%;font-size:clamp(16px,4.4vw,22px);font-weight:500;line-height:1.38;inset:auto}.bio-text .bt-right{text-align:right;order:3;align-self:flex-end;width:90%;font-size:clamp(16px,4.4vw,22px);font-weight:400;line-height:1.45;inset:auto}.bio-pin.static .cluster-spin{animation:26s linear infinite bio-mobile-spin}.bio-pin.static .ball-inner{animation:26s linear infinite bio-mobile-counter-spin}@keyframes bio-mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bio-mobile-counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}}