/* The intro remains one centered grid item, including the logo row. */
.about-intro{min-width:0}
.about-intro>.about-description{margin-bottom:0}
.about-logo-loop{
 --logo-loop-height:40px;
 --logo-loop-gap:40px;
 position:relative;
 width:100%;
 max-width:520px;
 height:108px;
 margin-top:24px;
 overflow:hidden;
 color:#ededed;
 cursor:grab;
 touch-action:pan-y pinch-zoom;
 user-select:none;
 -webkit-user-select:none;
 -webkit-tap-highlight-color:transparent;
 mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);
 -webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);
}
.about-logo-loop:focus-visible{outline:1px solid #aaa;outline-offset:4px}
.about-logo-loop[data-dragging]{cursor:grabbing}
.about-logo-loop__track{position:relative;display:flex;align-items:center;width:max-content;height:80px}
.about-logo-loop[data-running] .about-logo-loop__track{will-change:transform}
.about-logo-loop__list{position:relative;display:flex;flex:none;align-items:center;gap:var(--logo-loop-gap);height:100%;margin:0;padding:0 var(--logo-loop-gap) 0 0;list-style:none}
.about-logo-loop__item{position:relative;display:flex;flex:none;align-items:center;justify-content:center;height:var(--logo-loop-height);transform-origin:center;filter:grayscale(1);transition:filter 650ms ease-out}
.about-logo-loop__item[data-color-active]{filter:grayscale(0);transition-duration:180ms}
.about-logo-loop__item img{display:block;max-width:none;width:auto;height:var(--logo-loop-height);object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.about-logo-loop__art{position:relative;display:block;flex:none;width:calc(var(--logo-loop-height)*var(--logo-ratio,1));height:var(--logo-loop-height);overflow:hidden}
.about-logo-loop__art img{position:absolute;left:var(--logo-crop-left,0%);top:var(--logo-crop-top,0%);width:var(--logo-crop-width,100%);height:var(--logo-crop-height,100%);object-fit:fill}
.about-logo-loop__placeholder{display:flex;align-items:center;height:var(--logo-loop-height);font-size:20px;font-weight:500;line-height:1;letter-spacing:.015em;white-space:nowrap}
.about-logo-loop__name{position:absolute;left:50%;top:calc(100% + 6px);color:#aaa;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;white-space:nowrap;opacity:0;transform:translate(-50%,3px);pointer-events:none;transition:opacity 150ms ease-out,transform 150ms ease-out}
.about-logo-loop__item[data-name-active] .about-logo-loop__name{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.about-logo-loop__item:hover .about-logo-loop__name{opacity:1;transform:translate(-50%,0)}}
@media(max-width:767px){.about-logo-loop{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.about-logo-loop__track{will-change:auto!important}}
@media(prefers-reduced-motion:reduce){.about-logo-loop__item{transition-duration:150ms}.about-logo-loop__name{transition:none}}