.section-logo-list{position:relative;z-index:2}.logo-list{--logo-list-background: #050505;--logo-list-foreground: #fff;--logo-list-accent: #2bb9ed;--logo-list-gap: 72px;--logo-list-height: 44px;--logo-list-padding-top: 96px;--logo-list-padding-bottom: 40px;--logo-list-next-background: #050607;--logo-list-pointer-x: 50%;--logo-list-pointer-y: 12%;position:relative;overflow:hidden;padding:var(--logo-list-padding-top) 0 var(--logo-list-padding-bottom);color:var(--logo-list-foreground);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--logo-list-accent) 11%,transparent),transparent 42%),radial-gradient(ellipse at 50% 112%,color-mix(in srgb,var(--logo-list-accent) 7%,transparent),transparent 42%),linear-gradient(180deg,var(--logo-list-background) 0%,var(--logo-list-background) 72%,var(--logo-list-next-background) 100%);font-family:Poppins,Noto Sans TC,sans-serif;isolation:isolate}.logo-list>*{position:relative;z-index:1}.logo-list:before{position:absolute;z-index:0;top:var(--logo-list-pointer-y);left:var(--logo-list-pointer-x);width:min(720px,72vw);height:min(420px,42vw);border:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--logo-list-accent) 12%,transparent),transparent 68%);content:"";filter:blur(14px);opacity:.72;pointer-events:none;transform:translate3d(-50%,-50%,0);transition:top .5s cubic-bezier(.2,.8,.2,1),left .5s cubic-bezier(.2,.8,.2,1)}.logo-list:after{position:absolute;left:0;width:100%;height:1px;content:"";background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / 8%) 14%,color-mix(in srgb,var(--logo-list-accent) 34%,rgb(255 255 255 / 12%)) 50%,rgb(255 255 255 / 8%) 86%,transparent 100%);box-shadow:0 1px 22px color-mix(in srgb,var(--logo-list-accent) 7%,transparent);pointer-events:none}.logo-list:after{bottom:0}.logo-list__header{position:relative;z-index:2;margin-bottom:clamp(42px,5vw,72px);opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.logo-list.is-visible .logo-list__header{opacity:1;transform:translateY(0)}.logo-list__header--center{text-align:center}.logo-list__header--left{text-align:left}.logo-list__eyebrow{display:inline-flex;gap:12px;align-items:center;margin:0 0 16px;color:#ffffffad;font-size:12px;font-weight:600;letter-spacing:.22em;line-height:1.2}.logo-list__eyebrow-line{width:clamp(24px,4vw,52px);height:1px;background:var(--logo-list-accent);box-shadow:0 0 14px color-mix(in srgb,var(--logo-list-accent) 55%,transparent)}.logo-list__eyebrow-label{display:inline-flex;gap:8px;align-items:center}.logo-list__eyebrow-signal{width:5px;height:5px;border-radius:50%;background:var(--logo-list-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--logo-list-accent) 12%,transparent),0 0 15px var(--logo-list-accent);animation:logo-list-signal 2.4s ease-in-out infinite}.logo-list__title{max-width:820px;margin:0;color:transparent;background:linear-gradient(112deg,var(--logo-list-foreground) 18%,rgb(255 255 255 / 62%) 48%,var(--logo-list-foreground) 76%);background-clip:text;-webkit-background-clip:text;font-size:clamp(34px,4vw,64px);font-weight:600;letter-spacing:-.045em;line-height:1.04}.logo-list__header--center .logo-list__title,.logo-list__header--center .logo-list__description{margin-inline:auto}.logo-list__description{max-width:620px;margin:18px 0 0;color:#ffffff8a;font-size:clamp(14px,1.3vw,17px);font-weight:400;letter-spacing:-.01em;line-height:1.65}.logo-list__hint{display:inline-flex;gap:9px;align-items:center;margin:22px 0 0;color:#ffffff6b;font-size:12px;font-weight:500;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.logo-list__header--center .logo-list__hint{justify-content:center}.logo-list__hint-icon{display:grid;width:22px;height:22px;border:1px solid rgb(255 255 255 / 14%);border-radius:50%;place-items:center}.logo-list__hint-icon svg{width:12px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.15}.logo-list__viewport{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.logo-list__track{display:flex;width:max-content;transform:translateZ(0);will-change:transform}.logo-list__group{display:flex;flex:none;gap:var(--logo-list-gap);align-items:center;min-width:max-content;padding-inline:calc(var(--logo-list-gap) / 2)}.logo-list__item{position:relative;display:grid;flex:0 0 var(--logo-width, 170px);width:var(--logo-width, 170px);min-height:calc(var(--logo-list-height) + 26px);place-items:center;opacity:.84;transition:opacity .24s ease,transform .24s ease}.logo-list.has-active-logo .logo-list__item:not(.is-active){opacity:.28}.logo-list.has-active-logo .logo-list__item.is-active{opacity:1;transform:translateY(-4px)}.logo-list__item:after{position:absolute;top:50%;right:calc(var(--logo-list-gap) / -2);width:1px;height:28px;content:"";background:#ffffff21;transform:translateY(-50%)}.logo-list__item:hover,.logo-list__item:focus-within{opacity:1;transform:translateY(-2px)}.logo-list__item-button{position:relative;display:grid;width:100%;min-height:64px;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-decoration:none;cursor:pointer;place-items:center}.logo-list__item-button:before{position:absolute;right:12%;bottom:3px;left:12%;height:1px;background:linear-gradient(90deg,transparent,var(--logo-list-accent),transparent);content:"";opacity:0;transform:scaleX(.25);transition:opacity .22s ease,transform .3s ease}.logo-list__item:hover .logo-list__item-button:before,.logo-list__item.is-active .logo-list__item-button:before{opacity:1;transform:scaleX(1)}.logo-list__item-button:focus-visible{border-radius:4px;outline:2px solid var(--logo-list-accent);outline-offset:6px}.logo-list__item-action{position:absolute;top:calc(100% - 5px);left:50%;color:var(--logo-list-accent);font-size:12px;font-weight:600;letter-spacing:.16em;opacity:0;text-transform:uppercase;transform:translate(-50%,4px);transition:opacity .22s ease,transform .22s ease}.logo-list__item:hover .logo-list__item-action,.logo-list__item:focus-within .logo-list__item-action,.logo-list__item.is-active .logo-list__item-action{opacity:1;transform:translate(-50%)}.logo-list__image{display:block;width:min(100%,var(--logo-width, 170px));height:var(--logo-list-height);object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.logo-list__wordmark{display:block;max-width:100%;color:var(--logo-list-foreground);font-size:clamp(24px,2.2vw,36px);line-height:1;text-align:center;white-space:nowrap}.logo-list__wordmark--editorial{font-family:Didot,"Bodoni 72",Georgia,serif;font-weight:700;letter-spacing:-.07em}.logo-list__wordmark--condensed{font-family:Helvetica Neue Condensed Bold,Arial Narrow,sans-serif;font-size:clamp(24px,2vw,32px);font-weight:900;letter-spacing:-.075em;transform:scaleX(.86)}.logo-list__wordmark--geometric{font-family:Poppins,sans-serif;font-size:clamp(24px,2vw,32px);font-weight:800;letter-spacing:-.055em}.logo-list__wordmark--classic{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.055em}.logo-list__details-shell{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .52s cubic-bezier(.2,.8,.2,1),margin-top .52s ease}.logo-list.is-detail-open .logo-list__details-shell{grid-template-rows:1fr;margin-top:clamp(34px,4vw,58px)}.logo-list__details-clip{min-height:0;overflow:hidden}.logo-list__detail{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(22px,4vw,64px);align-items:center;padding:clamp(24px,3vw,38px);border:1px solid rgb(255 255 255 / 12%);border-radius:20px;background:linear-gradient(120deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff14,0 24px 64px #00000042;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo-list__detail[hidden]{display:none}.logo-list__detail-index{display:flex;gap:9px;align-items:center;color:#ffffff9e;font-size:12px;font-weight:600;letter-spacing:.12em}.logo-list__detail-index span:first-child{color:var(--logo-list-accent)}.logo-list__detail-index-line{width:28px;height:1px;background:#ffffff2e}.logo-list__detail-kicker{margin:0 0 5px;color:#ffffff9e;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.logo-list__detail-title{margin:0;color:var(--logo-list-foreground);font-size:clamp(24px,2.6vw,38px);font-weight:600;letter-spacing:-.04em;line-height:1.1}.logo-list__detail-excerpt{max-width:62ch;margin:10px 0 0;color:#ffffff8a;font-size:14px;line-height:1.65}.logo-list__detail-actions{display:flex;gap:10px;align-items:center}.logo-list__detail-link,.logo-list__detail-close{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;color:var(--logo-list-foreground);background:#ffffff0d;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:border-color .22s ease,background .22s ease,transform .22s ease}.logo-list__detail-link:hover,.logo-list__detail-close:hover{border-color:color-mix(in srgb,var(--logo-list-accent) 58%,transparent);background:color-mix(in srgb,var(--logo-list-accent) 10%,transparent);transform:translateY(-1px)}.logo-list__detail-link:focus-visible,.logo-list__detail-close:focus-visible{outline:2px solid var(--logo-list-accent);outline-offset:3px}.logo-list__detail-link svg,.logo-list__detail-close svg{width:15px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.logo-list__detail-close span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.logo-list__detail-close{width:42px;padding:0}@keyframes logo-list-signal{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.logo-list--static .logo-list__track{display:block;width:auto;transform:none!important}.logo-list--static .logo-list__group{flex-wrap:wrap;justify-content:center;padding-inline:clamp(24px,5vw,80px)}@media screen and (max-width:749px){.logo-list{--logo-list-gap: min(var(--logo-list-gap), 44px);--logo-list-height: min(var(--logo-list-height), 36px);padding:max(56px,calc(var(--logo-list-padding-top) * .7)) 0 max(28px,calc(var(--logo-list-padding-bottom) * .75))}.logo-list__header{margin-bottom:38px}.logo-list__title{font-size:clamp(32px,10vw,46px)}.logo-list__description{max-width:34ch;margin-top:14px}.logo-list__hint{margin-top:18px;font-size:12px}.logo-list__viewport{mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.logo-list__item{flex-basis:min(var(--logo-width, 170px),220px);width:min(var(--logo-width, 170px),220px)}.logo-list__wordmark{font-size:27px}.logo-list__detail{grid-template-columns:1fr auto;gap:18px;padding:22px 20px;border-radius:16px}.logo-list__detail-index{grid-column:1 / -1}.logo-list__detail-copy{min-width:0}.logo-list__detail-actions{align-self:end}.logo-list__detail-link{position:absolute;right:20px;bottom:20px;left:20px}.logo-list__detail:has(.logo-list__detail-link){padding-bottom:80px}}@media(prefers-reduced-motion:reduce){.logo-list__track{display:block;width:auto;transform:none!important;will-change:auto}.logo-list__group:first-child{flex-wrap:wrap;justify-content:center;padding-inline:24px}.logo-list__group[aria-hidden=true]{display:none}.logo-list__item{transition:none}.logo-list__header{opacity:1;transform:none;transition:none}.logo-list__eyebrow-signal{animation:none}.logo-list__details-shell{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-logo-list.css.map */