.s-logos{position:relative;background:var(--ink);overflow:hidden;overflow:clip;isolation:isolate}
.s-logos .lg-wrap{position:relative;padding-top:clamp(72px,11vh,140px);padding-bottom:clamp(64px,10vh,120px)}
.s-logos .lg-grid{display:grid;grid-template-columns:100%;grid-template-areas:"head" "stage" "index" "ask"}
.s-logos .lg-head{grid-area:head;display:grid;gap:18px;margin-bottom:clamp(28px,4vw,44px)}
.s-logos .lg-head .eyebrow{margin:0}
.s-logos .lg-title{max-width:11ch}
.s-logos .lg-h2l{white-space:nowrap}
.s-logos .lg-lead{max-width:44ch}
.s-logos .lg-index{grid-area:index;position:relative;display:grid;gap:22px;margin-top:28px}
.s-logos .lg-grp{display:grid;align-content:start;padding-top:14px;border-top:1px solid var(--line)}
.s-logos .lg-grp-h{transition:opacity .35s var(--e-out)}
.s-logos.lg-js .lg-grp:not(.is-on) .lg-grp-h{opacity:.55}
.s-logos .lg-grp-h{margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.s-logos .lg-grp-b{font:800 20px/1 var(--display);font-variation-settings:'wdth' 88;letter-spacing:.02em}
.s-logos .lg-grp-b::before{content:"◆";display:inline-block;margin-right:8px;color:var(--dim);font-size:.62em;vertical-align:.18em;transform:scale(.7);transition:color .35s var(--e-out),transform .35s var(--e-out)}
.s-logos .lg-grp.is-on .lg-grp-b::before{color:var(--tally);transform:none}
.s-logos .lg-grp-tag{color:var(--tally);font-size:10.5px}
.s-logos .lg-grp-p{margin:0;color:var(--dim);font-size:15px;line-height:1.5;max-width:46ch}
.s-logos .lg-ix-list,.s-logos .lg-ix-bar{display:none}
.s-logos .lg-stage{grid-area:stage;position:relative}
.s-logos .lg-reel{position:relative}
.s-logos .lg-perf,.s-logos .lg-frame,.s-logos .lg-glow{display:none}
.s-logos .lg-win{position:relative;margin:0 calc(-1 * var(--gutter));outline-offset:-2px}
.s-logos .lg-strip{--cw:min(78vw,420px);position:relative;list-style:none;margin:0;padding:4px calc((100% - var(--cw)) / 2) 6px;display:flex;gap:12px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
@supports (height:1svh){.s-logos .lg-strip{--cw:min(78vw,420px,64svh * 9 / 16)}}
.s-logos .lg-strip::-webkit-scrollbar{display:none}
.s-logos .lg-slide{position:relative;flex:0 0 var(--cw);width:var(--cw);aspect-ratio:9/16;scroll-snap-align:center;border-radius:var(--r);overflow:hidden;
  background:var(--bg,var(--panel));isolation:isolate;container-type:size;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.s-logos.lg-js .lg-slide{cursor:pointer}
.s-logos:not(.lg-js) .lg-snd,.s-logos.is-static .lg-snd{display:none}
.s-logos:not(.lg-js) .lg-slide[data-vid] .lg-cap{padding-bottom:14px}
.s-logos .lg-m{position:absolute;inset:0;overflow:hidden}
.s-logos .lg-still,.s-logos .lg-m video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.04);-webkit-user-drag:none}
.s-logos .lg-m video{opacity:0;transition:opacity .35s var(--e-out)}
.s-logos .lg-m video.on,.s-logos.lg-reel-on .lg-m video{opacity:1}
.s-logos .lg-slide[data-fit="contain"] .lg-m{inset:auto 0;top:50%;translate:0 -50%;height:auto;aspect-ratio:1/1}
.s-logos .lg-slide[data-fit="contain"] .lg-still{transform:none}
.s-logos .lg-veil{position:absolute;inset:-6%;background:center/cover no-repeat;opacity:0;pointer-events:none;z-index:1}
.s-logos .lg-shade{position:absolute;inset:0;z-index:2;background:#050506;opacity:0;pointer-events:none}
.s-logos .lg-tags{position:absolute;top:12px;left:12px;right:12px;z-index:3;margin:0;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.s-logos .lg-chip{font-size:10px;padding:6px 9px 5px;background:rgba(11,12,14,.66);border-color:rgba(236,234,228,.16)}
.s-logos .lg-chip.red{background:var(--tally);border-color:var(--tally);color:var(--ink)}
.s-logos .lg-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:64px 14px 14px;display:grid;gap:6px;pointer-events:none;
  background:linear-gradient(0deg,rgba(5,5,6,.86) 0,rgba(5,5,6,.55) 55%,rgba(5,5,6,0) 100%)}
.s-logos .lg-slide[data-vid] .lg-cap{padding-bottom:68px}
.s-logos .lg-name{font-size:clamp(26px,7.4vw,32px);line-height:1;color:var(--bone)}
.s-logos .lg-kind{font-size:10px;color:rgba(236,234,228,.72)}
.s-logos .lg-snd{position:absolute;left:12px;bottom:12px;z-index:4;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border-radius:999px;
  background:rgba(11,12,14,.78);border:1px solid rgba(236,234,228,.22);color:var(--bone);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  transition:border-color .2s,background .2s}
@media (hover:hover){.s-logos .lg-snd:hover{border-color:var(--tally);background:rgba(11,12,14,.92)}}
.s-logos .lg-tri-i{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--tally)}
.s-logos .lg-m.no-auto video{display:none}
.s-logos .lg-tri{background:radial-gradient(120% 80% at 50% 45%,#16171c 0,#0b0c0e 70%);display:grid;justify-content:center;align-content:center;
  --pg:max(8px,2.4cqw);--pw:min((100cqw - var(--pg) - 28px) / 2,(100cqh - 132px - var(--pg)) / 2 * 9 / 16);grid-template-columns:repeat(2,var(--pw));gap:var(--pg);padding-bottom:28px}
.s-logos .lg-p{position:relative;margin:0}
.s-logos .lg-p:nth-child(3){grid-column:1 / -1;justify-self:center;width:var(--pw)}
.s-logos .lg-p img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:2px;outline:1px solid rgba(236,234,228,.12);background-color:#111216;-webkit-user-drag:none}
.s-logos .lg-p figcaption{position:absolute;left:6px;top:6px;padding:4px 5px 3px;border-radius:2px;background:rgba(5,5,6,.66);color:var(--bone);font-size:9.5px;line-height:1}
.s-logos .lg-stamp{position:absolute;left:50%;bottom:10%;z-index:2;translate:-50% 0;padding:5px 8px 4px;border-radius:2px;background:var(--tally);color:var(--ink);font-size:10px;line-height:1;white-space:nowrap;transform:rotate(-4deg)}
@supports not (width:1cqw){.s-logos .lg-tri{grid-template-columns:repeat(2,38%);gap:10px}.s-logos .lg-p:nth-child(3){width:auto;grid-column:auto / span 2;max-width:38%;justify-self:center}}
.s-logos .lg-read{display:none}
.s-logos.lg-js .lg-read{display:block;margin-top:14px}
.s-logos .lg-count,.s-logos .lg-now,.s-logos .lg-hint-d{display:none}
.s-logos .lg-nav{display:flex;align-items:center;gap:12px}
.s-logos .lg-arw{flex:none;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--bone);background:rgba(11,12,14,.35);transition:border-color .2s,opacity .2s}
.s-logos .lg-arw[disabled]{opacity:.35;cursor:default}
@media (hover:hover){.s-logos .lg-arw:not([disabled]):hover{border-color:var(--bone)}}
.s-logos .lg-prog{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;min-height:44px}
.s-logos .lg-prog i{position:relative;width:12px;height:8px;border-radius:2px;border:1px solid rgba(236,234,228,.32);overflow:hidden;transition:border-color .3s}
.s-logos .lg-prog i:nth-child(5){margin-left:10px}
.s-logos .lg-prog b{position:absolute;inset:0;background:var(--tally);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--e-out)}
.s-logos .lg-prog i.on{border-color:var(--tally)}
.s-logos .lg-prog i.on b{transform:none}
.s-logos .lg-hint{margin:8px 0 0;text-align:center;color:var(--dim);font-size:10.5px}
.s-logos .lg-hint-f{display:none}
@media (hover:hover) and (pointer:fine){.s-logos:not(.lg-reel-on) .lg-hint-m{display:none}.s-logos:not(.lg-reel-on) .lg-hint-f{display:inline}}
.s-logos .lg-ask{grid-area:ask;justify-self:start;margin-top:28px;flex-wrap:wrap;min-height:44px;align-items:center}
.s-logos .lg-ask b{color:var(--tally);font-weight:500}
@media (min-width:768px){
  .s-logos.lg-js:not(.lg-reel-on) .lg-grid,.s-logos:not(.lg-js) .lg-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);
    grid-template-areas:"head index" "stage stage" "ask ask"}
  .s-logos:not(.lg-reel-on) .lg-index{margin:0 0 clamp(28px,4vw,44px);align-self:end}
  .s-logos:not(.lg-reel-on) .lg-strip{gap:16px;padding-left:var(--gutter);padding-right:var(--gutter);scroll-padding-inline:var(--gutter)}
  .s-logos:not(.lg-reel-on) .lg-read{max-width:560px;margin-left:auto;margin-right:auto}
  .s-logos .lg-name{font-size:30px}
}
.s-logos.lg-reel-on .lg-wrap{min-height:100vh;display:grid;align-content:center;padding-top:calc(var(--hdr) + clamp(16px,4vh,44px));padding-bottom:clamp(24px,5vh,56px)}
.s-logos.lg-reel-on .lg-grid{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;grid-template-areas:"head stage" "index stage" "ask stage";
  column-gap:clamp(40px,5vw,104px);align-items:start}
