:root{--noite: #141b23;--carvao: #2d2c2a;--cal: #eae3d6;--atacama: #9e9184;--linea: #6b4630;--led: #ffb26b;--sans: "PP Neue Montreal", "Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;--tech: "osifont", "ISOCPEUR", "Helvetica Neue", Helvetica, Arial, sans-serif;--edge: clamp(20px, 3vw, 40px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--noite);color:var(--cal);font-family:var(--sans);-webkit-font-smoothing:antialiased}p{margin:0}.loader{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease}.stage canvas{width:100%;height:100%;display:block;touch-action:none}.loader.is-3d .stage{opacity:1}.loader.is-3d .mark,.loader.is-3d .caption,.loader.is-3d .counter,.loader.is-3d .levels button,.loader.is-3d .devpanel{color:var(--carvao)}.loader.is-3d .levels button[aria-pressed=true]{color:var(--noite);font-weight:600}.loader.is-3d .titleblock,.loader.is-3d .devpanel,.loader.is-3d .mark{pointer-events:none}.loader.is-3d .devpanel h2{color:var(--noite)}.devpanel .scene{margin-top:14px}.devpanel .scene p{margin:2px 0}.devpanel .actions{display:flex;gap:12px;margin-top:6px}.devpanel .actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.loader.is-3d .devpanel .actions{pointer-events:auto}.chapters{position:absolute;top:var(--edge);right:var(--edge)}.chapters[hidden],.toggles[hidden]{display:none}.chapters ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;justify-items:end}.chapters button,.toggles button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:5px 0;color:var(--atacama);font:11px/1.2 var(--tech);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s ease}.chapters .n{margin-right:10px;opacity:.7}.chapters button[aria-current=step]{color:var(--carvao);font-weight:600}.chapters button[aria-current=step]:after{content:"";display:inline-block;width:18px;height:1px;margin-left:10px;vertical-align:middle;background:var(--led)}.toggles{position:absolute;right:var(--edge);bottom:calc(var(--edge) + 58px);display:flex;gap:22px}.toggles button[aria-pressed=true]{color:var(--carvao);font-weight:600}.toggles button[aria-pressed=true]:before{content:"● ";color:var(--led)}.chapters button:hover,.toggles button:hover{color:var(--carvao)}.chapters button:focus-visible,.toggles button:focus-visible,.hotspot button:focus-visible{outline:1px solid var(--led);outline-offset:6px}.loader.is-3d.is-night .mark,.loader.is-3d.is-night .caption,.loader.is-3d.is-night .counter,.loader.is-3d.is-night .levels button,.loader.is-3d.is-night .devpanel,.loader.is-3d.is-night .devpanel h2,.loader.is-3d.is-night .chapters button[aria-current=step],.loader.is-3d.is-night .toggles button[aria-pressed=true],.loader.is-3d.is-night .levels button[aria-pressed=true]{color:var(--cal)}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hotspot{pointer-events:auto}.hotspot button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#141b23d1;color:var(--cal);font:11px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase;padding:7px 11px 7px 8px;border-radius:999px;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.hotspot .dot{width:8px;height:8px;border-radius:50%;background:var(--led);box-shadow:0 0 0 4px #ffb26b40}.hotspot .note{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:220px;background:#141b23eb;color:var(--cal);font:13px/1.45 var(--sans);padding:10px 12px;border-radius:6px}.hotspot .note[hidden]{display:none}.plan{position:absolute;top:7vh;bottom:7vh;left:34vw;right:6vw;transition:opacity .6s ease}.plan svg{width:100%;height:100%;display:block;overflow:visible}.plan path{stroke:var(--cal);stroke-dasharray:1;stroke-dashoffset:1}.plan [data-layer="0"] path,.plan [data-layer="ESQUADRIA - vidro"] path{stroke:var(--atacama)}.plan.is-static path{stroke-dashoffset:0}.plan.is-leaving{opacity:0}.mark{position:absolute;top:var(--edge);left:var(--edge);font-size:15px;font-weight:500;letter-spacing:.02em}.titleblock{position:absolute;left:var(--edge);bottom:var(--edge)}.caption{font-family:var(--tech);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--atacama);margin-bottom:14px}.counter{font-size:clamp(72px,11vw,168px);font-weight:200;line-height:.82;letter-spacing:-.045em;font-variant-numeric:tabular-nums;transition:opacity .5s ease}.counter.is-done{opacity:.18}.levels{position:absolute;right:var(--edge);bottom:var(--edge);display:flex;gap:28px}.levels[hidden]{display:none}.levels button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:6px 0;color:var(--atacama);font:11px/1.2 var(--tech);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:grid;gap:6px;text-align:left;transition:color .2s ease}.levels .lv{font-size:13px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.levels .lv:before{content:"";width:9px;height:6px;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%)}.levels button:hover,.levels button[aria-pressed=true]{color:var(--cal)}.levels button:focus-visible,.devpanel:focus-visible{outline:1px solid var(--led);outline-offset:6px}.devpanel{position:absolute;top:calc(var(--edge) + 56px);left:var(--edge);width:min(300px,26vw);font:11px/1.5 var(--tech);color:var(--atacama);letter-spacing:.04em}.devpanel[hidden]{display:none}.devpanel h2{font:inherit;color:var(--cal);margin:0 0 8px;letter-spacing:.12em;text-transform:uppercase}.devpanel ol{list-style:none;margin:0;padding:0}.devpanel li{display:grid;grid-template-columns:14px 1fr auto;gap:8px;padding:3px 0;border-top:1px solid rgba(158,145,132,.18)}.devpanel .st-ok .icon{color:var(--cal)}.devpanel .st-falhou .icon{color:var(--led)}.devpanel .detail{text-align:right}.devpanel .when{margin-top:8px;opacity:.7}@media(max-width:720px){.plan{top:12vh;bottom:32vh;left:6vw;right:6vw}.devpanel{display:none}.levels{flex-direction:column;gap:10px}.toggles{bottom:calc(var(--edge) + 96px)}.chapters .n{display:none}}@media(prefers-reduced-motion:reduce){.plan,.counter,.levels button,.stage,.chapters button,.toggles button{transition:none}}