:root{font-family:DM Sans,Arial,sans-serif;color:#343a2f;background:#f8f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--paper:#f8f7f3;--ink:#343a2f;--muted:#72776a;--line:#dedfd5;--accent:#707b52}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,.viewport:focus-visible{outline:2px solid #899365;outline-offset:5px}.study{min-height:100svh;display:flex;flex-direction:column;padding:0 4.1vw}.masthead{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);flex-shrink:0}.wordmark{display:inline-flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;font-size:11px;letter-spacing:.19em;font-weight:550}.wordmark svg{color:#707b52}.phase{font-size:11px;letter-spacing:.055em;color:#6b7065}.separator{padding:0 16px;color:#c2c5b8}.study-body{position:relative;min-height:570px;flex:1;height:calc(100svh - 146px)}.introduction{position:absolute;left:0;top:49px;pointer-events:none;z-index:2}.eyebrow{text-transform:uppercase;font-size:9px;font-weight:500;letter-spacing:.18em;color:var(--muted)}h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(40px,3.8vw,57px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 19px}h1 em{font-weight:400;color:#707b52}.introduction p{font-size:12px;color:#72776a;line-height:1.9;margin:0}.viewport{position:absolute;top:5px;right:0;bottom:64px;left:10%;cursor:grab;touch-action:none;border-radius:4px}.viewport:active{cursor:grabbing}.viewport>div{outline:none}.viewport canvas{display:block;touch-action:none}.specimen-note{position:absolute;left:0;bottom:112px;pointer-events:none}.note-rule{display:block;width:27px;height:1px;background:#afb79a;margin-bottom:20px}.specimen-note p{font-size:11px;line-height:1.9;color:#818577;margin-top:12px}.asset-note{color:#9b9d92}.view-toolbar{position:absolute;left:50%;transform:translate(-50%);bottom:26px;display:flex;align-items:center;gap:29px;white-space:nowrap;z-index:2}.view-toolbar p{display:flex;align-items:center;gap:10px;font-size:10px;color:#72776a;margin:0}.view-toolbar b{font-weight:400;padding:0 8px;color:#bbbeb1}.reset-button{border:1px solid #d6d9cc;border-radius:30px;background:var(--paper);color:#555e49;display:inline-flex;gap:9px;align-items:center;padding:10px 15px;font-size:10px;cursor:pointer;transition:background .15s,border-color .15s}.reset-button:hover{background:#eeeee5;border-color:#aeb69a}.reset-button:active{background:#e4e7da}.footer{min-height:55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.045em;color:#74786b}.footer i{font-style:normal;color:#b5b8aa;padding:0 8px}.model-status{display:flex;align-items:center;gap:7px}.status-dot{height:4px;width:4px;border-radius:50%;background:#929e6f}.footer-note{font-family:"Instrument Serif",Georgia,serif;font-size:15px;font-style:italic;color:#7c846f;letter-spacing:0}.loading,.viewer-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;color:#747c64;font-size:12px;text-align:center;pointer-events:none}.viewer-error{pointer-events:auto;padding:30px;background:var(--paper)}.viewer-error p{font-family:"Instrument Serif",Georgia,serif;font-size:28px;margin:0}.viewer-error span{font-size:12px;max-width:270px;line-height:1.7}.viewer-error button{margin-top:12px;background:transparent;border:1px solid #b8beaa;border-radius:22px;padding:9px 18px;color:var(--ink);cursor:pointer}@media(min-width:1600px){.introduction{top:66px}.viewport{top:10px;right:0;bottom:64px;left:10%}}@media(max-width:900px){.study{padding:0 5vw}.masthead{height:76px}.study-body{height:calc(100svh - 131px);min-height:600px}.introduction{top:32px}h1{font-size:44px}.viewport{top:64px;right:-3vw;bottom:62px;left:0}.specimen-note{bottom:95px}.specimen-note p{font-size:10px}.eyebrow{font-size:8px}.introduction p{font-size:11px}}@media(max-width:600px){.study{padding:0 22px}.masthead{height:70px}.wordmark{font-size:9px;gap:10px;letter-spacing:.13em}.wordmark svg{width:21px}.phase{font-size:9px}.separator{padding:0 8px}.study-body{height:calc(100svh - 124px);min-height:600px}.introduction{top:28px}.introduction .eyebrow{font-size:8px}h1{font-size:42px;margin:13px 0 10px;line-height:1.04}.introduction p{font-size:10px;line-height:1.7}.viewport{top:154px;right:-22px;bottom:66px;left:-22px}.specimen-note{display:none}.view-toolbar{bottom:22px;gap:15px}.view-toolbar p{font-size:9px;gap:6px}.view-toolbar p svg{width:16px}.view-toolbar b{padding:0 4px}.reset-button{padding:10px 12px;font-size:9px;gap:6px}.reset-button svg{width:14px}.footer{min-height:54px;font-size:8px;gap:8px}.footer-note{display:none}.footer i{padding:0 3px}.footer>span:first-child{max-width:170px;line-height:1.6}.model-status{font-size:8px}.status-dot{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.view-switch{display:inline-flex;pointer-events:auto;margin-top:22px;padding:3px;gap:2px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.view-switch button{border:0;border-radius:20px;background:transparent;color:#71776a;font-size:10px;letter-spacing:.025em;padding:9px 20px;cursor:pointer;min-height:34px}.view-switch button[aria-pressed=true]{background:#e8ebde;color:#424e34}.view-switch button:hover{color:#343a2f;background:#eeeee6}.view-switch button[aria-pressed=true]:hover{background:#e0e5d3}@media(max-width:600px){.view-switch{margin-top:15px}.view-switch button{padding:7px 19px;min-height:32px;font-size:10px}.viewport{top:208px}.study-body{min-height:650px}}