*{box-sizing:border-box}body{margin:0;background:#f2eee2;color:#213a35;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:transparent;border:1px solid #b6b9a8;border-radius:8px;padding:10px 13px;color:inherit}button:hover{background:#dddcca}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d98359;outline-offset:3px}header{padding:22px 4vw;border-bottom:1px solid #c9c9b8;display:flex;justify-content:space-between;align-items:center;gap:20px}header b{font:italic 34px Georgia,serif}header b span{font:11px Arial,sans-serif;letter-spacing:2px;margin-left:20px}header small{font-size:10px;letter-spacing:2px}.intro{padding:42px 4vw;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font:clamp(40px,5.4vw,80px)/.96 Georgia,serif;letter-spacing:-3px;margin:17px 0}h1 em{color:#a45d43;font-weight:400}.intro>p{font:19px/1.5 Georgia,serif;min-width:220px}.intro>p span{color:#7a8174;font-size:15px}.work{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:0 4vw}.studio{min-width:0}.stage-title{display:flex;justify-content:space-between;gap:18px;background:#203a35;color:#f4e8cb;padding:20px 24px;border-radius:24px 24px 0 0}.stage-title b{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font:20px Georgia,serif}.stage-title span{font-size:10px;white-space:nowrap}.scene{height:530px;position:relative;background:radial-gradient(ellipse at 40% 40%,#355c50,#142b27);overflow:hidden}.scene canvas{width:100%;height:100%;display:block;touch-action:none}.scene-error{position:absolute;bottom:15px;padding:16px;background:#e7d7b7;z-index:1}.timeline{display:flex;align-items:center;gap:12px;background:#d9dfcb;padding:16px;border-radius:0 0 24px 24px}.timeline>label{flex:1;min-width:50px}.timeline input{width:100%}.orbit{display:flex;align-items:center;gap:24px;margin:22px 0;font-size:10px;letter-spacing:2px}.orbit input{flex:1;min-width:40px}.metrics{display:flex;gap:35px;border-top:1px solid #b6b9a8;padding:20px 0}.metrics span{font-size:11px;color:#747c6e}.metrics b{display:block;font:28px Georgia,serif;color:#294239;margin-bottom:6px}.fine{font-size:11px;line-height:1.65;color:#747a70}aside{border-left:1px solid #c7c9b7;padding-left:26px}h2{font:35px/1.05 Georgia,serif;letter-spacing:-1px;margin:16px 0 24px}h3{font:19px Georgia,serif;margin:28px 0 14px}.regions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.regions button{text-align:left;display:flex;gap:8px;align-items:center}.regions i{width:14px;height:14px;border-radius:50%;flex:none}.regions small{font-size:9px}.regions .active{background:#203a35;color:#f4e8cb}label{display:block;font-size:11px;line-height:1.7;margin:12px 0}input[type=number],select{width:100%;border:1px solid #b9bda9;padding:8px;background:#f7f3e9;border-radius:7px;color:#263d32}input[type=color]{width:100%;height:32px;border:0;background:none}input[type=range]{accent-color:#ad6749}.pair,.triple{display:grid;gap:10px;grid-template-columns:1fr 1fr}.triple{grid-template-columns:repeat(3,1fr)}.pair>*{min-width:0}.check{display:flex;align-items:center;gap:9px}.check input{accent-color:#294b3e}details{border-top:1px solid #bec3b0;margin-top:25px;padding-top:18px}summary{cursor:pointer;font-size:13px}textarea{width:100%;height:260px;margin:12px 0;padding:10px;font:11px monospace;background:#fbf8ee;border:1px solid #b4bba4;border-radius:8px}.shelf{padding:32px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:40px}.shelf button{margin:4px}footer{padding:28px 4vw;border-top:1px solid #b9c0ac;background:#e8e7d7}.toolbar{display:flex;gap:10px;flex-wrap:wrap}[role=status]{font-size:13px}[role=alert]{color:#984c31}.fine{max-width:850px}@media(max-width:950px){.work{grid-template-columns:1fr}aside{border:0;padding:20px 0}.scene{height:480px}.shelf{grid-template-columns:1fr}.intro>p{display:none}}@media(max-width:500px){header small{display:none}.intro{padding-top:30px}h1{letter-spacing:-1.5px}.scene{height:380px}.timeline{flex-wrap:wrap}.timeline label{flex-basis:60%}.metrics{gap:18px}.stage-title{padding:18px}.work{padding:0 16px}}
