.capture-viewer-trigger{border:0;border-bottom:1px solid var(--line);min-height:44px;color:var(--accent);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 0;font-size:14px;line-height:1.5;display:inline-flex}.capture-viewer-trigger:hover{border-color:var(--accent)}.capture-viewer{border:1px solid var(--line);background:var(--paper);width:min(1200px,100vw - 48px);max-width:none;height:min(900px,100dvh - 48px);max-height:none;color:var(--ink);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 16px 64px #17191633}.capture-viewer[open]{flex-direction:column;display:flex}.capture-viewer::backdrop{background:#171916b8}.capture-viewer-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 24px;display:flex}.capture-viewer-header h2{letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:22px;font-weight:500;line-height:1.25}.capture-viewer-controls{flex-shrink:0;gap:8px;display:flex}.capture-viewer-controls button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;line-height:1.4;display:inline-flex}.capture-viewer-controls button:hover,.capture-viewer-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.capture-viewer button:focus-visible,.capture-viewer-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.capture-viewer-viewport{overscroll-behavior:contain;scroll-behavior:auto;background:#eeece5;flex:1;min-width:0;min-height:0;padding:24px;overflow:auto}.capture-viewer-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.capture-viewer-canvas{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.capture-viewer .capture-viewer-image{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;padding:0;position:static}.capture-viewer[data-zoomed] .capture-viewer-canvas{width:max-content;min-width:100%;height:max-content;min-height:100%}.capture-viewer[data-zoomed] .capture-viewer-image{flex-shrink:0;max-width:none;max-height:none}.capture-viewer-footer{border-top:1px solid var(--line);flex:none;padding:16px 24px}.capture-viewer-footer p{max-width:90ch;margin:0;font-size:13px;line-height:1.5}.capture-viewer-footer .capture-viewer-help{color:var(--muted);margin-top:6px;font-size:12px}@media (width<=700px){.capture-viewer{border:0;width:100%;height:100dvh;margin:0}.capture-viewer-header{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));flex-wrap:wrap}.capture-viewer-header h2{flex:100%;font-size:20px}.capture-viewer-viewport{padding:12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left))}.capture-viewer-footer{padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}}.case-story{margin-top:44px}.case-story-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px 56px;padding-block:32px;display:grid}.case-story-eyebrow{color:var(--accent);margin-bottom:12px;font-size:12px;line-height:1.4;display:block}.case-story-heading h2{letter-spacing:-.04em;text-wrap:balance;max-width:22ch;font-size:clamp(25px,2.8vw,34px);font-weight:500;line-height:1.2}.case-story-section>p{max-width:62ch;font-size:17px;line-height:1.75}@media (width<=850px){.case-story-section{column-gap:32px}}@media (width<=700px){.case-story{margin-top:32px}.case-story-section{grid-template-columns:1fr;gap:16px;padding-block:24px}.case-story-heading h2{max-width:none}.case-story-section>p{font-size:16px}}.project-page--quyen .project-page-heading{grid-template-columns:.85fr 1.15fr;align-items:end;gap:16px 56px;max-width:none;padding-block:40px 28px;display:grid}.project-page--quyen .project-page-heading>.eyebrow{grid-column:1/-1}.project-page--quyen .project-page-heading h1{margin:0;font-size:clamp(58px,7vw,96px)}.project-page--quyen .project-page-heading>p{max-width:36ch;font-size:clamp(20px,2.2vw,26px)}.quyen-case-study{--quyen-stage:#e7e0ef}.quyen-case-scope{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px;margin:0;padding-block:18px;display:grid}.quyen-case-scope dt{color:var(--muted);margin-bottom:6px;font-size:12px;line-height:1.4}.quyen-case-scope dd{margin:0;font-size:15px;line-height:1.4}.quyen-case-gallery{margin-top:32px}.quyen-case-gallery-heading{justify-content:space-between;align-items:end;gap:20px 32px;margin-bottom:18px;display:flex}.quyen-case-gallery-heading h2{letter-spacing:-.035em;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.25}.quyen-case-gallery-heading p{max-width:44ch;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.quyen-case-controls{flex-shrink:0;gap:6px;display:flex}.quyen-case-controls button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:10px 16px;font-size:13px}.quyen-case-controls button:hover{border-color:var(--ink)}.quyen-case-controls button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.quyen-case-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.quyen-case-gallery figure{margin:0}.quyen-case-stage{aspect-ratio:16/11;background:var(--quyen-stage);width:100%;position:relative;overflow:hidden}.quyen-case-stage img{object-fit:contain;width:100%;height:100%;padding:clamp(12px,2.8vw,32px);position:absolute;inset:0}.quyen-case-gallery figcaption{max-width:74ch;min-height:4.8em;color:var(--muted);margin-top:14px;font-size:13px;line-height:1.6}.quyen-case-visit{border-top:1px solid var(--line);margin-top:44px;padding-top:20px}.quyen-case-visit .text-link{flex-wrap:wrap;gap:6px 10px;min-height:44px}.quyen-case-link-note{color:var(--muted);font-size:12px}@media (width<=850px){.quyen-case-gallery-heading{flex-direction:column;align-items:start}}@media (width<=700px){.project-page--quyen .project-page-heading{grid-template-columns:1fr;gap:22px;padding-block:36px 28px}.project-page--quyen .project-page-heading h1{font-size:clamp(54px,11vw,76px)}.quyen-case-scope{grid-template-columns:1fr;gap:14px}.quyen-case-scope>div{grid-template-columns:68px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.quyen-case-scope dt{margin:0}.quyen-case-scope dd{font-size:14px}.quyen-case-stage{aspect-ratio:3/5}}.project-page--case .project-page-heading{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:20px 56px;max-width:none;padding-block:40px 32px;display:grid}.project-page--case .project-page-heading>.eyebrow,.project-page--case .project-page-heading>.project-tools{grid-column:1/-1}.project-page--case .project-page-heading>*{min-width:0}.project-page--case .project-page-heading h1{overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(52px,6.7vw,88px);line-height:1.02}.project-page--case .project-page-heading>p{max-width:38ch;font-size:clamp(20px,2.2vw,26px)}.project-case-study{--case-color:var(--accent);--case-stage:#eee8e0}.project-case-study[data-project=coolmate]{--case-color:#2448de;--case-stage:#e4e9fc}.project-case-study[data-project=sabomall]{--case-color:#cb4a36;--case-stage:#f4e7df}.project-case-study[data-project=asa]{--case-color:#155a60;--case-stage:#dfeceb}.project-case-scope{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;margin:0;padding-block:20px;display:grid}.project-case-scope>div{min-width:0}.project-case-scope dt,.project-case-related-label{color:#5f625e;margin-bottom:7px;font-size:12px;line-height:1.4}.project-case-scope dd{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.45}.project-case-status{color:var(--ink);flex-wrap:wrap;gap:4px 16px;margin-top:16px;font-size:13px;line-height:1.6;display:flex}.project-case-status-date{color:var(--muted)}.project-case-gallery{margin-top:36px}.project-case-gallery-heading{justify-content:space-between;align-items:end;gap:20px 32px;margin-bottom:18px;display:flex}.project-case-gallery-heading>div{min-width:0}.project-case-gallery-heading h2{letter-spacing:-.035em;font-size:clamp(22px,2.3vw,28px);font-weight:500;line-height:1.2}.project-case-gallery-heading p{max-width:56ch;color:var(--muted);margin-top:10px;font-size:13px;line-height:1.6}.project-case-controls{flex-wrap:wrap;flex-shrink:0;gap:6px;max-width:100%;display:flex}.project-case-controls button{border:1px solid var(--line);min-width:44px;max-width:100%;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:10px 16px;font-size:13px;line-height:1.4}.project-case-controls button:is(:hover,:focus-visible){border-color:var(--case-color)}.project-case-controls button[aria-pressed=true]{border-color:var(--case-color);background:var(--case-color);color:#fff}.project-case-controls button:focus-visible,.project-case-related a:focus-visible{outline:2px solid var(--case-color);outline-offset:4px}.project-case-gallery figure{margin:0}.project-case-stage{aspect-ratio:16/10;border-top:3px solid var(--case-color);background:var(--case-stage);width:100%;position:relative;overflow:hidden}.project-case-stage img{object-fit:contain;width:100%;height:100%;padding:clamp(12px,2.5vw,32px);position:absolute;inset:0}.project-case-caption{max-width:80ch;color:var(--muted);margin-top:14px;font-size:13px;line-height:1.6;display:grid}.project-case-caption>span{grid-area:1/1;min-width:0}.project-case-caption-size{visibility:hidden;pointer-events:none}.project-case-stack{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px 56px;display:grid}.project-case-stack h2{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;font-size:clamp(28px,3.2vw,38px);font-weight:500;line-height:1.15}.project-case-stack{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.project-case-stack dl{min-width:0;margin:0}.project-case-stack dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:16px 24px;padding-block:15px;display:grid}.project-case-stack dl>div:first-child{padding-top:0}.project-case-stack dt,.project-case-stack dd{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.5}.project-case-stack dt{color:var(--muted)}.project-case-related{border-left:3px solid var(--case-color);background:var(--case-stage);margin-top:48px}.project-case-related a{padding:24px 28px;display:block}.project-case-related-label,.project-case-related-description{display:block}.project-case-related-title{color:var(--ink);letter-spacing:-.035em;justify-content:space-between;align-items:baseline;gap:20px;font-size:28px;line-height:1.2;display:flex}.project-case-related-title>span{color:var(--case-color);flex-shrink:0}.project-case-related-description{color:#5f625e;max-width:64ch;margin-top:12px;font-size:15px;line-height:1.6}.project-case-related a:is(:hover,:focus-visible) .project-case-related-title{text-decoration:underline;-webkit-text-decoration-color:var(--case-color);text-decoration-color:var(--case-color);text-underline-offset:5px;text-decoration-thickness:1px}.project-case-visit{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.project-case-visit .text-link{flex-wrap:wrap;gap:6px 10px;min-height:44px}.project-case-credit,.project-case-link-note{color:var(--muted);font-size:12px;line-height:1.6}.project-case-credit{margin-bottom:12px}.project-case-website-note{max-width:72ch;color:var(--muted);font-size:15px;line-height:1.65}.project-case-website-reference{overflow-wrap:anywhere;margin-top:8px;font-size:12px}@media (width<=850px){.project-page--case .project-page-heading{column-gap:32px}.project-case-gallery-heading{flex-direction:column;align-items:start}.project-case-stack{column-gap:32px}}@media (width<=700px){.project-page--case .project-page-heading{grid-template-columns:1fr;gap:20px;padding-block:36px 28px}.project-page--case .project-page-heading h1{font-size:clamp(48px,11vw,76px)}.project-case-scope{grid-template-columns:1fr;gap:15px}.project-case-scope>div{grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.project-case-scope dt{margin:0}.project-case-scope dd{font-size:14px}.project-case-gallery{margin-top:28px}.project-case-controls button{padding-inline:12px}.project-case-stage{aspect-ratio:16/11}.project-case-stage img{padding:12px}.project-case-stack{grid-template-columns:1fr;gap:20px}.project-case-stack h2{max-width:none}.project-case-stack,.project-case-related{margin-top:36px}.project-case-stack dl>div{grid-template-columns:90px minmax(0,1fr);column-gap:16px}.project-case-related a{padding:20px}.project-case-related-title{font-size:26px}}