.m3d-section{padding-top:72px}.m3d-section .section-heading{align-items:start}.m3d-section h2{font-size:1.9375rem}.m3d-intro{font-size:1rem;color:var(--muted);line-height:1.85;margin:0;max-width:460px}.m3d-film{border-radius:7px;overflow:hidden;background:#10283f;border:1px solid #29475d;color:#e5eef4}.m3d-film-stage{position:relative;height:490px;background:radial-gradient(ellipse at 70% 60%,#264b61 0%,#10283f 66%);isolation:isolate;overflow:hidden}.m3d-film-stage:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#6c9cb508 1px,transparent 1px),linear-gradient(90deg,#6c9cb508 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000)}.m3d-film-canvas{display:block;width:100%;height:100%;pointer-events:none}.m3d-film-copy{position:absolute;left:36px;top:70px;width:28%;max-width:325px;pointer-events:none}.m3d-film-kicker{display:flex;gap:9px;align-items:center;margin:0 0 18px;font-size:.8125rem;color:#99dacf;font-weight:600;letter-spacing:.13em}.m3d-film-kicker:before{content:"";height:1px;width:22px;background:#99dacf}.m3d-film-copy h3{margin:0 0 18px;font-size:1.625rem;font-weight:500;line-height:1.5;letter-spacing:.015em;text-wrap:balance}.m3d-film-copy>p:last-child{font-size:1rem;line-height:1.9;color:#bcd0de;margin:0}.m3d-film-headingbar{position:absolute;top:20px;left:28px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.m3d-film-headingbar>span{color:#9cb5c8;font-size:.75rem;letter-spacing:.045em}.m3d-playback{border:1px solid #506d82;border-radius:4px;padding:5px 12px;font-size:.8125rem;min-height:34px;color:#d5e4ed;background:#10283fe6}.m3d-playback:hover{background:#2b4b61;color:#fff}.m3d-film-legend{position:absolute;bottom:25px;right:35px;left:38%;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 21px;font-size:.8125rem;color:#adc3d2;pointer-events:none}.m3d-film-legend>span{display:flex;align-items:center;gap:7px}.m3d-film-legend i{width:8px;height:8px;background:var(--legend);border-radius:2px}.m3d-film-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #345269;padding:0 20px;background:#112d45;gap:18px}.m3d-film-steps:before{content:"";position:absolute;top:-1px;left:0;width:calc(var(--film-progress,0)*100%);height:2px;background:#91d5c6}.m3d-film-step{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 3px;font-size:.875rem;color:#91acbf;line-height:1.5}.m3d-film-step b{font-size:.875rem;font-weight:600;color:#a4bdce}.m3d-film-step.is-active{color:#e2f5f0}.m3d-film-step.is-active b{color:#98e1d0}.m3d-film-step.is-complete{color:#bacfdd}.m3d-film-step i{height:5px;width:5px;border-radius:50%;background:#486b84;flex-shrink:0}.m3d-film-step.is-active i,.m3d-film-step.is-complete i{background:#8ed0c2}.m3d-caption{display:flex;justify-content:space-between;gap:24px;margin-top:13px;font-size:.8125rem;color:var(--muted);line-height:1.7}.m3d-caption p{margin:0}.m3d-caption a{white-space:nowrap;color:var(--accent)}.m3d-caption a:hover{text-decoration:underline}.m3d-static-summary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.m3d-film-stage{height:480px}.m3d-film-copy{left:27px;top:83px;width:29%}.m3d-film-copy h3{font-size:1.4375rem}.m3d-film-steps{gap:10px;padding-inline:16px}.m3d-film-step{gap:7px;font-size:.8125rem}.m3d-film-legend{font-size:.75rem;gap:8px 12px;right:25px}}
@media(max-width:860px){.m3d-section{padding-top:55px}.m3d-intro{max-width:620px}.m3d-film-copy{width:30%;left:22px;top:77px}.m3d-film-copy>p:last-child{font-size:.9375rem;line-height:1.8}.m3d-film-step{flex-wrap:wrap;gap:4px 7px}.m3d-film-step>span{flex-basis:100%;text-align:center}.m3d-caption{flex-direction:column;gap:5px}}
@media(max-width:680px){.m3d-film-stage{height:560px;background:radial-gradient(ellipse at 50% 72%,#264b61 0%,#10283f 64%)}.m3d-film-copy{width:auto;max-width:none;left:23px;right:23px;top:67px}.m3d-film-copy h3{font-size:1.3125rem;margin-bottom:10px;line-height:1.4}.m3d-film-kicker{margin-bottom:9px;font-size:.75rem}.m3d-film-copy>p:last-child{max-width:520px;font-size:.9375rem;line-height:1.8}.m3d-film-headingbar{left:21px;right:19px;top:16px}.m3d-film-headingbar>span{font-size:.6875rem;letter-spacing:.02em}.m3d-film-legend{left:20px;right:20px;bottom:20px;font-size:.75rem;gap:9px 15px}.m3d-film-step{padding-block:17px;font-size:.75rem}.m3d-film-step b{font-size:.8125rem}.m3d-film-steps{padding-inline:12px;gap:4px}.m3d-section h2{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){.m3d-film-steps:before{transition:none}}
@media print{.m3d-film{print-color-adjust:exact;break-inside:avoid}.m3d-playback{display:none}.m3d-film-stage{height:380px}.m3d-film-copy{top:60px}}

/* Chapter buttons seek and resume the film; they do not control the model. */
.m3d-film-step{appearance:none;border:0;border-radius:3px;background:transparent;font-family:inherit;cursor:pointer;min-height:64px;transition:background .18s,color .18s}.m3d-film-step:hover{background:#21465f;color:#f0faf8}.m3d-film-step.is-active{background:#1b3b52}.m3d-film-step:focus-visible{outline:2px solid #9adbcf;outline-offset:-4px}.m3d-film-steps:before{pointer-events:none}