:root{--shell-chip: rgba(17, 20, 22, .76);--shell-panel: rgba(15, 18, 20, .98);--shell-line: rgba(231, 227, 216, .16);--shell-muted: #8f918d;--shell-text: #ece9df}html,body{background:#1a1c1c;height:100%;overflow:hidden}.helix-page{height:100svh;min-height:600px;position:relative}.helix-sticky{background:radial-gradient(circle at 68% 48%,rgba(108,112,106,.2),transparent 34%),linear-gradient(145deg,#292b2a,#171919 68%);cursor:grab;height:100svh;min-height:600px;overflow:hidden;position:relative}.helix-sticky[data-dragging]{cursor:grabbing}.helix-sticky[data-current-hover]:not([data-dragging]){cursor:zoom-in}body[data-image-expanded] .helix-canvas{cursor:zoom-out;z-index:20}body[data-image-closing] .helix-canvas{cursor:zoom-in;z-index:20}.helix-sticky:before{background-image:radial-gradient(rgba(236,232,219,.12) .55px,transparent .55px);background-size:5px 5px;content:"";top:0;right:0;bottom:0;left:0;opacity:.18;pointer-events:none;position:absolute;z-index:0}.helix-sticky:after{background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.54) 120%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.helix-backdrop{color:#e8e3d8;left:clamp(24px,5vw,80px);mix-blend-mode:difference;pointer-events:none;position:absolute;top:50%;transform:translateY(-51%);transition:opacity .42s ease;z-index:4}body[data-image-expanded] .helix-backdrop{opacity:0;transition-delay:.48s;z-index:21}body[data-image-closing] .helix-backdrop{opacity:1;transition-delay:0ms;z-index:21}.helix-backdrop p,.helix-backdrop span,.helix-instruction,.helix-readout,.helix-status{font-size:10px;font-weight:650;letter-spacing:.2em;text-transform:uppercase}.helix-transition-gui{display:none;background:#0a0c0dd1;border:1px solid rgba(232,227,216,.2);border-radius:10px;bottom:88px;color:#d9d6cc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px 14px;position:absolute;right:clamp(24px,5vw,80px);width:min(280px,100vw - 40px);z-index:30}.helix-transition-gui label{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.helix-transition-gui div{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 46px}.helix-transition-gui input{accent-color:#ded9ca;cursor:ew-resize;margin:0;width:100%}.helix-transition-gui output{font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.helix-backdrop p{color:#a7a79f;margin:0 0 clamp(22px,4vh,42px)}.helix-backdrop h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(76px,12.4vw,190px);font-weight:400;letter-spacing:-.075em;line-height:.7;margin:0;text-transform:uppercase}.helix-backdrop h1 em{color:#bfc2b6;font-weight:400;text-transform:none}.helix-backdrop span{border-top:1px solid rgba(232,227,216,.38);color:#a7a79f;display:inline-block;margin-top:clamp(34px,6vh,64px);padding-top:12px}.helix-canvas{display:block;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:2}.helix-readout{align-items:center;bottom:clamp(26px,4vw,54px);color:#c3c1b9;display:flex;font-variant-numeric:tabular-nums;gap:10px;left:clamp(24px,5vw,80px);position:absolute;z-index:4}.helix-readout i{background:currentColor;height:1px;opacity:.42;width:42px}.helix-instruction{bottom:clamp(26px,4vw,54px);color:#8f918d;margin:0;position:absolute;right:clamp(24px,5vw,80px);z-index:4}.helix-status{color:#a7a79f;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.helix-sticky[data-ready] .helix-status,.helix-sticky[data-webgl-unavailable] .helix-canvas{display:none}.helix-sticky[data-webgl-unavailable] .helix-status{display:block;letter-spacing:.08em;text-align:center;text-transform:none}.detail-dialog{background:#000000b8}.detail-dialog .experiment-meta{background:#0f1214fc;border-color:#e7e3d82e;box-shadow:0 28px 90px #0000007a;color:#ece9df}.detail-dialog .experiment-meta__description,.detail-dialog .tech-note__section p,.detail-dialog .tech-note__section li{color:#aaa9a3}.detail-dialog .experiment-meta__index,.detail-dialog .experiment-status,.detail-dialog .experiment-tags .experiment-tag-link,.detail-dialog .experiment-tags span,.detail-dialog .experiment-meta__close{color:#9a9b96}.detail-dialog .experiment-status,.detail-dialog .experiment-tags .experiment-tag-link,.detail-dialog .experiment-tags span,.detail-dialog .experiment-meta__close{border-color:#e7e3d82e}@media(max-width:720px){.helix-page{height:100svh;min-height:620px}.helix-sticky{min-height:620px}.helix-backdrop{left:20px;top:42%}.helix-backdrop h1{font-size:clamp(58px,19vw,92px);line-height:.75}.helix-backdrop span{margin-top:30px}.helix-readout{left:20px}.helix-instruction{display:none}}@media(prefers-reduced-motion:reduce){.helix-instruction{display:none}}
