:root{--loom-accent:#f5bf4f;color:#f7efe2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17141f}html,body{width:100%;height:100%;overflow:hidden}body{min-width:20rem}.experience{isolation:isolate;width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}#loom{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.caption{text-shadow:0 .1rem 1.2rem #00000059;width:min(32rem,100% - 2.5rem);position:absolute;inset-block-end:clamp(1.5rem,5vw,4rem);inset-inline-start:clamp(1.25rem,4vw,4rem)}.eyebrow{font-family:var(--web-shell-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem;font-size:.68rem;font-weight:700}h1{letter-spacing:-.065em;max-width:none;margin:0;font-size:clamp(3.2rem,10vw,9rem);font-weight:500;line-height:.82}.instruction{max-width:28rem;margin:1.4rem 0 0;font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1.4}.palette-control{min-height:2.75rem;color:inherit;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);font:700 .72rem/1 var(--web-shell-sans);letter-spacing:.075em;text-transform:uppercase;cursor:pointer;background:#17141fad;border:1px solid #f7efe273;border-radius:999px;padding:.75rem 1rem;position:absolute;inset-block-end:clamp(1rem,3vw,2rem);inset-inline-end:clamp(1rem,3vw,2rem)}.palette-control:before{background:var(--loom-accent);content:"";vertical-align:-.04rem;border-radius:50%;width:.62rem;height:.62rem;margin-inline-end:.55rem;display:inline-block}@media (width<=38rem){.caption{inset-block-end:5.75rem}.instruction{max-width:18rem}}@media (prefers-reduced-motion:no-preference){.palette-control{transition:background-color .15s,transform .15s}.palette-control:hover{background:#17141fdb;transform:translateY(-1px)}}