.sera-intro{padding:50px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:30px}.sera-intro h1{font-size:clamp(48px,6vw,78px)}.sera-intro .eyebrow{margin-bottom:12px}.sera-intro>p{max-width:355px;font-size:14px}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;padding-bottom:70px}.stage-frame{border:1px solid #c7a7733c;background:#09181c;position:relative;overflow:hidden}.stage{height:620px;position:relative;background:radial-gradient(ellipse at 50% 45%,#243a40,#0b191d 70%);touch-action:none}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.stage[data-ready] .stage-poster{display:none}.stage-caption{position:absolute;left:24px;top:22px;z-index:2;pointer-events:none;font-size:10px;letter-spacing:2px;color:#d5c7ac}.stage-caption strong{display:block;font:26px Georgia,serif;letter-spacing:0;margin:6px 0;color:#f3dfbc}.stage-hint{position:absolute;bottom:20px;left:18px;right:18px;text-align:center;font-size:11px;color:#bdc9c7;pointer-events:none;letter-spacing:.5px}.viewer-message{position:absolute;inset:0;display:grid;place-content:center;padding:28px;text-align:center;background:#08181ad4;z-index:3}.viewer-message[hidden]{display:none}.viewer-message p{max-width:340px}.viewer-message button{margin:20px auto 0}.viewer-controls{padding:16px 18px;display:flex;flex-wrap:wrap;gap:9px;background:#122529;border-top:1px solid #ffffff14}.viewer-controls button,.motion-tabs button{border:1px solid #ffffff28;color:#dedfd3;background:#132a2d;min-width:42px;min-height:42px;padding:8px 12px;cursor:pointer;font-size:12px;border-radius:3px}.viewer-controls button:hover,.motion-tabs button:hover{background:#254345}.viewer-controls .pause{margin-left:auto}.motion-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.motion-tabs button[aria-pressed=true]{border-color:#d6b573;background:#d6b573;color:#13282a}.study-notes{padding-top:5px}.study-notes h2{font-size:34px;margin:14px 0 20px}.study-notes p{font-size:13px}.study-notes section{padding:26px 0;border-bottom:1px solid #ffffff1c}.study-notes section:first-child{padding-top:0}.study-notes .eyebrow{margin-bottom:12px;font-size:9px}.study-notes dl{font-size:12px;margin:0}.study-notes dt{color:#dfcdad;margin-top:14px}.study-notes dd{margin:4px 0;color:#a6b8b3}.viewer-status{font-size:11px;min-height:20px;margin:10px 0;color:#a9beba}.study-note{padding:20px 0 0;font-size:11px;max-width:700px}.lore-link{color:var(--gold);display:inline-block;font-size:12px;margin-top:20px}.view-options{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#b2c3bc}.view-options input{accent-color:#dbb875;width:17px;height:17px}.study-quote{font:italic 29px/1.35 Georgia,serif;color:#d8c6a4;padding:15px 0}.study-quote+p{font-size:12px}.stage canvas:focus-visible{outline:3px solid #efc983;outline-offset:-4px}.viewer-controls button:disabled,.motion-tabs button:disabled{opacity:.45;cursor:wait}@media(max-width:900px){.study-layout{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.stage{height:560px}.sera-intro{display:block}.sera-intro>p{margin-top:18px;max-width:600px}}@media(max-width:700px){.study-layout{grid-template-columns:1fr;gap:32px}.stage{height:500px}.sera-intro{padding-top:35px}.stage-caption{font-size:8px;left:18px;top:18px}.stage-caption strong{font-size:23px}.viewer-controls{padding:12px;gap:7px}.viewer-controls button{padding:8px 10px}.study-notes{display:grid;grid-template-columns:1fr}.study-notes section{padding:20px 0}.study-note{font-size:11px}.viewer-controls .pause{margin-left:0}}@media(max-width:390px){.stage{height:460px}}

.motion-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#15282a;border-bottom:1px solid #ffffff18}.motion-bar .motion-tabs{margin:0;gap:7px}.motion-bar .view-options{margin:0;font-size:11px}.motion-bar .motion-tabs button{min-height:38px;font-size:11px}.viewer-controls{border-top:0;border-bottom:1px solid #ffffff18;padding-block:10px}.stage{height:560px}@media(max-width:700px){.motion-bar{padding:12px}.stage{height:440px}.viewer-controls{padding:10px}.viewer-controls button{font-size:11px;min-height:38px;padding:7px 9px}.viewer-controls .pause{margin-left:auto}}

.stage[data-view="portrait"] .stage-caption{display:none}

@media(max-width:700px){.stage-caption{display:none}}

.concept-reference{margin:24px 0 8px}.concept-reference img{display:block;width:100%;height:auto;border:1px solid #ad956440;border-radius:3px}.concept-reference figcaption{font-size:10px;line-height:1.5;color:#cdb88b;margin-top:9px}.concept-reference a{text-decoration:none}