/* Lightweight diagrams; no looping motion or extra page sections. */
.motion-lab:not([hidden]){display:block!important;max-width:1120px}.motion-modes{display:flex;gap:6px;margin-bottom:16px}.motion-modes button{display:flex;align-items:center;gap:18px;padding:10px 18px;min-height:44px;border:1px solid #d8d0c2;background:transparent;font-size:12px}.motion-modes button>span{font-size:10px;color:#8a755f}.motion-modes button[aria-pressed=true]{background:#343d34;border-color:#343d34;color:#fffdf8}.motion-modes button[aria-pressed=true]>span{color:#efc7a5}.motion-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:40px;align-items:center}.motion-stage{overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#faf5e9,#eee7da);border:1px solid #e1d7c7;padding:18px 22px 20px;position:relative}.motion-stage-top{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.07em;color:#756c5a}.motion-state{letter-spacing:0;background:#fffaf0b3;padding:6px 10px;border-radius:30px}.motion-stage svg{width:100%;height:320px;display:block;overflow:visible;margin:8px 0}.motion-stage .assembly-part{transition:transform 1.05s cubic-bezier(.2,.7,.25,1),opacity .3s,filter .3s;opacity:.9}.motion-stage .assembly-part.highlighted{opacity:1}.motion-stage.is-exploded [data-assembly-shape="0"]{transform:translate(80px,-5px)}.motion-stage.is-exploded [data-assembly-shape="1"]{transform:translate(5px,18px)}.motion-stage.is-exploded [data-assembly-shape="2"]{transform:translate(-65px,45px)}.motion-stage.is-exploded [data-assembly-shape="3"]{transform:translate(-100px,77px)}.motion-actions{display:flex;gap:10px;justify-content:center}.motion-actions button{min-height:44px;padding:10px 15px;font-size:11px;background:#f1c49f;border:1px solid #dfb58f}.motion-actions [data-demo]{background:transparent;border-color:#cabeaa}.motion-copy h3{font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin-bottom:22px}.motion-copy .eyebrow{font-size:9px;color:#987b5b;display:block}.motion-parts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.motion-parts button{min-height:48px;display:flex;align-items:center;gap:12px;padding:10px;background:transparent;text-align:left;font-size:12px;border:1px solid #ded5c7}.motion-parts button>span{font-size:9px;color:#978168}.motion-parts button[aria-pressed=true]{background:#efe3d2;border-color:#ba9874}.motion-explanation{font-size:13px;line-height:1.75;min-height:92px;color:#555f53}.motion-disclaimer{font-size:10px;line-height:1.7;color:#7e7b6f;padding-top:16px;margin:18px 0;border-top:1px solid #e3dacc}.motion-key{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:20px}.motion-key-dot{width:8px;height:8px;border-radius:50%;background:#b8a07c;flex:none}.light-spread,.light-strip{opacity:0;transition:opacity .9s ease}.is-active .light-spread,.is-active .light-strip{opacity:1}.is-active .light-strip{filter:drop-shadow(0 2px 5px #ffe494)}.closet-door{transition:transform 1s cubic-bezier(.2,.7,.25,1),opacity 1s}.is-active .door-left{transform:translateX(-110px);opacity:.16}.is-active .door-right{transform:translateX(110px);opacity:.16}.motion-lab button:focus-visible,.workflow button:focus-visible{outline:2px solid #887152;outline-offset:3px}
.workflow-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.workflow-nav button{display:flex;align-items:center;gap:16px;text-align:left;padding:13px 16px;min-height:48px;border:1px solid #d9cfbf;background:transparent;font-size:12px;position:relative;transition:background .2s,color .2s}.workflow-nav button>span{font-size:10px;color:#9b7955}.workflow-nav button[aria-selected=true]{background:#354136;border-color:#354136;color:#fff}.workflow-nav button[aria-selected=true]>span{color:#efc59f}.workflow-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;padding:16px 30px;background:#fffaf1;border:1px solid #e0d6c7;border-top:0}.workflow-drawing{max-width:360px;justify-self:center;width:100%}.workflow-drawing svg{width:100%;height:190px;display:block}.workflow-copy h3{font-size:24px;margin-bottom:10px}.workflow-copy .eyebrow{font-size:9px;margin-bottom:10px;display:block;color:#9a7958}.workflow-copy p{font-size:12px;line-height:1.7;max-width:490px;min-height:42px}.workflow-copy .text-link{font-size:11px;margin-top:14px}.workflow.motion-visible .workflow-line{stroke-dasharray:1;animation:draw-line 1.1s ease both}.workflow.motion-visible .workflow-line.secondary{animation-delay:.15s}.showroom>[role=tabpanel]:not([hidden]){animation:panel-in .3s ease both}.motion-copy{animation:panel-in .35s ease both}@keyframes draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes panel-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.motion-layout{grid-template-columns:1fr;gap:22px}.motion-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.motion-modes button{gap:7px;padding:9px;font-size:11px;justify-content:center}.motion-stage{padding:12px 12px 16px}.motion-stage-top{font-size:8px;gap:6px}.motion-state{padding:5px 8px}.motion-stage svg{height:230px;margin:0}.motion-actions{gap:6px}.motion-actions button{font-size:10px;padding:9px 10px;flex:1}.motion-copy h3{font-size:25px;margin-bottom:15px}.motion-copy .eyebrow{margin-bottom:10px}.motion-parts{margin-bottom:14px}.motion-explanation{min-height:0;font-size:12px}.motion-disclaimer{margin:13px 0;padding-top:12px}.motion-copy>.text-link{font-size:11px}.workflow-nav{gap:4px}.workflow-nav button{flex-direction:column;align-items:flex-start;gap:8px;font-size:9px;line-height:1.2;padding:10px 6px;min-height:60px}.workflow-panel{grid-template-columns:1fr;gap:0;padding:6px 18px 20px}.workflow-drawing svg{height:150px}.workflow-copy h3{font-size:22px}.workflow-copy p{min-height:0}.workflow-copy .eyebrow{margin-bottom:8px}.workflow-copy .text-link{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.motion-stage *,.motion-copy,.workflow *, .showroom>[role=tabpanel]:not([hidden]){animation:none!important;transition:none!important;scroll-behavior:auto!important}}