.av-entropy { --entropy-surface:#010113; --entropy-text:#fff; position:relative; isolation:isolate; overflow:hidden; min-height:20rem; background:var(--entropy-surface); color:var(--entropy-text); }
.av-entropy[data-av-surface="light"] { --entropy-surface:#fafafa; --entropy-text:#010113; }
.av-entropy-canvas, .av-entropy-poster { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; z-index:-2; }
.av-entropy[data-av-ready="true"] > .av-entropy-poster { visibility:hidden; }
.av-entropy-content { position:relative; z-index:1; }
.av-entropy--square { min-height:0; aspect-ratio:1; }
.av-entropy--card { min-height:0; height:100%; }
.av-entropy--hero { padding:clamp(2rem,6vw,5rem); border-radius:var(--av-radius-panel); min-height:34rem; display:flex; align-items:center; }
.av-entropy--hero .av-entropy-content { max-width:34rem; }
.av-entropy-hero-logo { display:block; width:10.5rem; height:auto; margin-bottom:2rem; }
.av-entropy--hero .av-lead { font-size:1.125rem; margin-block:1.5rem 2rem; }
.av-entropy--hero::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,var(--entropy-surface) 0%,var(--entropy-surface) 26%,transparent 80%); pointer-events:none; }
.av-motion-toggle { display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; border:1px solid currentColor; border-radius:.25rem; background:transparent; color:inherit; padding:.5rem .875rem; font:400 .875rem/1.3 var(--av-body); cursor:pointer; }
.av-motion-toggle:disabled { opacity:.7; cursor:default; }
.av-motion-toggle:hover:not(:disabled) { background:#ffffff1a; }
.av-entropy > .av-motion-toggle { position:absolute; z-index:2; right:1.25rem; bottom:1.25rem; background:var(--entropy-surface); }
.av-entropy--card::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,var(--entropy-surface)); z-index:-1; pointer-events:none; }
.av-entropy-brand { position:absolute; z-index:1; left:1.5rem; bottom:1.5rem; width:10rem; max-width:calc(100% - 3rem); height:auto; pointer-events:none; }
.lib-motion-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.lib-motion-tile { margin:0; overflow:hidden; border:1px solid var(--av-border); border-radius:1rem; background:white; }
.lib-motion-tile .av-entropy { min-height:0; aspect-ratio:4/3; }
.lib-motion-tile figcaption { padding:1rem 1.25rem; display:flex; justify-content:space-between; gap:.5rem; font-size:.875rem; }
.lib-motion-tile figcaption span { color:var(--av-muted); }
.lib-brand-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:2rem; }
.lib-brand-swatch { padding:2rem 1.5rem; background:#fafafa; border-radius:.5rem; }
.lib-brand-swatch--dark { background:#010113; color:white; }
.lib-brand-swatch img { width:min(100%,19rem); height:auto; margin:0 auto 1.5rem; }
.lib-brand-swatch p { font-size:.75rem; }
.lib-motion-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem; margin-bottom:1.5rem; }
.lib-motion-intro p { color:var(--av-muted); max-width:38rem; }
.lib-motion-group-heading { margin-block:2.5rem 1.25rem; scroll-margin-top:7rem; }
.lib-motion-group-heading h3 { font:500 1.125rem/1.4 var(--av-body); margin-bottom:.5rem; }
.lib-motion-group-heading p { color:var(--av-muted); font-size:.875rem; }
@media (max-width:48rem) {
  .lib-motion-grid, .lib-brand-pair { grid-template-columns:1fr; }
  .lib-motion-intro { flex-direction:column; }
  .av-entropy--hero { min-height:44rem; align-items:flex-start; }
  .av-entropy--hero::after { background:linear-gradient(180deg,var(--entropy-surface) 0%,var(--entropy-surface) 58%,transparent 90%); }
}
@media (prefers-reduced-motion:reduce) {
  .av-entropy-canvas { transition:none; }
}