.object-study{background:#e7ddcd;padding:80px 4.2% 30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:0 5%;scroll-margin-top:85px}.object-heading{padding:35px 0 0 5%;max-width:500px}.object-heading h2{font-size:clamp(50px,5vw,81px);margin:30px 0;line-height:1.03}.object-heading>p:not(.eyebrow){font-size:16px;max-width:350px;line-height:1.6}.object-mode{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;margin-top:25px;padding:13px 19px;border:1px solid var(--ink);font-size:12px;background:var(--ink);color:var(--chalk);cursor:pointer}.object-mode:disabled{opacity:.6;cursor:default}.object-stage{height:600px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#f7f1e5 10%,#e4d7c5 88%)}.object-still{width:100%;height:100%;object-fit:contain;padding:38px;display:block}.object-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;touch-action:pan-y;cursor:grab}.object-stage canvas.is-dragging{cursor:grabbing}.object-stage.is-interactive canvas{opacity:1}.object-stage.is-interactive .object-still{visibility:hidden}.object-stage canvas:focus-visible{outline:3px solid var(--terra);outline-offset:-6px}.object-index{position:absolute;left:24px;top:22px;font-size:9px;letter-spacing:.1em;pointer-events:none}.object-toolbar{grid-column:2;display:flex;justify-content:space-between;align-items:start;gap:24px;padding:20px 0}.object-views{display:flex;flex-shrink:0;border:1px solid var(--line)}.object-views button{min-width:64px;min-height:44px;font-size:11px;padding:10px 13px;border-right:1px solid var(--line);cursor:pointer}.object-views button:last-child{border-right:0}.object-views button[aria-pressed=true],.object-views button:hover:enabled{background:var(--ink);color:var(--chalk)}.object-views button:disabled{opacity:.45;cursor:default}#object-status{font-size:11px;max-width:255px;line-height:1.5;min-height:34px;margin:0}.object-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:15px;font-size:11px;line-height:1.6}.object-mode:focus-visible,.object-views button:focus-visible{outline:3px solid var(--terra);outline-offset:4px}
.object-stage canvas[hidden]{display:none!important}
.object-frame{grid-column:2;min-width:0;display:flow-root}.object-toolbar{flex-wrap:wrap;gap:14px}.object-toolbar .object-mode{margin-top:0;min-height:44px;gap:12px;padding:10px 12px;font-size:11px;flex-shrink:0}.object-toolbar #object-status{flex:1;min-width:160px}
@media(max-width:1000px){.object-heading{padding-left:0}.object-heading h2{font-size:53px}.object-stage{height:540px}.object-toolbar{display:block}#object-status{margin-top:15px;max-width:100%}}
@media(max-width:700px){.object-study{grid-template-columns:1fr;padding:55px 6% 28px;gap:0}.object-heading{padding:0;max-width:100%}.object-heading h2{font-size:48px;margin:25px 0}.object-heading>p:not(.eyebrow){font-size:14px}.object-mode{margin-top:20px}.object-stage{height:440px;margin-top:28px}.object-still{padding:32px 20px}.object-toolbar{grid-column:1;display:block;padding:18px 0 4px}.object-views{width:max-content}.object-views button{min-width:70px;font-size:11px}#object-status{font-size:11px;max-width:100%;min-height:33px;margin-top:14px}.object-note{font-size:10px;margin-top:18px}.object-index{left:18px;top:20px}}
@media(max-width:700px){.object-frame{grid-column:1}.object-stage{height:350px}.object-toolbar{display:flex;gap:12px}.object-toolbar .object-mode{min-width:112px}.object-views button{min-width:60px;padding:9px 10px;font-size:10px}.object-toolbar #object-status{flex-basis:100%;margin-top:0}}