@font-face{font-family:OPPO Sans;src:url(/assets/OPPOSans-Regular-CN-EN-Punctuation-DHizLLqM.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OPPO Sans;src:url(/assets/OPPOSans-Medium-AZaz-Cxrm7vl_.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--bg: #f2f2f2;--surface: #ffffff;--text: rgba(26, 26, 26, .95);--muted: rgba(26, 26, 26, .35);--line: rgba(0, 0, 0, .15);--nav: rgba(255, 255, 255, .95);--sans: "OPPO Sans", Arial, sans-serif;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.2}html:has(.page-shell--project-detail),body:has(.page-shell--project-detail){background:var(--route-bg, #eceef4)}html.is-loading-entry,body.is-loading-entry{height:100%;overscroll-behavior:none;overflow:hidden;touch-action:none}button,a{color:inherit;font:inherit}button{appearance:none;background:transparent;border:0;cursor:pointer;padding:0}a{text-decoration:none}[data-typer]{display:inline}[data-typer][data-typer-type=initial]{opacity:0}[data-typer] .word{white-space:pre}[data-typer] .char{box-sizing:content-box;color:currentColor;display:inline-block;position:relative}[data-typer] .charInit{color:transparent}[data-typer] .charFill,[data-typer] .charInverse{background:currentColor;border-radius:4px;color:var(--bg)}[data-typer] .charAccent{background:var(--text);border-radius:4px;color:currentColor}[data-typer] .charAccentInverse{background:var(--text);border-radius:4px;color:var(--bg)}[data-typer] .charAccentFill{background:var(--text);border-radius:4px;color:var(--text)}[data-typer] .charBorder{color:currentColor}[data-typer] .charBorder:after{border:1px solid currentColor;border-radius:4px;content:"";inset:0;pointer-events:none;position:absolute}.page-shell{background:var(--bg);margin:0 auto;max-width:1440px;min-height:100vh;position:relative}.page-shell--project-detail{--bg: #eceef4;--text: rgba(242, 103, 17, .95);--muted: rgba(242, 103, 17, .55);--line: rgba(242, 103, 17, .24);--nav: rgba(236, 238, 244, .95);color:var(--text)}.page-transition{align-items:center;color:#fdfdfd;display:flex;height:100dvh;justify-content:center;left:0;overflow:hidden;padding:16px;pointer-events:all;position:fixed;top:0;width:100%;z-index:500}.page-transition__canvas{display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}.page-transition__layout{aspect-ratio:1920 / 810;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * 2.37037));z-index:2}.page-transition__mark{inset:0;position:absolute}.page-transition__mark span{animation:transitionLineIn .9s cubic-bezier(0,1,0,1) forwards,transitionLineOut .9s cubic-bezier(1,0,1,0) 2.35s forwards;animation-delay:calc(var(--i) * 18ms),calc(2.35s + var(--i) * 7ms);background:#ffffff26;border-radius:999px;display:block;height:7.0988%;left:calc(var(--x) * 1%);position:absolute;top:calc(var(--y) * 1%);transform:scaleX(0);transform-origin:left center;will-change:opacity,transform;width:7.8125%}.page-transition__mark--mobile,.page-transition__text-item--mobile{display:none}.page-transition__text{inset:0;position:absolute}.page-transition__text>.page-transition__text-item{animation:transitionTextOut .9s cubic-bezier(1,0,1,0) forwards;animation-delay:calc(2.2s + var(--i) * 70ms);color:#fffffff5;display:block;font-family:var(--serif);font-size:clamp(10px,.729vw,14px);letter-spacing:-.06em;line-height:1.2;position:absolute;text-align:var(--align);top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);width:7.8125%;white-space:nowrap;will-change:clip-path;z-index:3}.page-transition__text>.page-transition__text-item--mobile{display:none}.page-transition__text [data-typer]{display:inline}.page-transition__text [data-typer] .word{white-space:nowrap}.page-transition__text [data-typer] .char{color:#fffffff5}.page-transition__text [data-typer] .charInit{color:transparent}.page-transition__text [data-typer] .charFill,.page-transition__text [data-typer] .charInverse,.page-transition__text [data-typer] .charAccent,.page-transition__text [data-typer] .charAccentInverse,.page-transition__text [data-typer] .charAccentFill{background:#fff;color:#0f0f0f}.page-transition__text [data-typer] .charBorder:after{border-color:#fff}.route-transition{inset:0;overflow:hidden;pointer-events:all;position:fixed;z-index:480}.route-transition__panel{background:var(--route-transition-color, #0f0f0f);height:34%;left:0;position:absolute;transform:translate(-102%);width:100%;will-change:transform}.route-transition__panel--top{top:0}.route-transition__panel--middle{height:34%;top:33%}.route-transition__panel--bottom{bottom:0}.route-transition--entering .route-transition__panel{animation:routePanelIn .46s cubic-bezier(.76,0,.24,1) forwards}.route-transition--leaving .route-transition__panel{animation:routePanelOut .52s cubic-bezier(.76,0,.24,1) forwards;transform:translate(0)}.route-transition__panel--middle{animation-delay:45ms}.route-transition__panel--bottom{animation-delay:90ms}@keyframes routePanelIn{to{transform:translate(0)}}@keyframes routePanelOut{to{transform:translate(102%)}}@keyframes transitionTextOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes transitionLineIn{to{transform:scaleX(1)}}@keyframes transitionLineOut{0%{opacity:1;transform:scaleX(1);transform-origin:right center}to{opacity:0;transform:scaleX(0);transform-origin:right center}}.top-nav{align-items:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:56px;left:50%;max-width:1440px;mix-blend-mode:difference;padding:0 16px;position:fixed;top:0;transform:translate(-50%);width:min(100%,1440px);z-index:20}.page-shell--project-detail .top-nav{mix-blend-mode:normal}.top-nav a{color:var(--nav);display:flex;font-size:16px;font-weight:500;height:56px;letter-spacing:-.16px;line-height:1.2;place-items:center}.top-nav a:nth-child(1){justify-self:start}.top-nav a:nth-child(2){justify-self:center}.top-nav a:nth-child(3){justify-self:end}.bottom-dock{align-items:center;background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.55);border-radius:4px;bottom:16px;cursor:pointer;display:grid;height:41px;left:50%;opacity:0;overflow:hidden;padding:4px;pointer-events:none;position:fixed;transform:translate(-50%) translateY(72px);transform-origin:center center;transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s;visibility:hidden;width:max-content;z-index:30}.bottom-dock.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0);transition:opacity .16s ease,transform .22s ease,visibility 0s linear 0s;visibility:visible}.bottom-dock.is-pinned{bottom:auto;position:absolute}.bottom-dock.is-back-to-top{height:43px;padding:4px 16px;width:150px}.dock-content{align-items:center;display:flex;grid-area:1 / 1;justify-content:center;justify-self:center;width:max-content}.dock-filter-content{opacity:1}.dock-top-content{opacity:0;pointer-events:none}.bottom-dock.is-back-to-top .dock-filter-content{opacity:0;pointer-events:none;position:absolute}.bottom-dock.is-back-to-top .dock-top-content{opacity:1;pointer-events:auto}.bottom-dock button{align-items:center;border-radius:4px;color:#1a1a1a8c;display:flex;font-size:14px;font-weight:500;justify-content:center;letter-spacing:-.14px;line-height:1.2;min-height:31px;min-width:92px;padding:7px 10px;transition:background-color .16s ease;white-space:nowrap}.bottom-dock button.is-active{background:#fff;border-radius:2px;color:var(--text);mix-blend-mode:luminosity}@media(hover:hover)and (pointer:fine){.bottom-dock button:hover,.bottom-dock button:focus-visible,.bottom-dock button.is-active:hover,.bottom-dock button.is-active:focus-visible{background:#b8b8b880}}.bottom-dock .back-to-top-button{color:#1a1a1af2;font-size:14px;gap:4px;letter-spacing:-.14px;min-height:33px;min-width:0;padding:8px 12px}.bottom-dock .back-to-top-button img{opacity:1;height:14px;transform:rotate(90deg);width:14px}.portfolio-page{background:var(--bg)}.filter-hero{align-items:center;display:flex;flex-direction:column;gap:16px;padding:128px 16px 0}.filter-kicker{font-size:14px;letter-spacing:-.14px;margin:0;text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;max-width:827px;width:100%}.filter-button{color:var(--muted);font-family:var(--serif);font-size:64px;letter-spacing:-3.84px;line-height:1.2;min-height:77px;padding-right:4px;transition:color .16s ease;white-space:nowrap}.filter-button.is-active{color:var(--text)}@media(hover:hover)and (pointer:fine){.filter-button:not(.is-active):hover,.filter-button:not(.is-active):focus-visible{color:#1a1a1a8c;color:color-mix(in srgb,var(--text) 58%,transparent)}}.project-grid{display:grid;gap:48px 8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:80px 16px 160px}.project-card{display:flex;flex-direction:column;gap:8px;min-width:0;opacity:1;transition:opacity .55s ease;will-change:transform,opacity}.project-card.is-muted{opacity:.1}.project-image-link{aspect-ratio:972 / 810;background:#dedede;border-radius:4px;display:block;overflow:hidden;position:relative;width:100%}.project-image-link:after{background:#00000026;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease;z-index:2}.project-image-link img{display:block;height:100%;object-fit:cover;opacity:1;width:100%}.project-image-link--ant img{height:140.53%;left:-18.49%;max-width:none;object-fit:fill;position:absolute;top:-22.58%;width:136.98%}.quadtree-canvas{display:block;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.project-meta{align-items:center;background:var(--surface);border-radius:4px;color:var(--text);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:22px;padding:2px 8px 3px;transition:background-color .18s ease,color .18s ease}.project-title,.project-category{letter-spacing:-.14px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-category{text-align:center}.project-view{align-items:center;display:flex;gap:0;justify-self:end;white-space:nowrap}.project-view img{height:14px;width:14px}@media(hover:hover)and (pointer:fine){.project-card:hover .project-image-link:after,.project-card:focus-within .project-image-link:after{opacity:1}.project-card:hover .project-meta,.project-card:focus-within .project-meta{background:#000;color:#fff}.project-card:hover .project-view img,.project-card:focus-within .project-view img{filter:invert(1)}}.detail-page,.info-page,.contact-page{background:var(--bg);min-height:100vh;padding-top:128px}.detail-template{padding-top:0}.detail-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:24px 192px;height:360px;padding:128px 16px 0;row-gap:16px}.detail-visit{align-items:center;display:inline-flex;font-size:16px;gap:0;grid-column:6 / span 2;justify-self:center;letter-spacing:-.16px;line-height:1.2;width:max-content}.detail-visit img{display:none}.detail-visit:after{background:currentColor;content:"";display:block;height:14px;-webkit-mask:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;'%3e%3cpath%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;_2'%20d='M11.3252%2011.7998C11.3252%2012.1588%2011.0338%2012.4502%2010.6748%2012.4502C10.316%2012.45%2010.0254%2012.1587%2010.0254%2011.7998V6.01953L4.19336%2011.8516C3.93952%2012.1054%203.52728%2012.1054%203.27344%2011.8516C3.01985%2011.5978%203.02%2011.1864%203.27344%2010.9326L9.10547%205.10059H3.3252C2.96621%205.10059%202.6748%204.80918%202.6748%204.4502C2.6748%204.09121%202.96621%203.7998%203.3252%203.7998H11.3252V11.7998Z'%20fill='var(--fill-0,%20%231A1A1A)'%20fill-opacity='0.95'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;'%3e%3cpath%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;_2'%20d='M11.3252%2011.7998C11.3252%2012.1588%2011.0338%2012.4502%2010.6748%2012.4502C10.316%2012.45%2010.0254%2012.1587%2010.0254%2011.7998V6.01953L4.19336%2011.8516C3.93952%2012.1054%203.52728%2012.1054%203.27344%2011.8516C3.01985%2011.5978%203.02%2011.1864%203.27344%2010.9326L9.10547%205.10059H3.3252C2.96621%205.10059%202.6748%204.80918%202.6748%204.4502C2.6748%204.09121%202.96621%203.7998%203.3252%203.7998H11.3252V11.7998Z'%20fill='var(--fill-0,%20%231A1A1A)'%20fill-opacity='0.95'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;width:14px}.detail-hero h1{font-family:var(--serif);font-size:96px;font-weight:400;grid-column:2 / span 10;letter-spacing:-5.76px;line-height:1;margin:0;text-align:center;white-space:pre-line}.detail-title-line{display:block}.detail-title-variant--pad{display:none}.detail-content{display:grid;gap:8px;grid-template-columns:repeat(12,minmax(0,1fr));padding:128px 16px 160px}.detail-info{background:var(--detail-bg);display:flex;flex-direction:column;gap:32px;grid-column:1 / span 4;position:sticky;top:88px;height:max-content;max-width:none;min-width:0;width:calc(100% - 24px);z-index:2}.detail-copy-stack,.detail-facts{display:flex;flex-direction:column;gap:24px}.detail-copy-block{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding-top:8px}.detail-copy-block+.detail-copy-block{border-top:0}.detail-copy-block h2{font-size:16px;letter-spacing:0;line-height:1.5}.detail-info h2,.info-section h2,.contact-panel h1,.info-page h1,.next-projects h2{font-size:24px;font-weight:400;letter-spacing:-.24px;line-height:1.2;margin:0}.detail-eyebrow{color:var(--muted);font-size:16px;letter-spacing:-.16px;line-height:1.4;margin:0}.detail-info p{color:var(--text);font-size:16px;font-weight:400;letter-spacing:0;line-break:strict;line-height:1.4;margin:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}.detail-info .detail-eyebrow{color:var(--muted);letter-spacing:-.16px}.detail-copy-block [data-typer],.detail-copy-block [data-typer] .word,.detail-copy-block [data-typer] .char{white-space:pre-line}.detail-row,.info-row{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding-top:12px}.detail-page .detail-row{color:var(--text);font-size:14px;letter-spacing:-.14px;line-height:1.2}.detail-page .detail-row>span:first-child{color:var(--muted)}.detail-media{background:var(--detail-bg);display:flex;flex-direction:column;gap:4px;grid-column:5 / span 8;min-width:0;overflow:hidden;position:relative;z-index:1}.detail-media--oppo{display:block}.project-media-board{contain:paint;overflow:hidden;position:relative;width:100%}.project-media-panel,.project-media-frame,.project-media-piece{position:absolute}.project-media-frame{overflow:hidden}.project-media-piece{overflow:hidden;z-index:1}.project-media-piece img{display:block;height:100%;object-fit:cover;object-position:center;position:absolute;width:100%}.project-media-piece video{display:block;height:100%;object-fit:contain;position:absolute;width:100%}.project-media-text{font-family:var(--sans);font-weight:400;letter-spacing:0;margin:0;overflow:visible;position:absolute;white-space:pre-line;z-index:3}.oppo-media-board{aspect-ratio:829.34 / 7291.5;position:relative;width:100%}.oppo-media-caption{color:#000000f2;font-size:16px;letter-spacing:-.16px;line-height:1.2;margin:0;position:absolute;left:7.717%;top:20.1528%;width:84.5648%;z-index:2}.oppo-media-panel{border-radius:4px;position:absolute}.oppo-media-panel--soft{background:#ffffff1a}.oppo-media-panel--solid{background:#dfe1e7}.oppo-media-piece{border-radius:4px;overflow:hidden;position:absolute;z-index:1}.oppo-media-piece__asset{display:block;position:absolute}.oppo-media-piece--video{background:transparent;padding:0}.oppo-media-piece--video-light{background:#ffffff4d}.oppo-media-piece--video-dark{background:#0000000d}.detail-shot{background:#ffffff1a;border-radius:4px;margin:0;overflow:hidden}.detail-shot img{display:block;width:100%}.detail-media .detail-shot+.detail-shot{margin-top:0}.detail-shot--figma img{height:auto}.detail-shot figcaption{background:#dfe1e7;color:#000000f2;font-size:16px;letter-spacing:-.16px;line-height:1.2;margin:0;padding:32px 12px 0}.next-projects{padding:0 16px 160px}.page-shell--project-detail .next-projects h2{color:var(--text);font-family:var(--serif);font-size:48px;letter-spacing:-2.88px;line-height:1}.next-project-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px}.next-project-card{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}.next-project-card>img{aspect-ratio:410 / 342;background:#ffffff1a;border-radius:4px;display:block;object-fit:cover;position:relative;width:100%;z-index:1}.next-project-card:before{aspect-ratio:410 / 342;background:#0000001a;border-radius:4px;content:"";left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.next-project-card .project-meta{background:#ffffff26;background:color-mix(in srgb,var(--text) 16%,transparent);color:var(--text);min-height:22px;padding:2px 8px 3px;position:relative;z-index:3}.next-project-card .project-title{text-align:left}.next-project-card .project-category{text-align:center}.next-project-card .project-view img{display:none}.next-project-card .project-view:after{background:currentColor;content:"";display:block;height:14px;-webkit-mask:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;'%3e%3cpath%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;_2'%20d='M11.3252%2011.7998C11.3252%2012.1588%2011.0338%2012.4502%2010.6748%2012.4502C10.316%2012.45%2010.0254%2012.1587%2010.0254%2011.7998V6.01953L4.19336%2011.8516C3.93952%2012.1054%203.52728%2012.1054%203.27344%2011.8516C3.01985%2011.5978%203.02%2011.1864%203.27344%2010.9326L9.10547%205.10059H3.3252C2.96621%205.10059%202.6748%204.80918%202.6748%204.4502C2.6748%204.09121%202.96621%203.7998%203.3252%203.7998H11.3252V11.7998Z'%20fill='var(--fill-0,%20%231A1A1A)'%20fill-opacity='0.95'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;'%3e%3cpath%20id='&%23233;&%23187;&%23152;&%23232;&%23174;&%23164;_2'%20d='M11.3252%2011.7998C11.3252%2012.1588%2011.0338%2012.4502%2010.6748%2012.4502C10.316%2012.45%2010.0254%2012.1587%2010.0254%2011.7998V6.01953L4.19336%2011.8516C3.93952%2012.1054%203.52728%2012.1054%203.27344%2011.8516C3.01985%2011.5978%203.02%2011.1864%203.27344%2010.9326L9.10547%205.10059H3.3252C2.96621%205.10059%202.6748%204.80918%202.6748%204.4502C2.6748%204.09121%202.96621%203.7998%203.3252%203.7998H11.3252V11.7998Z'%20fill='var(--fill-0,%20%231A1A1A)'%20fill-opacity='0.95'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;width:14px}.info-page,.contact-page{padding-left:16px;padding-right:16px}.info-intro{column-gap:8px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;min-height:670px;padding:0;row-gap:83px}.info-intro h1{font-family:var(--serif);font-size:96px;font-weight:400;grid-column:1 / span 6;grid-row:1;letter-spacing:-5.76px;line-height:1;white-space:pre-line}.info-copy{display:flex;flex-direction:column;gap:16px;grid-column:10 / span 3;grid-row:1}.info-portrait{align-self:start;aspect-ratio:201.33 / 242.27;background:#dedede;grid-column:1 / span 2;grid-row:2;margin:0;overflow:hidden}.info-portrait img{display:block;height:100%;object-fit:cover;object-position:bottom;width:100%}.info-copy p{color:#1a1a1a8c;font-size:16px;letter-spacing:-.16px;line-height:1.4;margin:0}.long-copy{opacity:0;transform:translateY(8px)}body.is-entry-text-ready .long-copy,body:not(.is-loading-entry) .long-copy{opacity:1;transform:translateY(0);transition:opacity .42s ease,transform .42s ease}.info-facts{align-self:start;display:flex;flex-direction:column;gap:16px;grid-column:7 / span 6;grid-row:2}.info-resume{align-items:center;display:inline-flex;font-family:var(--serif);font-size:24px;gap:4px;letter-spacing:-.24px;line-height:1.2;width:max-content}.info-resume img{flex:0 0 auto;height:20px;width:20px}.info-fact-list{display:flex;flex-direction:column;gap:16px}.info-section{display:flex;flex-direction:column;gap:16px;padding:0 0 128px;width:100%}.info-section h2,.contact-panel h1{margin-bottom:8px}.info-section h2{font-family:var(--serif);font-size:24px;letter-spacing:-1.44px;line-height:1}.info-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:33px;padding-top:12px}.info-line{display:block;line-height:1.3}.info-line--muted{color:#1a1a1a8c}.contact-panel{padding:96px 0 128px}.contact-grid{border-top:1px solid var(--line);display:grid;gap:32px 16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;padding-top:12px}.contact-item p{margin:0}.contact-item p:first-child{color:var(--muted);margin-bottom:4px}.contact-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.footer{background:var(--bg);padding-bottom:64px}.footer-rule{border-top:1px solid var(--line);height:1px;width:100%}.detail-copy-block,.detail-row,.info-row,.contact-grid,.footer-rule{border-top-color:transparent;position:relative}.detail-copy-block:before,.detail-row:before,.info-row:before,.contact-grid:before,.footer-rule:before{animation:lineGrow .98s cubic-bezier(.16,1,.3,1) var(--line-delay, 0ms) forwards;background:var(--line);content:"";height:1px;left:0;pointer-events:none;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;width:100%}.detail-copy-block:nth-child(1){--line-delay: 0ms}.detail-facts .detail-row:nth-child(1),.info-section .info-row:nth-of-type(1){--line-delay: .12s}.detail-facts .detail-row:nth-child(2),.info-section .info-row:nth-of-type(2){--line-delay: .22s}.detail-facts .detail-row:nth-child(3),.info-section .info-row:nth-of-type(3){--line-delay: .32s}.detail-facts .detail-row:nth-child(4),.info-section .info-row:nth-of-type(4){--line-delay: .42s}.contact-grid{--line-delay: .12s}.footer-rule{--line-delay: .52s}.detail-copy-block+.detail-copy-block:before{display:none}@keyframes lineGrow{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.detail-copy-block:before,.detail-row:before,.info-row:before,.contact-grid:before,.footer-rule:before{animation:none;transform:scaleX(1)}}.footer-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));height:280px;padding-top:48px}.footer-side{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:0 16px 27px}.footer-side p,.footer-side a{letter-spacing:-.14px;margin:0}.footer-side a{text-decoration:underline;text-underline-position:from-font}.footer-text-link,.footer-text-link [data-typer],.footer-text-link .word,.footer-text-link .char,.footer-resume-link,.footer-resume-link [data-typer],.footer-resume-link .word,.footer-resume-link .char{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.footer-left{grid-column:1 / span 3;text-align:left}.footer-center{align-items:center;display:flex;flex-direction:column;grid-column:4 / span 6;height:280px;justify-content:center}.footer-center a{font-family:var(--serif);font-size:64px;letter-spacing:-3.84px;line-height:1;text-align:center;transition:color .16s ease;white-space:nowrap}@media(hover:hover)and (pointer:fine){.footer-center a:hover,.footer-center a:focus-visible{color:#1a1a1a8c;color:color-mix(in srgb,var(--text) 58%,transparent)}}.footer-right{align-items:flex-end;grid-column:10 / span 3;text-align:right}@media(max-width:1024px)and (min-width:650px){.page-shell{max-width:1024px}.page-transition__text>.page-transition__text-item{font-size:clamp(9px,.729vw,12px)}.top-nav{height:41px;width:min(100%,1024px)}.top-nav a{font-size:12px;height:41px;letter-spacing:-.12px}.filter-hero{gap:12px;padding:80px 12px 0}.filter-kicker{font-size:12px;letter-spacing:-.12px}.filter-buttons{max-width:468px}.filter-button{font-size:32px;letter-spacing:-1.92px;min-height:38px}.project-grid{gap:24px 8px;padding:48px 16px 112px}.project-meta{min-height:19px;padding:2px 4px 3px}.project-title,.project-category,.project-view{font-size:12px;letter-spacing:-.12px}.project-view img{display:none}.next-project-card{gap:4px}.next-project-card .project-meta{grid-template-columns:minmax(0,1fr) auto;min-height:19px;padding:2px 4px 3px}.next-project-card .project-category{text-align:right}.next-project-card .project-view{display:none}.footer{padding-bottom:64px}.footer-inner{height:280px;padding-top:48px}.footer-side{padding:0 12px 27px}.footer-side p,.footer-side a{font-size:12px;letter-spacing:-.12px}.footer-center a{font-size:32px;letter-spacing:-1.92px}.detail-page,.info-page,.contact-page{padding-top:80px}.detail-template{padding-top:0}.info-page{padding-top:64px}.detail-hero{grid-template-columns:repeat(8,minmax(0,1fr));padding:80px 16px 0}.detail-hero h1{font-size:42px;grid-column:1 / span 8;letter-spacing:-2.52px}.detail-visit{grid-column:1 / span 3}.detail-content{gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));padding:64px 16px 128px}.detail-info{grid-column:1 / span 3}.detail-media{grid-column:4 / span 5}.detail-info p,.info-copy p{font-size:14px;letter-spacing:-.14px}.next-projects{padding:0 12px 112px}.page-shell--project-detail .next-projects h2{font-size:24px;letter-spacing:-1.44px;line-height:1}.next-project-grid{margin:32px 4px 0}.info-page,.contact-page{padding-left:16px;padding-right:16px}.info-intro{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto auto;min-height:448px;padding:0;row-gap:56px}.info-intro h1{font-size:42px;grid-column:1 / span 4;grid-row:1;letter-spacing:-2.52px}.info-copy{grid-column:5 / span 4;grid-row:1}.info-portrait{grid-column:1 / span 2;grid-row:2}.info-facts{grid-column:5 / span 4;grid-row:2}.info-section{padding-bottom:112px}}@media(min-width:650px)and (max-width:1279px){.info-page{padding:0}.info-intro{column-gap:8px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,fit-content(100%));min-height:0;padding:64px 16px 50px;row-gap:clamp(32px,calc(112.25px - 6.27vw),48px)}.info-intro h1{font-size:42px;grid-column:1 / span 3;grid-row:1;letter-spacing:-2.52px;line-height:1;margin:0}.info-copy{align-self:end;grid-column:5 / span 4;grid-row:1}.info-portrait{align-self:end;aspect-ratio:227 / 273;grid-column:1 / span 2;grid-row:2}.info-facts{align-self:end;gap:16px;grid-column:5 / span 4;grid-row:2;transform:translateY(-36px)}.info-resume{font-size:20px;letter-spacing:-.2px}.info-resume img{height:16px;width:16px}.info-fact-list{gap:8px}.info-row{font-size:12px;letter-spacing:-.12px;min-height:0;padding-top:8px}.info-section{padding:80px 16px 112px}.detail-hero{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:24px auto;height:312px;padding:128px 16px 0;row-gap:16px}.detail-visit{grid-column:1 / -1;justify-self:start}.detail-hero h1{font-size:42px;grid-column:1 / -1;letter-spacing:-2.52px;line-height:1;text-align:left}.detail-title-variant--desktop{display:none}.detail-title-variant--pad{display:block}.detail-content{align-items:start;column-gap:8px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));row-gap:54px;padding:0 16px 112px}.detail-info{display:contents;position:static;top:auto}.detail-copy-stack{gap:16px;grid-column:1 / span 4}.detail-facts{gap:20px;grid-column:6 / span 3}.detail-eyebrow,.detail-info .detail-eyebrow{font-size:16px;letter-spacing:-.16px;line-height:1.4}.detail-copy-block p{font-size:16px;letter-spacing:-.16px;line-height:1.5}.detail-media{grid-column:1 / -1;width:100%}}@media(max-width:649px){body{background:var(--bg)}.page-shell{max-width:649px}.page-transition{padding:12px}.page-transition__layout{aspect-ratio:375 / 801.444;height:auto;max-height:100dvh;max-width:100vw;width:min(100vw,46.79dvh)}.page-transition__mark--desktop,.page-transition__text>.page-transition__text-item--desktop{display:none}.page-transition__mark--mobile{display:block}.page-transition__mark--mobile span{height:calc(var(--h) * 1%);width:calc(var(--w) * 1%)}.page-transition__text>.page-transition__text-item{font-size:clamp(10px,3.2vw,12px);letter-spacing:-.06em}.page-transition__text>.page-transition__text-item--mobile{display:block;width:calc(var(--w) * 1%)}.top-nav{height:41px;padding:0 12px;width:min(100%,649px)}.top-nav a{font-size:12px;height:41px;letter-spacing:-.12px}.bottom-dock{bottom:16px;max-width:calc(100vw - 32px)}.bottom-dock button{flex:1 1 0;font-size:12px;letter-spacing:-.12px;min-width:0;padding:8px}.bottom-dock .back-to-top-button{flex:0 0 auto;font-size:14px;letter-spacing:-.14px;padding:8px 12px}.filter-hero{align-items:flex-start;gap:12px;min-height:264px;padding:80px 12px 0}.filter-kicker{font-size:12px;letter-spacing:-.12px;text-align:left}.filter-buttons{align-items:flex-start;flex-direction:column}.filter-button{font-size:32px;letter-spacing:-1.92px;min-height:38px}.project-grid{gap:24px;grid-template-columns:1fr;padding:32px 12px 112px}.project-image-link{aspect-ratio:351 / 292.5}.project-meta{grid-template-columns:minmax(0,1fr) auto;min-height:19px;padding:2px 4px 3px}.project-title,.project-category,.project-view{font-size:12px;letter-spacing:-.12px}.project-category{text-align:right}.project-view{display:none}.next-project-card{gap:4px}.footer-inner{grid-template-columns:repeat(4,minmax(0,1fr));height:280px;padding-top:48px}.footer{padding-bottom:64px}.footer-side{padding:0 12px 27px}.footer-side p,.footer-side a{font-size:12px;letter-spacing:-.12px}.footer-center a{font-size:32px;letter-spacing:-1.92px}.footer-left{grid-column:1 / span 1}.footer-center{grid-column:2 / span 2}.footer-right{grid-column:4 / span 1}.detail-page,.info-page,.contact-page{padding-top:64px}.detail-template{padding-top:0}.detail-hero{display:flex;flex-direction:column;gap:12px;height:200px;padding:80px 12px 0}.detail-visit{display:inline-flex}.detail-hero h1,.info-intro h1{font-size:42px;letter-spacing:-2.52px;text-align:left}.detail-content{align-items:center;display:flex;flex-direction:column;gap:64px;padding:64px 12px 128px}.detail-info{grid-column:auto;position:static;width:100%}.detail-media{grid-column:auto;width:100%}.project-media-text{display:none}.detail-copy-stack,.detail-facts{gap:24px}.detail-row,.info-row{grid-template-columns:repeat(2,minmax(0,1fr))}.next-projects{padding:0 12px 96px}.page-shell--project-detail .next-projects h2{font-size:24px;letter-spacing:-1.44px;line-height:1}.next-project-grid{margin-top:32px}.next-project-grid,.contact-grid{grid-template-columns:1fr}.next-project-grid{gap:24px}.next-project-card .project-meta{grid-template-columns:minmax(0,1fr) auto;min-height:19px;padding:2px 4px 3px}.next-project-card .project-category{text-align:right}.info-page,.contact-page{padding-left:12px;padding-right:12px}.info-intro{display:grid;gap:32px 4px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;min-height:0;padding:0 0 80px}.info-intro h1{grid-column:1 / span 3;grid-row:1;margin:0}.info-copy{gap:12px;grid-column:1 / span 4;grid-row:2}.info-portrait{aspect-ratio:227 / 273;grid-column:4;grid-row:1;max-width:none}.info-copy p,.detail-info p{font-size:14px;letter-spacing:-.14px}.info-facts{grid-column:1 / span 4;grid-row:3}.info-section{padding-bottom:80px}.contact-panel{padding:48px 0 96px}}