.motion-frame{position:relative;isolation:isolate;background:var(--paper,#e8edf3)}.motion-frame>img{animation:none!important;transform:none!important;clip-path:none!important}.motion-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;display:block;z-index:1}.motion-frame.motion-ready .motion-canvas{opacity:1}.motion-frame.motion-ready>img{opacity:0}.motion-toggle{position:absolute;z-index:2;bottom:16px;right:18px;min-height:40px;padding:8px 13px;border:1px solid #11263E50;border-radius:30px;background:#f4f3efef;color:#11263E;font:500 12px/1.3 Manrope,Arial,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 12px #11263E08}.motion-toggle:hover{background:#fff}.motion-toggle:focus-visible{outline:3px solid #11263E;outline-offset:4px}.c .motion-toggle{border-radius:0;color:#232323}.motion-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.motion-study{min-width:0}.motion-stage{aspect-ratio:3/2;width:100%;overflow:hidden}.motion-stage>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.motion-meta{padding:22px 0;border-bottom:1px solid #ccc}.motion-meta .kicker{margin-bottom:7px}.motion-meta h3{font-size:1.32rem;letter-spacing:-.03em;margin-bottom:12px}.motion-meta p{font-size:.89rem;min-height:85px}.motion-meta footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.motion-replay{font:inherit;font-size:.8rem;background:none;border:0;border-bottom:1px solid #888;padding:3px 0;cursor:pointer;color:#333}.motion-section{margin-top:55px}.motion-section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.motion-section-head .section-name{display:flex;gap:16px;align-items:center}.motion-section-head .family-letter{width:43px;height:43px;font-size:1.6rem}.motion-section-head p{font-size:.9rem}.motion-controls{display:flex;gap:12px;flex-wrap:wrap}.motion-note{font-size:.8rem;margin:24px 0 0}.motion-feature-link{margin-top:18px;font-size:.83rem;display:inline-block;border-bottom:1px solid;padding-bottom:3px}.motion-legend{margin-top:35px;border-top:1px solid #ccc;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:.86rem}.motion-legend h3{margin-bottom:9px}.motion-section:target{scroll-margin-top:22px}.motion-family-callout{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ccc;margin-bottom:30px}.motion-family-callout p{font-size:.9rem}
@media(max-width:1000px){.motion-study-grid{grid-template-columns:1fr}.motion-study{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center}.motion-meta p{min-height:0}.motion-stage{aspect-ratio:3/2}.motion-meta{padding:15px 0}.motion-section-head{align-items:start}.motion-section-head p{max-width:45ch}}
@media(max-width:650px){.motion-study{display:block}.motion-study-grid{gap:32px}.motion-section-head{display:block}.motion-section-head p{margin-top:15px}.motion-meta{padding-top:20px}.motion-toggle{bottom:12px;right:12px;font-size:12px;padding:8px 11px;min-height:40px}.motion-section{margin-top:40px}.motion-legend{grid-template-columns:1fr;gap:20px}.motion-family-callout{display:block}.motion-family-callout .g-button{margin-top:16px}.motion-meta p{min-height:0}.b .home-hero .art-frame{border-radius:80px 80px 0 0}}
@media print{.motion-canvas,.motion-toggle{display:none!important}.motion-frame.motion-ready>img{opacity:1!important}}
.motion-toggle[hidden]{display:none}.motion-replay:focus-visible{outline:3px solid #11263E;outline-offset:4px}.motion-controls button:disabled{opacity:.5;cursor:default}
.motion-download{font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.motion-meta footer{flex-wrap:wrap}
.motion-replay:disabled{cursor:default;border:0;color:#666}
.a .motion-toggle{background:#f4f5ef;color:#123c35;border-color:#123c3550;border-radius:10px}.a .home-hero .hero-art{object-position:left center}
/* Original procedural artworks retain their whole silhouette in still mode. */
[data-motion-family="a"]{background:#123c35}[data-motion-family="c"]{background:#f4f3ef}[data-motion-family="a"]>img,[data-motion-family="c"]>img{object-fit:contain;object-position:center!important}
.a .motion-toggle{left:50%;right:auto;transform:translateX(-50%)}
.motion-stage[data-motion-family="c"]{aspect-ratio:6/5}
[data-motion-family="c"] .motion-toggle{top:16px;bottom:auto;right:18px;border-radius:0;color:#232323}
@media(max-width:650px){[data-motion-family="c"] .motion-toggle{top:12px;right:12px}}
[data-motion-family="b"]{background:#384a5f}
[data-motion-family="b"]>img{object-fit:contain!important;object-position:center!important}
.motion-frame.motion-vector-static .motion-canvas{opacity:1}
.motion-frame.motion-vector-static>img{opacity:0}
@media print{.motion-frame.motion-vector-static>img{opacity:1!important}}
[data-motion-family="b"] .motion-toggle{background:rgba(23,46,80,.2);color:#e8edf3;border-color:#e8edf359}
[data-motion-family="b"] .motion-toggle:hover{background:rgba(23,46,80,.45)}
[data-motion-family="b"] .motion-toggle:focus-visible{outline-color:#e7866b}
@media(max-width:650px){.motion-stage[data-motion-family="b"]{min-height:240px}}