:root{color:#151515;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ede9df}html,body{width:100%;height:100%;overflow:hidden}.experience{background:#ede9df;width:100vw;height:100vh;margin:0;padding:clamp(6rem,13vh,9rem) clamp(1.2rem,4vw,4rem) clamp(5rem,10vh,7rem);position:relative;overflow:hidden}.field{grid-template-columns:repeat(18,1fr);gap:clamp(.15rem,.5vw,.55rem);width:100%;height:100%;display:grid}.tile{border:1px solid #15151538;min-width:0;min-height:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),border-radius .26s,background-color .26s}.tile.is-near{z-index:1;outline-offset:.12rem;outline:.18rem solid #151515;transform:rotate(0)scale(1.35)!important}.caption{position:absolute;inset-block-end:clamp(1rem,3vw,2rem);inset-inline-start:clamp(1.25rem,4vw,4rem)}.caption h1,.caption p{margin:0}.caption h1{letter-spacing:-.055em;font-size:clamp(1.8rem,4vw,3.8rem)}.caption p{font:700 .68rem/1 var(--web-shell-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:.35rem}.seed-control{color:inherit;font:700 .7rem/1 var(--web-shell-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ede9dfcc;border:1px solid;border-radius:999px;padding:.8rem 1rem;position:absolute;inset-block-end:clamp(1rem,3vw,2rem);inset-inline-end:clamp(1rem,3vw,2rem)}@media (width<=42rem){.field{grid-template-columns:repeat(12,1fr)}}@media (prefers-reduced-motion:reduce){.tile{transition:none}}
