/* The existing Mach ink hero and About-page controls are the visual reference. */
.distribution-logo-hero{position:relative;min-width:0;width:100%;max-width:480px;justify-self:center}
.distribution-logo-stage{position:relative;aspect-ratio:1;perspective:1100px}
.distribution-logo-rotor{position:absolute;inset:0}
.distribution-logo-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:20px;padding:32px 12px 52px}
.distribution-logo-face--back{display:none}
.distribution-logo-artwork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:90%;min-width:0}
.distribution-logo-artwork[hidden]{display:none}
.distribution-logo-artwork img{display:block;width:100%;height:auto;max-height:78px;object-fit:contain;filter:brightness(0) invert(1)}
.distribution-logo-artwork .distribution-logo-macron-mark{width:40px;max-height:none}
.distribution-logo-hero[data-presentation="lineup"] .distribution-logo-artwork:last-child{grid-column:1/-1;width:48%}
.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-rotor{transform-style:preserve-3d;will-change:transform}
.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-face{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:24px 8px 48px;gap:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.5px)}
.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-face--back{transform:rotateY(180deg) translateZ(.5px)}
.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-artwork{width:92%;gap:16px;grid-area:1/1}
.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-artwork img{max-height:190px}
.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-macron-mark{width:38%;max-width:128px;max-height:none}
.distribution-logo-artwork--dmm{max-width:360px}
.distribution-logo-artwork--macron{max-width:330px}
.distribution-logo-artwork--posital-fraba,.distribution-logo-artwork--uirobot{max-width:380px}
.distribution-logo-artwork--trio{max-width:320px}
.distribution-logo-toggle{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;color:var(--light-muted);background:transparent;cursor:pointer}
.distribution-logo-toggle[hidden]{display:none}
.distribution-logo-toggle:hover{background:#f4f2ed0d;color:var(--paper)}
.distribution-logo-toggle:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.distribution-logo-toggle svg{width:20px;height:20px}
.distribution-logo-toggle[data-state="playing"] .distribution-logo-play-icon,.distribution-logo-toggle[data-state="paused"] .distribution-logo-pause-icon{display:none}
@media(max-width:767px){.distribution-logo-hero{width:min(100%,340px)}.distribution-logo-stage{aspect-ratio:4/3}.distribution-logo-face{gap:16px;padding:12px 12px 40px}.distribution-logo-artwork img{max-height:52px}.distribution-logo-artwork .distribution-logo-macron-mark{width:30px}.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-face{padding:12px 8px 40px}.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-artwork{width:88%;gap:12px}.distribution-logo-hero[data-presentation="sequence"] .distribution-logo-macron-mark{max-width:96px}}