@font-face{font-family:Aurora Flex;src:url(/ai-web-experience-collection/grid/fonts/RobotoFlex-Latin.woff2)format("woff2");font-weight:100 1000;font-stretch:25% 151%;font-display:swap}:root{--night:#050a14;--text:#e9f1ee;--quiet:#a9bac0;--hair:#ffffff2e;--gutter:clamp(20px,3.2vw,72px);--ease:cubic-bezier(.2,.75,.2,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night)}body{background:var(--night);color:var(--text);font-synthesis:none;font-variation-settings:"opsz" 14;margin:0;font-family:Aurora Flex,Segoe UI,system-ui,sans-serif;font-size:clamp(15px,1.06vw,24px);line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,dl,dd,ul{margin:0;padding:0}#scroll-track{height:1000svh}#scene,.poster,.poster img{width:100%;height:100%;display:block;position:fixed;inset:0}.poster img{object-fit:cover;object-position:50% 70%}#scene{opacity:0;transition:opacity .9s}#scene.ready{opacity:1}:focus-visible{outline-offset:3px;outline:2px solid #fff}.skip-link{z-index:30;left:var(--gutter);color:#000;background:#fff;padding:10px 14px;position:fixed;top:-80px}.skip-link:focus{top:12px}.bar{z-index:20;padding:clamp(12px,2vh,24px) var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.mark{letter-spacing:.16em;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:0;font-size:.92em;font-weight:400;font-stretch:60%;display:flex}.mark svg{fill:none;stroke:currentColor;stroke-width:1.1px;width:24px;height:24px}.bar nav{align-items:center;gap:clamp(10px,1.6vw,26px);display:flex}.bar nav button{min-height:44px;color:var(--quiet);background:0 0;border:0;padding:0 6px}.bar nav button:hover,.collection-return{color:var(--text)}.chapter{z-index:10;opacity:0;visibility:hidden;position:fixed}.chapter.is-visible{visibility:visible}.hero{padding:0 var(--gutter) clamp(84px,14svh,170px);opacity:1;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;inset:0}.hero .cue{pointer-events:auto}h1{font-variation-settings:"opsz" 144;letter-spacing:.012em;text-shadow:0 0 60px #0007;margin-left:-.03em;font-size:min(30vw,44svh);font-weight:200;font-stretch:25%;line-height:.86}.hero-line{letter-spacing:-.01em;margin-top:clamp(8px,1.4svh,18px);font-size:clamp(20px,2.1vw,52px);font-weight:200}.cue{min-height:44px;color:var(--quiet);background:0 0;border:0;align-items:center;gap:12px;margin-top:clamp(10px,1.8svh,24px);padding:0;font-size:.94em;display:flex}.cue svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:12px;height:24px}.panel.right{left:auto;right:var(--gutter);border-left:0;border-right:1px solid var(--hair)}.panel{left:var(--gutter);width:min(27rem,calc(100vw - 2 * var(--gutter)));overscroll-behavior:contain;-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--hair);scrollbar-width:thin;background:#060c17b8;max-height:calc(100svh - 150px);margin-top:0;padding:clamp(18px,1.7vw,34px);top:50%;overflow:auto;translate:0 -50%}h2{font-variation-settings:"opsz" 144;letter-spacing:-.005em;margin-bottom:.34em;font-size:clamp(36px,3.6vw,88px);font-weight:200;font-stretch:58%;line-height:1}.panel>p{color:#d5dfe0;max-width:62ch}.answer{margin-top:1em;font-size:1.08em;font-weight:350;line-height:1.4;color:var(--text)!important}#yours .answer{margin-top:0;font-size:1.22em;font-weight:300}.presets{flex-wrap:wrap;gap:6px;margin-top:1.05em;display:flex}.presets button{border:1px solid var(--hair);min-height:40px;color:var(--quiet);background:0 0;padding:0 13px;transition:background .3s,color .3s,border-color .3s}.presets button:hover{color:var(--text);border-color:#fff7}.presets button[aria-pressed=true]{background:var(--text);color:#07101c;border-color:var(--text)}.presets.lines{flex-direction:column;align-items:stretch}.presets.lines button{text-align:left;font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.presets i{background:var(--line);width:2px;height:18px}.sliders{gap:13px;margin-top:1.15em;display:grid}.sliders label{grid-template-columns:1fr auto;grid-template-areas:"name value""track track";align-items:baseline;gap:0 12px;display:grid}.sliders label>span{grid-area:name}.sliders label>output{grid-area:value}.sliders label>input{grid-area:track}.sliders span{color:var(--quiet);font-size:.94em}.sliders output{font-variant-numeric:tabular-nums;font-weight:450}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#fff6;height:1px}input[type=range]::-moz-range-track{background:#fff6;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:0;width:5px;height:24px;margin-top:-12px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:0;width:5px;height:24px}.readings{border-top:1px solid var(--hair);gap:5px;margin-top:1.1em;padding-top:.9em;display:grid}.readings div{justify-content:space-between;gap:16px;display:flex}.readings dt{color:var(--quiet);font-size:.94em}.readings dd{font-variant-numeric:tabular-nums;text-align:right;font-weight:450}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:1.2em;display:flex}.action{background:var(--text);color:#07101c;border:0;min-height:44px;padding:0 16px;font-weight:500}.action:hover{background:#fff}.link{min-height:44px;color:var(--text);text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.caveat{margin-top:1em;font-size:.92em;color:var(--quiet)!important}.status{min-height:1.4em;margin-top:.4em;font-size:.92em}.ruler{z-index:6;right:var(--gutter);opacity:0;pointer-events:none;width:150px;height:100svh;position:fixed;top:0}.ruler span{font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 12px #000;align-items:center;gap:10px;font-size:.92em;display:flex;position:absolute;top:0;right:0}.ruler span:after{content:"";background:#ffffffa8;width:clamp(30px,5vw,90px);height:1px}.labels{z-index:6;pointer-events:none;position:fixed;inset:0}.labels span{opacity:0;color:#dfe8ea;white-space:nowrap;text-shadow:0 0 10px #000,0 0 3px #000;padding-left:10px;font-size:.92em;position:absolute;top:0;left:0}.chapters{z-index:15;right:calc(var(--gutter) - 8px);gap:2px;display:flex;position:fixed;bottom:clamp(10px,1.8svh,24px)}.chapters button{color:#d5dfe0;text-shadow:0 0 8px #000;background:0 0;border:0;min-width:44px;min-height:44px;font-stretch:60%}.chapters button:hover{color:var(--text)}.chapters button[aria-current]{color:var(--text);text-underline-offset:6px;text-decoration:underline}.still{z-index:15;left:var(--gutter);color:#d5dfe0;text-shadow:0 0 8px #000;background:0 0;border:0;min-height:44px;padding:0;position:fixed;bottom:clamp(10px,1.8svh,24px)}.still:hover{color:var(--text)}dialog{border:1px solid var(--hair);width:min(44rem,100vw - 32px);max-height:min(86svh,900px);color:var(--text);background:#07101c;padding:clamp(20px,3vw,44px)}dialog::backdrop{background:#02050acc}.dialog-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}dialog h2{margin:0 0 .5em;font-size:clamp(30px,3vw,60px)}dialog h3{margin:1.5em 0 .5em;font-size:1em;font-weight:500}dialog ul{color:#d5dfe0;gap:.6em;list-style:none;display:grid}dialog a{color:var(--text);text-underline-offset:3px}#sources-close{border:1px solid var(--hair);background:0 0;min-height:44px;padding:0 12px}.noscript{z-index:30;left:var(--gutter);max-width:32rem;position:fixed;bottom:20px}@media (width<=760px){#scroll-track{height:1100svh}.panel{width:calc(100vw - 2 * var(--gutter));border-left:0;border-top:1px solid var(--hair);max-height:calc(100svh - 138px);padding:16px 16px 14px;top:auto;bottom:62px;translate:none}h1{font-size:min(50vw,38svh)}h2{font-size:34px}.panel>p{font-size:14px;line-height:1.42}.presets{margin-top:.8em}.sliders{gap:7px;margin-top:.8em}input[type=range]{height:26px}.readings{gap:2px;margin-top:.7em;padding-top:.6em;font-size:14px}.ruler{width:96px}.ruler span:after{width:22px}.chapters{right:6px}.chapters button{min-width:38px}}@media (height<=560px){.panel{max-height:calc(100svh - 112px)}h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}