.s-logos.lg-reel-on .lg-title{font-size:clamp(34px,min(4.7vw,7.8vh),80px)}
.s-logos.lg-reel-on .lg-head{margin-bottom:clamp(20px,3.4vh,36px)}
.s-logos.lg-reel-on .lg-index{margin:0;gap:clamp(16px,2.6vh,26px)}
.s-logos.lg-reel-on .lg-grp-p{font-size:14.5px;max-width:62ch}
.s-logos.lg-reel-on .lg-ix-list{display:block;list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line)}
.s-logos.lg-reel-on .lg-ix-list li{margin:0}
.s-logos .lg-ix{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:clamp(32px,4vh,38px);padding:6px 0 6px 14px;
  text-align:left;color:var(--dim);border-bottom:1px solid var(--line);transition:color .2s}
.s-logos .lg-ix-n{font-size:10.5px;transition:color .2s}
.s-logos .lg-ix-t{font:500 15px/1.2 var(--display);font-variation-settings:'wdth' 100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-logos .lg-ix-k{font-size:10px;opacity:.8}
.s-logos .lg-ix.is-on{color:var(--bone)}
.s-logos .lg-ix.is-on .lg-ix-n{color:var(--tally)}
@media (hover:hover){.s-logos .lg-ix:hover{color:var(--bone)}}
.s-logos.lg-reel-on .lg-ix-bar{display:block;position:absolute;left:0;top:0;width:2px;height:36px;background:var(--tally);transform-origin:50% 0;pointer-events:none}
.s-logos.lg-reel-on .lg-ask{margin:auto 0 18px;align-self:flex-start;padding:10px 0;line-height:1.5}
.s-logos.lg-reel-on .lg-stage{--wh:min(78vh,62vw,1080px);display:flex;align-items:stretch;gap:clamp(24px,3vw,56px);height:var(--wh)}
.s-logos.lg-reel-on .lg-reel{display:flex;height:100%}
.s-logos.lg-reel-on .lg-win{margin:0;width:calc(var(--wh) * 9 / 16);height:100%;border-radius:0 var(--r) var(--r) 0;overflow:hidden;background:#050506;
  cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.s-logos.lg-reel-on .lg-win.is-drag{cursor:grabbing}
.s-logos.lg-reel-on .lg-strip{position:absolute;inset:0;display:block;padding:0;overflow:hidden;scroll-snap-type:none}
.s-logos.lg-reel-on .lg-slide{position:absolute;inset:0;width:auto;aspect-ratio:auto;border-radius:0;visibility:hidden;cursor:inherit}
.s-logos.lg-reel-on .lg-slide.is-vis{visibility:visible}
.s-logos.lg-reel-on .lg-cap{display:none}
.s-logos.lg-reel-on .lg-tags{top:14px;left:38px}
.s-logos.lg-reel-on .lg-snd{left:16px;bottom:16px}
.s-logos.lg-reel-on .lg-tri{--pw:min((100cqw - var(--pg) - 40px) / 2,(100cqh - 96px - var(--pg)) / 2 * 9 / 16);padding:0}
.s-logos.lg-reel-on .lg-frame{display:block;position:absolute;inset:0;z-index:6;pointer-events:none}
.s-logos.lg-reel-on .lg-perf{display:block;position:relative;flex:none;width:34px;height:100%;margin-right:2px;overflow:hidden;border-radius:var(--r) 0 0 var(--r);background:#050506}
.s-logos .lg-holes{position:absolute;left:0;right:0;top:-25%;height:150%;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 22'%3E%3Crect x='7' y='7' width='11' height='8' rx='2' fill='%23ECEAE4' fill-opacity='.2'/%3E%3C/svg%3E") 0 0/100% calc(100% / 48) repeat-y}
.s-logos .lg-pf{position:absolute;left:0;right:0;height:12.5%;cursor:pointer;border-top:1px solid rgba(236,234,228,.07);transition:background-color .3s}
.s-logos .lg-pf:first-of-type{border-top:0}
.s-logos .lg-pf.is-cut{border-top-color:rgba(255,65,39,.55)}
@media (hover:hover){.s-logos .lg-pf:hover{background-color:rgba(236,234,228,.05)}}
.s-logos .lg-pf em{position:absolute;right:5px;top:8px;writing-mode:vertical-rl;font:500 8.5px/1 var(--mono);font-style:normal;letter-spacing:.1em;color:rgba(236,234,228,.32);transition:color .3s}
.s-logos .lg-pf s{position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tally);transform:scaleY(0);transform-origin:50% 0}
.s-logos .lg-pf.on{background-color:rgba(255,65,39,.09)}
.s-logos .lg-pf.on em{color:var(--tally)}
.s-logos.lg-reel-on .lg-glow{display:block;position:absolute;z-index:-1;top:-14%;bottom:-14%;left:calc(34px + var(--wh) * 9 / 32 - var(--wh) * .62);width:calc(var(--wh) * 1.24);pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side,#000 0,rgba(0,0,0,.5) 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0,rgba(0,0,0,.5) 55%,transparent 100%)}
.s-logos .lg-glow i{position:absolute;inset:0;background:center/cover no-repeat;opacity:0}
.s-logos.lg-reel-on .lg-read{display:flex;flex-direction:column;width:clamp(170px,15vw,250px);margin:0;padding:2px 0 0}
.s-logos.lg-reel-on .lg-count{display:flex;align-items:flex-start;gap:10px;margin:0}
.s-logos .lg-num{display:block;height:1em;overflow:hidden;font:900 clamp(72px,12vh,136px)/1 var(--display);font-variation-settings:'wdth' 62;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--bone)}
.s-logos .lg-num-c{display:block}
.s-logos .lg-num-c b{display:block;height:1em;font-weight:inherit}
.s-logos .lg-of{color:var(--dim);font-size:11.5px;margin-top:.7em}
.s-logos.lg-reel-on .lg-now{display:grid;gap:10px;margin:clamp(14px,3vh,28px) 0 0;padding-top:clamp(14px,2.4vh,22px);border-top:1px solid var(--line)}
.s-logos .lg-now-m{display:block;overflow:hidden;padding-bottom:.1em}
.s-logos .lg-now-t{display:block;font-size:clamp(30px,2.8vw,46px);line-height:1.02;color:var(--bone)}
.s-logos .lg-now-k{color:var(--dim);font-size:10.5px}
.s-logos.lg-reel-on .lg-nav{gap:10px}
.s-logos.lg-reel-on .lg-arw svg{transform:rotate(90deg)}
.s-logos.lg-reel-on .lg-prog{display:none}
.s-logos.lg-reel-on .lg-hint{text-align:left;margin-top:14px}
.s-logos.lg-reel-on .lg-hint-d{display:inline}
.s-logos.lg-reel-on .lg-hint-m,.s-logos.lg-reel-on .lg-hint-f{display:none}
@media (max-height:760px){
  .s-logos.lg-reel-on .lg-lead{display:none}
  .s-logos.lg-reel-on .lg-grp-p{font-size:13.5px;line-height:1.4}
}
.s-logos.is-static .lg-read,.s-logos:not(.lg-js) .lg-read{display:none}
.s-logos.is-static .lg-veil{opacity:0!important}