.m54-explode{border-top:1px solid #ffffff20;margin-bottom:100px}
.m54-sticky{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:30px 0}
.m54-copy h2{font-size:clamp(34px,3.3vw,48px);margin:14px 0 23px}
.m54-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-bottom:1px solid #ffffff24;padding-bottom:14px;margin-bottom:24px}
.m54-sequence>span{display:flex;gap:8px;align-items:center;color:#67747d;font-size:9px;line-height:1.3}.m54-sequence b{font:11px ui-monospace,Consolas,monospace;font-weight:400}.m54-sequence .is-active{color:#d0e0e9}
.m54-phase-heading>span{font:9px ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#8da7b7}.m54-phase-heading h3{font-size:26px;line-height:1.2;margin:11px 0 18px}
.m54-operations{list-style:none;padding:0;margin:0}.m54-operations li{display:grid;grid-template-columns:25px 1fr;gap:12px;border-top:1px solid #ffffff16;padding:12px 0}.m54-op-number{font:10px ui-monospace,Consolas,monospace;color:#829baa;padding-top:3px}.m54-operations h4{font-size:14px;font-weight:550;letter-spacing:-.015em;margin:0 0 4px}.m54-operations p{font-size:11px;line-height:1.5;margin:0;color:#99a3ab}
.m54-copy .m54-scope{font-size:10px;line-height:1.6;color:#7e8c96;margin:17px 0 0;border-top:1px solid #ffffff24;padding-top:13px}.m54-chapter{margin-bottom:28px}.m54-chapter[hidden]{display:none}.m54-enhanced .m54-chapter{margin-bottom:0}.m54-enhanced .m54-protocol{min-height:425px}
.m54-figure{margin:0;min-width:0}.m54-meta{display:flex;justify-content:space-between;font:8px ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#a6b2b9;border-bottom:1px solid #ffffff18;padding-bottom:17px}
.m54-stage{height:640px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#29313824,transparent 65%)}
.m54-layer{position:absolute;width:64%;aspect-ratio:1;left:18%;top:50%;background-image:url('./assets/m54-exploded-atlas-v25.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 15px 13px #0007);will-change:transform;transform:translate(var(--mx,0px),calc(-50% + var(--my,0px))) scale(var(--layer-scale,.6))}
.m54-cover{background-position:0 0;--mx:-28px;--my:-205px}.m54-head{background-position:100% 0;--mx:-10px;--my:-70px}.m54-block{background-position:0 100%;--mx:12px;--my:75px}.m54-crank{background-position:100% 100%;--mx:35px;--my:210px}
.m54-axis{position:absolute;width:1px;left:50%;top:7%;bottom:7%;background:linear-gradient(transparent,#9eb8c42e,transparent);transform:rotate(-7deg)}
.m54-figure figcaption{font-size:9px;color:#74838d;line-height:1.6;border-top:1px solid #ffffff18;padding-top:15px}
.m54-enhanced.m54-explode{height:340vh}.m54-enhanced .m54-sticky{position:sticky;top:95px;min-height:calc(100svh - 105px)}
@media(min-width:801px) and (max-height:870px){.m54-stage{height:480px}.m54-layer{width:55%;left:22.5%}.m54-copy h2{font-size:34px;margin:8px 0 16px}.m54-sequence{margin-bottom:14px;padding-bottom:10px}.m54-phase-heading h3{font-size:23px;margin:8px 0 12px}.m54-operations li{padding:8px 0}.m54-enhanced .m54-protocol{min-height:355px}.m54-sticky{padding-block:15px}.m54-copy .m54-scope{margin-top:10px;padding-top:10px}}
@media(max-width:800px){.m54-sticky{grid-template-columns:1fr;gap:14px}.m54-copy h2{font-size:28px;margin:8px 0 13px}.m54-copy h2 br{display:none}.m54-sequence{margin-bottom:12px;padding-bottom:10px;gap:6px}.m54-sequence>span{font-size:8px;gap:5px}.m54-phase-heading h3{font-size:21px;margin:7px 0 12px}.m54-operations li{padding:7px 0;grid-template-columns:19px 1fr;gap:9px}.m54-operations h4{font-size:12px;margin:0 0 3px}.m54-operations p{font-size:10px;line-height:1.4}.m54-enhanced .m54-protocol{min-height:315px}.m54-copy .m54-scope{font-size:8px;margin:8px 0 0;padding-top:8px}.m54-stage{height:270px}.m54-layer{width:60%;left:20%;--my:0px}.m54-enhanced .m54-sticky{top:90px;min-height:0;padding-block:12px}.m54-enhanced.m54-explode{height:360vh}.m54-meta{padding-bottom:8px;font-size:7px}.m54-figure figcaption{font-size:8px;padding-top:8px}.m54-explode{margin-bottom:65px}}
@media(max-width:800px) and (max-height:850px){.m54-copy h2{font-size:24px}.m54-copy .eyebrow{font-size:8px;margin-top:0}.m54-stage{height:200px}.m54-layer{width:48%;left:26%}.m54-operations li{padding:5px 0}.m54-enhanced .m54-protocol{min-height:275px}.m54-sticky{gap:8px}.m54-copy .m54-scope{line-height:1.4}}
@media(prefers-reduced-motion:reduce){.m54-layer{will-change:auto}}