@font-face{font-family:Cadell Display;src:url(/ask-the-room/fonts/CadellDisplay-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Collective Sans;src:url(/ask-the-room/fonts/CollectiveSans-Thin.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Collective Sans;src:url(/ask-the-room/fonts/CollectiveSans-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Collective Sans;src:url(/ask-the-room/fonts/CollectiveSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--sky:#edf3f9;--oxblood:#541c10;--oxblood-deep:#3c130a;--olive:#a18d4a;--ash:#9a817e;--mist:#e4ecf5;--surface:#edf3f9;--surface-soft:#e4ecf5;--text:#541c10;--paper:#f8fbfd;--rule:#541c1033;--rule-strong:#541c1059;--focus:#541c10;--font-display:"Cadell Display", Georgia, serif;--font-sans:"Collective Sans", "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);--m:clamp(20px, 4vw, 56px);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#541c10;--surface-soft:#3c130a;--text:#edf3f9;--paper:#62271a;--rule:#edf3f933;--rule-strong:#edf3f959;--focus:#edf3f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--surface:#541c10;--surface-soft:#3c130a;--text:#edf3f9;--paper:#62271a;--rule:#edf3f933;--rule-strong:#edf3f959;--focus:#edf3f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}body{background:var(--surface);height:100%;color:var(--text);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--focus);outline-offset:4px}img{max-width:100%}.app{grid-template-rows:auto 1fr;height:100%;display:grid}.top{padding:18px var(--m) 14px;border-bottom:1px solid var(--rule);grid-template-columns:minmax(140px,1fr) minmax(280px,560px) minmax(140px,1fr);align-items:center;gap:24px;display:grid}.brand{color:inherit;display:block}.wordmark{width:var(--wordmark-width,150px);height:auto;display:block}.tier{position:relative}.tier-title{font:300 11px/1.4 var(--font-sans);letter-spacing:.24em;text-transform:uppercase;text-align:center;margin:0 0 10px}.tier-track{height:22px;position:relative}.tier-track:before{content:"";inset-inline:0;background:var(--rule-strong);height:1px;position:absolute;top:50%}.tier-ticks{pointer-events:none;position:absolute;inset:0}.tier-ticks i{background:var(--rule-strong);width:1px;height:9px;margin-top:-4px;position:absolute;top:50%}.tier input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:0}.tier input[type=range]::-webkit-slider-runnable-track{background:0 0;height:22px}.tier input[type=range]::-moz-range-track{background:0 0;height:22px}.tier input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);width:14px;height:22px;transition:transform .5s var(--ease);border:0;border-radius:0}.tier input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:0;width:14px;height:22px}.tier input[type=range]:disabled{cursor:progress}.tier input[type=range]:disabled::-webkit-slider-thumb{opacity:.45}.tier-labels{justify-content:space-between;margin-top:8px;display:flex}.tier-labels button{cursor:pointer;font:400 12px/1.4 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;opacity:.55;transition:opacity .5s var(--ease);background:0 0;border:0;padding:4px 0}.tier-labels button[aria-pressed=true]{opacity:1}.tier-labels button:disabled{cursor:progress}.top-right{justify-self:end;align-items:center;gap:24px;display:flex}.theme-toggle{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;margin:-8px;padding:0;display:grid}.theme-toggle__icon{width:20px;height:20px;transition:transform .6s var(--ease)}.theme-toggle:hover .theme-toggle__icon{transform:rotate(-15deg)}.theme-toggle__sun,:root[data-theme=dark] .theme-toggle__moon{display:none}:root[data-theme=dark] .theme-toggle__sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle__moon{display:none}:root:not([data-theme]) .theme-toggle__sun{display:block}}.cc-cta{border:0;border-bottom:1px solid var(--rule-strong);font:400 12px/1.4 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--text);transition:border-color .5s var(--ease);background:0 0;align-items:baseline;gap:.6em;padding:0 0 6px;text-decoration:none;display:inline-flex}.cc-cta:hover{border-color:var(--text)}.cc-cta .arr{letter-spacing:0;transition:transform .5s var(--ease);font-family:system-ui,sans-serif}.cc-cta:hover .arr{transform:translate(6px)}.cc-cta:disabled{opacity:.4;cursor:progress}.cc-cta.wide{border-bottom-color:var(--text);justify-content:space-between;width:100%;padding-bottom:10px;display:flex}.cc-cta.solid{border:1px solid var(--text);background:var(--text);color:var(--surface);transition:background-color .5s var(--ease), color .5s var(--ease);align-items:center;padding:14px 18px}.cc-cta.solid:hover{background:var(--surface);color:var(--text)}.body{grid-template-columns:1fr 400px;min-height:0;display:grid}.stage{background:var(--surface);min-height:0;position:relative;overflow:hidden}.scene{opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);display:block;position:absolute;inset:0}.scene.on{opacity:1}.stage-meta{left:var(--m);font:400 11px/1.5 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .7s var(--ease);pointer-events:none;margin:0;position:absolute;top:22px}.stage-meta.on{opacity:1}.ball-hold{touch-action:none;transition:transform .35s var(--ease)}.ball-hold.held{transition:none}.intro{text-align:center;transition:opacity .6s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex;position:absolute;inset:0}.intro.gone{opacity:0;pointer-events:none}.intro h1{font:400 clamp(44px, 7vw, 104px) / .95 var(--font-display);text-transform:uppercase;letter-spacing:0;margin:0}.intro p{max-width:34ch;font:300 18px/1.45 var(--font-sans);margin:0}.ball{aspect-ratio:1;background:var(--oxblood);cursor:grab;width:min(240px,46vw);transition:transform .6s var(--ease), opacity .5s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}:root[data-theme=dark] .ball{background:var(--oxblood-deep)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ball{background:var(--oxblood-deep)}}.ball:active{cursor:grabbing}.ball:focus-visible{outline-offset:8px}.ball-window{aspect-ratio:1;background:var(--sky);width:46%;transition:background .5s var(--ease), width .5s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.ball-eight{font:400 clamp(48px, 9vw, 84px) / 1 var(--font-display);color:var(--oxblood);transition:opacity .4s var(--ease);transform:translateY(4%)}.ball-answer{opacity:0;transition:opacity .6s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.ball-answer svg{width:100%;height:100%;position:absolute}.ball-answer span{color:var(--sky);max-width:78%;position:relative;transform:translateY(-2%)}.ball-work b{font:400 11px/1.3 var(--font-sans);letter-spacing:.01em;text-wrap:balance;display:block}.ball-work.short b{font-size:clamp(11px,1.05vw,15px)}.ball-work.medium b{font-size:clamp(9.5px,.88vw,12.5px)}.ball-work.long b{font-size:clamp(8px,.76vw,10.5px)}.ball-work i{font:400 7.5px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;opacity:.78;text-wrap:balance;margin-top:5px;font-style:normal;display:block}.ball.answered .ball-window{background:#1e2a44;width:64%}.ball.answered .ball-eight{opacity:0}.ball.answered .ball-answer{opacity:1}.ball.shake{animation:shake .9s var(--ease) 1}.ball.leave{opacity:0;transform:scale(.6)}@keyframes shake{0%{transform:translate(0)rotate(0)}15%{transform:translate(-14px,-6px)rotate(-8deg)}30%{transform:translate(12px,4px)rotate(7deg)}45%{transform:translate(-10px,2px)rotate(-6deg)}60%{transform:translate(9px,-4px)rotate(5deg)}75%{transform:translate(-5px,2px)rotate(-3deg)}to{transform:translate(0)rotate(0)}}.hud{left:var(--m);right:var(--m);opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:22px;transform:translateY(10px)}.hud.on{opacity:1;pointer-events:auto;transform:none}.views{flex-wrap:wrap;gap:22px;display:flex}.views button{cursor:pointer;font:400 12px/1.4 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;opacity:.6;transition:opacity .5s var(--ease), border-color .5s var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 6px}.views button[aria-pressed=true]{opacity:1;border-color:var(--text)}.views button:hover{opacity:1}.hud-actions{align-items:baseline;gap:30px;display:flex}.panel{border-left:1px solid var(--rule);padding:30px 36px 48px;overflow-y:auto}.panel h2{font:400 clamp(44px, 4.4vw, 60px) / 1 var(--font-display);text-transform:uppercase;letter-spacing:0;margin:0 0 18px}.standfirst{font:300 20px/1.45 var(--font-sans);max-width:30ch;margin:0 0 34px}.eyebrow{font:300 11px/1.4 var(--font-sans);letter-spacing:.24em;text-transform:uppercase;border-top:1px solid var(--rule-strong);margin:0 0 14px;padding-top:14px}.block{margin-bottom:38px}.art-title{font:400 22px/1.3 var(--font-sans);margin:0 0 6px}.meta{font:400 11px/1.6 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;margin:0}.caption{font:400 13px/1.45 var(--font-sans);letter-spacing:.01em;margin:8px 0 0}.swatches{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:14px 10px;margin:0;padding:0;list-style:none;display:grid}.swatches li{margin:0}.swatches .chip{aspect-ratio:1;border:1px solid var(--rule);display:block}.swatches .chip-name{font:400 11px/1.35 var(--font-sans);margin-top:6px;display:block}.swatches .chip-pct{font:400 10px/1.3 var(--font-sans);letter-spacing:.12em;opacity:.8;display:block}.pieces{margin:0;padding:0;list-style:none}.pieces li{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:4px 14px;padding:12px 0;display:grid}.pieces li:first-child{padding-top:0}.pieces .pn{font:400 15px/1.35 var(--font-sans)}.pieces .pd{font:400 13px/1.45 var(--font-sans);grid-column:1/2}.pieces .px{grid-area:1/2/3;align-self:start;gap:3px;padding-top:3px;display:flex}.pieces .px i{border:1px solid var(--rule);width:14px;height:14px;display:block}.actions{flex-wrap:wrap;align-items:baseline;gap:28px;display:flex}.panel-intro p{max-width:36ch;margin:0 0 16px}.panel-intro .tiers{max-width:36ch;margin:28px 0 0}.panel-intro .tiers div+div{margin-top:18px}.panel-intro dt{font:400 11px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--oxblood);margin-bottom:6px}.panel-intro dd{margin:0}.panel-intro .big{font:100 clamp(48px, 4.6vw, 64px) / 1 var(--font-sans);color:var(--ash);letter-spacing:.02em;margin:0 0 28px}.price-cta{margin:0 0 38px}.price-cta .caption{opacity:.8;margin-top:10px}.note{font:400 13px/1.45 var(--font-sans);border-left:2px solid var(--rule-strong);max-width:34ch;margin:0 0 32px;padding-left:12px}.pieces.priced li{grid-template-columns:1fr auto auto}.pieces .pp{grid-area:1/2;place-self:baseline end}.pieces .pd{grid-column:1/3}.pieces.priced .pd{grid-column:1/4}.pieces.priced .px{grid-column:3}.pp{font:400 13px/1.35 var(--font-sans);letter-spacing:.02em;white-space:nowrap;color:var(--oxblood)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pp{color:var(--olive)}}:root[data-theme=dark] .pp{color:var(--olive)}.pp.standalone{margin:12px 0 0}.total{border-top:1px solid var(--rule-strong);margin-top:22px;padding-top:0}.total .eyebrow{border-top:0;margin-bottom:10px;padding-top:18px}.sums{border-bottom:1px solid var(--rule);margin:0 0 4px;padding:0 0 14px}.sums div{justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;display:flex}.sums dt{font:400 14px/1.35 var(--font-sans)}.sums dt small{opacity:.7;font-size:12px;display:block}.sums dd{font:400 14px/1.35 var(--font-sans);white-space:nowrap;text-align:right;margin:0}.total-figure{font:400 clamp(28px, 2.6vw, 36px) / 1.1 var(--font-display);margin:0 0 10px}.caption.quiet{opacity:.7;margin-top:4px}.caption.lead{margin:-6px 0 12px}.fineprint{cursor:pointer;color:inherit;font:400 13px/1.45 var(--font-sans);text-underline-offset:3px;opacity:.8;background:0 0;border:0;margin-top:16px;padding:0;text-decoration:underline;display:inline-block}.fineprint:hover{opacity:1}.standfirst.wide{max-width:none}.fine p{font:400 14px/1.6 var(--font-sans);margin:0 0 14px}.fine strong{border-bottom:1px solid var(--rule-strong);font-weight:400}.tip{z-index:3;pointer-events:none;background:var(--paper);border:1px solid var(--rule-strong);max-width:220px;padding:8px 12px 9px;position:absolute}.tip-name{font:300 10px/1.4 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;display:block}.tip-figure{font:400 15px/1.3 var(--font-sans);white-space:nowrap;margin-top:3px;display:block}dialog{border:1px solid var(--rule-strong);background:var(--surface);color:var(--text);border-radius:0;width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);padding:0}dialog::backdrop{background:#3c130a8c}dialog.loose{z-index:2;margin:auto;position:fixed;inset:0}.dlg-scrim{z-index:1;background:#3c130a8c;position:fixed;inset:0}.dlg{max-height:calc(100vh - 50px);padding:34px 36px 30px;overflow-y:auto}.dlg h3{font:400 clamp(34px, 5vw, 48px) / 1 var(--font-display);text-transform:uppercase;margin:0 0 14px}.dlg .standfirst{max-width:36ch;margin-bottom:24px;font-size:18px}.field{margin:0 0 18px;display:block}.field span{font:400 11px/1.5 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px;display:block}.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--rule-strong);width:100%;font:400 16px/1.4 var(--font-sans);color:var(--text);background:0 0;border-radius:0;padding:8px 0}.field textarea{resize:vertical;min-height:64px}.field select{appearance:none;cursor:pointer}.field select option{background:var(--surface);color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--text);outline:none}.check{font:400 13px/1.45 var(--font-sans);cursor:pointer;align-items:flex-start;gap:10px;margin:6px 0 22px;display:flex}.check input{accent-color:var(--oxblood);margin-top:3px}.captcha{min-height:78px;margin:4px 0 18px}.consent{font:400 12px/1.5 var(--font-sans);opacity:.85;max-width:42ch;margin:0 0 16px}.row2{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.dlg-actions{justify-content:space-between;align-items:baseline;gap:20px;margin-top:6px;display:flex}.err{font:400 13px/1.45 var(--font-sans);margin:0 0 14px}.close-x{cursor:pointer;font:400 12px/1.4 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;opacity:.7;background:0 0;border:0;padding:0 0 6px}.close-x:hover{opacity:1}@media (width<=980px){.body{grid-template-columns:1fr 340px}.panel{padding:26px 26px 40px}}@media (width<=820px){body{height:auto}.app{height:auto;display:block}.top{grid-template-columns:1fr auto;grid-template-areas:"logo cta""tier tier";gap:14px 16px;padding:16px 24px 14px}.brand{grid-area:logo}.top-right{grid-area:cta;gap:16px}.tier{grid-area:tier}.wordmark{--wordmark-width:124px}.body{display:block}.stage{height:66vh;min-height:420px}.panel{border-left:0;border-top:1px solid var(--rule);padding:28px 24px 48px;overflow:visible}.hud{flex-direction:column;align-items:flex-start;gap:14px;bottom:16px;left:24px;right:24px}.views{gap:16px}.stage-meta{top:16px;left:24px}.row2{grid-template-columns:1fr}.dlg{padding:26px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}