@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&family=Unbounded:wght@800&display=swap');
:root{color-scheme:dark;--bg:#141413;--panel:#1b1b19;--ink:#e7e4d9;--muted:#99998f;--gold:#b5a15a;--line:#36362f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Manrope,Arial,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,.upload:focus-within{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .18s,border-color .18s}button:hover:not(:disabled){border-color:var(--gold)}[hidden]{display:none!important}.topbar{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;align-items:center}.logo-frame{width:144px;height:43px;position:relative;overflow:hidden;background:var(--bg)}.logo-frame img{position:absolute;width:284px;max-width:none;left:-68px;top:-19px;filter:invert(1);mix-blend-mode:screen}.brand-caption{font-size:8px;letter-spacing:.2em;color:var(--gold);margin-top:6px}.back{color:var(--muted);font-size:13px}main{max-width:1520px;margin:auto;padding:0 5%}.heading{display:flex;justify-content:space-between;align-items:flex-end;padding:45px 0 36px;gap:24px}.eyebrow{font-size:10px;letter-spacing:.21em;color:var(--gold);margin:0 0 18px}h1{font-size:clamp(30px,3.3vw,52px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0}h1 em{font:400 0.95em/1.35 Prata,Georgia,serif;color:var(--gold)}.intro{font-size:13px;color:var(--muted);margin:0 0 5px;line-height:1.9}.editor{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--line)}.viewport-panel{min-width:0;position:sticky;top:16px;align-self:start;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#303028 0%,#20201c 35%,#161615 75%)}.view-top{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.live-dot{font:10px Manrope,Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 9px 1px 0}.text-button{background:none;border:0;color:var(--muted);font-size:11px;padding:6px}.views{display:flex;justify-content:center;gap:4px;position:relative;z-index:1}.views button{font-size:11px;padding:7px 13px;border:1px solid transparent;background:transparent;color:var(--muted)}.views button.active{border-color:#6b6241;color:var(--ink);background:#b5a15a0e}#viewport{height:620px;height:clamp(430px,64vh,720px);position:relative;isolation:isolate}#viewport canvas{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:none}.watermark{position:absolute;font:600 clamp(70px,12vw,180px)/1 Georgia,serif;letter-spacing:.05em;opacity:.025;top:40%;width:100%;text-align:center;pointer-events:none}#loading,#webgl-error{position:absolute;z-index:4;top:45%;left:10%;width:80%;text-align:center;color:var(--gold);background:#141413d9;padding:20px}#webgl-error{color:var(--ink)}.viewport-bottom{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px}.zoom{display:flex;gap:5px}.zoom button{border:1px solid var(--line);background:transparent;width:30px;height:30px;font-size:18px}#status{border-top:1px solid var(--line);padding:13px 22px;min-height:48px;font-size:12px;color:var(--gold)}.controls{padding:24px 26px;background:#1b1b19;border-left:1px solid var(--line)}.control-section{padding-bottom:23px;margin-bottom:22px;border-bottom:1px solid var(--line)}.step-heading{display:flex;gap:14px;align-items:center;margin:0 0 18px}.step-heading>span{font-size:10px;color:var(--gold);letter-spacing:.08em}h2{font-size:15px;font-weight:500;margin:0}.segmented{display:flex;padding:3px;background:#141413;border:1px solid var(--line);gap:3px}.segmented button{flex:1;background:none;border:1px solid transparent;padding:9px 4px;font-size:12px;color:var(--muted)}.segmented .active{background:#303028;color:var(--ink);border-color:#4d4834}.label-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:20px 0 10px}.label-row span,.label-row output{font-size:11px;color:var(--muted)}.swatches{display:flex;gap:11px}.swatches button{height:28px;width:28px;border-radius:50%;background:var(--swatch);border:3px solid var(--panel);outline:1px solid transparent}.swatches button.active{outline-color:var(--gold)}.upload{display:flex;flex-direction:column;align-items:center;position:relative;border:1px dashed #605a41;padding:20px 12px;cursor:pointer;background:#b5a15a05}.upload:hover{background:#b5a15a0b}.upload-icon{font-size:26px;color:var(--gold);line-height:1.3}.upload strong{font-size:12px;font-weight:500;margin:6px 0}.upload small{font-size:10px;color:var(--muted)}.upload input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.checkbox{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:12px;cursor:pointer}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}.micro{font-size:10px;color:var(--muted);line-height:1.8;margin:10px 0 0}.size-note{margin-top:0;font-size:9px}#file-preview{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:10px}#thumbnail{width:40px;height:40px;object-fit:contain;background:#e7e4d9}#filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fieldset{padding:0;margin:0;border:0;min-width:0}fieldset:disabled{opacity:.4}input[type=range]{width:100%;accent-color:var(--gold);height:4px;cursor:pointer;margin:7px 0 10px}.outline-button{border:1px solid var(--line);background:transparent;width:100%;padding:9px;font-size:11px;margin-top:15px}.outline-button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.save-button{width:100%;display:flex;justify-content:space-between;background:var(--gold);color:#141413;border:1px solid var(--gold);padding:14px 16px;font-size:12px;font-weight:700}.save-note{font-size:10px;text-align:center;color:var(--muted);margin:9px 0 18px}.disclaimer{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:16px}.consult{font-size:12px;color:var(--gold)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:30px 0 36px;gap:20px}footer span:first-child{letter-spacing:.1em}@media(min-width:1400px){.editor{grid-template-columns:minmax(0,1fr) 390px}.controls{padding:28px 32px}}@media(max-width:900px){.editor{grid-template-columns:minmax(0,1fr) 310px}.controls{padding:22px 20px}.intro{font-size:11px}.viewport-bottom{padding:12px}.view-top{padding:16px 12px}.views button{padding:7px 8px}#status{padding:12px}.brand-caption{font-size:7px}}@media(max-width:680px){main{padding:0 4%}.topbar{height:86px;margin:0 4%}.heading{padding:28px 0 24px;display:block}.heading h1{font-size:34px}.eyebrow{font-size:9px;margin-bottom:12px}.intro{margin-top:15px;font-size:12px}.editor{display:flex;flex-direction:column}.viewport-panel{position:relative;top:0;align-self:stretch}#viewport{height:470px;height:58svh;min-height:350px;max-height:560px}.controls{border-left:0;border-top:1px solid var(--line);padding:24px}.control-section{padding-bottom:22px;margin-bottom:22px}.view-top{padding:14px 16px}.viewport-bottom{padding:10px 16px}.viewport-bottom>span{max-width:75%;font-size:10px}#status{padding:10px 16px}.views button{padding:6px 14px}.swatches button{height:32px;width:32px}footer{display:block;font-size:9px}footer span{display:block;margin-bottom:8px}.upload{padding:24px 12px}}

/* Match the site's portfolio heading. */
.heading h1{font-family:Unbounded,Manrope,Arial,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(24px,2.9vw,44px);letter-spacing:-.02em;line-height:1.08;margin:0}
.heading h1 em{font-family:inherit;font-weight:inherit;font-style:normal;font-size:1em;line-height:inherit;letter-spacing:inherit;color:var(--gold)}
@media(max-width:680px){.heading h1{font-size:clamp(20px,5vw,30px);line-height:1.15}}