.fm3-stage{background:var(--fm-sample-panel);position:absolute;inset:0}.fm3-photo-stack{position:absolute;inset:0;overflow:hidden}.fm3-photo-frame{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.fm3-photo-frame[data-visible]{opacity:1;z-index:2;transform:scale(1)}.fm3-photo-frame[data-previous]{opacity:1;z-index:1}.fm3-final-frame[data-visible]{z-index:0}.fm3-stage .fm3-dot{z-index:4;padding:0}@media (prefers-reduced-motion:reduce){.fm3-photo-frame{transition:none;transform:none}}.fm3-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fm3-leaders path{fill:none;stroke:var(--fm-sample-brass);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.25;transition:opacity .3s}.fm3-leaders path[data-lit]{opacity:.8}.fm3-leaders path[data-on]{stroke-width:2px;opacity:1}.fm3-target{background:var(--fm-sample-brass);opacity:.25;pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:opacity .3s;position:absolute}.fm3-target[data-lit]{opacity:1}.fm3-dot.fm3-dot{z-index:4;background:var(--fm-oak-deep);width:28px;height:28px;min-height:28px;color:var(--fm-white);border-radius:50%;padding:0;font-size:13px;position:absolute;transform:translate(-50%,-50%)}.fm3-dot:after{content:"";position:absolute;inset:-8px}.fm3-visual{aspect-ratio:1600/1008;background:var(--fm-sample-panel);border-radius:.5rem;width:100%;position:relative;overflow:hidden}.fm3-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.fm3-tabs button{border:1px solid color-mix(in oklab, var(--fm-graphite) 25%, transparent);min-height:44px;color:var(--fm-graphite);background:0 0;border-radius:6px;padding:0 16px;font-size:.9rem;font-weight:500}.fm3-tabs button[aria-selected=true]{background:var(--fm-graphite);border-color:var(--fm-graphite);color:var(--fm-warm)}.fm3-tabs button:focus-visible{outline:2px solid var(--fm-oak-deep);outline-offset:2px}.fm-sequence{--fm-stage-height:min(680px, calc(100vh - 112px))}.fm-sequence-sticky{align-items:center;gap:24px;display:grid}.fm-sequence-heading{margin-bottom:40px}.fm-sequence-details{margin-top:40px}.fm-sequence-details>div{margin-top:20px}.fm-sequence-visual{min-width:0}.fm-sequence-list{gap:0;margin:0;display:grid}.fm-sequence-list button{white-space:normal;text-align:left;justify-content:flex-start;width:100%;height:auto;min-height:44px;padding:8px 12px;font-size:15px;font-weight:400}.fm-sequence-list button[aria-current]{color:var(--fm-oak-deep);font-weight:600}.fm-sequence-list button[aria-current] .cutaway-num,.fm-step-buttons button[aria-current]{background:var(--fm-oak);color:var(--fm-black);border-color:var(--fm-oak)}.fm-sequence-note{border:1px solid var(--fm-line);background:var(--fm-white);border-radius:6px;min-height:120px;margin-top:16px;padding:24px;font-size:16px}.fm-sequence-note p{animation:.2s fm-note-in}@keyframes fm-note-in{0%{opacity:0}to{opacity:1}}.fm-step-buttons{justify-content:center;gap:8px;margin-top:12px;display:flex}.fm-step-buttons button{border-radius:50%;width:40px;height:40px;padding:0}.fm-progress{background:var(--fm-line);height:3px;margin-top:16px;overflow:hidden}.fm-progress span{background:var(--fm-oak);height:100%;display:block}@media (width>=768px){.fm-sequence-sticky{grid-template-columns:minmax(0,58fr) minmax(0,42fr)}.fm-sequence-copy{min-width:0;max-height:100%;overflow-y:auto}}@media (width>=768px) and (prefers-reduced-motion:no-preference){.fm-sequence{height:calc(var(--fm-stage-height) + var(--fm-track-travel))}.fm-sequence-sticky{top:max(64px, calc((100vh - var(--fm-stage-height)) / 2));height:var(--fm-stage-height);max-height:calc(100vh - 112px);position:sticky}}@media (width<=767px){.fm3-stage{touch-action:pan-y}}@media (prefers-reduced-motion:reduce){.fm-sequence-note p{animation:none}}
