@property --lgb-x{syntax: "<number>"; inherits: true; initial-value: .22;}@property --lgb-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --lgb-on{syntax: "<number>"; inherits: true; initial-value: 0;}@property --lgb-press{syntax: "<number>"; inherits: true; initial-value: 0;}.lgb{--lgb-x: .22;--lgb-y: 0;--lgb-on: 0;--lgb-press: 0;--lgb-press-time: .62s;--lgb-press-ease: var(--lgb-spring, ease-out);position:relative;display:inline-flex;vertical-align:middle;isolation:isolate;margin:0;padding:0;border:0;border-radius:var(--lgb-radius);background:none;color:var(--lgb-text);font-family:var(--lgb-font, inherit);font-size:var(--lgb-size);font-weight:var(--lgb-weight);line-height:1.25;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:--lgb-x var(--lgb-follow) ease-out,--lgb-y var(--lgb-follow) ease-out,--lgb-on var(--lgb-speed) cubic-bezier(.3,.7,.2,1),--lgb-press var(--lgb-press-time) var(--lgb-press-ease)}@media(hover:hover){.lgb:hover{--lgb-on: 1}}.lgb:focus-visible{--lgb-on: 1;outline:2px solid var(--lgb-focus);outline-offset:4px}.lgb[data-pressed]{--lgb-press: 1;--lgb-press-time: .12s;--lgb-press-ease: cubic-bezier(.3, .6, .3, 1)}.lgb[data-disabled]{cursor:default;opacity:.48;pointer-events:none}.lgb__defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.lgb__body{position:relative;display:flex;flex:1;align-items:center;justify-content:center;padding:var(--lgb-pad-y) var(--lgb-pad-x);border-radius:inherit;transform:perspective(40em) translateY(calc(var(--lgb-lift) * -1 * var(--lgb-on) + 1.4px * var(--lgb-press))) rotateX(calc((.5 - var(--lgb-y)) * 2 * var(--lgb-tilt) * var(--lgb-on))) rotateY(calc((var(--lgb-x) - .5) * 2 * var(--lgb-tilt) * var(--lgb-on))) scale(calc(1 - var(--lgb-squash-x) * var(--lgb-press)),calc(1 - var(--lgb-squash-y) * var(--lgb-press)))}.lgb__glass{--lgb-b: calc(var(--lgb-blur) + (var(--lgb-blur-hover) - var(--lgb-blur)) * var(--lgb-on));--lgb-up: calc(var(--lgb-on) - 1.4 * var(--lgb-press));position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:linear-gradient(160deg,#fff3,#ffffff08 45%,#ffffff1f);-webkit-backdrop-filter:blur(var(--lgb-b)) saturate(var(--lgb-saturate));backdrop-filter:var(--lgb-lens, ) blur(var(--lgb-b)) saturate(var(--lgb-saturate));box-shadow:0 1px 1px color-mix(in srgb,var(--lgb-shadow) 70%,transparent),0 calc(4px + 1.5px * var(--lgb-up)) calc(6px + 1.5px * var(--lgb-up)) -3px var(--lgb-shadow),0 calc(12px + 3px * var(--lgb-up)) calc(20px + 4px * var(--lgb-up)) -10px var(--lgb-shadow),inset 0 1px 1px #fffc,inset 0 -1px 1px #ffffff9e,inset 1px 0 .5px #fff9,inset -1px 0 .5px #0000001f}.lgb__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lgb-fill);opacity:calc(var(--lgb-fill-alpha) * (1 - .45 * var(--lgb-on)))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.lgb__fill{opacity:var(--lgb-fallback-alpha)}}.lgb__depth{--lgb-d: calc(var(--lgb-depth) * (1 - .25 * var(--lgb-on) + .15 * var(--lgb-press)));position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 calc(9px * var(--lgb-d)) calc(12px * var(--lgb-d)) -8px var(--lgb-depth-dark),inset 0 calc(-9px * var(--lgb-d)) calc(9px * var(--lgb-d)) -7px var(--lgb-depth-light),inset calc(5px * var(--lgb-d)) 0 8px -7px color-mix(in srgb,var(--lgb-depth-dark) 90%,transparent),inset calc(-5px * var(--lgb-d)) 0 8px -7px color-mix(in srgb,var(--lgb-depth-dark) 65%,transparent)}.lgb__sheen{position:absolute;top:-45%;right:-50%;bottom:-45%;left:-50%;background:linear-gradient(108deg,transparent 30%,rgb(255 255 255 / .22) 41%,rgb(255 255 255 / .42) 45%,rgb(255 255 255 / .08) 52%,transparent 60%);opacity:calc((.16 + .2 * var(--lgb-on)) * var(--lgb-lighting));transform:translate(calc((var(--lgb-x) - .5) * 55%),calc((var(--lgb-y) - .5) * 9%))}.lgb__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(4.4em 2.5em at calc(var(--lgb-x) * 100%) calc(var(--lgb-y) * 100%),rgb(255 255 255 / .18),rgb(255 255 255 / .06) 38%,transparent 78%);opacity:calc(var(--lgb-on) * (1 - .2 * var(--lgb-press)) * var(--lgb-lighting))}.lgb__caustic{position:absolute;left:12%;right:42%;bottom:1px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .95) 50%,transparent);filter:blur(.4px);opacity:calc((.12 + .6 * var(--lgb-on)) * var(--lgb-lighting));transform:translate(calc((var(--lgb-x) - .3) * 110%))}.lgb__rim{--lgb-edge: 1.25px;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--lgb-edge);border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);--lgb-a: calc(atan2(var(--lgb-y) - .5, var(--lgb-x) - .5) + 90deg) ;background:conic-gradient(from calc(var(--lgb-a) - 50deg),color-mix(in srgb,var(--lgb-rim-color) 20%,transparent) 0deg,var(--lgb-rim-color) 50deg,color-mix(in srgb,var(--lgb-rim-color) 30%,transparent) 88deg,var(--lgb-rim-shade) 132deg,color-mix(in srgb,var(--lgb-rim-color) 12%,transparent) 180deg,color-mix(in srgb,var(--lgb-rim-color) 85%,transparent) 230deg,color-mix(in srgb,var(--lgb-rim-color) 18%,transparent) 272deg,color-mix(in srgb,var(--lgb-rim-shade) 55%,transparent) 314deg,color-mix(in srgb,var(--lgb-rim-color) 20%,transparent) 360deg)}.lgb__rim--hot{background:radial-gradient(5em 2.7em at calc(var(--lgb-x) * 100%) calc(var(--lgb-y) * 100%),var(--lgb-rim-color),color-mix(in srgb,var(--lgb-rim-color) 70%,transparent) 30%,transparent 80%);opacity:calc(.78 * var(--lgb-on) * (1 - .2 * var(--lgb-press)) * var(--lgb-lighting))}.lgb__rim--echo{background:radial-gradient(3.9em 2em at calc((1 - var(--lgb-x)) * 100%) calc((1 - var(--lgb-y)) * 100%),color-mix(in srgb,var(--lgb-rim-color) 65%,transparent),color-mix(in srgb,var(--lgb-rim-color) 20%,transparent) 35%,transparent 80%);opacity:calc(.78 * var(--lgb-on) * (1 - .2 * var(--lgb-press)) * var(--lgb-lighting))}.lgb__content{position:relative;display:inline-flex;align-items:center;gap:.6em}.lgb__icon{display:inline-flex;flex:none;width:1em;height:1em;transition:transform var(--lgb-speed) cubic-bezier(.3,.7,.2,1)}.lgb__icon svg{width:100%;height:100%}@media(hover:hover){.lgb:hover .lgb__content>.lgb__icon:last-child{transform:translate(.12em)}}@media(prefers-reduced-motion:reduce){.lgb{--lgb-tilt: 0deg !important;--lgb-lift: 0px !important;--lgb-squash-x: 0 !important;--lgb-squash-y: 0 !important;--lgb-follow: 0s !important}.lgb:hover .lgb__content>.lgb__icon:last-child{transform:none}}.page{min-height:100vh;padding:clamp(32px,7vw,96px) clamp(20px,5vw,64px);background:#000;color:#f5f6f8}.page__head{max-width:1120px;margin:0 auto clamp(28px,5vw,56px)}.page__head h1{margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em}.page__head p{margin:8px 0 0;color:#9aa2ad;font-size:15px}.section{max-width:1120px;margin:0 auto clamp(40px,6vw,80px)}.section__title{margin:0 0 clamp(16px,2vw,24px);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8f99}.stage{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vw,56px);padding:clamp(48px,8vw,104px) clamp(20px,4vw,48px);border-radius:28px;background:#000;text-align:center}.stage--glass{background:radial-gradient(circle,rgb(255 255 255 / .2) 1px,transparent 1.4px) 0 0 / 22px 22px,#000}.stage--glass-dark{margin-top:clamp(16px,2.4vw,32px);background:#000 url(/art/wave-violet.webp) center / cover}.stage__row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
