@font-face{font-family:OPPO Sans;src:url(/assets/OPPOSans-Regular-Portfolio-DOvo8yRz.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OPPO Sans;src:url(/assets/OPPOSans-Medium-Portfolio-CToHlDuw.woff2) format("woff2");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: "Test Söhne", "SoehneBuch", "Helvetica Neue", Helvetica, 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{-webkit-tap-highlight-color:transparent;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: #ffffff;--text: #292929;--muted: rgba(41, 41, 41, .45);--line: rgba(26, 26, 26, .14);--nav: #292929;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 1.1s cubic-bezier(.4,0,.2,1) 2.25s 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 1.1s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(2.2s + var(--i) * 70ms);color:#fffffff5;display:block;font-family:var(--sans);font-size:clamp(10px,.729vw,14px);letter-spacing:0;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}.portfolio-page{--archive-header-height: clamp(214px, calc(11.34vw + 69px) , 264px);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}.additional-projects{background:var(--bg);display:flex;flex-direction:column;gap:24px;padding-bottom:128px}.additional-project-heading{display:flex;flex-direction:column;padding:0 16px}.additional-project-heading h2{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-1.44px;line-height:1.2;margin:0;white-space:nowrap}.additional-project-list{display:flex;flex-direction:column;gap:16px}.additional-project-row{align-items:start;display:grid;font-size:14px;gap:8px;grid-template-columns:repeat(12,minmax(0,1fr));letter-spacing:-.14px;line-height:1.2;min-width:0;padding:0 16px}.additional-project-row>span{align-items:center;display:flex;grid-row:1;min-width:0;padding:2px 8px;position:relative}.additional-project-row>span:after{background:#1a1a1a;border-radius:4px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform var(--fill-duration, .3s) cubic-bezier(0,1,0,1);width:100%;z-index:0}.additional-project-title{--fill-duration: .5s;grid-column:7 / span 4}.additional-project-category{--fill-duration: .4s;grid-column:4 / span 3}.additional-project-year{--fill-duration: .3s;grid-column:1 / span 3}.additional-project-view{--fill-duration: .6s;grid-column:11 / span 2;justify-content:flex-end;justify-self:stretch;white-space:nowrap}.additional-project-view img{filter:invert(1);height:14px;mix-blend-mode:exclusion;position:relative;width:14px;z-index:1}.additional-project-text{color:#fffffff2;mix-blend-mode:exclusion;position:relative;z-index:1}.additional-project-row.is-active>span:after{transform:scaleX(1);transform-origin:left}.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}.detail-media{padding-bottom:16px}.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 / 7163.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.5129%;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{display:flex;flex-direction:column;gap:0}.contact-item p:first-child{color:var(--muted)}.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;row-gap: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:none}.info-resume{font-size:20px;letter-spacing:-.2px}.info-resume img{height:16px;width:16px}.info-fact-list{gap:16px}.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}.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}.additional-projects{padding-bottom:64px}.additional-project-heading{padding:0 12px}.additional-project-row{font-size:12px;gap:4px;grid-template-columns:minmax(0,1fr) auto;letter-spacing:-.12px;padding:0 12px}.additional-project-title{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.additional-project-row>.additional-project-category,.additional-project-row>.additional-project-year{display:none}.additional-project-view{grid-column:2}.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:auto;min-height:164px;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}.project-media-board[data-base-height="5090"]{--baiyao-gap: 8px;--baiyao-full-a: calc(100vw - 24px) ;--baiyao-pair-w: calc((100vw - 24px - var(--baiyao-gap)) / 2);--baiyao-hero-h: calc(var(--baiyao-full-a) * 535 / 829.33);--baiyao-logo-h: calc(var(--baiyao-full-a) * 413 / 829.33);--baiyao-pair-h: calc(var(--baiyao-pair-w) * 426 / 410.67);--baiyao-wide-h: calc(var(--baiyao-full-a) * 464 / 829.33);aspect-ratio:auto!important;height:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-wide-h) * 6 + var(--baiyao-gap) * 10)}.project-media-board[data-base-height="5090"] .project-media-frame{width:var(--baiyao-full-a)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="0"]{height:var(--baiyao-hero-h)!important;left:0!important;top:0!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="1"]{height:var(--baiyao-logo-h)!important;left:0!important;top:calc(var(--baiyao-hero-h) + var(--baiyao-gap))!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="2"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="3"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="4"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="5"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="6"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="7"]{height:var(--baiyao-pair-h)!important;width:var(--baiyao-pair-w)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="2"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="4"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="6"]{left:0!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="3"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="5"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="7"]{left:calc(var(--baiyao-pair-w) + var(--baiyao-gap))!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="2"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="3"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-gap) * 2)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="4"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="5"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) + var(--baiyao-gap) * 3)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="6"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="7"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 2 + var(--baiyao-gap) * 4)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="8"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="9"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="10"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="11"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="12"],.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="13"]{height:var(--baiyao-wide-h)!important;left:0!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="8"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-gap) * 5)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="9"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-wide-h) + var(--baiyao-gap) * 6)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="10"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-wide-h) * 2 + var(--baiyao-gap) * 7)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="11"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-wide-h) * 3 + var(--baiyao-gap) * 8)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="12"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-wide-h) * 4 + var(--baiyao-gap) * 9)!important}.project-media-board[data-base-height="5090"] .project-media-frame[data-frame-index="13"]{top:calc(var(--baiyao-hero-h) + var(--baiyao-logo-h) + var(--baiyao-pair-h) * 3 + var(--baiyao-wide-h) * 5 + var(--baiyao-gap) * 10)!important}.detail-copy-stack,.detail-facts{gap:24px}.detail-row,.info-row{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts{gap:24px;width:100%}.detail-facts .detail-row{align-items:start;gap:4px;grid-template-columns:54.2px minmax(0,1fr);min-height:25px;padding-top:8px}.detail-facts .detail-row>span{font-size:14px;font-weight:400;letter-spacing:-.14px;line-height:1.2;text-align:left}.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-page{padding:0}.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:64px 12px 0}.info-intro h1{grid-column:1 / span 3;grid-row:1;margin:0}.info-copy{gap:0;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;padding-top:48px}.info-section{padding:80px 12px 0}.info-page>.info-section:last-of-type{padding-bottom:80px}.info-section h2{margin-bottom:0}.info-resume{font-size:20px;letter-spacing:-.2px}.info-resume img{height:16px;width:16px}.info-row{font-size:12px;letter-spacing:-.12px;min-height:0;padding-top:8px}.contact-panel{padding:48px 0 96px}}.archive-footer{border-top:1px solid rgba(26,26,26,.14);column-gap:16px;color:#292929;display:grid;font-family:Test Söhne,SoehneBuch,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;grid-template-columns:repeat(2,minmax(0,1fr));line-height:15.96px;margin:32px 32px 0;padding:0 0 16px}.archive-footer-column{display:flex;flex-direction:column;gap:0;min-height:39.92px;padding-top:8px}.archive-footer p{margin:0}.archive-footer-label{color:#999}@media(max-width:1024px){.archive-footer{column-gap:8px;font-size:12px;line-height:13.68px;margin-left:16px;margin-right:16px;padding-bottom:16px}}@media(max-width:649px){.archive-footer{margin-left:8px;margin-right:8px}}.page-shell:has(.portfolio-page),.portfolio-page{background:#fff}.page-shell:has(.portfolio-page){max-width:none;width:100%}.portfolio-page{color:#292929;font-family:Test Söhne,SoehneBuch,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:15.96px}.archive-header{--archive-logo-offset: 13px;background:transparent;height:var(--archive-current-header-height, calc(var(--archive-current-logo-height, calc(var(--archive-header-height) - 53px)) + var(--archive-current-meta-height, 60px)));left:50%;max-width:none;overflow:hidden;padding:0 32px;position:fixed;top:0;transform:translate(-50%);width:100%;z-index:12}.archive-header:before{background-color:rgba(230,230,230,var(--archive-wordmark-divider-opacity, 1));content:"";height:1px;left:32px;pointer-events:none;position:absolute;right:32px;top:var(--archive-current-meta-top, var(--archive-current-logo-height, calc(var(--archive-header-height) - 53px)));z-index:4}.archive-wordmark{align-items:flex-start;background-color:#fff;column-gap:16px;color:#292929;display:grid;font-family:Test Söhne,Helvetica Neue,sans-serif;font-size:clamp(96px,12.8vw,220px);font-weight:400;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--archive-current-logo-height, calc(var(--archive-header-height) - 53px));letter-spacing:-.05em;line-height:.82;overflow:hidden;position:relative;text-transform:uppercase;z-index:2}.archive-wordmark span{min-width:0;white-space:nowrap;transform:translateY(var(--archive-logo-offset)) scale(var(--archive-logo-scale, 1));transform-origin:top left;will-change:transform}.archive-wordmark span:first-child{transform:translateY(var(--archive-logo-offset)) scale(var(--archive-logo-scale, 1)) translate(-.05em)}.archive-wordmark span:nth-child(2){overflow:hidden}.archive-wordmark span:last-child{grid-column:3 / 5;overflow:hidden;text-align:right;transform-origin:top right}.archive-header-meta{background-color:#fff;border-bottom:1px solid rgba(230,230,230,var(--archive-divider-opacity, 0));display:grid;column-gap:16px;font-size:12px;grid-template-columns:repeat(12,minmax(0,1fr));height:var(--archive-current-meta-height, 60px);line-height:12px;margin-top:0;padding:16px 0;position:relative;transition:background-color .4s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.83,0,.17,1);z-index:1}.archive-header.is-scrolled .archive-header-meta{border-bottom-color:rgba(230,230,230,var(--archive-divider-opacity, 1))}.archive-header.is-hidden .archive-header-meta{transform:translateY(-100%)}.archive-header-meta p{margin:0}.archive-role{color:#999;grid-column:1}.archive-links{color:#999;display:flex;flex-direction:column;gap:3px;grid-column:1 / 4;min-width:0}.archive-link-row{align-items:flex-start;color:#999;column-gap:2px;display:flex;min-width:0}.archive-link-row>span{color:#292929}.archive-links a[href="#projects"],.archive-links a.is-active{color:#292929}.archive-links a,.archive-wordmark{transition:color .18s ease,opacity .18s ease}.archive-language{color:#999;display:flex;flex-direction:column;gap:4px;grid-column:4 / 7;min-width:0}.archive-language button{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit;padding:0;text-align:left;transition:color .18s ease,opacity .18s ease}.archive-language button.is-active{color:#292929}.archive-location{color:#999;grid-column:12;justify-self:end;text-align:left;width:max-content}.portfolio-page .project-grid{display:grid;gap:40px 16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(var(--archive-header-height) + 127px) 32px 160px}.portfolio-page .project-card{gap:0;min-width:0;opacity:1;transform:none;transition:none;will-change:auto}.portfolio-page .project-image-link{aspect-ratio:auto;background:transparent;border-radius:0;display:flex;flex-direction:column;overflow:visible}.portfolio-page .project-image-link:after{display:none}.project-archive-meta{align-content:start;border-top:1px solid rgba(26,26,26,.14);display:grid;font-size:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:15.96px 15.96px;height:50px;letter-spacing:0;line-height:15.96px;min-height:50px;padding:9px 0 7px;position:relative;row-gap:2px;z-index:3}.project-archive-name{overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.project-archive-type{color:#1a1a1a73;grid-column:1;grid-row:2}.project-archive-number{color:#1a1a1a59;grid-column:2;grid-row:1 / span 2;text-align:right}.project-archive-card{align-items:flex-end;aspect-ratio:4 / 3.5;background:#f7f7f7;border-radius:6px;display:flex;justify-content:center;margin-top:10px;overflow:hidden;position:relative;transition:background-color .2s cubic-bezier(.16,1,.3,1);width:100%}.project-archive-card>img{display:block;filter:brightness(1);height:100%;object-fit:cover;position:static;scale:1;transition:filter .2s cubic-bezier(.16,1,.3,1),scale .5s cubic-bezier(.16,1,.3,1);width:100%}.portfolio-page .project-image-link--ant .project-archive-card>img{transform:scale(1.4)}.portfolio-page .project-image-link--denza .project-archive-card>img{transform:scale(1.2)}.portfolio-page .additional-projects{background:#fff;gap:40px;padding:0 32px 120px}.portfolio-page .additional-project-heading{border-top:1px solid rgba(26,26,26,.14);padding:10px 0 0}.portfolio-page .additional-project-heading h2{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:0}.portfolio-page .additional-project-list{gap:0}.portfolio-page .additional-project-row{border-top:1px solid rgba(26,26,26,.14);gap:16px;min-height:48px;padding:8px 0}.portfolio-page .additional-project-row>span{padding:0}.portfolio-page .additional-project-row>span:after{display:none}.portfolio-page .additional-project-text{color:var(--text);mix-blend-mode:normal}.portfolio-page .additional-project-view img{filter:none;mix-blend-mode:normal}.archive-information,.archive-contact{background:#fff;padding:0 32px 120px;scroll-margin-top:72px}.archive-info-page{padding-top:0;padding-left:0;padding-right:0}.detail-archive-header{--archive-header-height: clamp(214px, calc(11.34vw + 69px) , 264px)}.page-shell--project-detail .detail-template{padding-top:clamp(214px,calc(11.34vw + 69px),264px)}.info-reference-layout{padding:calc(var(--archive-header-height) + 120px) 32px 0}.archive-switch-content--leaving{opacity:0;transition:opacity .4s cubic-bezier(.83,0,.17,1)}.archive-switch-content--entering{animation:archive-content-enter .4s cubic-bezier(.83,0,.17,1) both}.archive-switch-content--entering .project-archive-meta,.archive-switch-content--entering .info-reference-row{border-top-color:transparent;position:relative}.archive-switch-content--entering .project-archive-meta:before,.archive-switch-content--entering .info-reference-row:before{animation:archive-line-enter .8s cubic-bezier(.7,0,.84,0) both;content:"";height:1px;left:0;position:absolute;top:-1px;transform-origin:left center;width:100%}.archive-switch-content--entering .project-archive-meta:before{background:#1a1a1a24}.archive-switch-content--entering .info-reference-row:before{background:#ebebeb}@keyframes archive-content-enter{0%{opacity:0}to{opacity:1}}@keyframes archive-line-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.archive-switch-content--leaving,.archive-switch-content--entering{animation:none;opacity:1;transition:none}.archive-switch-content--entering .project-archive-meta{border-top-color:#1a1a1a24}.archive-switch-content--entering .info-reference-row{border-top-color:#ebebeb}.archive-switch-content--entering .project-archive-meta:before,.archive-switch-content--entering .info-reference-row:before{display:none}}.info-reference-row{border-top:1px solid #ebebeb;column-gap:16px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:8px 0 200px;scroll-margin-top:72px}.info-reference-meta{display:flex;flex-direction:column;gap:16px;grid-column:1 / 7;max-width:263px}.info-reference-meta>div{display:flex;flex-direction:column;gap:0}.info-reference-copy,.info-reference-list{grid-column:7 / 11}.info-reference-copy{grid-column:7 / 12}.info-reference-label,.info-reference-meta p,.info-reference-copy p,.info-reference-list,.info-reference-resume{font-size:14px;letter-spacing:0;line-height:15.96px;margin:0}.info-reference-label{color:#29292973;grid-column:1 / 7}.info-reference-meta .info-reference-label{margin-bottom:0}.info-reference-copy h1{color:#292929;font-family:inherit;font-size:28px;font-weight:400;letter-spacing:0;line-height:31.92px;margin:0}.page-shell--zh .info-reference-copy h1{line-height:38.304px}.info-reference-copy>p:first-of-type{margin-top:28px}.info-reference-copy>p+p{margin-top:14px}.info-reference-resume{align-items:center;display:inline-block;margin-top:35px;text-decoration:underline;text-underline-offset:2px}.info-reference-resume{align-items:center;display:inline-flex;gap:2px}.info-link-icon{display:block;height:12px;width:12px}.info-link-icon--download{transform:rotate(135deg)}.info-reference-list>div{display:grid;min-height:15.96px}.info-reference-list:not(.info-reference-list--services){gap:16px}.info-reference-list:not(.info-reference-list--services)>div{grid-template-columns:minmax(0,1fr);row-gap:0}.info-reference-list{display:flex;flex-direction:column;gap:8px}.info-reference-list>div>:last-child{color:#29292973;text-align:left}.info-reference-list--services>div>:last-child{color:#292929;text-align:left}.archive-section-heading{border-top:1px solid rgba(26,26,26,.14);column-gap:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 0 56px}.archive-section-heading h1,.archive-section-heading h2,.archive-section-heading p,.archive-information p,.archive-contact p,.archive-information dl,.archive-contact a{font-size:14px;font-weight:400;letter-spacing:0;line-height:15.96px;margin:0}.archive-section-heading h1,.archive-section-heading h2{font-size:14px;font-weight:400;grid-column:1;letter-spacing:0;line-height:15.96px;margin:0}.archive-section-heading>p{color:#1a1a1a73;grid-column:4;text-align:right}.archive-information-grid,.archive-contact-grid{column-gap:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.archive-information-portrait{aspect-ratio:1;background:#f1f1f1;margin:0;overflow:hidden}.archive-information-portrait img{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.archive-information-copy,.archive-information-services,.archive-information-facts,.archive-contact-grid>div{border-top:1px solid rgba(26,26,26,.14);padding-top:9px}.archive-information-copy>p:last-child{max-width:34em}.archive-section-label{color:#1a1a1a73;margin-bottom:24px!important}.archive-information-facts dl{margin-bottom:32px}.archive-information-facts dl>div{border-top:1px solid rgba(26,26,26,.14);display:flex;justify-content:space-between;padding:5px 0}.archive-information-facts dt,.archive-information-facts dd{margin:0}.archive-information-facts dd{color:#1a1a1a73;text-align:right}.archive-inline-link,.archive-contact-grid a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.archive-experience{margin-top:80px}.archive-experience>.archive-section-label{border-top:1px solid rgba(26,26,26,.14);margin-bottom:0!important;padding:9px 0 32px}.archive-experience-row{border-top:1px solid rgba(26,26,26,.14);column-gap:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:48px;padding:9px 0}.archive-experience-row span:first-child{color:#1a1a1a73}.archive-experience-row span:nth-child(2){grid-column:2 / 4}.archive-experience-row span:last-child{color:#1a1a1a73;text-align:right}.archive-contact-grid>div{min-height:112px}.archive-contact-grid .archive-section-label{margin-bottom:32px!important}@media(hover:hover)and (pointer:fine){.archive-links a:not(.is-active):hover,.archive-links a:not(.is-active):focus-visible,.archive-language button:not(.is-active):hover,.archive-language button:not(.is-active):focus-visible{color:#292929bf;opacity:1}.portfolio-page .project-card:hover .project-archive-card>img,.portfolio-page .project-card:focus-within .project-archive-card>img{filter:brightness(.9);scale:1.06}.portfolio-page .additional-project-row:hover .additional-project-text,.portfolio-page .additional-project-row:focus-visible .additional-project-text{color:#1a1a1a6b}.archive-inline-link:hover,.archive-contact-grid a:hover{color:#1a1a1a73}}@media(max-width:1024px){.portfolio-page{--archive-header-height: 224px}.archive-header{--archive-logo-offset: 0px;height:var(--archive-current-header-height, calc(var(--archive-current-logo-height, 86px) + var(--archive-current-meta-height, 60px)));padding:8px 16px 0;position:absolute}.archive-wordmark{column-gap:8px;font-size:clamp(64px,11vw,85px);height:var(--archive-current-logo-height, 86px)}.archive-header-meta{font-size:12px;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:0}.archive-role{display:none}.archive-links{grid-column:1 / 4}.archive-language{grid-column:4 / 7}.archive-location{grid-column:8}.portfolio-page .project-grid{gap:32px 8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:288px 16px 112px}.archive-information,.archive-contact{padding-left:16px;padding-right:16px}.archive-section-heading,.archive-information-grid,.archive-contact-grid{gap:32px 8px;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-section-heading>p{grid-column:2}.archive-experience-row{column-gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-experience-row span:nth-child(2){grid-column:2}.archive-experience-row span:last-child{grid-column:2}.info-reference-layout{padding:calc(var(--archive-header-height) + 80px) 16px 0}.info-reference-row{column-gap:8px;padding-bottom:160px}.info-reference-copy,.info-reference-list{grid-column:7 / 13}.project-archive-meta{font-size:12px;grid-template-rows:13.68px 13.68px;line-height:13.68px}.portfolio-page .additional-projects{padding:0 16px 96px}}@media(max-width:649px){.portfolio-page{--archive-header-height: 200px}.archive-header{--archive-logo-offset: 13px;height:var(--archive-current-header-height, calc(var(--archive-current-logo-height, 69.12px) + var(--archive-current-meta-height, 56.92px)));padding:0 12px;position:fixed}.archive-wordmark{column-gap:0;display:flex;font-size:52px;height:var(--archive-current-logo-height, 69.12px);line-height:.88}.archive-wordmark span{flex:0 0 auto}.archive-wordmark span:nth-child(2){margin-left:.25em;overflow:visible}.archive-wordmark span:last-child{flex:0 1 auto;margin-left:auto;min-width:0}.archive-header-meta{align-content:center;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--archive-current-meta-height, 56.92px);margin-top:0;padding:0}.archive-links{gap:4px;grid-column:1 / 4}.archive-language{display:flex;gap:4px;grid-column:4;justify-self:end;width:max-content}.archive-location{display:none}.portfolio-page .project-grid{gap:32px;grid-template-columns:1fr;padding:207px 12px 96px}.archive-information,.archive-contact{padding:0 12px 80px;scroll-margin-top:126px}.archive-section-heading{gap:16px;grid-template-columns:1fr;padding-bottom:40px}.archive-section-heading h1,.archive-section-heading h2,.archive-section-heading>p{grid-column:1;text-align:left}.archive-information-grid,.archive-contact-grid{gap:40px;grid-template-columns:1fr}.archive-information-portrait{max-width:none}.archive-experience{margin-top:64px}.archive-experience-row{grid-template-columns:32px minmax(0,1fr)}.archive-contact-grid>div{min-height:88px}.info-reference-layout{padding:206px 12px 0}.info-reference-row{display:block;padding:8px 0 120px;scroll-margin-top:126px}.info-reference-meta{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.info-reference-meta>div:last-child{grid-column:1 / 3}.info-reference-copy{margin-top:80px}.info-reference-copy h1{font-size:24px;line-height:27.36px}.page-shell--zh .info-reference-copy h1{line-height:32.832px}.info-reference-row>.info-reference-label{margin-bottom:48px}.info-reference-list>div{grid-template-columns:minmax(0,1fr);row-gap:0}.info-reference-list>div>:last-child{overflow-wrap:anywhere;text-align:left}.info-reference-list:not(.info-reference-list--services){gap:16px}.project-archive-meta{height:50px;min-height:50px}.portfolio-page .additional-projects{gap:32px;padding:0 12px 80px}.portfolio-page .additional-project-row{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:1024px){.page-shell--project-detail .detail-template{padding-top:169px}}@media(max-width:649px){.page-shell--project-detail .detail-template{padding-top:126.04px}}.page-shell--project-detail{max-width:none;width:100%}.page-shell--project-detail .detail-archive-header .archive-wordmark,.page-shell--project-detail .detail-archive-header .archive-header-meta{background-color:#fff}.page-shell--project-detail .detail-archive-header{background-color:transparent}.page-shell--project-detail .detail-archive-header .archive-header-meta,.page-shell--project-detail .detail-archive-header.is-scrolled .archive-header-meta{border-bottom-color:transparent}.page-shell--project-detail .detail-archive-header .archive-wordmark,.page-shell--project-detail .detail-archive-header .archive-links a.is-active{color:#292929}.page-shell--project-detail .detail-archive-header .archive-role,.page-shell--project-detail .detail-archive-header .archive-links,.page-shell--project-detail .detail-archive-header .archive-location{color:#999}.page-shell--project-detail .detail-archive-header .archive-current-project{color:#292929;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-shell--project-detail .detail-page{font-family:Test Söhne,SoehneBuch,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:15.96px}.page-shell--project-detail .detail-hero{align-items:start;column-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;height:auto;min-height:280px;padding:120px 32px 80px;row-gap:0}.page-shell--project-detail .detail-visit{font-size:14px;grid-column:1;justify-self:start;letter-spacing:0;line-height:15.96px}.page-shell--project-detail .detail-visit:after{height:12px;width:12px}.page-shell--project-detail .detail-hero h1{font-family:inherit;font-size:28px;font-weight:400;grid-column:2 / 5;letter-spacing:0;line-height:31.92px;text-align:left}.page-shell--project-detail .detail-content{column-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 32px 160px}.page-shell--project-detail .detail-info{gap:40px;grid-column:1;top:72px;width:100%}.page-shell--project-detail .detail-copy-block{gap:8px;padding-top:9px}.page-shell--project-detail .detail-copy-block h2,.page-shell--project-detail .detail-info p,.page-shell--project-detail .detail-eyebrow,.page-shell--project-detail .detail-page .detail-row,.page-shell--project-detail .oppo-media-caption,.page-shell--project-detail .detail-shot figcaption{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:0;line-height:15.96px}.page-shell--project-detail .detail-copy-block h2,.page-shell--project-detail .detail-info p{overflow-wrap:break-word}.page-shell--project-detail .detail-row{gap:16px;grid-template-columns:minmax(0,1fr);padding-top:9px;row-gap:0}.page-shell--project-detail .detail-media{gap:8px;grid-column:2 / 5}.page-shell--project-detail .detail-shot,.page-shell--project-detail .oppo-media-panel,.page-shell--project-detail .oppo-media-piece,.page-shell--project-detail .next-project-card>img,.page-shell--project-detail .next-project-card:before{border-radius:6px}.page-shell--project-detail .next-projects{padding:0 32px 120px}.page-shell--project-detail .next-projects h2{border-top:1px solid var(--line);font-family:inherit;font-size:14px;font-weight:400;letter-spacing:0;line-height:15.96px;padding-top:9px}.page-shell--project-detail .next-project-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px}.page-shell--project-detail .next-project-card{gap:10px}.page-shell--project-detail .next-project-card .project-meta{background:transparent;border-radius:0;border-top:1px solid var(--line);font-size:14px;gap:16px;letter-spacing:0;line-height:15.96px;min-height:50px;padding:9px 0 7px}.page-shell--project-detail .next-project-card .project-title,.page-shell--project-detail .next-project-card .project-category{letter-spacing:0}@media(max-width:1024px){.page-shell--project-detail .detail-page{font-size:12px;line-height:13.68px}.page-shell--project-detail .detail-hero{column-gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:240px;padding:80px 16px 64px}.page-shell--project-detail .detail-hero h1{font-size:28px;grid-column:2;letter-spacing:0;line-height:31.92px}.page-shell--project-detail .detail-visit{font-size:12px;grid-column:1;letter-spacing:0;line-height:13.68px}.page-shell--project-detail .detail-content{column-gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 112px;row-gap:64px}.page-shell--project-detail .detail-copy-stack{grid-column:1}.page-shell--project-detail .detail-facts{grid-column:2}.page-shell--project-detail .detail-media{grid-column:1 / 3}.page-shell--project-detail .next-projects{padding:0 16px 96px}.page-shell--project-detail .next-project-grid{gap:8px;margin:40px 0 0}.page-shell--project-detail .next-project-card .project-meta{font-size:12px;line-height:13.68px}}@media(max-width:649px){.page-shell--project-detail .detail-hero{display:grid;gap:48px;grid-template-columns:1fr;min-height:0;padding:80px 12px}.page-shell--project-detail .detail-visit,.page-shell--project-detail .detail-hero h1{grid-column:1}.page-shell--project-detail .detail-hero h1{font-size:24px;line-height:27.36px}.page-shell--project-detail .detail-content{align-items:stretch;gap:64px;padding:0 12px 96px}.page-shell--project-detail .detail-info{gap:40px}.page-shell--project-detail .detail-copy-block h2,.page-shell--project-detail .detail-info p,.page-shell--project-detail .detail-eyebrow,.page-shell--project-detail .detail-page .detail-row,.page-shell--project-detail .oppo-media-caption,.page-shell--project-detail .detail-shot figcaption{font-size:12px;line-height:13.68px}.page-shell--project-detail.page-shell--zh .detail-copy-block p:last-child{line-height:16.416px}.page-shell--project-detail .next-projects{padding:0 12px 80px}.page-shell--project-detail .next-project-grid{gap:32px;grid-template-columns:1fr;margin-top:40px}}.page-shell--project-detail .detail-content{align-items:start;background:#f7f7f7;border-radius:0;column-gap:16px;grid-template-columns:repeat(12,minmax(0,1fr));margin:0 32px 160px;padding:16px;row-gap:0}.page-shell--project-detail .detail-media{background:#f7f7f7;grid-column:1 / span 8;grid-row:1;padding-bottom:0}.page-shell--project-detail .detail-shot,.page-shell--project-detail .oppo-media-panel,.page-shell--project-detail .oppo-media-piece,.page-shell--project-detail .project-media-frame,.page-shell--project-detail .next-project-card>img,.page-shell--project-detail .next-project-card:before{border-radius:0}.page-shell--project-detail .detail-info{background:#f7f7f7;display:flex;gap:24px;grid-column:9 / span 4;grid-row:1;margin-bottom:80px;padding:0;position:sticky;top:72px;width:100%}.page-shell--project-detail .detail-project-heading{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;min-width:0}.page-shell--project-detail .detail-project-heading>div{min-width:0}.page-shell--project-detail .detail-project-heading h1,.page-shell--project-detail .detail-project-category{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:0;line-height:15.96px;margin:0}.page-shell--project-detail .detail-project-heading h1{white-space:normal}.page-shell--project-detail .detail-project-category{color:var(--muted)}.page-shell--project-detail .detail-project-link{align-items:center;background:#ebebeb;border-radius:50%;display:flex;flex:0 0 24px;height:24px;justify-content:center;transition:background-color .18s ease;width:24px}.page-shell--project-detail .detail-project-link span{background:#292929;display:block;height:1px;width:8px}.page-shell--project-detail .detail-copy-stack,.page-shell--project-detail .detail-facts{gap:24px}.page-shell--project-detail .detail-copy-block,.page-shell--project-detail .detail-row,.page-shell--project-detail .detail-url-row{border-top:1px solid rgba(26,26,26,.14);gap:8px;padding-top:8px}.page-shell--project-detail .detail-copy-block+.detail-copy-block{border-top:1px solid rgba(26,26,26,.14)}.page-shell--project-detail.page-shell--zh .detail-copy-block p:last-child{line-height:19.152px}.page-shell--project-detail .detail-copy-block:before,.page-shell--project-detail .detail-row:before{display:none}.page-shell--project-detail .detail-row,.page-shell--project-detail .detail-url-row{display:flex;flex-direction:column}.page-shell--project-detail .detail-url-row p{margin:0}.page-shell--project-detail .detail-url-row a{align-items:center;display:inline-flex;font-size:14px;gap:0;letter-spacing:0;line-height:15.96px;width:max-content}.page-shell--project-detail .detail-url-row img{height:14px;width:14px}@media(hover:hover)and (pointer:fine){.page-shell--project-detail .detail-project-link:hover,.page-shell--project-detail .detail-project-link:focus-visible{background:#dedede}.page-shell--project-detail .detail-url-row a:hover,.page-shell--project-detail .detail-url-row a:focus-visible{color:var(--muted)}}@media(max-width:1024px){.page-shell--project-detail .detail-content{column-gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));margin:0 16px 112px;padding:12px}.page-shell--project-detail .detail-media{grid-column:1 / span 5;padding-bottom:16px}.page-shell--project-detail .detail-info{grid-column:6 / span 3}.page-shell--project-detail .detail-project-heading h1,.page-shell--project-detail .detail-project-category,.page-shell--project-detail .detail-url-row a{font-size:12px;line-height:13.68px}}@media(max-width:649px){.page-shell--project-detail .detail-content{background:#f7f7f7;display:flex;gap:64px;margin:0 12px 96px;padding:12px}.page-shell--project-detail .detail-info{background:#f7f7f7;flex:0 0 auto;margin-bottom:0;order:1;position:static}.page-shell--project-detail .detail-media{background:#f7f7f7;flex:0 0 auto;order:2;overflow:visible;padding-bottom:0;transform:none}.page-shell--project-detail .project-media-board,.page-shell--project-detail .detail-shot{flex:0 0 auto}}.archive-header,.archive-header .archive-wordmark{will-change:height}.archive-header .archive-header-meta{left:32px;position:absolute;right:32px;top:var(--archive-current-meta-top, var(--archive-current-logo-height, calc(var(--archive-header-height) - 53px)));transition:background-color .4s cubic-bezier(.16,1,.3,1);width:auto;will-change:top;z-index:3}.archive-header.is-scrolled{height:var(--archive-current-header-height, 56px)}.archive-header.is-scrolled .archive-wordmark{height:var(--archive-current-logo-height);pointer-events:none}.archive-header.is-scrolled .archive-header-meta{height:var(--archive-current-meta-height, 56px);margin-top:0;padding-bottom:16px;padding-top:16px;transform:none}@media(min-width:650px)and (max-width:1024px){.archive-header{position:fixed}.archive-header:before{left:16px;right:16px}.archive-header .archive-header-meta{left:16px;right:16px;top:var(--archive-current-meta-top, var(--archive-current-logo-height, 86px))}.archive-header.is-scrolled{padding-top:0}.archive-header.is-scrolled .archive-header-meta{top:var(--archive-current-meta-top, 0)}}@media(max-width:649px){.page-shell--project-detail .detail-archive-header .archive-header-meta{border-bottom-width:0}.archive-header:before{left:12px;right:12px}.archive-header.is-scrolled{height:var(--archive-current-header-height, 56.92px)}.archive-header.is-scrolled .archive-header-meta{height:var(--archive-current-meta-height, 56.92px);padding-bottom:0;padding-top:0}.archive-header.is-scrolled .archive-header-meta{left:12px;right:12px;top:var(--archive-current-meta-top, 0)}.archive-header .archive-header-meta{left:12px;right:12px;top:var(--archive-current-meta-top, var(--archive-current-logo-height, 69.12px))}}html:has(.page-shell--project-detail),body:has(.page-shell--project-detail){height:100%;overflow:hidden}.page-shell--project-detail{--detail-bottom-gutter: 32px;--detail-header-space: clamp(214px, calc(11.34vw + 69px) , 264px);--detail-side-gutter: 32px;height:100dvh;min-height:0;overflow:hidden}.page-shell--project-detail:has(.detail-archive-header.is-scrolled){--detail-header-space: 56px}.page-shell--project-detail .detail-template{height:100dvh;min-height:0;overflow:hidden;padding-top:var(--detail-current-header-space, var(--detail-header-space))}.page-shell--project-detail .detail-content{border-radius:6px;height:calc(100dvh - var(--detail-current-header-space, var(--detail-header-space)) - var(--detail-bottom-gutter));margin:0 var(--detail-side-gutter) var(--detail-bottom-gutter);max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-shell--project-detail .detail-media{padding-bottom:16px;transform:translateY(var(--detail-content-scroll-lock-offset, 0))}.page-shell--project-detail .detail-content::-webkit-scrollbar{display:none}.page-shell--project-detail .detail-info{top:0}@media(max-width:1024px){.page-shell--project-detail{--detail-bottom-gutter: 16px;--detail-header-space: 169px;--detail-side-gutter: 16px}.page-shell--project-detail:has(.detail-archive-header.is-scrolled){--detail-header-space: 56px}}@media(max-width:649px){.page-shell--project-detail{--detail-bottom-gutter: 12px;--detail-header-space: 126.04px;--detail-side-gutter: 12px}.page-shell--project-detail .detail-media{padding-bottom:0;transform:none}.page-shell--project-detail:has(.detail-archive-header.is-scrolled){--detail-header-space: 56.92px}}