.hex-grid-page.svelte-1i57s1l{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.hex-grid-page.svelte-1i57s1l:after{content:"";position:absolute;top:0;right:0;width:70%;height:180px;background:linear-gradient(to bottom right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.15) 60%,transparent 100%);filter:blur(10px);pointer-events:none;z-index:1}.hex-grid.svelte-1i57s1l{position:absolute;top:0;right:0;bottom:0;left:0;--cursor-x: 50%;--cursor-y: 50%;pointer-events:none;--stop-1: 0%;--stop-2: 25%;--stop-3: 55%;--stop-4: 80%;--stop-5: 100%;transition:--stop-1 .4s cubic-bezier(.4,0,.2,1),--stop-2 .4s cubic-bezier(.4,0,.2,1),--stop-3 .4s cubic-bezier(.4,0,.2,1),--stop-4 .4s cubic-bezier(.4,0,.2,1),--stop-5 .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out}@property --stop-1{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --stop-2{syntax: "<percentage>"; inherits: false; initial-value: 25%;}@property --stop-3{syntax: "<percentage>"; inherits: false; initial-value: 55%;}@property --stop-4{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@property --stop-5{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.hex-grid[data-interacting=true].svelte-1i57s1l{mask-image:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(0,0,0,1) var(--stop-1),rgba(0,0,0,.9) var(--stop-2),rgba(0,0,0,.5) var(--stop-3),rgba(0,0,0,.15) var(--stop-4),transparent var(--stop-5));-webkit-mask-image:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(0,0,0,1) var(--stop-1),rgba(0,0,0,.9) var(--stop-2),rgba(0,0,0,.5) var(--stop-3),rgba(0,0,0,.15) var(--stop-4),transparent var(--stop-5));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.hex-grid[data-interacting=true][data-focused=true].svelte-1i57s1l{--stop-1: 0%;--stop-2: 8%;--stop-3: 15%;--stop-4: 25%;--stop-5: 35%}.hex-grid[data-interacting=false].svelte-1i57s1l{mask-image:none;-webkit-mask-image:none}.hex.svelte-1i57s1l{position:absolute;width:var(--hex-width);height:var(--hex-height);clip-path:polygon(0% 25%,0% 75%,25% 100%,75% 100%,100% 75%,100% 25%,75% 0%,25% 0%)}.hex-inner.svelte-1i57s1l{width:100%;height:100%;overflow:hidden;clip-path:inherit;opacity:.6;transition:opacity .3s ease}.hex-grid[data-interacting=true].svelte-1i57s1l .hex-inner:where(.svelte-1i57s1l){opacity:1}img.svelte-1i57s1l{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.depth-canvas-wrapper.svelte-nelzbt{width:70vw;pointer-events:auto}.depth-canvas.svelte-nelzbt{width:auto;max-width:100%;height:100%;outline:none;border-radius:1.2rem 1.2rem 0 0;aspect-ratio:.75 / 1}@media (max-width: 1023px){.depth-canvas-wrapper.svelte-nelzbt{position:static;width:min(70vw,420px);max-width:100%;max-height:none;height:clamp(320px,50vh,520px)}}