/* Optional 1→2→3 layers. Baseline graphics remain unchanged in option 1. */
.mc-logo-outline,.mc-logo-frame-svg,.mc-prism-mark{display:none}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-logo-outline{display:initial;fill:none!important;stroke:var(--mc-outline-color,var(--mc-main))!important;stroke-width:1.6px!important;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:mcLogoDraw 2.5s cubic-bezier(.3,.15,.3,1) var(--mc-trace-delay,0s) 1 both}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-logo-solid{animation:mcLogoFill .7s ease calc(1.35s + var(--mc-trace-delay,0s)) 1 both}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-logo-holder{border-color:transparent}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-logo-frame-svg{display:block;position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);pointer-events:none;overflow:visible}
.mc-paper .mc-logo-holder{position:relative}.mc-logo-frame-svg .mc-logo-outline{stroke:var(--mc-ink)!important}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-logo-frame-line{animation-name:mcLogoFrame;animation-duration:2.1s}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-logo-letter{animation:mcLogoFill .65s ease .6s 1 both;--mc-final-opacity:1}
.motion-card:is([data-motion-option="2"],[data-motion-option="3"])[data-intro-state=started] .mc-prism-mark{display:block;position:absolute;width:12%;height:13%;left:44%;top:23%;pointer-events:none}
.motion-card[data-motion-option="3"][data-intro-state=started] .mc-enter-text{animation:mcTextEnter .65s cubic-bezier(.2,.7,.2,1) var(--mc-enter-delay,.35s) 1 both}
.motion-card[data-motion-option="3"][data-intro-state=started] :is(.c-phone,.c-email,.c-domain).mc-enter-text{animation-name:mcContactEnter}
@keyframes mcLogoDraw{0%{stroke-dashoffset:1;opacity:1}82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mcLogoFrame{from{stroke-dashoffset:1;opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes mcLogoFill{from{opacity:0}to{opacity:var(--mc-final-opacity,1)}}
@keyframes mcTextEnter{from{opacity:0;transform:translateY(20%);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes mcContactEnter{from{opacity:0;transform:translateX(4%)}to{opacity:1;transform:translateX(0)}}
.motion-effect select{max-width:138px}.motion-replay{width:32px;min-width:32px;padding:5px!important;font-size:17px!important}.motion-replay[hidden]{display:none!important}
.motion-dialog{max-width:96vw}
.detail-motion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 14px;border-bottom:1px solid var(--ns-line);background:var(--ns-card);flex:none}
.detail-motion-options button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:34px;padding:7px 9px;border:1px solid var(--ns-line);border-radius:5px;background:var(--ns-card);color:var(--ns-ink);cursor:pointer;white-space:nowrap;font:inherit}
.detail-motion-options button b{font-size:12px;font-weight:650}.detail-motion-options button span{font-size:11px;opacity:.8}
.detail-motion-options button[aria-pressed=true]{background:var(--ns-ink);border-color:var(--ns-ink);color:var(--ns-bg)}
.detail-motion-options button:focus-visible{outline:2px solid var(--ns-ink);outline-offset:2px}
@media(max-width:650px){.detail-motion-options{padding:7px 10px;gap:5px}.detail-motion-options button{min-height:34px;padding:7px 4px;gap:4px}.detail-motion-options button b{font-size:11px}.detail-motion-options button span{font-size:10px}}
.motion-tools{flex-wrap:nowrap}.motion-tools .motion-effect{font-size:0!important}.motion-effect select{font-size:11px}.motion-tools button{flex:none}
@media(max-width:650px){.detail-caption>span{display:none}.detail-caption .motion-tools{width:100%;justify-content:flex-end}.motion-tools{gap:5px}.motion-effect select{width:88px;max-width:88px;font-size:10px;padding:5px}.motion-tools .motion-level:not(.motion-effect) select{width:64px;padding:5px}.detail-caption button{padding:7px 6px}.viewer-topline{flex-wrap:wrap;gap:8px}.viewer-topline>span{flex-basis:100%}.viewer-topline>.motion-tools{width:100%}.viewer-topline .motion-effect select{max-width:88px}.collection-tools>.motion-tools{gap:5px}.motion-tools .motion-replay{width:28px;min-width:28px}}
@media(prefers-reduced-motion:reduce){.motion-card:not([data-motion-override=true]) :is(.mc-logo-solid,.mc-logo-letter,.mc-enter-text){animation:none!important;opacity:var(--mc-final-opacity,1)!important;transform:none!important;filter:none!important}.motion-card:not([data-motion-override=true]) .mc-logo-outline{animation:none!important;stroke-dashoffset:0!important;opacity:0!important}.motion-card:not([data-motion-override=true]) .mc-logo-frame-line{opacity:1!important}}
@media print{.motion-card :is(.mc-logo-solid,.mc-logo-letter,.mc-enter-text){animation:none!important;opacity:var(--mc-final-opacity,1)!important;transform:none!important;filter:none!important}.motion-card .mc-logo-outline{animation:none!important;stroke-dashoffset:0!important;opacity:0!important}.motion-card .mc-logo-frame-line{opacity:1!important}.motion-card .mc-motion{animation:none!important}}