.head-lab{padding:2.5rem 0 3rem}.head-lab__eyebrow{font-size:.75rem;letter-spacing:.2em;color:rgba(var(--accent-rgb),.85)}.head-lab__title{margin:.25rem 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem)}.head-lab__lead,.head-lab__note,.head-lab__credit{color:var(--muted, #9aa6bf);max-width:60ch}.head-lab__note{margin-top:.5rem;font-size:.875rem}.head-lab__credit{margin-top:.75rem;font-size:.75rem}.head-stage{--k: 1;--stage-h: 78vh;--stage-max: 720px;--stage-min: 420px;position:relative;height:min(calc(var(--stage-h) * var(--k)),calc(var(--stage-max) * var(--k)));min-height:calc(var(--stage-min) * var(--k));margin:1.5rem 0;overflow:hidden;background:radial-gradient(800px 520px at 50% 45%,#0c1424,#070a12 55%,#04060a)}.head-stage--s50{--k: .5}.head-stage--s60{--k: .6}.head-stage--s70{--k: .7}.head-stage--s80{--k: .8}.head-stage--s90{--k: .9}.head-stage--s100{--k: 1}.head-stage--s110{--k: 1.1}.head-stage--s120{--k: 1.2}.head-stage--s130{--k: 1.3}.head-stage--s140{--k: 1.4}.head-stage--s150{--k: 1.5}.head-stage--preview{--stage-h: 52vh;--stage-max: 520px;--stage-min: 300px;margin:0;border-radius:.75rem}.head-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .9s var(--ease, ease)}.head-stage[data-ready=ready] canvas{opacity:1}.head-panel{--hc-accent: var(--color-accent, rgb(var(--accent-rgb)));--hc-line: var(--color-line, var(--line, rgba(255, 255, 255, .12)));--hc-muted: var(--color-muted, var(--muted, #9aa6bf));--hc-fg: var(--color-fg, currentColor);display:grid;gap:.75rem}.head-panel__card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--hc-line);border-radius:.875rem;background:color-mix(in srgb,var(--hc-fg) 3%,transparent)}.head-panel__title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hc-muted)}.head-panel__field{display:grid;gap:.45rem;min-width:0}.head-panel__label{font-size:.875rem;font-weight:600}.head-panel__hint,.head-panel__toggle small{display:block;font-size:.75rem;font-weight:400;color:var(--hc-muted)}.head-panel__seg{display:flex;flex-wrap:wrap;gap:.375rem}.head-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:0 .75rem;border:1px solid var(--hc-line);border-radius:.5rem;background:transparent;color:inherit;font-size:.8125rem;white-space:nowrap;cursor:pointer;transition:background-color .12s,border-color .12s}.head-chip:hover{border-color:color-mix(in srgb,var(--hc-accent) 55%,transparent)}.head-chip.is-on{border-color:var(--hc-accent);background:color-mix(in srgb,var(--hc-accent) 18%,transparent);color:var(--hc-fg);font-weight:600}.head-chip:focus-visible,.head-panel__range:focus-visible,.head-panel__toggle input:focus-visible{outline:2px solid var(--hc-accent);outline-offset:2px}.head-chip--dot:before{content:"";width:.75rem;height:.75rem;flex:none;border-radius:50%;box-shadow:0 0 0 1px #00000040}.head-panel__row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.head-panel__value{min-width:3.25rem;padding:.1rem .45rem;border-radius:.375rem;background:color-mix(in srgb,var(--hc-accent) 14%,transparent);color:var(--hc-fg);font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:center}.head-panel__range{width:100%;min-height:1.75rem;margin:0;accent-color:var(--hc-accent);cursor:pointer}.head-panel__ends{display:flex;justify-content:space-between;margin-top:-.25rem;font-size:.6875rem;color:var(--hc-muted)}.head-panel__toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;font-weight:600;cursor:pointer}.head-panel__toggle input{appearance:none;position:relative;flex:none;width:2.75rem;height:1.5rem;margin:0;border-radius:999px;background:var(--hc-line);cursor:pointer;transition:background-color .15s}.head-panel__toggle input:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;transition:transform .15s}.head-panel__toggle input:checked{background:var(--hc-accent)}.head-panel__toggle input:checked:after{transform:translate(1.25rem)}.head-stage--site{background:radial-gradient(800px 520px at 50% 45%,#0c1424,#070a12 55%,#04060a)}.head-swatch--site:before{background:linear-gradient(135deg,#a9c6ff,#5b7cff)}.head-stage--neon{background:radial-gradient(800px 520px at 50% 45%,#2a0b3d,#12041f 55%,#07020d)}.head-swatch--neon:before{background:linear-gradient(135deg,#00f0ff,#ff2bd6)}.head-stage--gold{background:radial-gradient(800px 520px at 50% 45%,#241a0c,#0f0b06 55%,#060403)}.head-swatch--gold:before{background:linear-gradient(135deg,#ffe7a3,#b8741e)}.head-stage--matrix{background:radial-gradient(800px 520px at 50% 45%,#062012,#030c06 55%,#010402)}.head-swatch--matrix:before{background:linear-gradient(135deg,#b6ffb0,#0fa83a)}.head-stage--lava{background:radial-gradient(800px 520px at 50% 45%,#2a0c06,#120503 55%,#070202)}.head-swatch--lava:before{background:linear-gradient(135deg,#ffd36b,#ff2a12)}.head-stage--paper{background:radial-gradient(800px 520px at 50% 45%,#fbf7ee,#efe9dc 55%,#e2dac8)}.head-swatch--paper:before{background:linear-gradient(135deg,#141a26,#3b4660)}.head-swatch--eye-red:before{background:radial-gradient(circle,#050505 0 30%,#ff3b2f 34%)}.head-swatch--eye-blue:before{background:radial-gradient(circle,#050505 0 30%,#5cc8ff 34%)}.head-swatch--eye-green:before{background:radial-gradient(circle,#050505 0 30%,#5fe08a 34%)}.head-swatch--eye-gold:before{background:radial-gradient(circle,#050505 0 30%,#ffc23d 34%)}.head-swatch--eye-brown:before{background:radial-gradient(circle,#050505 0 30%,#9a6332 34%)}@media(max-width:1023px){.head-stage--preview{--stage-h: 30vh;--stage-min: 200px;max-height:42vh}}