@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}:root{view-transition-name:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--paper:oklch(95.4% .018 84);--ink:oklch(18% .018 238);--blue:oklch(52% .075 247);--gold:oklch(79% .095 78);--ease-fluid:cubic-bezier(.16, 1, .3, 1)}@supports (animation-timing-function:linear(0, 1)){:root{--ease-fluid:linear(0, .002 1.7%, .012 3.6%, .045 7.5%, .106 11.8%, .213 17%, .614 30.8%, .786 37.2%, .894 43.7%, .959 50.6%, .991 58.6%, 1.006 69.3%, 1.003 82.1%, 1)}}*{box-sizing:border-box}.experience,.experience *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.experience img{-webkit-user-drag:none}.experience::selection{color:inherit;background:0 0}.experience ::selection{color:inherit;background:0 0}html,body{background:var(--paper);width:100%;min-height:100%;margin:0;overflow:hidden}::view-transition{pointer-events:none;cursor:default}::view-transition-group(*){pointer-events:none;cursor:default}::view-transition-image-pair(*){pointer-events:none;cursor:default}::view-transition-old(*){pointer-events:none;cursor:default}::view-transition-new(*){pointer-events:none;cursor:default}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:Helvetica Neue,Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}.experience{--pointer-x:50vw;--pointer-y:50vh;--tilt-x:0deg;--tilt-y:0deg;--proximity:0;isolation:isolate;overscroll-behavior:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), color-mix(in oklch, var(--gold) calc(var(--proximity) * 12%), transparent) 0, transparent 28rem), var(--paper);cursor:default;touch-action:manipulation;place-items:center;width:100%;height:100svh;min-height:100%;display:grid;position:relative;overflow:hidden}.experience:before,.experience:after{z-index:2;aspect-ratio:1;border:1px solid color-mix(in oklch, var(--blue) calc(9% + var(--proximity) * 11%), transparent);content:"";pointer-events:none;width:clamp(18rem,42vw,42rem);transition:border-color .7s ease, scale 1.3s var(--ease-fluid), opacity .9s ease;border-radius:50%;position:absolute;translate:-50% -50%}.experience:before{scale:calc(.72 + var(--proximity) * .12);opacity:calc(.14 + var(--proximity) * .35);filter:blur(.2px);top:53.5%;left:50%}.experience:after{scale:calc(1.03 + var(--proximity) * .18);opacity:calc(.08 + var(--proximity) * .22);border-color:color-mix(in oklch, var(--gold) 16%, transparent);top:53.5%;left:50%}.field,.grain,.ambient,.horizon{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.field{z-index:-4;opacity:0;animation:1.6s .18s forwards field-in}.ambient{z-index:-3;width:48vmax;height:48vmax;opacity:calc(.06 + var(--proximity) * .11);filter:blur(100px);mix-blend-mode:multiply;transition:opacity .9s ease, transform 1.8s var(--ease-fluid);border-radius:50%}.ambient-a{background:color-mix(in oklch, var(--blue) 60%, transparent);transform:translate3d(calc(var(--proximity) * -5vw), calc(var(--proximity) * 3vh), 0);top:-28vmax;left:auto;right:-19vmax}.ambient-b{background:color-mix(in oklch, var(--gold) 64%, transparent);transform:translate3d(calc(var(--proximity) * 4vw), calc(var(--proximity) * -4vh), 0);bottom:-31vmax;left:-22vmax;right:auto}.horizon{z-index:-1;height:1px;opacity:calc(.12 + var(--proximity) * .25);background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--blue) 14%, transparent) 22%, color-mix(in oklch, var(--gold) 28%, transparent) 50%, color-mix(in oklch, var(--blue) 14%, transparent) 78%, transparent);transform:scaleX(calc(.2 + var(--proximity) * .8));transition:transform 1.2s var(--ease-fluid), opacity .8s ease;top:53.5%}.grain{z-index:8;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");background-size:11.25rem 11.25rem}.centerpiece{z-index:3;perspective:900px;place-items:center;width:min(76vw,32rem);display:grid;position:relative;transform:translateY(-.8vh)}.logo-portal{aspect-ratio:2721/1701;cursor:default;touch-action:manipulation;width:clamp(11.75rem,23vw,19rem);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(calc(var(--proximity) * 2.4rem));transform-style:preserve-3d;transition:transform .9s var(--ease-fluid), filter .9s ease;will-change:transform;background:0 0;border:0;outline:0;place-items:center;padding:0;display:grid;position:relative}.logo-portal:before{z-index:-1;background:radial-gradient(circle, color-mix(in oklch, var(--gold) calc(12% + var(--proximity) * 28%), transparent), transparent 68%);content:"";opacity:calc(.22 + var(--proximity) * .78);filter:blur(calc(2.6rem - var(--proximity) * 1rem));scale:calc(.72 + var(--proximity) * .42);transition:opacity .8s ease, scale 1.2s var(--ease-fluid), filter .8s ease;border-radius:50%;position:absolute;inset:16% 10%}.logo-portal:focus-visible{outline:1px solid color-mix(in oklch, var(--blue) 44%, transparent);outline-offset:1.35rem;border-radius:50%}.logo-stack{width:100%;filter:drop-shadow(0 calc(.8rem + var(--proximity) * .8rem) calc(1.1rem + var(--proximity) * 1rem) color-mix(in oklch, var(--blue) calc(9% + var(--proximity) * 7%), transparent));place-items:center;display:grid;position:relative;transform:translateZ(2rem)}.logo{pointer-events:none;grid-area:1/1;width:100%;height:auto;display:block}.logo-main{z-index:3;opacity:0;animation:mark-in 1.5s .26s var(--ease-fluid) forwards;position:relative}.ghost{z-index:1;opacity:calc(var(--proximity) * .36);mix-blend-mode:multiply;transition:opacity .8s ease, transform 1.1s var(--ease-fluid), filter .7s ease}.ghost-gold{filter:sepia(1) saturate(1.3) hue-rotate(355deg) blur(calc(var(--proximity) * .75px));transform:translate3d(calc(var(--proximity) * -.55rem), calc(var(--proximity) * .22rem), -.25rem)}.ghost-blue{z-index:2;filter:saturate(1.2) blur(calc(var(--proximity) * .4px));transform:translate3d(calc(var(--proximity) * .5rem), calc(var(--proximity) * -.18rem), -.1rem)}.orbital{--orbit-size:clamp(10.5rem, 22vw, 18rem);z-index:-2;width:var(--orbit-size);aspect-ratio:1;border:1px solid color-mix(in oklch, var(--blue) 20%, transparent);opacity:calc(.16 + var(--proximity) * .54);rotate:var(--spin);scale:calc(.71 + var(--proximity) * .13);transition:opacity .8s ease, scale 1.4s var(--ease-fluid);border-radius:50%;animation:22s linear infinite orbit;position:absolute}.orbital:before,.orbital:after{content:"";border-radius:50%;position:absolute}.orbital:before{background:var(--gold);width:.42rem;height:.42rem;box-shadow:0 0 1.8rem color-mix(in oklch, var(--gold) 76%, transparent);top:-.2rem;left:50%}.orbital:after{border:1px dashed color-mix(in oklch, var(--gold) 22%, transparent);animation:17s linear infinite reverse orbit;inset:18%}.orbital i{background:var(--blue);width:.32rem;height:.32rem;box-shadow:0 0 1.5rem color-mix(in oklch, var(--blue) 78%, transparent);border-radius:50%;position:absolute;top:50%;left:-.18rem}.orbital i:nth-child(2){background:var(--gold);width:.22rem;height:.22rem;inset:auto 8% 12% auto}.arrival{color:color-mix(in oklch, var(--ink) 77%, var(--blue));letter-spacing:.055em;text-align:center;text-wrap:balance;opacity:0;animation:copy-in .9s .76s var(--ease-fluid) forwards;margin:clamp(.8rem,1.5vh,1.35rem) 0 0;font-size:clamp(.78rem,1.15vw,.92rem);font-weight:430;line-height:1;position:relative;transform:translateY(.55rem)}.arrival span{view-transition-name:arrival-copy;min-width:12.5rem;display:inline-block}.cursor-field{z-index:7;top:var(--pointer-y);left:var(--pointer-x);width:calc(1.1rem + var(--proximity) * 3.2rem);aspect-ratio:1;border:1px solid color-mix(in oklch, var(--ink) calc(21% + var(--proximity) * 16%), transparent);opacity:0;pointer-events:none;transition:width .7s var(--ease-fluid), border-color .5s ease;border-radius:50%;position:fixed;translate:-50% -50%}html.is-cursor-near-logo,html.is-cursor-near-logo body,html.is-cursor-near-logo body *{cursor:none!important}html.is-cursor-near-logo::view-transition{cursor:none!important}html.is-cursor-near-logo::view-transition-group(*){cursor:none!important}html.is-cursor-near-logo::view-transition-image-pair(*){cursor:none!important}html.is-cursor-near-logo::view-transition-old(*){cursor:none!important}html.is-cursor-near-logo::view-transition-new(*){cursor:none!important}.is-cursor-near-logo .cursor-field{opacity:calc(.18 + var(--proximity) * .7)}.cursor-field:before,.cursor-field:after,.cursor-field span{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%}.cursor-field:before{background:var(--ink);border-radius:50%;width:.18rem;height:.18rem}.cursor-field:after{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--gold) 28%, transparent);width:145%;opacity:var(--proximity);border-radius:50%;animation:2.8s ease-in-out infinite cursor-pulse}.cursor-field span{width:1px;height:calc(.5rem + var(--proximity) * 4.2rem);background:linear-gradient(transparent, var(--gold), transparent);opacity:calc(var(--proximity) * .7);rotate:calc(var(--proximity) * 90deg);transition:height .7s var(--ease-fluid), rotate 1.1s var(--ease-fluid)}.is-pressed .logo-portal{filter:saturate(1.13)contrast(1.04);transform:rotateX(calc(var(--tilt-x) * .42)) rotateY(calc(var(--tilt-y) * .42)) translateZ(4.8rem) scale(.965)}.is-pressed .logo-main{filter:drop-shadow(0 0 1.35rem color-mix(in oklch, var(--gold) 28%, transparent))}.is-pressed .orbital{opacity:.85;animation-duration:5s;scale:1.08}.is-pressed .cursor-field{border-color:color-mix(in oklch, var(--gold) 60%, transparent);width:7rem}::view-transition-old(arrival-copy){height:100%;animation-duration:.76s;animation-timing-function:var(--ease-fluid)}::view-transition-new(arrival-copy){height:100%;animation-duration:.76s;animation-timing-function:var(--ease-fluid)}::view-transition-old(arrival-copy){animation-name:phrase-old}::view-transition-new(arrival-copy){animation-name:phrase-new}@keyframes mark-in{0%{opacity:0;filter:blur(.75rem);transform:scale(.94)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes copy-in{to{opacity:1;transform:translateY(0)}}@keyframes field-in{to{opacity:1}}@keyframes orbit{to{--spin:360deg}}@keyframes cursor-pulse{50%{opacity:calc(.16 + var(--proximity) * .28);scale:1.32}}@keyframes phrase-old{to{opacity:0;filter:blur(.38rem);transform:translateY(-72%)skewY(-3deg)}}@keyframes phrase-new{0%{opacity:0;filter:blur(.38rem);transform:translateY(72%)skewY(3deg)}}@starting-style{.centerpiece{opacity:0}}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root{--blue:color(display-p3 .24 .43 .62);--gold:color(display-p3 .91 .72 .42)}}}@media (hover:none),(pointer:coarse){.experience{cursor:default}.logo-portal{cursor:pointer}}@media (width<=38rem){.centerpiece{width:86vw;transform:translateY(-1.2vh)}.logo-portal{width:clamp(11.5rem,56vw,15rem)}.arrival{margin-top:.5rem;font-size:.78rem}.experience:before,.experience:after{width:82vw}}@media (height<=32rem) and (orientation:landscape){.centerpiece{width:min(72vw,28rem);transform:none}.logo-portal{width:min(42vw,42svh)}.arrival{margin-top:.35rem;font-size:.72rem}.experience:before,.experience:after{width:min(64vw,82svh)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-field{display:none}html.is-cursor-near-logo,html.is-cursor-near-logo body,html.is-cursor-near-logo body *{cursor:default!important}}