.magnetLines-container{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);justify-items:center;align-items:center;width:80vmin;height:80vmin}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate))}.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:-moz-max-content;width:max-content;will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:-moz-max-content;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.scroll-stack-scroller{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.scroll-stack-inner{padding:0vh 0rem 50rem;min-height:100vh}.scroll-stack-card-wrapper{position:relative}.scroll-stack-card{transform-origin:top center;will-change:transform,filter;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 0 30px #0000001a;height:50rem;width:100%;margin:30px 0;padding:3rem;border-radius:40px;box-sizing:border-box;transform:translateZ(0);position:relative}.scroll-stack-end{width:100%;height:1px}.sphere-root{position:relative;width:100%;height:100%;--radius: 520px;--viewer-pad: 72px;--circ: calc(var(--radius) * 3.14);--rot-y: calc((360deg / var(--segments-x)) / 2);--rot-x: calc((360deg / var(--segments-y)) / 2);--item-width: calc(var(--circ) / var(--segments-x));--item-height: calc(var(--circ) / var(--segments-y))}.sphere-root *{box-sizing:border-box}.sphere,.item,.item__image{transform-style:preserve-3d}main.sphere-main{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:transparent}.stage{width:100%;height:100%;display:grid;place-items:center;perspective:calc(var(--radius) * 2);perspective-origin:50% 50%;contain:layout paint size}.sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay,.overlay--blur{position:absolute;inset:0;margin:auto;z-index:3;pointer-events:none}.overlay{background-image:radial-gradient(rgba(235,235,235,0) 65%,var(--overlay-blur-color, #060010) 100%)}.overlay--blur{-webkit-mask-image:radial-gradient(rgba(235,235,235,0) 70%,var(--overlay-blur-color, #060010) 90%);mask-image:radial-gradient(rgba(235,235,235,0) 70%,var(--overlay-blur-color, #060010) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));position:absolute;inset:-999px;margin:auto;transform-origin:50% 50%;backface-visibility:hidden;transition:transform .3s;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta, 0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta, 0deg))) translateZ(var(--radius))}.item__image{position:absolute;display:block;inset:10px;border-radius:var(--tile-radius, 12px);background:transparent;overflow:hidden;backface-visibility:hidden;transition:transform .3s;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;transform:translateZ(0)}.item__image:focus{outline:none}.item__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;backface-visibility:hidden;filter:var(--image-filter, none)}.viewer{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:var(--viewer-pad)}.viewer .frame{height:100%;aspect-ratio:1;border-radius:var(--enlarge-radius, 32px);display:flex}@media(max-aspect-ratio:1/1){.viewer .frame{height:auto;width:100%}}.viewer .scrim{position:absolute;inset:0;z-index:10;background:#0006;pointer-events:none;opacity:0;transition:opacity .5s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sphere-root[data-enlarging=true] .viewer .scrim{opacity:1;pointer-events:all}.viewer .enlarge{position:absolute;z-index:30;border-radius:var(--enlarge-radius, 32px);overflow:hidden;transition:transform .5s ease,opacity .5s ease;transform-origin:top left;box-shadow:0 10px 30px #00000059}.viewer .enlarge img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:var(--image-filter, none)}.sphere-root .enlarge-closing img{filter:var(--image-filter, none)}.edge-fade{position:absolute;left:0;right:0;height:120px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--overlay-blur-color, #060010))}.edge-fade--top{top:0;transform:rotate(180deg)}.edge-fade--bottom{bottom:0}.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,320px));grid-auto-rows:auto;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;--x: 50%;--y: 50%;--r: 220px}@media(max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:1rem;padding:.5rem}}@media(max-width:480px){.chroma-grid{grid-template-columns:1fr;gap:1rem;padding:.5rem}.chroma-card{width:100%}.chroma-img-wrapper{height:220px}}.chroma-card{position:relative;display:flex;flex-direction:column;width:100%;max-width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:border-color .3s ease;background:var(--card-gradient);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .25)}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease;height:280px}.chroma-img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.chroma-info{position:relative;z-index:1;padding:1rem 1.25rem;color:#fff;font-family:inherit;display:flex;justify-content:space-between;align-items:flex-start}.chroma-info .role,.chroma-info .handle{color:#a1a1aa}.chroma-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;backdrop-filter:brightness(.6);-webkit-backdrop-filter:brightness(.6);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}.chroma-fade{position:absolute;inset:0;pointer-events:none;z-index:4;backdrop-filter:brightness(.6);-webkit-backdrop-filter:brightness(.6);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--luna-primary: rgba(84, 172, 191, 1);--luna-glow: rgba(84, 172, 191, .2);--luna-border: rgba(84, 172, 191, .8);--border-color: rgba(255, 255, 255, .08);--background-dark: rgba(1, 28, 64, .5);color-scheme:light dark}.card-grid{display:grid;gap:1em;padding:.75em;max-width:68em;width:100%;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:flex-start;position:relative;min-height:220px;width:100%;max-width:100%;padding:2em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 250px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:flex-start}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{color:#a7ebf2}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 2;--clamp-desc: 3}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:100%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px 6px 1px 1px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(84,172,191,calc(var(--glow-intensity) * .9)) 0%,rgba(84,172,191,calc(var(--glow-intensity) * .4)) 40%,transparent 70%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #02385966,0 0 30px var(--luna-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#54acbf66;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #02385933,0 0 30px var(--luna-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.light-rays-container{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.divider-container{background:transparent!important;background-color:transparent!important;overflow:visible!important}.divider-container svg{background:transparent!important;background-color:transparent!important;overflow:visible!important}.divider-dot{opacity:0;animation:dividerSparkle 4s ease-in-out infinite;will-change:opacity}.divider-dot--d1{animation-delay:0s}.divider-dot--d2{animation-delay:1s}.divider-dot--d3{animation-delay:2s}.divider-dot--d4{animation-delay:3s}.divider-dot--center{opacity:0;animation:dividerCenterDot 4s ease-in-out infinite;will-change:opacity}@keyframes dividerSparkle{0%,to{opacity:.15}50%{opacity:.8}}@keyframes dividerCenterDot{0%,to{opacity:.3}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.divider-dot,.divider-dot--center{animation:none!important;opacity:.5}}
