.work-index-page{font-family:var(--font-poppins), "PingFang SC", "Microsoft YaHei", sans-serif;padding:170px 7vw 100px}.work-index-heading{text-align:center;max-width:1050px;margin:0 auto 55px}.work-index-eyebrow{letter-spacing:.08em;color:#6a6a6a;margin-bottom:25px;font-size:11px;line-height:1.8}.work-index-heading h1{letter-spacing:0;margin:0 0 28px;font-size:57.6px;font-weight:500;line-height:1.34}.work-index-intro{max-width:700px;margin-inline:auto;font-size:16px;font-weight:300;line-height:1.9}.work-index-intro>span{margin-bottom:8px;font-weight:500;display:block}.work-index-filters{overscroll-behavior-x:contain;border-bottom:1px solid #ddd;justify-content:safe center;align-items:center;gap:30px;margin:0 -3px 48px;padding:5px 3px 0;display:flex;overflow-x:auto}.work-index-filters a{white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;min-height:52px;padding-bottom:11px;font-size:14px;font-weight:300;line-height:1.6;display:flex}.work-index-filters a[aria-current=page]{border-bottom-color:#111;font-weight:500}.work-index-filters a:hover{color:var(--seal)}.work-index-count{color:#666;margin-bottom:18px;font-size:12px;line-height:1.8}.work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 34px;display:grid}.work-index-card{min-width:0}.work-index-visual{aspect-ratio:4/3;background:#fff;display:block;position:relative;overflow:hidden}.work-index-visual[data-project=uiut]{background:#ffebf8}.work-index-visual>img{object-fit:contain;width:100%;height:100%;transition:transform .65s}.work-index-visual:hover>img{transform:scale(1.025)}.work-index-tags{flex-wrap:wrap;gap:5px;display:flex;position:absolute;top:16px;left:16px;right:16px}.work-index-tags>span{color:#111;background:#ffffffed;padding:5px 8px;font-size:10px;font-weight:400;line-height:1.5}.work-index-caption{justify-content:space-between;gap:20px;padding-top:20px;display:flex}.work-index-caption h2{letter-spacing:0;margin:0 0 7px;font-size:18px;font-weight:500;line-height:1.6}.work-index-caption p{font-size:14px;font-weight:300;line-height:1.9}.work-index-caption .work-index-proposal{color:#737373;margin-top:5px;font-size:12px}.work-index-open{flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.work-index-open svg{width:24px;height:24px}.work-index-cta{border-top:1px solid #dedede;justify-content:space-between;align-items:center;gap:34px;margin-top:100px;padding-top:45px;display:flex}.work-index-cta p{font-size:20px;font-weight:400;line-height:1.7}.work-index-cta p>span{margin-top:5px;font-size:14px;font-weight:300;display:block}.work-index-empty{grid-template-columns:100px minmax(0,630px);gap:34px;padding:50px 0 30px;display:grid}.work-index-empty-mark{border:1px solid #c8c8c8;place-items:center;width:90px;height:90px;font-size:48px;font-weight:300;line-height:1;display:grid}.work-index-empty h2{letter-spacing:0;margin:0 0 20px;font-size:28px;font-weight:500;line-height:1.5}.work-index-empty p{font-size:16px;font-weight:300;line-height:1.9}.work-index-actions{flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:30px;display:flex}.work-index-contact{border-bottom:1px solid;align-items:center;gap:15px;min-height:56px;font-size:14px;line-height:1.6;display:inline-flex}@media (max-width:1000px){.work-index-heading h1{font-size:46px}.work-index-filters{gap:24px}}@media (max-width:767px){.work-index-page{padding:158px 6vw 70px}.work-index-heading{margin-bottom:35px}.work-index-heading h1{margin-bottom:24px;font-size:clamp(33px,9vw,42px);line-height:1.35}.work-index-eyebrow{margin-bottom:20px;font-size:10px}.work-index-intro{font-size:15px}.work-index-filters{margin-bottom:30px}.work-index-filters a{min-height:48px;font-size:13px}.work-index-grid{grid-template-columns:minmax(0,1fr);gap:42px}.work-index-tags{top:10px;left:10px;right:10px}.work-index-tags>span{padding:4px 6px;font-size:9px}.work-index-caption{padding-top:15px}.work-index-caption h2{font-size:17px}.work-index-cta{margin-top:65px;padding-top:35px;display:block}.work-index-cta .square-button{margin-top:28px}.work-index-empty{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:20px}.work-index-empty-mark{width:66px;height:66px;font-size:36px}.work-index-empty h2{font-size:24px}.work-index-empty p{font-size:15px}}@media (prefers-reduced-motion:reduce){.work-index-visual>img{transition:none}.work-index-visual:hover>img{transform:none}}