@font-face{size-adjust:90%;font-family:caseHeadingFont;src:url(../media/NotoSansSC_700_subset.p.2m9fq-2wcaz72.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{size-adjust:90%;font-family:caseHeadingFont;src:url(../media/NotoSansSC_700_subset.p.2m9fq-2wcaz72.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}.caseheadingfont_fc69dcc5-module__5QthCa__className{font-family:caseHeadingFont,Case Heading,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}.caseheadingfont_fc69dcc5-module__5QthCa__variable{--font-case-heading:"caseHeadingFont", Case Heading, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans SC, sans-serif}
@font-face{font-family:dinBlack;src:url(../media/Barlow_Black_latin-s.3epm2dl0k00tz.woff2)format("woff2");font-display:swap;font-weight:900}@font-face{font-family:dinBlack Fallback;src:local(Arial);ascent-override:97.22%;descent-override:19.44%;line-gap-override:0.0%;size-adjust:102.86%}.dinblack_a7f7d216-module__WH20kW__className{font-family:dinBlack,dinBlack Fallback;font-weight:900}
.portfolio-viewer-module__ocP49a__viewer,.portfolio-viewer-module__ocP49a__viewer *{box-sizing:border-box}.portfolio-viewer-module__ocP49a__viewer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1a1a;width:100%;height:100dvh;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.portfolio-viewer-module__ocP49a__viewer button,.portfolio-viewer-module__ocP49a__viewer input{font:inherit}.portfolio-viewer-module__ocP49a__sidebar{z-index:10;overscroll-behavior:contain;-webkit-backdrop-filter:blur(24px);scrollbar-width:none;background:#ffffff1f;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:8px;width:150px;max-height:calc(100dvh - 80px);padding:12px 10px;display:flex;position:fixed;top:50%;left:20px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 8px 32px #0000004d}.portfolio-viewer-module__ocP49a__sidebar::-webkit-scrollbar{width:3px;display:none}.portfolio-viewer-module__ocP49a__sidebar::-webkit-scrollbar-track{background:0 0}.portfolio-viewer-module__ocP49a__sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.portfolio-viewer-module__ocP49a__thumbnail{appearance:none;cursor:pointer;text-align:left;opacity:.3;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:100%;padding:0;transition:border-color .2s,transform .2s,box-shadow .2s,opacity .2s;position:relative;overflow:hidden}.portfolio-viewer-module__ocP49a__thumbnail:hover{transform:scale(1.04);box-shadow:0 2px 8px #0000004d}.portfolio-viewer-module__ocP49a__thumbnail[aria-current=page]{opacity:1;border-color:#fffc;box-shadow:0 0 0 1px #ffffff4d}.portfolio-viewer-module__ocP49a__thumbnail:focus-visible{opacity:1;outline-offset:-2px;outline:2px solid #fff}.portfolio-viewer-module__ocP49a__thumbnail>img,.portfolio-viewer-module__ocP49a__thumbnail>video,.portfolio-viewer-module__ocP49a__thumbnail>.portfolio-viewer-module__ocP49a__blank{width:100%;aspect-ratio:var(--page-ratio);object-fit:cover;border-radius:6px;display:block}.portfolio-viewer-module__ocP49a__pageNumber{color:#fffc;background:#00000080;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:500;line-height:1.4;position:absolute;bottom:4px;left:5px}.portfolio-viewer-module__ocP49a__content{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;align-items:center;gap:24px;width:100%;height:100%;padding:40px 0;display:flex;overflow-y:auto}.portfolio-viewer-module__ocP49a__content:focus{outline:none}.portfolio-viewer-module__ocP49a__content:focus-visible{outline-offset:-2px;outline:1px solid #888}.portfolio-viewer-module__ocP49a__content::-webkit-scrollbar{width:8px;display:none}.portfolio-viewer-module__ocP49a__content::-webkit-scrollbar-track{background:#1a1a1a}.portfolio-viewer-module__ocP49a__content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.portfolio-viewer-module__ocP49a__page{flex-shrink:0;width:calc(100% - 388px);max-width:1200px}.portfolio-viewer-module__ocP49a__blank{aspect-ratio:var(--page-ratio);background:var(--page-background,#efefef);border-radius:8px}.portfolio-viewer-module__ocP49a__page>img,.portfolio-viewer-module__ocP49a__page>video{width:100%;aspect-ratio:var(--page-ratio);object-fit:contain;background:#222;border-radius:8px;display:block}.portfolio-viewer-module__ocP49a__comparisonPage{width:100%;aspect-ratio:var(--page-ratio);background:#fafbff;border-radius:8px;position:relative;overflow:hidden}.portfolio-viewer-module__ocP49a__comparisonBackdrop{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-viewer-module__ocP49a__comparisonVideoFrame{z-index:1;width:77.5%;height:77.5%;position:absolute;top:22.5%;left:11.25%;overflow:hidden}.portfolio-viewer-module__ocP49a__comparisonVideo{cursor:pointer;object-fit:cover;background:0 0;border:0;width:100%;height:100%;display:block}.portfolio-viewer-module__ocP49a__comparisonVideo:focus-visible{outline-offset:-4px;outline:2px solid #fff}.portfolio-viewer-module__ocP49a__comparisonToggle{z-index:3;cursor:pointer;visibility:hidden;opacity:0;color:#fff;-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#0d0d0d94;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 6px 20px #0000002e}.portfolio-viewer-module__ocP49a__comparisonToggle[data-visible=true]{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.portfolio-viewer-module__ocP49a__comparisonToggle svg{fill:currentColor;stroke-width:1.5px;width:24px;height:24px}.portfolio-viewer-module__ocP49a__comparisonToggle svg[data-lucide=play]{transform:translate(1px)}.portfolio-viewer-module__ocP49a__comparisonToggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.portfolio-viewer-module__ocP49a__comparisonProgress{z-index:3;appearance:none;cursor:pointer;visibility:hidden;opacity:0;background:linear-gradient(to right, #ffffffeb var(--progress), #ffffff57 var(--progress));pointer-events:none;border-radius:999px;width:calc(100% - 32px);height:4px;margin:0;transition:height .18s,opacity .18s,visibility .18s;position:absolute;bottom:14px;left:16px;right:16px;box-shadow:0 1px 4px #00000038}.portfolio-viewer-module__ocP49a__comparisonProgress[data-visible=true]{visibility:visible;opacity:1;pointer-events:auto}.portfolio-viewer-module__ocP49a__comparisonProgress:hover{height:6px}.portfolio-viewer-module__ocP49a__comparisonProgress::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 5px #00000052}.portfolio-viewer-module__ocP49a__comparisonProgress::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 5px #00000052}.portfolio-viewer-module__ocP49a__reel{width:100%;aspect-ratio:var(--page-ratio);background:#111;border-radius:8px;position:relative;overflow:hidden}.portfolio-viewer-module__ocP49a__reel video{object-fit:cover;width:100%;height:100%;display:block}.portfolio-viewer-module__ocP49a__reelToggle{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.portfolio-viewer-module__ocP49a__reelToggle:hover{background:#00000026}.portfolio-viewer-module__ocP49a__reelToggle span{color:#fff;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:22px;padding:6px 24px;font:italic 48px Georgia,serif}.portfolio-viewer-module__ocP49a__reelProgress{appearance:none;cursor:pointer;opacity:0;background:linear-gradient(to right, #ffffffd9 var(--progress), #fff3 var(--progress));width:100%;height:6px;margin:0;transition:height .2s,opacity .3s;position:absolute;bottom:0;left:0}.portfolio-viewer-module__ocP49a__reel:hover .portfolio-viewer-module__ocP49a__reelProgress,.portfolio-viewer-module__ocP49a__reelProgress:focus-visible{opacity:1}.portfolio-viewer-module__ocP49a__reelProgress:hover{height:10px}.portfolio-viewer-module__ocP49a__reelProgress::-webkit-slider-thumb{appearance:none;background:#fff;width:8px;height:10px}.portfolio-viewer-module__ocP49a__reelProgress::-moz-range-thumb{background:#fff;border:0;border-radius:0;width:8px;height:10px}.portfolio-viewer-module__ocP49a__mediaError{color:#fff;text-align:center;pointer-events:none;width:100%;font-size:12px;position:absolute;bottom:20px}@media (max-width:900px){.portfolio-viewer-module__ocP49a__sidebar{display:none}.portfolio-viewer-module__ocP49a__content{gap:12px;padding:16px 0}.portfolio-viewer-module__ocP49a__page{width:100%;max-width:100%;padding:0 8px}}@media (prefers-reduced-motion:reduce){.portfolio-viewer-module__ocP49a__thumbnail,.portfolio-viewer-module__ocP49a__comparisonToggle,.portfolio-viewer-module__ocP49a__comparisonProgress,.portfolio-viewer-module__ocP49a__reelToggle,.portfolio-viewer-module__ocP49a__reelProgress{transition:none}.portfolio-viewer-module__ocP49a__thumbnail:hover{transform:none}}