@charset "UTF-8";.lgwork{overflow: hidden}.lgwork .section-head--split{margin-bottom: clamp(24px,3vw,34px)}.lgw__arrows{display: flex;gap: 8px;flex: none}.lgw__btn{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;background: #fff;border: 1px solid var(--line);color: var(--ink-700);box-shadow: var(--sh-1);transition: transform .35s var(--ease),background .3s,color .3s,border-color .3s,box-shadow .3s}.lgw__btn:hover{transform: translateY(-3px);background: var(--ink-900);border-color: var(--ink-900);color: #fff;box-shadow: var(--sh-2)}.lgw__btn .ico{width: 18px;height: 18px}.lgw{position: relative;overflow: hidden;cursor: grab;padding: 6px 0 10px;-webkit-mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);touch-action: pan-y;user-select: none}.lgw.is-drag{cursor: grabbing}.lgw__track{display: flex;gap: clamp(12px,1.6vw,20px);width: max-content;will-change: transform}.lgw__card{flex: none;width: clamp(180px,20vw,232px);margin: 0;padding: 20px 18px 18px;border-radius: 24px;background: #fff;border: 1px solid var(--line);box-shadow: var(--sh-1);transition: transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}.lgw__card:hover{transform: translateY(-6px);border-color: var(--blue-100);box-shadow: var(--sh-2)}.lgw__media{display: grid;place-items: center;aspect-ratio: 1;margin-bottom: 14px;border-radius: 18px;background: linear-gradient(160deg,#fbfcff,var(--mist));border: 1px solid var(--line-soft);overflow: hidden}.lgw__card:hover .lgw__media img{transform: scale(1.06)}.lgw__card figcaption{text-align: center}.lgw__card figcaption b{display: block;font-size: .93rem;font-weight: 500;color: var(--ink-900);line-height: 1.3;margin-bottom: 3px}.lgw__foot{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 9px;margin: clamp(20px,2.6vw,30px) auto 0;padding: 15px 22px;max-width: 640px;border-radius: 18px;background: #fff;border: 1px solid var(--line);box-shadow: var(--sh-1);font-size: .92rem;color: var(--ink-500);text-align: center}.lgw__foot .ico{width: 17px;height: 17px;color: var(--blue-600);flex: none}.lgw__foot a{color: var(--blue-600);font-weight: 500;text-decoration: underline;text-underline-offset: 3px}.lgw__media img{width: 78%;height: 78%;object-fit: contain;transition: transform .5s var(--ease);pointer-events: none;max-width: 100%;max-height: 100%;overflow: hidden;font-size: .7rem;color: var(--ink-300)}@media (max-width: 640px){.lgw__card{width: clamp(150px,46vw,190px);padding: 16px 14px 15px;border-radius: 20px}.lgw__arrows{display: none}}@media (prefers-reduced-motion: reduce){.lgw{-webkit-mask-image: none;mask-image: none;overflow-x: auto}}.hsc--logo .hl-board{left: 118px;top: 92px;width: 284px;height: 284px;border-radius: 26px;overflow: hidden}.hsc--logo .hl-board::before{content: "";position: absolute;inset: 0;background-image: linear-gradient(to right,rgba(16,32,70,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,32,70,.05) 1px,transparent 1px);background-size: 28.4px 28.4px}.hsc--logo .hl-mark{position: absolute;inset: 0;display: grid;place-items: center}.hsc--logo .hl-mark svg{width: 152px;height: 152px;overflow: visible}.hsc--logo .hl-node{position: absolute;width: 9px;height: 9px;margin: -4.5px 0 0 -4.5px;border-radius: 2px;background: #fff;border: 2px solid var(--c2);animation: hlNode 7s var(--ease) infinite;animation-delay: var(--dly)}.hsc--logo .hl-guide{position: absolute;background: color-mix(in srgb,var(--c2) 45%,transparent);animation: hlGuide 7s var(--ease) infinite}.hsc--logo .hl-pal{left: 22px;bottom: 74px;width: 172px;padding: 14px;z-index: 4}.hsc--logo .hl-sw{display: flex;gap: 8px;margin-top: 10px}.hsc--logo .hl-sw span{width: 30px;height: 30px;border-radius: 9px;box-shadow: inset 0 0 0 1px rgba(16,32,70,.08);animation: hlSwatch 5s var(--ease) infinite;animation-delay: var(--dly)}.hsc--logo .hl-vars{z-index: 3;right: 18px;bottom: 40px;width: 152px;padding: 13px}.hsc--logo .hl-vbox{width: 34px;height: 26px;border-radius: 7px;display: grid;place-items: center;flex: none;border: 1px solid var(--line)}.hsc--logo .hl-vbox svg{width: 15px;height: 15px}.hsc--logo .hl-vrow span{font-size: 10.5px;color: var(--ink-500)}.hsc--logo .hl-vrow{display: flex;align-items: center;gap: 9px;padding: 6px 0;animation: hlVar 6s var(--ease) infinite;animation-delay: var(--dly)}.hsc--logo .hl-c1{right: 28px;top: 58px}.hsc--logo .hl-c2{left: 30px;top: 132px}@keyframes hlNode{0%,8%{opacity: 0;transform: scale(.4)}18%,52%{opacity: 1;transform: scale(1)}66%,100%{opacity: 0;transform: scale(.7)}}@keyframes hlGuide{0%,10%{opacity: 0}24%,56%{opacity: .9}70%,100%{opacity: 0}}@keyframes hlSwatch{0%,100%{transform: scale(1)}46%{transform: scale(1.22) translateY(-3px)}}@keyframes hlVar{0%,100%{opacity: .45}22%,40%{opacity: 1}}