:root{font-family:Arial,sans-serif;color:#e7e0d2;background:#101923;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;background:transparent;color:inherit;border:1px solid #42505b;padding:12px 14px;text-align:left;transition:background .18s}button:hover{background:#263e46}button:disabled{opacity:.4;cursor:not-allowed}header{display:flex;gap:25px;align-items:center;padding:25px 5%;border-bottom:1px solid #35414c;font-size:11px;letter-spacing:2px}header a{font-size:23px;color:#d9c296;text-decoration:none}header small{margin-left:auto}.hero{padding:55px 5% 45px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:11px;letter-spacing:3px;color:#c5ad7f}h1{font-family:Georgia,serif;font-size:clamp(60px,8vw,112px);font-weight:400;line-height:.95;letter-spacing:-4px;margin:22px 0}em{font-weight:400;color:#a8c9c0}p{line-height:1.65;color:#aebec2;font-size:13px}h2{font-family:Georgia,serif;font-weight:400;font-size:25px}.number{text-align:right;padding-bottom:10px}.number span,.number small{font-size:10px;letter-spacing:1px}.number strong{display:block;font:64px Georgia;color:#dac38f;margin:16px 0}.studio{display:grid;grid-template-columns:230px minmax(300px,1fr) 260px;gap:24px;margin:0 3%;padding:25px 0;border-top:1px solid #35414c}aside{display:flex;flex-direction:column;gap:10px;min-width:0}aside h2{font:11px Arial;letter-spacing:2px;color:#c3ae88;margin:22px 0 8px}.stage{min-width:0;border:1px solid #34434b;padding:15px;align-self:start;background:#13212a}.bar{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px}.bar span:first-child{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}canvas{display:block;width:100%;height:auto;margin:25px 0}.spark{height:65px;display:flex;gap:1px;align-items:end;overflow:hidden}.spark span{flex:1;background:#8eb7ae;min-width:1px}.grid{display:grid;gap:3px}.grid button{font-size:8px;text-align:center;padding:6px 0}.edge{border-color:#bca16a}.chosen{background:#adc8bf;color:#101923}.row{display:flex;gap:8px;flex-wrap:wrap}.row button{flex:1}label{display:block;color:#bdc7c8;font-size:11px;margin:8px 0}input,textarea{display:block;width:100%;background:#142630;color:#e7e0d2;border:1px solid #45555c;padding:10px;margin-top:6px}textarea{min-height:210px;font:11px monospace;resize:vertical}aside p{font-size:11px;overflow-wrap:anywhere}.details{padding:70px 6%;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #35414c}.details h2{font-size:42px}footer{padding:35px 6%;border-top:1px solid #35414c}footer p{font-size:11px;max-width:1100px}[role=alert]{color:#e7b899}@media(max-width:1050px){.studio{grid-template-columns:190px minmax(250px,1fr)}.studio>aside:last-child{grid-column:1/-1}.grid{max-width:500px}}@media(max-width:650px){header small{display:none}.hero{display:block;padding-top:30px}.number{text-align:left;margin-top:35px}.number strong{font-size:45px}.studio{display:flex;flex-direction:column}.stage{order:-1;width:100%}.details{grid-template-columns:1fr;gap:35px}h1{letter-spacing:-2px}.bar{letter-spacing:0}header{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
