.explorer{max-width:1280px}.explorer>h1{max-width:900px}.explorer-grid{display:grid;grid-template-columns:305px 1fr;gap:22px;margin-top:55px}.controls{background:var(--night);padding:30px;color:#f7f5ef}.controls .eyebrow{color:#bdccc4}.controls label{display:block;font:500 .78rem "DM Mono",monospace;margin:25px 0 8px}.controls output{float:right;color:var(--lime);font-size:1rem}.controls small{display:block;color:#bac8c1;font-size:.65rem;margin-top:4px}.controls input[type=range],.redshift-control input,.volume-controls input{width:100%;accent-color:var(--lime)}.derived{margin:31px 0 28px;padding:18px 0;border-top:1px solid #4c6560;border-bottom:1px solid #4c6560}.derived span{font:400 .67rem "DM Mono",monospace;text-transform:uppercase;color:#bac8c1;display:block}.derived strong{font:500 1.2rem "DM Mono",monospace;color:var(--lime)}.derived small{margin-top:7px}.controls .button{width:100%;background:var(--lime);color:var(--ink)}.plot-card{background:var(--cream);padding:32px}.plot-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.quantity-picker{display:block;font:500 .74rem "DM Mono",monospace}.quantity-picker select{display:block;background:var(--paper);border:1px solid var(--line);margin-top:7px;padding:9px;font:400 .75rem "DM Mono",monospace;color:var(--ink);max-width:270px}.plot-number{text-align:right}.plot-number strong{font:600 2.5rem/1 "Playfair Display",serif;display:block}.plot-number span{font:.68rem "DM Mono",monospace;color:var(--muted)}#distance-plot{width:100%;height:355px;display:block;margin:28px 0 12px;background:var(--paper)}.redshift-control{max-width:500px}.redshift-control label,.volume-controls label{font:500 .76rem "DM Mono",monospace}.redshift-control output,.volume-controls output{float:right;color:#476159}.distance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:22px}.distance-summary div{display:flex;flex-direction:column;padding:22px 27px;background:var(--paper)}.distance-summary span,.distance-summary small,.volume-result span,.volume-result small{font:400 .68rem "DM Mono",monospace;color:var(--muted);text-transform:uppercase}.distance-summary strong{font:600 2rem/1.15 "Playfair Display",serif;margin:9px 0 3px}.volume-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:var(--night);color:#f7f5ef;margin-top:22px;padding:42px}.volume-card .eyebrow{color:#bdccc4}.volume-card h2{font-size:2.4rem}.volume-card>div>p:not(.eyebrow){color:#c9d4ce}.volume-controls>p{margin:13px 0;color:#c9d4ce;font-size:.84rem}.volume-controls>p strong{color:#f7f5ef}.volume-result{margin-top:25px;padding-top:20px;border-top:1px solid #4c6560}.volume-result span{display:block;color:#bdccc4}.volume-result strong{font:600 clamp(2rem,5vw,3.4rem)/1 "Playfair Display",serif;color:var(--lime);display:block;margin:6px 0}.volume-result small{color:#bdccc4}.how-it-works{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:95px 0 20px}.how-it-works h2{font-size:2.5rem}.how-it-works p{color:#43524d}.how-it-works .fine-print{font-size:.78rem;color:var(--muted)}@media(max-width:760px){.explorer-grid,.how-it-works,.volume-card{grid-template-columns:1fr;gap:24px}.plot-card,.volume-card{padding:20px}.plot-heading{display:block}.plot-number{text-align:left;margin-top:20px}.plot-number strong{font-size:2.1rem}.distance-summary{grid-template-columns:1fr}.how-it-works{padding-top:65px}.how-it-works h2{font-size:2.1rem}}