/* The shipped studio and its previews share these styles. */
:root{--studio-height:max(850px,100svh);--studio-ease:cubic-bezier(.76,0,.24,1)}
.studio-opening{height:calc(var(--studio-height) + 220px);min-height:0;overflow:clip;position:relative;background:var(--hero-paper);color:var(--hero-ink)}
.studio-inner{height:var(--studio-height);position:sticky;top:0;isolation:isolate}
.studio-stages{position:absolute;top:122px;left:var(--space);right:var(--space);display:flex;gap:30px;z-index:12}
.studio-stages button{padding:5px 0 8px;border-bottom:1px solid transparent;font-size:12px;opacity:.5;transition:opacity .35s,border-color .35s}
.studio-stages button[aria-pressed=true]{opacity:1;border-color:currentColor}
.studio-heading{top:181px;left:var(--space);z-index:4;pointer-events:none}
.studio-heading>.eyebrow{font-size:9px;opacity:.55}
.studio-heading h1{margin-top:14px;font-size:clamp(47px,5.5vw,80px);line-height:1;letter-spacing:-.065em;white-space:nowrap}
.studio-intro{right:var(--space);top:186px;max-width:280px;font-size:12px;line-height:1.65;z-index:5}
.studio-intro>span{max-width:none;font-size:11px;margin-top:12px;opacity:.65}
.studio-tools{top:278px;right:var(--space);gap:22px;z-index:12;font-size:11px}
.studio-tools button{padding:7px 0;font-size:11px}
.studio-tools button>span{font-size:16px}
.studio-canvas{left:1%;right:1%;top:286px;bottom:160px;z-index:2;cursor:grab;touch-action:none;user-select:none}
.studio-canvas>canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}
.studio-canvas:focus-visible{outline:2px solid #db885a;outline-offset:-4px}
.studio-canvas.is-pointer:focus-visible{outline:none}
.studio-object-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.studio-object-tag{position:absolute;left:0;top:0;transform:translate(-50%,0);padding:4px 8px;font-size:11px;white-space:nowrap;pointer-events:auto;border-bottom:1px solid transparent;background:var(--hero-paper);transition:opacity .4s,border-color .3s}
.studio-object-tag:hover,.studio-object-tag:focus-visible{border-bottom-color:currentColor}
.studio-loading{z-index:5;top:25px;max-width:85%;font-size:11px;padding:12px 15px}
.studio-fallback{gap:20px;padding:50px 30px;opacity:.75}
.studio-fallback .object-frame{height:190px}
.studio-canvas.is-ready .studio-fallback,.studio-canvas.is-ready .studio-loading{display:none}
.studio-guide{position:absolute;left:var(--space);top:300px;z-index:13;width:206px;padding:15px 17px 16px;background:#fffdf0;color:#30392a;border-left:2px solid #687b50;box-shadow:0 8px 25px #363c2810}
.studio-guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.studio-guide .eyebrow{font-size:9px;opacity:.65}
.studio-guide-top>button{padding:0 3px;font-size:20px;line-height:1}
.studio-guide h2{font-size:15px;letter-spacing:-.3px;line-height:1.25;margin-bottom:8px;font-weight:500}
.studio-guide p{font-size:11px;line-height:1.6}
.studio-guide>button{font-size:11px;border-bottom:1px solid #768367;padding:0 0 4px;margin-top:13px}
.studio-inspector{left:auto;right:var(--space);bottom:177px;z-index:8;width:245px;text-align:right;pointer-events:none}
.studio-inspector button,.studio-inspector a{pointer-events:auto}
.studio-inspector>.eyebrow{font-size:9px;opacity:.6}
.studio-inspector>h2{font-size:30px;margin-top:8px;line-height:1.04;letter-spacing:-1.2px}
.studio-inspector>p{max-width:none;font-size:12px;margin:10px 0 14px}
.studio-inspector-actions{justify-content:flex-end;gap:17px;flex-wrap:wrap}
.studio-inspector-actions>button,.studio-inspector-actions>a{font-size:11px;padding:6px 0;border-bottom:1px solid currentColor}
.studio-inspector-actions>a{border-bottom-color:transparent}
.studio-inner[data-mode=focus] .studio-inspector{left:var(--space);right:auto;text-align:left;bottom:200px;width:230px}
.studio-inner[data-mode=focus] .studio-inspector-actions{justify-content:flex-start}
.studio-inner[data-mode=research] .studio-inspector{bottom:185px}
.studio-inner[data-mode=research] .studio-inspector>p,.studio-inner[data-mode=research] #studio-focus,.studio-inner[data-mode=research] #studio-thinking{display:none}
.studio-experiment{position:absolute;right:var(--space);bottom:190px;z-index:9;width:300px;max-height:440px;padding:18px 0 0;border-top:1px solid var(--hero-line)}
.studio-experiment>.eyebrow{font-size:9px;opacity:.6}
.studio-experiment h3{font-size:20px;line-height:1.15;letter-spacing:-.6px;margin:9px 0 10px}
.studio-experiment>p{font-size:12px;line-height:1.55;margin-bottom:17px}
.studio-demo small{display:block;font-size:10px;line-height:1.5;opacity:.65;margin-top:12px}
.studio-range-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 7px;font-size:10px}
.studio-range-label button{font-size:11px;border-bottom:1px solid currentColor;padding:3px 0}
.studio-range{width:100%;accent-color:#587648;cursor:ew-resize;min-height:28px;margin:0}
.music-instruments{display:flex;gap:21px;justify-content:flex-start;margin:4px 0 18px}
.music-instruments>button{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:59px;padding:7px 4px 5px;border-bottom:1px solid transparent;cursor:grab;font-size:10px;transition:transform .25s}
.music-instruments>button[aria-pressed=true]{border-bottom-color:currentColor}
.music-instruments>button:hover{transform:translateY(-4px)}
.music-instruments .object-frame{height:53px;width:auto;max-width:51px;aspect-ratio:var(--object-ratio)!important}
.music-track{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.music-track>button{height:69px;border:1px solid var(--hero-line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;padding:5px}
.music-track>button>span{font-size:19px;opacity:.5}
.music-track>button>small{font:9px/1 "Courier New",monospace;margin:0;opacity:.55}
.music-track>button img{max-height:39px;width:auto;max-width:38px;pointer-events:none}
.music-track>button.is-drop-target{outline:2px solid #6c824c;outline-offset:2px}
.music-track>button.is-playing{background:#d2dfa8;border-color:#6a8046;color:#283820}
.music-actions{display:flex;align-items:center;gap:21px;margin-top:13px;font-size:11px}
.music-actions>button{font-size:11px;padding:6px 0;border-bottom:1px solid transparent}
.music-actions>button:first-child,.music-actions>button[aria-pressed=true]{border-bottom-color:currentColor}
.studio-stones{display:flex;gap:18px;justify-content:space-between;margin:22px 0}
.studio-stones>button{width:75px;height:66px;border-radius:50%;background:#d7dfbe;color:#314329;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .35s,transform .5s var(--studio-ease);font-size:10px}
.studio-stones>button>span{font:16px/1 "Courier New",monospace}
.studio-stones>button[aria-pressed=true]{background:#a9c582;transform:translateY(-5px)}
.flora-actions{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:10px}
.flora-actions button{font-size:11px;border-bottom:1px solid currentColor;padding:5px 0}
.studio-journey-stages{display:flex;justify-content:space-between;gap:12px;margin:20px 0 8px}
.studio-journey-stages>button{font-size:11px;opacity:.45;padding:6px 0;border-bottom:1px solid transparent}
.studio-journey-stages>button[aria-pressed=true]{opacity:1;border-bottom-color:currentColor}
#demo-plateau-ark h4{font-size:14px;font-weight:500;line-height:1.3;margin-top:13px}
#demo-plateau-ark p{font-size:11px;line-height:1.5;margin-top:7px}
.studio-evidence{position:absolute;left:var(--space);top:292px;bottom:172px;width:39%;max-width:465px;z-index:9}
.studio-evidence>.eyebrow{font-size:9px;opacity:.6}
.studio-evidence>h2{font-size:clamp(30px,3.2vw,48px);line-height:1.02;letter-spacing:-1.4px;margin:9px 0 20px}
.studio-evidence-tabs{display:flex;gap:12px;align-items:center;font-size:10px;margin-bottom:15px}
.studio-evidence-tabs>span{opacity:.35}
.studio-evidence-tabs>button{font-size:11px;padding:5px 0;border-bottom:1px solid transparent;opacity:.45}
.studio-evidence-tabs>button[aria-pressed=true]{opacity:1;border-bottom-color:currentColor}
.studio-evidence-content{min-height:106px;max-width:405px}
.studio-evidence-content h3{font-size:17px;line-height:1.25;letter-spacing:-.35px;margin-bottom:9px}
.studio-evidence-content p{font-size:12px;line-height:1.6}
.studio-evidence-image{display:flex;align-items:center;gap:16px;text-align:left;margin-top:15px;max-width:100%;padding:0}
.studio-evidence-image img{width:150px;height:96px;object-fit:contain;background:#fffdf5;object-position:left center}
.studio-evidence-image>span{font-size:10px;max-width:95px;line-height:1.5}
.studio-evidence>a{display:inline-block;font-size:11px;margin-top:14px;border-bottom:1px solid currentColor;padding-bottom:4px}
.studio-orbit{position:absolute;top:auto;bottom:128px;left:50%;right:auto;transform:translateX(-50%);z-index:10;display:flex;gap:19px;align-items:center}
.studio-orbit>button{width:36px;height:36px;font-size:20px;border:1px solid var(--hero-line);border-radius:50%;display:grid;place-items:center}
.studio-orbit>label{display:block;width:200px;font:9px/1.5 "Courier New",monospace;text-align:center;letter-spacing:.025em}
.studio-orbit output{margin-left:8px;display:inline-block;min-width:28px;font-variant-numeric:tabular-nums}
.studio-orbit input{display:block;width:100%;accent-color:#587648;cursor:ew-resize;min-height:23px;margin:2px 0}
.studio-orbit label>span{font-size:8px;opacity:.5}
.studio-hint{bottom:103px;opacity:.6;z-index:8;font-size:9px;pointer-events:none;gap:15px;align-items:center;min-height:15px}
.studio-hint a{pointer-events:auto;font-size:10px;white-space:nowrap}
.studio-index{bottom:20px;gap:28px}
.studio-index>button{padding-top:13px}
.studio-index>button>span:last-child{font-size:22px;margin-top:6px}
.studio-index>button .eyebrow{font-size:9px}
.studio-index>button:before{transition:transform 1.1s var(--studio-ease)}
body[data-feature=care] .studio-guide{background:#eff0d9;color:#293528}
body[data-feature=care] .studio-range,body[data-feature=care] .studio-orbit input{accent-color:#e0e5b7}
.studio-inner[data-mode=research] .studio-guide{display:none}
@media(min-width:761px) and (max-width:1150px){
 .studio-heading h1{font-size:58px}.studio-heading{top:180px}.studio-intro{top:188px;max-width:250px;font-size:11px}.studio-tools{top:282px;gap:17px}.studio-canvas{top:300px;bottom:166px}.studio-guide{top:310px;width:185px;padding:13px 14px}.studio-inspector{width:220px;bottom:192px}.studio-inner[data-mode=focus] .studio-inspector{width:190px;bottom:192px}.studio-inspector>h2{font-size:27px}.studio-experiment{width:258px;bottom:193px}.studio-experiment h3{font-size:18px}.studio-experiment>p{font-size:11px}.studio-stages{gap:25px}.studio-evidence{top:300px;width:41%}.studio-evidence-content p{font-size:11px}.studio-evidence-content{min-height:115px}.studio-evidence-image img{width:135px;height:85px}.studio-orbit{bottom:128px;gap:14px}.studio-orbit>label{width:180px}.studio-index>button>span:last-child{font-size:20px}.music-instruments{gap:14px}.music-actions{gap:15px}
}
@media(max-width:760px){
 :root{--studio-height:1100px}
 .studio-opening{height:auto;overflow:hidden}.studio-inner{position:relative;height:1100px;top:0}.studio-stages{top:100px;left:var(--space);right:var(--space);gap:15px;flex-wrap:wrap}.studio-stages button{font-size:10px;padding-bottom:6px}.studio-heading{top:154px;left:var(--space)}.studio-heading>.eyebrow{font-size:8px}.studio-heading h1{font-size:clamp(40px,8.6vw,62px);margin-top:12px;white-space:normal}.studio-intro{top:245px;left:var(--space);right:var(--space);max-width:none;font-size:12px}.studio-intro>span{font-size:10px;margin-top:7px}.studio-tools{top:344px;left:var(--space);right:var(--space);gap:15px;justify-content:space-between}.studio-tools button{font-size:10px}.studio-canvas{top:396px;bottom:420px;left:0;right:0}.studio-guide{top:390px;left:var(--space);width:177px;padding:11px 13px}.studio-guide h2{font-size:13px}.studio-guide p{font-size:10px}.studio-guide .eyebrow{font-size:8px}.studio-guide>button{font-size:10px;margin-top:9px}.studio-object-tag{font-size:9px;padding:3px 5px}.studio-inspector,.studio-inner[data-mode=focus] .studio-inspector{top:703px;bottom:auto;left:var(--space);right:auto;text-align:left;width:230px}.studio-inspector>h2{font-size:27px}.studio-inspector>p{font-size:11px;margin:8px 0}.studio-inspector>.eyebrow{font-size:8px}.studio-inspector-actions{justify-content:flex-start;gap:16px}.studio-inspector-actions>button,.studio-inspector-actions>a{font-size:10px}.studio-orbit{top:649px;bottom:auto;left:50%;gap:14px}.studio-orbit>label{width:170px}.studio-orbit>button{width:34px;height:34px}.studio-hint{bottom:137px;left:var(--space);right:var(--space);max-width:none;font-size:8px;align-items:flex-end}.studio-hint>span{max-width:64%}.studio-hint a{font-size:9px;white-space:normal;max-width:100px;text-align:right}.studio-index{bottom:20px;left:var(--space);right:var(--space);grid-template-columns:1fr 1fr;gap:8px 24px}.studio-index>button>span:last-child{font-size:18px}.studio-index>button .eyebrow{font-size:8px}.studio-index>button{padding-top:10px}.studio-experiment{top:822px;bottom:auto;left:var(--space);right:var(--space);width:auto;max-height:none;padding-top:14px}.studio-experiment h3{font-size:19px}.studio-experiment>.eyebrow{font-size:8px}.studio-experiment>p{font-size:11px;max-width:360px}.studio-inner[data-mode=focus]{height:1410px}.studio-inner[data-mode=focus] .studio-canvas{height:283px;bottom:auto}.studio-inner[data-mode=focus] .studio-hint{bottom:140px}.studio-inner[data-mode=focus] .studio-orbit{top:652px}.studio-inner[data-mode=focus] .studio-experiment{max-width:450px}.music-instruments{justify-content:space-between;max-width:280px}.music-track{max-width:330px}.music-actions{gap:25px}.studio-stones{justify-content:flex-start;gap:25px}.flora-actions{justify-content:flex-start;gap:24px}.studio-evidence{top:785px;bottom:auto;left:var(--space);right:var(--space);width:auto;max-width:none}.studio-evidence>h2{font-size:34px;margin:10px 0 15px}.studio-evidence-content{min-height:0}.studio-evidence-content p{font-size:12px}.studio-evidence-image img{width:150px;height:100px}.studio-inner[data-mode=research]{height:1460px}.studio-inner[data-mode=research] .studio-canvas{height:288px;bottom:auto}.studio-inner[data-mode=research] .studio-inspector{top:704px;bottom:auto;left:var(--space);right:auto;text-align:left;width:auto}.studio-inner[data-mode=research] .studio-inspector>h2{display:none}.studio-inner[data-mode=research] .studio-inspector-actions{justify-content:flex-start}.studio-inner[data-mode=research] .studio-hint{bottom:141px}.studio-fallback{padding:15px;gap:9px}.studio-fallback .object-frame{height:100px}.studio-fallback>a>span:last-child{font-size:9px}.studio-loading{font-size:10px;gap:8px;top:135px}
}
@media(prefers-reduced-motion:reduce){.studio-opening{height:var(--studio-height)}.studio-inner{position:relative}.studio-stages button,.studio-object-tag,.music-instruments>button,.studio-stones>button,.studio-index>button:before{transition:none}}
.studio-model-hotspots{position:absolute;inset:0;pointer-events:none;z-index:5}.model-hotspot{position:absolute;pointer-events:auto;transform:translate(-50%,-155%);white-space:nowrap;border:1px solid #829283;background:#f5f3e9;padding:7px 10px;border-radius:3px;font-size:10px;line-height:1.2;box-shadow:0 2px 8px #22352212}.model-hotspot::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:13px;background:#829283}.model-hotspot:hover,.model-hotspot[aria-pressed=true]{background:#d8e8c6;border-color:#5e7d52}.model-hotspot[hidden]{display:none}.studio-model-note{font-size:10px!important;line-height:1.6!important;margin-top:12px!important;color:#526151}.studio-model-tools{display:flex;gap:5px;margin:14px 0 4px;align-items:center}.studio-model-tools[hidden]{display:none}.studio-model-tools button{background:#f8f6ee;border:1px solid #9aa78c;border-radius:2px;padding:7px 10px;font-size:11px}.studio-model-tools button:hover{background:#e1eacb}
@media(max-width:760px){.model-hotspot{font-size:9px;padding:6px 7px}.studio-model-tools{flex-wrap:wrap;gap:5px}.studio-model-note{font-size:10px!important}}
@media(min-width:761px){.studio-inner[data-mode=focus][data-geometry=true] .studio-experiment{top:300px;bottom:190px;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}.studio-inner[data-geometry=true] .music-instruments{margin:0 0 10px;gap:16px}.studio-inner[data-geometry=true] .music-instruments .object-frame{height:33px;max-width:38px}.studio-inner[data-geometry=true] .music-instruments>button{gap:5px;min-width:48px}.studio-inner[data-geometry=true] .music-track>button{height:49px}.studio-inner[data-geometry=true] .music-track>button img{max-height:28px}.studio-inner[data-geometry=true] .studio-model-note{margin-bottom:10px!important}.studio-inner[data-geometry=true] .studio-model-tools{margin-top:10px}}
@media(max-width:760px){.studio-inner[data-mode=focus][data-geometry=true]{height:1540px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.studio-opening{height:auto}}

/* Final render gallery: explicit controls, with no text over project imagery. */
.studio-view-controls{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 10px}
.studio-view-controls button{font-size:11px;line-height:1.3;border:1px solid var(--hero-line);padding:8px 10px;background:transparent}
.studio-view-controls button[aria-pressed=true]{background:var(--hero-ink);color:var(--hero-paper);border-color:var(--hero-ink)}
.studio-enlarge{font-size:11px;padding:5px 0;border-bottom:1px solid currentColor;margin-bottom:8px}
.studio-inner[data-mode=focus] .studio-guide{display:none}
@media(min-width:761px){
 .studio-inner[data-mode=focus] .studio-experiment{top:312px;bottom:190px;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;width:294px;background:var(--hero-paper);padding:18px 16px 16px;border-top:1px solid var(--hero-line)}
 .studio-inner[data-mode=focus] .studio-experiment h3{font-size:20px}
 .studio-inner[data-mode=focus] .studio-experiment>p{font-size:11px;margin-bottom:10px}
 .studio-inner[data-mode=focus] .music-instruments{margin:5px 0 12px;gap:17px}
 .studio-inner[data-mode=focus] .music-instruments .object-frame{height:34px;max-width:35px}
 .studio-inner[data-mode=focus] .music-track>button{height:48px}
 .studio-inner[data-mode=focus] .music-track>button img{max-height:28px}
 .studio-inner[data-mode=focus] .studio-inspector{width:210px;bottom:210px}
}

.studio-viewer{position:absolute;z-index:10;left:25%;right:31%;bottom:145px;text-align:center}
.studio-viewer[hidden]{display:none}.studio-viewer .studio-view-controls{justify-content:center;margin:0 0 5px}
.studio-viewer .studio-enlarge{font-size:10px;margin:0;padding-bottom:3px}
.studio-inner[data-mode=focus] .studio-model-note{display:none}
.studio-inner[data-mode=focus] .studio-orbit{display:none}
@media(max-width:760px){.studio-viewer{top:680px;bottom:auto;left:var(--space);right:var(--space)}.studio-viewer .studio-view-controls{justify-content:flex-start}.studio-viewer{text-align:left}.studio-inner[data-mode=focus] .studio-inspector{top:790px}.studio-inner[data-mode=focus] .studio-experiment{top:925px}.studio-inner[data-mode=focus]{height:1510px}}