*{box-sizing:border-box}html,body{margin:0}body{color:#fff;background:#3a3330;font:15px/1.4 Inter,system-ui,sans-serif}a{color:inherit}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{--u:calc(100cqw / 3908);aspect-ratio:3908/6761;background:linear-gradient(#0000 80%,#76635a) top/100% 86.69% no-repeat,#76635a url(/assets/bg-DPv9_AuG.webp) top/100% no-repeat;max-width:1600px;margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.bio{left:calc(582 * var(--u));top:calc(2378 * var(--u));width:calc(1896 * var(--u));font-size:calc(76 * var(--u));white-space:pre-line;margin:0;line-height:1.71;position:absolute}.bio a{text-underline-offset:.16em;text-decoration-thickness:.04em}.tree{left:calc(-697 * var(--u));top:calc(3956 * var(--u));width:calc(3213 * var(--u));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.lanes{--tile:calc(240 * var(--u));--step:calc(344 * var(--u));--loop:36s;left:calc(2936 * var(--u));top:calc(2560 * var(--u));width:calc(584 * var(--u));height:calc(1960 * var(--u));gap:calc(104 * var(--u));display:flex;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 11% 89%,#0000);mask-image:linear-gradient(#0000,#000 11% 89%,#0000)}.lane{width:var(--tile);flex:none}.lane+.lane{margin-top:calc(var(--step) / 2)}.track{gap:calc(var(--step) - var(--tile));animation:up var(--loop) linear infinite;flex-direction:column;display:flex}.lane+.lane .track{animation-name:down}.lanes:hover .track{animation-play-state:paused}@keyframes up{0%{transform:translateY(0)}to{transform:translateY(calc(var(--step) * -6))}}@keyframes down{0%{transform:translateY(calc(var(--step) * -6))}to{transform:translateY(0)}}.tile{width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .225);flex:none;place-items:center;display:grid;position:relative}.tile img{object-fit:contain;width:55%;height:55%;position:relative}.tile.adobe img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.tile.glass{box-shadow:inset 0 0 0 max(1px, calc(2 * var(--u))) #ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a}.tile.pin:before{content:"";background:#fff;border-radius:50%;width:52%;height:52%;position:absolute}.tile:after{content:attr(data-name);font-size:max(12px, calc(36 * var(--u)));white-space:nowrap;color:#fff;text-shadow:0 1px 6px #00000080;opacity:0;pointer-events:none;margin-top:.4em;transition:opacity .2s;position:absolute;top:100%;left:50%;translate:-50%}.tile:hover:after{opacity:1}#bulbArea{left:0;right:0;top:calc(5600 * var(--u));position:absolute;bottom:0}#bulbArea canvas{width:100%;height:100%;position:absolute;inset:0}#bubble{left:calc(var(--bx,0px) + var(--bs,0px) * .42);bottom:calc(var(--by,0px) + var(--bs,0px) * .8);opacity:0;visibility:hidden;transition:opacity .4s,translate .4s,visibility .4s;position:absolute;translate:0 8px}#bubble .say{font-size:max(15px, calc(44 * var(--u)))}#bubble.on{opacity:1;visibility:visible;translate:0}body:before,.page:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.42;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3e%3cfilter%20id='g'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='2'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='1%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200%200%200%200%201'/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='linear'%20slope='1.5'%20intercept='-.25'/%3e%3cfeFuncG%20type='linear'%20slope='1.5'%20intercept='-.25'/%3e%3cfeFuncB%20type='linear'%20slope='1.5'%20intercept='-.25'/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='200'%20height='200'%20filter='url(%23g)'/%3e%3c/svg%3e") 0 0/200px;position:fixed;inset:0}.page:after{z-index:1;position:absolute}#bubble{z-index:2}@media (width<=760px){.page{aspect-ratio:auto;background-image:linear-gradient(#0000 130vw,#76635a 150vw),url(/assets/bg-phone-B_aplYGT.webp)}.tree{width:82vw;top:auto;bottom:-13vw;left:-18vw}.bio,.lanes{position:relative;top:auto;left:auto}.bio{width:auto;margin:0 24px;padding-top:61vw;font-size:17px;line-height:1.6}.lanes{--tile:64px;--step:80px;flex-direction:column;gap:16px;width:auto;height:auto;margin-top:40px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.lane{width:auto}.lane+.lane{margin:0 0 0 calc(var(--step) / -2)}.track{flex-direction:row;animation-name:left}.lane+.lane .track{animation-name:right}.tile:after{display:none}#bulbArea{height:300px;position:relative;top:auto}#bubble{--tail:calc(var(--bx,0px) + var(--bs,0px) * .2 - 12px);left:12px}}@keyframes left{0%{transform:translate(0)}to{transform:translateX(calc(var(--step) * -6))}}@keyframes right{0%{transform:translateX(calc(var(--step) * -6))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.track{animation:none}#bubble{transition:none}}::view-transition-old(root){animation-name:vt-sink}::view-transition-new(root){-webkit-mask-image:radial-gradient(circle farthest-corner at 50% 68%, #000 calc(var(--vt) - 30%), transparent var(--vt));mask-image:radial-gradient(circle farthest-corner at 50% 68%, #000 calc(var(--vt) - 30%), transparent var(--vt));animation-name:vt-glow}@keyframes vt-sink{to{filter:blur(6px)brightness(.55);transform:scale(1.04)}}@keyframes vt-glow{0%{--vt:0%;filter:brightness(1.8)sepia(.6)saturate(1.3)}55%{filter:none}to{--vt:115%}}