.v2-portfolio-page{min-height:100svh}.v2-archive-heading{padding:clamp(170px,16vw,270px) 5.6vw 60px}.v2-work-eyebrow{letter-spacing:.12em;margin-bottom:26px;font-size:12px;line-height:1.5}.v2-archive-heading h1{letter-spacing:-.075em;margin:0 0 60px;font:700 clamp(100px,17vw,300px)/.95 Inter Variable,Arial,sans-serif}.v2-archive-heading{overflow:hidden}.v2-archive-heading h1{align-items:baseline;gap:.12em;display:flex}.v2-page .v2-archive-heading h1>.v2-work-title-text{color:inherit}.v2-work-title-letter{animation:v2-nav-blink .3s ease-out var(--letter-delay) both;display:inline-block}.v2-archive-heading>div{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.v2-archive-heading>div h2{letter-spacing:-.015em;font-size:clamp(27px,2.5vw,44px);font-weight:400;line-height:1.35}.v2-archive-heading>div p{font-size:16px;line-height:1.8}.v2-archive{padding:0 5.6vw 100px}.v2-work-toolbar{align-items:center;min-width:0;padding:14px 0 36px;display:flex}.v2-work-filters{scrollbar-width:none;flex-wrap:nowrap;gap:8px;width:100%;min-width:0;padding:4px;scroll-padding-inline:4px;display:flex;position:relative;overflow-x:auto}.v2-work-filters::-webkit-scrollbar{display:none}.v2-work-filters button{white-space:nowrap;color:#555;font:inherit;cursor:pointer;background:#f1f1ed;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;line-height:1.5;transition:background-color .2s,color .2s;display:inline-flex}.v2-work-filters button:before{content:"";opacity:0;background:currentColor;flex:0 0 5px;width:5px;height:5px;transform:rotate(45deg)}.v2-work-filters button[aria-pressed=true]{color:#fff;background:#2d343c}.v2-work-filters button[aria-pressed=true]:before{opacity:1}.v2-work-filters button:focus-visible{outline-offset:2px;outline:2px solid #2d343c}@media (hover:hover){.v2-work-filters button:hover{color:#2d343c;background:#e2e4e1}.v2-work-filters button[aria-pressed=true]:hover{color:#fff;background:#435160}}.v2-work-toolbar>p{color:#555;white-space:nowrap;font-size:12px}.v2-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 4vw;display:grid}.v2-archive-card{min-width:0}.v2-archive-cover{aspect-ratio:1.4;background:#f1f1ed;display:block;position:relative;overflow:hidden}.v2-archive-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.v2-archive-explore{color:#080808;opacity:0;background:#fff;border-radius:99px;padding:9px 15px;font-size:12px;transition:opacity .3s,transform .3s;position:absolute;bottom:20px;right:20px;transform:translateY(8px)}.v2-archive-cover:focus-visible .v2-archive-explore{opacity:1;transform:none}.v2-archive-meta{justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 20px 0;display:flex}.v2-page .v2-archive-meta h2{letter-spacing:normal;overflow-wrap:anywhere;font-size:clamp(16px,1.05vw,20px);font-weight:400;line-height:1.5}.v2-archive-meta p{color:#555;margin-top:4px;font-size:clamp(15px,1.05vw,20px);line-height:1.8}.v2-archive-meta>span{font-size:24px;line-height:1.5}.v2-archive-type-cover{color:#303b48;background:#e9eeed;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:30px;display:flex}.v2-archive-type-cover>span:first-child{letter-spacing:.08em;font-size:13px}.v2-archive-type-cover>strong{letter-spacing:-.03em;font-size:clamp(25px,3vw,50px);font-weight:500;line-height:1.3}.v2-archive-type-cover>small{letter-spacing:.12em;font-size:11px}.v2-archive-card:nth-child(2n) .v2-archive-type-cover{background:#edeae3}.v2-page .v2-archive-type-cover:hover{text-decoration:none}.v2-project-status{color:#555;margin:10px 20px 0;font-size:12px}.v2-portfolio-note{color:#555;border-top:1px solid #b5b5b5;margin-top:75px;padding-top:22px;font-size:13px}.v2-page .v2-portfolio-footer{margin:0;padding:75px 5.6vw 25px}.v2-portfolio-footer>div>p{margin-bottom:18px;font-size:17px}.v2-portfolio-footer h2{letter-spacing:-.03em;font-size:clamp(34px,4.4vw,72px);font-weight:500;line-height:1.35}.v2-portfolio-contact{border-bottom:1px solid #bec7d1;align-items:center;gap:50px;margin-top:30px;padding:12px 0;font-size:17px;display:inline-flex}.v2-portfolio-contact span{font-size:24px}.v2-portfolio-footer-bottom{border-top:1px solid #ffffff30;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:70px;padding-top:24px;display:flex}.v2-portfolio-footer-bottom>a:first-child{letter-spacing:-.05em;font:900 26px/1 Arial,sans-serif}.v2-portfolio-footer-bottom small{letter-spacing:0;margin-top:8px;font:400 11px/1.5 Arial,Microsoft JhengHei,sans-serif;display:block}.v2-portfolio-footer-bottom p,.v2-portfolio-footer-bottom>a:last-child{font-size:12px}.v2-work-breadcrumb{color:#555;flex-wrap:wrap;gap:8px 12px;margin-bottom:55px;font-size:12px;line-height:1.6;display:flex}.v2-next-project{margin-top:45px;display:block}.v2-project-not-found{min-height:65svh;padding:220px 5.6vw 120px}.v2-project-not-found h1{margin-bottom:25px;font-size:clamp(30px,4vw,60px);line-height:1.3}@media (hover:hover){.v2-archive-cover:hover>img{transform:scale(1.035)}.v2-archive-cover:hover .v2-archive-explore{opacity:1;transform:none}}@media (max-width:950px){.v2-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-archive-heading{padding-top:160px}.v2-archive-type-cover{padding:24px}}@media (max-width:650px){.v2-archive-heading{padding:140px 24px 38px}.v2-archive-heading h1{margin-bottom:38px;font-size:clamp(80px,22vw,140px)}.v2-archive-heading>div{display:block}.v2-archive-heading>div h2{font-size:27px}.v2-archive-heading>div p{margin-top:24px;font-size:14px}.v2-work-eyebrow{margin-bottom:20px;font-size:10px}.v2-archive{padding:0 24px 65px}.v2-work-toolbar{padding:4px 0 24px}.v2-work-filters{width:calc(100% + 24px);margin-right:-24px;padding-right:24px}.v2-work-filters button{font-size:13px}.v2-archive-grid{grid-template-columns:minmax(0,1fr);gap:38px}.v2-archive-meta,.v2-project-status{margin-left:0;margin-right:0}.v2-archive-explore{display:none}.v2-archive-type-cover{padding:24px}.v2-archive-type-cover>strong{font-size:28px}.v2-portfolio-note{margin-top:45px;font-size:12px}.v2-page .v2-portfolio-footer{padding:55px 24px 24px}.v2-portfolio-footer>div>p{font-size:14px}.v2-portfolio-footer h2{font-size:34px}.v2-portfolio-footer-bottom{flex-wrap:wrap;align-items:center;gap:24px;margin-top:50px}.v2-portfolio-footer-bottom>a:first-child{flex-basis:100%}.v2-portfolio-footer-bottom>a:last-child{margin-left:auto}.v2-work-breadcrumb{margin-bottom:36px;font-size:11px}.v2-next-project{margin-top:34px}.v2-project-not-found{padding:160px 24px 80px}}@media (prefers-reduced-motion:reduce){.v2-work-filters button,.v2-archive-cover>img,.v2-archive-explore{transition:none}}.v2-filter-changed{animation:.2s ease-out v2-filter-in}@keyframes v2-filter-in{0%{opacity:.45}to{opacity:1}}.v2-work-filters button{min-width:44px;min-height:44px}.v2-archive-cover:focus-visible{outline-offset:5px;outline:2px solid}@media (max-width:650px){.v2-archive-heading{padding-top:120px;padding-bottom:30px}.v2-archive-heading h1{margin-bottom:28px}.v2-archive-heading>div p{margin-top:18px}}@media (prefers-reduced-motion:reduce){.v2-filter-changed,.v2-work-title-letter{animation:none}}.v2-archive-app-cover{background:#e9eeed;justify-content:center;align-items:center;gap:7%;padding:6%;display:flex}.v2-archive-app-cover>img{object-fit:contain;border-radius:8px;width:auto;max-width:43%;height:100%;box-shadow:0 10px 24px #26323f18}.v2-case-app-cover{background:#e9eeed;justify-content:center;padding:40px 24px;display:flex}.v2-case-app-cover img{border-radius:10px;width:min(100%,300px);height:auto;box-shadow:0 12px 32px #26323f18}.v2-case-app-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px;display:grid}.v2-case-app-gallery figure{min-width:0}.v2-case-app-gallery figcaption{flex-direction:column;gap:6px;line-height:1.6}@media (max-width:950px){.v2-case-app-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (max-width:650px){.v2-case-app-cover{padding:28px 24px}.v2-case-app-gallery{grid-template-columns:minmax(0,340px);justify-content:center;gap:0}}@media (min-width:651px){.v2-page .v2-archive-heading{--v2-title-size:clamp(70px,11.9vw,210px);padding-top:clamp(140px,11vw,180px);padding-bottom:36px}.v2-page .v2-archive-heading h1{margin-bottom:32px}}.v2-page .v2-archive-title-row h1{margin:0}.v2-archive-title-row>p{flex-shrink:0}@media (max-width:650px){.v2-archive-title-row>p{margin-top:24px}}.v2-case{padding:clamp(140px,11vw,180px) 5.6vw 90px}.v2-case-split{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:start;gap:0 5vw;display:grid}.v2-case-split>.v2-case-info{grid-area:1/2;transition:top .3s;position:sticky;top:48px}html:has(.v2-header:not(.v2-header-hidden)) .v2-case-split>.v2-case-info{top:calc(6.2vw + 64px)}.v2-case-split>.v2-case-media{grid-area:1/1}.v2-case-stack>.v2-case-info{max-width:760px;margin-bottom:60px}.v2-case-info .v2-work-breadcrumb{margin-bottom:40px}.v2-case-info .v2-work-eyebrow{color:#555;margin-bottom:14px}.v2-page .v2-case-info h1{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(28px,2.6vw,44px);font-weight:500;line-height:1.35}.v2-case-type{color:#555;margin-top:14px;font-size:14px}.v2-case-summary{border-top:1px solid #b5b5b5;margin-top:30px;padding-top:30px;font-size:clamp(16px,1.15vw,18px);line-height:1.9}.v2-case-facts{margin:30px 0 0}.v2-case-facts>div{border-bottom:1px solid #d7d7d7;grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px 0;font-size:14px;line-height:1.7;display:grid}.v2-case-facts>div:first-child{border-top:1px solid #d7d7d7}.v2-case-facts dt{color:#555}.v2-case-facts dd{margin:0}.v2-case-facts ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.v2-case-tag{background:#f1f1ed;border-radius:999px;padding:2px 12px;font-size:13px;display:inline-block}.v2-case-visit{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:30px;margin-top:32px;padding:14px 0;font-size:15px;display:flex}.v2-case-visit>span[aria-hidden]{font-size:18px;transition:transform .3s}.v2-case-role-note{color:#666;margin-top:22px;font-size:12px;line-height:1.7}.v2-case-media figure{margin:0 0 50px}.v2-case-media figure:last-child{margin-bottom:0}.v2-case-media img,.v2-case-gallery img{background:#f1f1ed;width:100%;height:auto;display:block}.v2-case-media img{box-shadow:0 0 0 1px #00000010}.v2-case-media figcaption,.v2-case-gallery figcaption{color:#555;justify-content:space-between;gap:20px;padding-top:14px;font-size:12px;display:flex}.v2-case-media figcaption>span,.v2-case-gallery figcaption>span{white-space:nowrap;font-size:11px}.v2-case-app-gallery{margin-top:60px}.v2-case-next{border-top:1px solid #b5b5b5;margin:0 5.6vw;padding:40px 0 90px}.v2-case-back{font-size:13px}.v2-next-project{align-items:center;gap:clamp(20px,3vw,48px);display:flex}.v2-next-thumb{aspect-ratio:1.4;background:#f1f1ed;flex:0 0 clamp(120px,16vw,260px);overflow:hidden}.v2-next-thumb>img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.v2-next-text{flex:1;min-width:0}.v2-next-text>span{letter-spacing:.08em;color:#555;font-size:11px}.v2-next-text>strong{overflow-wrap:anywhere;justify-content:space-between;gap:25px;margin-top:14px;font-size:clamp(24px,3.2vw,50px);font-weight:400;line-height:1.4;display:flex}.v2-next-text>strong>span{flex-shrink:0}@media (hover:hover){.v2-case-visit:hover>span[aria-hidden]{transform:translate(3px,-3px)}.v2-next-project:hover .v2-next-thumb>img{transform:scale(1.04)}}@media (max-height:640px){.v2-case-split>.v2-case-info{position:static}}@media (max-width:900px){.v2-case-split{display:block}.v2-case-split>.v2-case-info{margin-bottom:50px;position:static}}@media (max-width:650px){.v2-case{padding:120px 24px 60px}.v2-case-info .v2-work-breadcrumb{margin-bottom:30px}.v2-page .v2-case-info h1{font-size:clamp(26px,7vw,34px)}.v2-case-type{font-size:13px}.v2-case-summary{margin-top:24px;padding-top:24px;font-size:16px}.v2-case-facts>div{grid-template-columns:68px minmax(0,1fr);gap:14px;font-size:13px}.v2-case-media figure{margin-bottom:35px}.v2-case-app-gallery{margin-top:40px}.v2-case-next{margin:0 24px;padding:28px 0 55px}.v2-next-project{flex-direction:column;align-items:stretch;gap:18px}.v2-next-thumb{flex-basis:auto}}@media (prefers-reduced-motion:reduce){.v2-case-visit>span[aria-hidden],.v2-next-thumb>img,.v2-case-split>.v2-case-info{transition:none}}