:root{--ground: #f5f5f7;--ink: #1d1d1f;--muted: #6e6e73;--paper: #f7f7f9;--gutter: 24px;--grid-gap: 16px;--header-row: 32px;--label-row: 32px;--section-gap: 96px;--project-width: calc((100vw - 2 * var(--gutter) - 2 * var(--grid-gap)) / 3);--gallery-height: min(calc(var(--project-width) * 1.25 + var(--label-row)), calc(100svh - 2 * var(--gutter) - var(--header-row) - var(--section-gap)));--small: 12px;--body: 16px;--ease: cubic-bezier(.22,.68,0,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased}body{height:100svh;overflow:hidden}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,.stage:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:active{transform:translateY(1px)}[hidden]{display:none!important}::selection{background:var(--ink);color:var(--ground)}.header{position:fixed;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--grid-gap);align-items:start;padding:var(--gutter);pointer-events:none;font-size:var(--small);line-height:16px}.header>*{pointer-events:auto}.brand-symbol{width:33px;height:33px;margin-top:2px;transform:rotate(-8deg);transition:transform .5s var(--ease)}.brand-symbol:hover{transform:rotate(0)}.brand-symbol svg{width:100%;height:100%;fill:var(--ink)}.header nav{grid-column:1;grid-row:1;justify-self:start;display:flex;flex-direction:column;align-items:flex-start}nav button,nav a{font-size:var(--small);line-height:16px;text-transform:uppercase}nav button:hover,nav a:hover{opacity:.55}.local-time{display:flex;flex-direction:column;gap:1px;text-transform:uppercase}.local-time time{white-space:pre;font-variant-numeric:tabular-nums}.view-switch{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;position:relative}.view-switch:after{content:"";position:absolute;width:5px;height:5px;border:1px solid var(--ink);border-radius:50%;right:11px;bottom:10px;transition:transform .3s}.view-switch:hover:after{transform:translate(-7px,-7px)}.view-switch svg{display:none}.stage{position:absolute;left:var(--gutter);right:var(--gutter);top:max(calc(var(--gutter) + var(--header-row) + var(--section-gap)),calc((100svh - var(--gallery-height)) / 2 + var(--header-row) / 2));height:var(--gallery-height);overflow:clip;outline-offset:-4px!important;touch-action:pan-y;cursor:grab;user-select:none}.stage.dragging{cursor:grabbing}.track{display:flex;gap:var(--grid-gap);height:100%;padding:0;width:max-content;will-change:transform}.project{width:var(--project-width);height:100%;flex:none;display:flex;flex-direction:column;position:relative;transform-origin:50% 65%;will-change:transform}.project-label{height:var(--label-row);flex:none;display:flex;align-items:flex-start}.project-label h2{margin:0;font-size:var(--small);line-height:16px;font-weight:400;text-transform:uppercase}.project-image{width:100%;flex:1;min-height:0;display:block;overflow:hidden;background:var(--paper);position:relative;cursor:none;touch-action:pan-y}.project-image:active{transform:none}.project-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;will-change:transform}.footer{position:fixed;inset:auto var(--gutter) 10px;display:flex;justify-content:space-between;align-items:center;z-index:10;font-size:var(--small)}.footer p{margin:0}.footer .modes,.position-control>#previous,.position-control>#next,#project-dots{display:none}#reset{min-height:32px;font-size:var(--small)}.cursor{position:fixed;z-index:15;top:0;left:0;width:60px;height:60px;border-radius:50%;background:var(--ground);display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:13px;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .15s;will-change:transform}.cursor.visible{opacity:1}.cursor.drag{background:var(--ink);color:var(--ground)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.canvas-view .stage{inset:110px 0 50px;touch-action:none}body.canvas-view .track{width:100%;padding:0;position:relative;display:block;transform:none!important}body.canvas-view .project{position:absolute;left:0;top:0;width:clamp(260px,28vw,480px);height:clamp(210px,35svh,360px);cursor:grab}body.canvas-view .project[data-clone]{display:none}body.canvas-view .project-image{touch-action:none;cursor:grab}body.canvas-view .project-image img{object-fit:contain}body.canvas-view .project[data-project=tieguanyin] .project-image{background:#1d1d1f}body.canvas-view .project-label{height:24px}body.canvas-view .project.is-dragging,body.canvas-view .project.is-dragging .project-image{cursor:grabbing}body.canvas-view .project.is-dragging{z-index:10000!important}body.canvas-view .project.is-dragging .project-image{outline:2px solid var(--ink);outline-offset:3px}dialog{color:var(--ink);border:0;padding:0;background:var(--paper);max-width:none;max-height:none}dialog::backdrop{background:#1d1d1f4d}dialog[open]{animation:dialog-in .4s var(--ease)}.detail-dialog,.about-dialog{width:calc(100% - 2 * var(--gutter));height:calc(100svh - 2 * var(--gutter));margin:var(--gutter);overflow:auto;overscroll-behavior:contain}.detail-top{display:flex;justify-content:space-between;align-items:center;padding:16px var(--gutter);font-size:var(--small);position:sticky;top:0;background:var(--paper);z-index:3}.close{min-height:44px;display:flex;gap:24px;align-items:center}.close>span:last-child{font-size:28px;font-weight:300}.detail-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:48px;padding:32px var(--gutter) 48px;align-items:start}.detail-media{background:var(--ground);min-height:440px;display:flex;align-items:center}.detail-media img{width:100%;height:auto;max-height:70svh;object-fit:contain;display:block}.detail-copy h2{font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.02;letter-spacing:-.05em;margin:0 0 32px}.detail-copy>p{font-size:var(--body);line-height:1.7;max-width:36ch}.detail-copy dl{margin:32px 0;font-size:var(--small)}.detail-copy dl>div{display:flex;gap:24px;margin:12px 0}.detail-copy dt{color:var(--muted);min-width:50px}.detail-copy dd{margin:0}.primary-link{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;max-width:260px;padding:18px 20px;font-size:var(--body);transition:background .2s}.detail-copy .detail-note{font-size:13px;color:var(--muted);margin-top:24px}.about-body{padding:48px var(--gutter);display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.about-body h2{font-size:clamp(60px,7vw,110px);letter-spacing:-.06em;font-weight:400;line-height:.95;margin:0}.menu-projects{display:flex;flex-direction:column;align-items:start;gap:24px}.menu-projects button{font-size:clamp(24px,2.5vw,40px);text-align:left;letter-spacing:-.04em}.menu-projects button:hover{opacity:.55}.email-link{font-size:16px;margin-top:48px}.noscript{position:fixed;left:16px;bottom:16px;background:var(--paper);padding:10px;z-index:20;font-size:16px}.noscript a{text-decoration:underline}@keyframes dialog-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){:root{--gutter: 16px;--grid-gap: 12px;--section-gap: 80px;--project-width: calc((100vw - 2 * var(--gutter) - var(--grid-gap)) / 2)}.local-time{display:none}.detail-layout{grid-template-columns:1fr;gap:38px}.detail-media{min-height:0}.detail-copy>p{max-width:60ch}.detail-copy h2{margin-bottom:24px}.about-body{grid-template-columns:1fr;gap:60px}}@media(max-width:600px){:root{--section-gap: 64px;--project-width: calc(100vw - 2 * var(--gutter) - 48px)}.view-switch{width:44px;height:44px}.view-switch:after{right:8px;bottom:8px}.project-label h2{font-size:12px}.cursor{display:none!important}.project-image{cursor:pointer}body.canvas-view .stage{inset:90px 0 45px}body.canvas-view .project{width:65vw;height:21svh;min-height:135px}.footer p{display:none}.footer{justify-content:end}.detail-dialog,.about-dialog{width:100%;height:100svh;margin:0}.detail-top{padding:12px var(--gutter)}.detail-layout{padding:24px var(--gutter) 40px}.detail-copy h2{font-size:38px}.detail-copy dl{margin:28px 0}.detail-media img{max-height:55svh}.about-body{padding:32px var(--gutter);gap:32px}.about-body h2{font-size:56px}.menu-projects button{font-size:28px}.email-link{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cursor{display:none!important}.project-image{cursor:pointer}}body.canvas-view .stage{height:auto;max-height:none}body.canvas-view .project{height:auto;min-height:0}body.canvas-view .project-image{aspect-ratio:3 / 2;flex:none}.stage{inset:84px 0 0;height:auto;max-height:none;padding:0 16px 16px;overflow:hidden;touch-action:none;cursor:auto}.track{width:100%;height:100%;padding:0;gap:8px;align-items:flex-end}.project{display:block;flex:none;height:auto;width:calc(28.74% - 8px);transform-origin:bottom;cursor:pointer}.project-wrapper,.project-stage{transform-origin:50% 50%;will-change:transform}.project-label{display:block;height:auto;margin-bottom:16px;overflow:hidden}.project-label .project-name{position:relative;overflow:hidden;margin:0;font-size:12px;line-height:1;height:12px}.project-name>span{display:block}.project-name>span:nth-child(2){position:absolute;top:100%;left:0}.project-image{display:block;flex:none;width:100%;height:auto;aspect-ratio:396 / 496;max-height:calc(100dvh - 136px);position:relative;overflow:hidden;cursor:pointer;touch-action:none}.project-image img{position:absolute;inset:0;width:100%;height:100%;transform:scale(1);transform-origin:50% 50%}.stage.dragging,.stage.dragging .project,.stage.dragging .project-image{cursor:pointer}#cursor{display:none!important}.detail-dialog[open]{animation:none}.detail-dialog.is-morphing{background:transparent;overflow:visible}.detail-dialog.is-morphing::backdrop{background:transparent}.detail-dialog.is-morphing>.detail-top,.detail-dialog.is-morphing>.detail-layout{visibility:hidden}.detail-dialog.is-morphing.is-revealing{background:var(--paper)}.detail-morph-image{position:fixed;z-index:20;overflow:hidden;pointer-events:none;background:var(--ground)}.detail-morph-image img{width:100%;height:100%;display:block;object-fit:contain;transform-origin:50% 50%}.stage[data-intro=loading]{visibility:hidden}.stage[data-intro=opening]{pointer-events:none}body.canvas-view .stage{inset:110px 0 50px;padding:0;height:auto;max-height:none}body.canvas-view .track{display:block}body.canvas-view .project{height:auto}body.canvas-view .project-label{margin-bottom:8px;height:auto}body.canvas-view .project-image{aspect-ratio:3 / 2}body.canvas-view .project-image img{transform:none}@media(min-width:1920px){.project{width:calc(28.7% - 8px)}}@media(min-width:768px)and (max-width:1024px){.stage{top:56px}.project{width:36.6%}.project-label{margin-bottom:8px}}@media(max-width:767px){.stage{top:40px;padding:0 8px 8px}.project{width:83%}.project-label{margin-bottom:8px}body.canvas-view .stage{inset:90px 0 45px}body.canvas-view .project{width:65vw}}@media(prefers-reduced-motion:reduce){.project-wrapper{transform:none!important}}.detail-dialog[open]{position:fixed;inset:0;margin:0;width:100%;height:100dvh;background:var(--ground);overflow:auto}.detail-dialog::backdrop{background:transparent}.detail-page{position:relative;width:100%;min-height:100dvh;background:var(--ground);overflow:clip}.detail-page>.detail-top{display:none}.detail-layout{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:start;gap:0 8px;margin:60px 16px 0;padding:0}.detail-copy{grid-column:1 / span 8;position:sticky;top:100px;height:calc(100dvh - 100px);display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.detail-title-mask{overflow:hidden}.detail-copy h2{max-width:644px;margin:0;font-size:90px;line-height:1.24;font-weight:400;letter-spacing:-.04em;text-transform:lowercase}.detail-copy .detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:36px 0 16px;font-size:12px;line-height:1.14;text-transform:uppercase}.detail-copy .detail-meta>div{display:block;margin:0;overflow:hidden}.detail-copy .detail-meta dt{color:inherit;min-width:0}.detail-copy .detail-meta dd{margin:0}.detail-meta-inner{display:block}.detail-right{grid-column:9 / span 6;min-width:0;padding-bottom:10px}.detail-media{display:block;min-height:0;height:calc(100dvh - 76px);background:var(--ground);overflow:hidden}.detail-media img{width:100%;height:100%;max-height:none;object-fit:contain;filter:brightness(var(--image-brightness))}.detail-description-block{padding-top:56px;padding-bottom:48px}.detail-description-block>p{margin:0 0 32px;font-size:16px;line-height:1.3}.detail-description-block .detail-note{font-size:13px;margin-top:24px}.detail-page .header{position:fixed}.detail-page .header .close,.detail-return-page .header .close{min-height:0;height:16px;gap:5px;font-size:12px;line-height:16px;text-transform:uppercase}.detail-page .header .close>span:last-child,.detail-return-page .header .close>span:last-child{font-size:16px;line-height:1}.detail-dialog.is-morphing{background:transparent;overflow:hidden}.detail-dialog.is-morphing .detail-page{visibility:hidden}.detail-dialog.is-returning{background:var(--ground);overflow:hidden}.detail-dialog.is-returning>.detail-page{visibility:hidden}.detail-return-page{position:fixed;inset:0;width:100%;height:100dvh;background:var(--ground);overflow:hidden;pointer-events:none;transform-origin:50% 50%}.detail-return-page.old{z-index:20}.detail-return-page.new{z-index:21}.detail-return-page>.detail-page{position:absolute;left:0;width:100%}.detail-return-page>.header{position:absolute}.return-page-title{position:absolute;top:0;left:0;width:100%;padding:64px 16px 0;overflow:hidden;z-index:30;pointer-events:none}.return-page-title>span{display:block;font-size:60px;line-height:1;letter-spacing:-.04em;text-transform:lowercase}.detail-morph-image{background:transparent}@media(min-width:1438px){.detail-copy{top:6.95vw;height:calc(100dvh - 6.95vw)}.detail-copy h2{font-size:6.26vw;max-width:44.78vw}.detail-copy .detail-meta{padding-top:2.5vw}.detail-right{padding-bottom:.7vw}.detail-description-block{padding-top:3.89vw}.return-page-title>span{font-size:4.17vw}}@media(max-width:1024px){.detail-layout{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:148px}.detail-copy{grid-column:4 / span 3;grid-row:2;height:auto;position:static;margin-top:12px}.detail-copy h2{font-size:48px;line-height:1.24;max-width:none}.detail-copy .detail-meta{padding-top:178px}.detail-right{display:contents}.detail-media{grid-column:4 / span 3;grid-row:1;height:auto;aspect-ratio:387 / 482}.detail-description-block{grid-column:4 / span 3;grid-row:3;padding-top:44px}}@media(max-width:767px){.detail-layout{margin:104px 8px 0}.detail-media,.detail-copy,.detail-description-block{grid-column:1 / span 6}.detail-copy h2{font-size:54px}.detail-page .header .close,.detail-return-page .header .close{font-size:11px}.return-page-title{padding:64px 8px 0}.return-page-title>span{font-size:54px}}.project-image,.detail-media,.detail-morph-image{--cover-paper:#fdfdfd;position:relative;background:var(--cover-paper);isolation:isolate}.detail-morph-image{position:fixed}.project-image:before,.detail-media:before,.detail-morph-image:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--cover-paper);background-image:var(--cover-background,none);background-position:center;background-size:cover;filter:brightness(var(--image-brightness));pointer-events:none}[data-project=tieguanyin],.detail-dialog[data-project=tieguanyin] .detail-media{--cover-paper:#080808;--cover-background:url(/static/tieguanyin-background-extended-f95390f7e6323e4c.webp)}.project-image img,.detail-media img,.detail-morph-image img{position:absolute;inset:50% 0 auto;width:100%;height:auto;max-height:100%;translate:0 -50%;z-index:0;object-position:center}[data-project=tieguanyin] .project-image img,.detail-dialog[data-project=tieguanyin] .detail-media img,.detail-morph-image[data-project=tieguanyin] img{mask-image:linear-gradient(to bottom,transparent,#000 2%,#000 93%,transparent)}body.canvas-view .project-image img{mask-image:none}body.canvas-view .project-image:before{background-image:none}.detail-dialog{scrollbar-width:none}.detail-dialog::-webkit-scrollbar{display:none}.detail-dialog:focus{outline:none}:root{--hover:#e8e8ed;--image-brightness:1}.brand-symbol{grid-column:2;grid-row:1;justify-self:center;display:flex;width:calc(var(--header-row) * 1058 / 608);height:var(--header-row);margin-top:0;align-items:flex-start;transform:none;transition:opacity .2s}.brand-symbol:hover{transform:none;opacity:.65}.logo-crop{position:relative;display:block;width:100%;height:100%;aspect-ratio:1058/608;overflow:hidden}.logo-crop img{position:absolute;width:148.3932%;max-width:none;height:auto;left:-24.6692%;top:-29.7697%;filter:invert(var(--logo-invert,0)) contrast(.788321) brightness(1.07451);transition:filter .55s var(--ease);pointer-events:none}.time-control{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:12px;width:max-content;height:var(--header-row);position:relative;user-select:none}.time-copy{flex:none;width:100px;font-size:var(--small);line-height:16px;white-space:nowrap;text-transform:uppercase}.time-caption{position:relative;min-height:16px}.time-hint{position:absolute;left:0;top:0;opacity:0;pointer-events:none}.time-control[data-mode=live]:has(.time-dial:is(:hover,:focus-visible)) #time-label{visibility:hidden}.time-control[data-mode=live]:has(.time-dial:is(:hover,:focus-visible)) .time-hint{opacity:1}.time-value{font-size:var(--small);line-height:16px;font-variant-numeric:tabular-nums;letter-spacing:.04em;display:block}#time-reset{display:flex;align-items:center;gap:8px;height:16px;text-align:left;text-transform:uppercase;font-size:var(--small);line-height:16px}#time-reset:hover{text-decoration:underline;text-underline-offset:3px}#time-reset span{font-size:16px;line-height:1}.time-dial{width:var(--header-row);height:var(--header-row);flex:none;position:relative;cursor:grab;touch-action:none;border-radius:50%;outline-offset:4px}.time-dial:before{content:"";position:absolute;inset:-6px;border-radius:50%}.time-dial:focus-visible{outline:2px solid var(--ink)}.time-dial svg{width:100%;height:100%;display:block;pointer-events:none}.time-orbit{position:absolute;inset:0;pointer-events:none}.time-dot{position:absolute;left:calc(50% - 2px);top:6px;width:4px;height:4px;border:1px solid currentColor;border-radius:50%;transition:background .2s,scale .2s}.time-dial:is(:hover,:focus-visible) .time-dot,.is-dragging .time-dot{background:currentColor;scale:1.3}.time-control.is-dragging .time-dial{cursor:grabbing}.time-control.is-returning #time-label{animation:time-label-return .3s var(--ease)}@keyframes time-label-return{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.project-image img{filter:brightness(var(--image-brightness))}.primary-link:hover{background:var(--muted)}.menu-view-toggle:before{content:attr(aria-label)}.menu-view-toggle svg{display:none}.menu-projects .menu-view-toggle{font-size:16px;margin-top:18px}@media(max-width:1000px){.time-control{gap:8px}.time-copy{width:92px}.time-copy,.time-value,#time-reset{font-size:11px}}@media(max-width:600px){#time-reset{gap:6px}}@media(max-width:360px){.brand-symbol{width:calc(24px * 1058 / 608);height:24px;align-self:center}.time-copy{width:80px}.time-copy,.time-value,#time-reset{font-size:10px}#time-reset{gap:4px}}@media(prefers-reduced-motion:reduce){.time-dot,.brand-symbol{transition:none}}:root{--page-word-size:32px;--page-word-gap:16px}.header .page-navigation{position:relative;display:block;width:100%;height:var(--header-row);pointer-events:none}.header .page-link{position:absolute;left:0;top:0;display:block;width:max-content;font-size:var(--page-word-size);line-height:1;font-weight:400;text-transform:none;letter-spacing:-.035em;pointer-events:none}.page-link span{display:block;pointer-events:auto;transition:color .16s ease}.header .page-link:hover{opacity:1}@media(hover:hover)and (pointer:fine){.header .page-link:hover span{color:var(--muted)}}.page-link:before{content:"";position:absolute;inset:var(--page-hit-y,0px) var(--page-hit-x,0px);pointer-events:auto}.page-link:focus-visible{outline-offset:4px}.header .page-link[aria-current=page] span,body[data-page-switching] .header .page-link span{color:var(--ink)}body[data-page-switching] .page-link:before{pointer-events:none}#about-page{position:absolute;inset:calc(var(--gutter) + var(--header-row)) var(--gutter) var(--gutter)}.header>.close{position:absolute;left:var(--gutter);top:calc(var(--gutter) + var(--header-row) + 12px)}@media(max-width:767px){:root{--page-word-size:20px;--page-word-gap:12px}}@media(max-width:360px){.brand-symbol{align-self:start}}:root{--contact-top:calc(var(--gutter) + var(--header-row) + 64px)}#about-page.contact-page{inset:var(--contact-top) 0 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.contact-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);min-height:calc(100svh - var(--contact-top));padding:0 var(--gutter) var(--gutter)}.contact-heading{grid-column:1 / span 7;align-self:center;padding-block:clamp(64px,12svh,144px);min-width:0}.contact-heading h1{margin:0;font-size:clamp(48px,5.8vw,104px);line-height:.98;font-weight:700;letter-spacing:-.05em}.contact-heading h1{white-space:nowrap}.contact-services{display:flex;align-items:baseline;gap:.28em;width:max-content;max-width:100%;min-height:1.4em;margin:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;font-size:clamp(24px,2.5vw,var(--services-font-size,36px));font-weight:400;line-height:1.2;letter-spacing:-.035em;text-align:left;color:var(--services-word-color,var(--ink));cursor:pointer;-webkit-tap-highlight-color:transparent}.contact-services:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.services-prefix{color:var(--services-prefix-color,var(--muted));white-space:nowrap}.services-slot{display:inline-grid;position:relative;isolation:isolate}.service-measure{grid-area:1 / 1;visibility:hidden;white-space:nowrap;pointer-events:none}.service-word{position:absolute;inset:0 auto auto 0;white-space:nowrap;transform-origin:0 50%}.service-letter{display:inline-block}.contact-statement{max-width:25ch;margin:0;font-size:26px;line-height:1.12;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.contact-motto{margin:18px 0 32px;font-size:16px;line-height:1.35;letter-spacing:-.015em}.contact-motto strong{font-weight:700}.contact-information{grid-column:9 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(72px,10svh,160px);min-width:0;overflow:clip}.contact-introduction{max-width:48ch;margin:0;font-size:18px;line-height:1.5;letter-spacing:-.015em;text-wrap:pretty}.contact-details{margin:32px 0 0;font-size:16px;line-height:1.45;font-style:normal}.contact-email{display:inline-block;max-width:100%;padding:8px 0;font-size:20px;line-height:1.3;letter-spacing:-.025em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;overflow-wrap:anywhere}.contact-email:hover{text-decoration-thickness:2px}.contact-email:focus-visible{outline:2px solid var(--ink);outline-offset:6px}@media(min-width:1001px){.contact-layout{grid-template-rows:auto minmax(122px,1fr);row-gap:32px}.contact-heading,.contact-information{display:grid;grid-template-rows:subgrid;grid-row:1 / span 2;gap:inherit}.contact-heading{align-self:stretch;padding:0}.contact-heading h1{line-height:1.2}.contact-company{align-self:end}.contact-details{align-self:start;margin:0}.contact-information{justify-content:normal}.contact-services{align-self:end}}@media(max-width:1000px){.contact-layout{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:72px}.contact-heading{grid-column:1 / -1;align-self:start;padding:0}.contact-heading h1{font-size:clamp(44px,6.4vw,72px)}.contact-services{font-size:var(--services-font-size,36px)}.contact-information{grid-column:3 / -1;gap:72px}}@media(max-width:600px){:root{--contact-top:calc(var(--gutter) + var(--header-row) + 56px)}.contact-layout{display:block;padding-bottom:40px}.contact-heading h1{font-size:clamp(30px,8.2vw,42px);line-height:1.04;letter-spacing:-.045em}.contact-services{font-size:clamp(22px,6vw,28px)}.contact-statement{font-size:22px;line-height:1.15}.contact-motto{margin:16px 0 28px;font-size:16px;line-height:1.4}.contact-information{margin-top:56px;gap:64px}.contact-introduction{max-width:48ch;font-size:16px;line-height:1.5;letter-spacing:normal}.contact-details{font-size:14px;line-height:1.5}.contact-email{font-size:18px}}.project[data-project=tong-zhou] .project-image,.detail-dialog[data-project=tong-zhou] .detail-media,.detail-morph-image[data-project=tong-zhou]{--cover-paper:#e6d4a4}.detail-explore{width:100%;text-align:left}.detail-dialog[data-project=tong-zhou].is-case-scrolled .header{background:var(--ground)}.detail-dialog[data-project=tong-zhou].is-case-scrolled .header:after{content:"";position:absolute;inset:100% 0 auto;height:16px;z-index:-1;background:var(--ground);pointer-events:none}.campaign-case{padding:0 16px}.campaign-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;padding:110px 0 120px;align-items:start}.campaign-intro h3{max-width:14ch;margin:0;font-weight:400;font-size:clamp(48px,6.1vw,100px);line-height:1;letter-spacing:-.05em}.campaign-overview{padding-top:6px;max-width:49ch}.campaign-overview>p{margin:0 0 28px;font-size:clamp(16px,1.5vw,22px);line-height:1.45}.campaign-overview .campaign-scope,.campaign-overview .campaign-status{font-size:12px;line-height:1.4}.campaign-section{margin-bottom:120px;scroll-margin-top:112px}.campaign-section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:end;margin-bottom:36px}.campaign-section-label{margin:0 0 18px;font-size:12px;line-height:1.4}.campaign-section h3{font-size:clamp(32px,3.5vw,56px);max-width:17ch;line-height:1.04;letter-spacing:-.04em;font-weight:400;margin:0}.campaign-section-description{font-size:16px;line-height:1.45;max-width:49ch;margin:0}.campaign-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 16px}.campaign-images figure{margin:0;min-width:0}.campaign-images a{display:block;cursor:zoom-in}.campaign-images img{display:block;width:100%;height:auto;object-fit:contain}.campaign-images figcaption{margin-top:12px;font-size:12px;line-height:1.35}.campaign-playground .campaign-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 16px}.campaign-ending{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-bottom:32px}.campaign-ending p{margin:0;font-size:12px;max-width:32ch;line-height:1.4}.campaign-ending p:first-child{font-size:clamp(48px,10vw,160px);line-height:.9;letter-spacing:-.055em}@media(max-width:1024px){.detail-dialog[data-project=tong-zhou] .detail-copy .detail-meta{padding-top:32px}.campaign-intro{gap:40px;padding:90px 0}.campaign-section-heading{gap:40px}.campaign-images{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-section{margin-bottom:90px}}@media(max-width:600px){.campaign-case{padding:0 8px}.campaign-intro,.campaign-section-heading{grid-template-columns:1fr;gap:28px}.campaign-intro{padding:72px 0 88px}.campaign-intro h3{max-width:none;font-size:clamp(42px,11.8vw,60px)}.campaign-section h3{max-width:16ch}.campaign-section-heading{margin-bottom:28px}.campaign-section-description{max-width:38ch}.campaign-images{gap:28px 8px}.campaign-playground .campaign-images,.campaign-editorial .campaign-images{grid-template-columns:1fr;gap:32px}.campaign-images figcaption{margin-top:8px}.campaign-ending{align-items:start;flex-direction:column;padding-bottom:28px}}
