[data-v-a9cbc748]:root{--color-bg-default: #000;--color-bg-inverse: #fff;--color-text-default: #fff;--color-text-inverse: #000;--color-point: #7478F6}.wrap[data-v-a9cbc748]{background-color:var(--color-bg-default);color:var(--color-text-default)}.wrap a[data-v-a9cbc748]{color:var(--color-text-default)}.case__head[data-v-a9cbc748]{padding:120px 0 80px;border-bottom:.5px solid rgba(255,255,255,.2);text-align:center}@media all and (max-width:768px){.case__head[data-v-a9cbc748]{padding:80px 0 60px}}.case__head-sub-title[data-v-a9cbc748]{margin-bottom:8px;font-size:clamp(18px,2vw,22px);font-weight:300;color:#fff6}.case__head-title[data-v-a9cbc748]{font-size:clamp(35px,5.5vw,60px);font-weight:600}.case__head-desc[data-v-a9cbc748]{max-width:720px;margin:18px auto 0;font-size:clamp(16px,1.8vw,20px);font-weight:300;line-height:1.65;color:#ffffffad;word-break:keep-all}@media all and (max-width:768px){.case__head-desc[data-v-a9cbc748]{margin-top:14px;font-size:15px;line-height:1.55}}.case__badge[data-v-a9cbc748]{display:inline-flex;align-items:center;gap:7px;height:30px;margin-bottom:4px;padding:0 14px;font-size:13px;font-weight:700;letter-spacing:.02em;border:1px solid transparent;border-radius:30px}.case__badge[data-v-a9cbc748]:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor}.case__badge.is-done[data-v-a9cbc748]{color:#fff;background:#7478f6}.case__badge.is-ongoing[data-v-a9cbc748]{color:#b6b8fb;border-color:#979af88c;background:#979af81f}.case__badge.is-planned[data-v-a9cbc748]{border-style:dashed;border-color:#ffffff4d;color:#ffffff9e;background:#ffffff08}.case__hero[data-v-a9cbc748]{width:fit-content;max-width:100%;margin:clamp(40px,5vw,60px) auto 0;border:.5px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff05;overflow:hidden}@media all and (max-width:768px){.case__hero[data-v-a9cbc748]{width:100%;margin-top:32px;border-radius:8px}}.case__hero img[data-v-a9cbc748]{display:block;max-width:100%;width:auto;height:auto;max-height:clamp(360px,60vh,640px)}@media all and (max-width:768px){.case__hero img[data-v-a9cbc748]{width:100%;max-height:none}}.case__info-list[data-v-a9cbc748]{display:flex;gap:60px;margin-top:clamp(40px,6vw,70px)}@media all and (max-width:768px){.case__info-list[data-v-a9cbc748]{flex-direction:column}}.case__info-item[data-v-a9cbc748]{position:relative;display:flex;flex-direction:column;flex:1}@media all and (max-width:768px){.case__info-item[data-v-a9cbc748]{border:.5px solid rgba(255,255,255,.2);border-radius:8px}}.case__info-item[data-v-a9cbc748]:not(:last-child):after{content:"";position:absolute;top:0;right:-30px;width:1px;height:calc(100% + 60px);background-color:#fff3}@media all and (max-width:768px){.case__info-item[data-v-a9cbc748]:not(:last-child):after{display:none}}.case__info-item[data-v-a9cbc748]:not(:last-child):before{content:"";position:absolute;top:60%;right:-48px;z-index:1;width:36px;height:36px;border-radius:50%;background:#333 url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.91105%200.163183L11.4567%203.70882C11.6743%203.9264%2011.6743%204.27916%2011.4567%204.49674L7.91105%208.04237C7.69348%208.25995%207.34071%208.25995%207.12313%208.04237C6.90556%207.82479%206.90556%207.47203%207.12313%207.25445L9.71767%204.65992L0.557143%204.65992C0.249441%204.65992%200%204.41048%200%204.10278C0%203.79508%200.249441%203.54564%200.557143%203.54564L9.71767%203.54564L7.12313%200.951102C6.90556%200.733525%206.90556%200.380761%207.12313%200.163183C7.34071%20-0.0543944%207.69348%20-0.0543944%207.91105%200.163183Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center/16px}@media all and (max-width:768px){.case__info-item[data-v-a9cbc748]:not(:last-child):before{top:auto;bottom:-44px;right:50%;transform:translate(50%) rotate(90deg);width:28px;height:28px;background-size:12px}}.case__info-item:nth-child(1) .case__info-title[data-v-a9cbc748]{background:#979af8}.case__info-item:nth-child(2) .case__info-title[data-v-a9cbc748]{background:#7478f6}.case__info-item:nth-child(3) .case__info-title[data-v-a9cbc748]{background:#5d60c5}.case__info-title[data-v-a9cbc748]{display:flex;justify-content:center;align-items:center;height:54px;border-radius:8px;font-size:18px}@media all and (max-width:768px){.case__info-title[data-v-a9cbc748]{height:44px;font-size:16px}}.case__info-points[data-v-a9cbc748]{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:0 clamp(20px,2.8vw,32px);word-break:keep-all}@media all and (max-width:768px){.case__info-points[data-v-a9cbc748]{gap:8px;margin-top:18px;padding:0 20px 20px}}.case__info-point[data-v-a9cbc748]{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.6vw,18px);font-weight:300;line-height:1.4}.case__info-point[data-v-a9cbc748]:before{content:"";flex-shrink:0;width:3px;height:3px;background-color:#fff;border-radius:50%}.case-section[data-v-a9cbc748]{padding:clamp(70px,9vw,110px) 0;border-top:.5px solid rgba(255,255,255,.12)}.case-section[data-v-a9cbc748]:first-of-type{border-top:none}.case-section__head[data-v-a9cbc748]{margin-bottom:clamp(40px,5vw,56px)}.case-section__title[data-v-a9cbc748]{font-size:clamp(26px,3.4vw,38px);font-weight:600;line-height:1.3}.case-section__desc[data-v-a9cbc748]{max-width:760px;margin-top:14px;font-size:clamp(15px,1.6vw,18px);font-weight:300;line-height:1.6;color:#fff9;word-break:keep-all}@media all and (max-width:768px){.case-section__desc[data-v-a9cbc748]{margin-top:10px;font-size:15px}}.case-detail+.case-detail[data-v-a9cbc748]{margin-top:clamp(80px,10vw,120px)}.case-detail__title[data-v-a9cbc748]{font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.35}.case-detail__desc[data-v-a9cbc748]{margin-top:16px;font-size:clamp(16px,1.5vw,18px);font-weight:300;line-height:1.6;color:#fffc;word-break:keep-all}.case-detail__note[data-v-a9cbc748]{margin-top:18px;padding:14px 18px;border-left:2px solid var(--color-point);border-radius:0 8px 8px 0;background:#979af814;font-size:clamp(14px,1.4vw,16px);font-weight:300;line-height:1.55;color:#ffffffc7;word-break:keep-all}.case-grid[data-v-a9cbc748]{display:flex;flex-direction:column;gap:clamp(20px,2.2vw,28px)}.case-compact[data-v-a9cbc748]{position:relative;display:flex;align-items:stretch;border:.5px solid rgba(255,255,255,.15);border-radius:18px;background:#ffffff05;overflow:hidden;transition:border-color .2s ease,background .2s ease}@media all and (max-width:1240px){.case-compact[data-v-a9cbc748]{flex-direction:column}}.case-compact[data-v-a9cbc748]:hover{border-color:#979af859;background:#979af80a}.case-compact__media[data-v-a9cbc748]{flex:0 0 clamp(260px,38%,460px);align-self:stretch;overflow:hidden;background:#ffffff08}.case-compact__media img[data-v-a9cbc748]{display:block;width:100%;height:100%;object-fit:cover}@media all and (max-width:1240px){.case-compact__media[data-v-a9cbc748]{flex:none;width:100%;height:clamp(200px,32vw,280px)}}.case-compact__content[data-v-a9cbc748]{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;padding:clamp(30px,3.4vw,48px)}.case-compact__main[data-v-a9cbc748]{padding-right:130px}@media all and (max-width:1240px){.case-compact__main[data-v-a9cbc748]{padding-right:0}}.case-compact__demo[data-v-a9cbc748]{position:absolute;top:clamp(30px,3.4vw,48px);right:clamp(30px,3.4vw,48px);z-index:2;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;font-size:14px;font-weight:700;white-space:nowrap;color:#fff;background:linear-gradient(120deg,#7478f6,#9b8cff);border-radius:50px;box-shadow:0 0 14px #7478f673;transition:box-shadow .25s ease,transform .15s ease}@media all and (max-width:1240px){.case-compact__demo[data-v-a9cbc748]{position:static;align-self:flex-end;margin-bottom:4px}}@media(hover:hover)and (pointer:fine){.case-compact__demo[data-v-a9cbc748]:hover{box-shadow:0 0 26px #7478f6bf;transform:translateY(-1px)}}.case-compact__demo[data-v-a9cbc748]:active{transform:translateY(1px)}.case-compact__title[data-v-a9cbc748]{margin-top:16px;font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1.3;word-break:keep-all}.case-compact__desc[data-v-a9cbc748]{margin-top:14px;font-size:clamp(15px,1.5vw,17px);font-weight:300;line-height:1.6;color:#fff9;word-break:keep-all}.case-compact__works[data-v-a9cbc748]{margin-top:clamp(22px,2.4vw,30px);padding-top:clamp(22px,2.4vw,30px);border-top:.5px solid rgba(255,255,255,.1)}.case-compact__works-label[data-v-a9cbc748]{margin-bottom:20px;font-size:14px;font-weight:700;letter-spacing:.02em;color:#979af8f2}.case-compact__works-list[data-v-a9cbc748]{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px 40px}@media all and (max-width:1240px){.case-compact__works-list[data-v-a9cbc748]{gap:16px 32px}}@media all and (max-width:768px){.case-compact__works-list[data-v-a9cbc748]{grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:none;grid-template-columns:1fr;gap:14px}}.case-compact__work[data-v-a9cbc748]{position:relative;padding-left:18px;font-size:clamp(16px,1.6vw,18px);font-weight:300;line-height:1.5;color:#ffffffe0;word-break:keep-all}.case-compact__work[data-v-a9cbc748]:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--color-point)}