:root{--paper:#f4f3ef;--ink:#1d1e1b;--muted:#62645e;--line:#cccfc4;--green:#d2e28c;--gutter:clamp(20px,4vw,76px);font-synthesis:none;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button{background:0 0;border:0;border-radius:0}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--green)}[hidden]{display:none!important}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{padding:27px var(--gutter) 25px;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:start;column-gap:40px;display:grid}.wordmark{letter-spacing:-1px;justify-self:start;font-size:22px;line-height:.92}.main-nav{gap:30px;padding-top:3px;font-size:14px;display:flex}.main-nav a{white-space:nowrap;padding:9px 0;position:relative}.main-nav a:after,.language-nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.main-nav a:hover:after,.main-nav a[aria-current=page]:after,.language-nav a[aria-current=true]:after{transform:scaleX(1)}.language-nav{justify-self:end;gap:13px;padding-top:4px;font-size:11px;display:flex}.language-nav a{color:var(--muted);padding:10px 1px;position:relative}.language-nav a[aria-current=true]{color:var(--ink)}main{max-width:1920px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.075em;font-size:11px;line-height:1.5}.home-hero{padding:74px var(--gutter) 80px;grid-template-columns:1.2fr 1fr;align-items:center;column-gap:5vw;min-height:660px;display:grid}.hero-text h1{letter-spacing:-.065em;z-index:1;max-width:900px;margin-top:34px;font-size:clamp(58px,6.5vw,110px);line-height:.96;position:relative}.hero-text h1 span{display:block}.hero-bottom{flex-wrap:wrap;align-items:flex-end;gap:40px;margin-top:48px;display:flex}.hero-bottom p{max-width:255px;font-size:17px;line-height:1.4}.text-link{border-bottom:1px solid;justify-content:space-between;align-items:baseline;gap:24px;padding:9px 0 7px;font-size:14px;line-height:1.4;transition:gap .2s;display:inline-flex}.text-link:hover{gap:36px}.hero-art{background:#eef6f8;align-self:center;display:block;position:relative}.hero-art img{mix-blend-mode:multiply;width:100%}.hero-art-caption{color:var(--muted);justify-content:space-between;padding:14px 0 0;font-size:11px;display:flex;position:absolute;top:100%;left:0;right:0}.selected-section,.work-page,.case-page,.graphic-index,.about-page,.contact-page{padding:0 var(--gutter)}.section-label{border-top:1px solid var(--line);justify-content:space-between;margin-bottom:35px;padding-top:18px;font-size:12px;display:flex}.section-label h2{font-size:12px}.selected-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:100px 5vw;display:grid}.project-card{min-width:0}.selected-layout .project-card{grid-column:span 6}.selected-layout .project-card-1,.selected-layout .project-card-4{grid-column:1/-1}.selected-layout .project-card-2{grid-column:1/8}.selected-layout .project-card-3{grid-column:8/-1;margin-top:150px}.selected-layout .project-card-5{grid-column:1/8}.selected-layout .project-card-6{grid-column:8/-1;margin-top:110px}.project-link{display:block}.project-caption{grid-template-columns:35px 1fr 24px;gap:8px;padding:18px 0;display:grid}.project-caption h3{letter-spacing:-.025em;font-size:clamp(19px,1.7vw,28px);line-height:1.12}.project-caption p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.4}.project-number{padding-top:5px;font-size:10px}.link-arrow{font-size:25px;transition:transform .22s}.project-link:hover .link-arrow{transform:translate(3px,-3px)}.project-visual{aspect-ratio:1.4;isolation:isolate;background:#e4e4df;position:relative;overflow:hidden}.visual-pieces{justify-content:center;align-items:center;gap:3%;padding:7%;display:flex;position:absolute;inset:0}.piece{justify-content:center;align-items:center;min-width:0;max-height:100%;display:flex;position:relative}.piece img{object-fit:contain;width:100%;max-height:100%;transition:transform .5s cubic-bezier(.2,.6,.2,1)}@media (hover:hover){.project-link:hover .piece img{transform:translateY(-4px)}}.visual-museum-of-screen-culture{aspect-ratio:2.05;background:#e8e8e4}.visual-museum-of-screen-culture .visual-pieces{gap:10%;padding:9%}.visual-museum-of-screen-culture .piece-1{background:#fff;align-self:center;width:50%;padding:6% 5%}.visual-museum-of-screen-culture .piece-2{background:#fff;width:17%;padding:2%}.scan-field{background:repeating-linear-gradient(0deg,#222 0 2px,#eee 2px 5px);width:57%;height:75%;position:absolute;bottom:-7%;right:-5%;transform:rotate(-8deg)}.visual-artplay{background:#9f0016}.visual-artplay .piece-1{align-self:flex-start;width:51%}.visual-artplay .piece-2{align-self:flex-end;width:38%}.visual-artplay .visual-pieces{gap:5%;padding:9% 7%}.visual-media-forum{aspect-ratio:1;background:#9ea7a0}.visual-media-forum .visual-pieces{padding:10%}.visual-media-forum .piece{width:100%;height:100%}.visual-mosgorpark{aspect-ratio:2.05;background:#e5e6da}.visual-mosgorpark .visual-pieces{gap:4%;padding:6% 12%}.visual-mosgorpark .piece{width:29%;height:100%}.visual-mosgorpark .piece-2{align-self:flex-start}.visual-with-other-eyes{aspect-ratio:1.5;background:#e8dfcf}.visual-with-other-eyes .visual-pieces{gap:3%;padding:10% 7%}.visual-with-other-eyes .piece{width:30%;height:100%}.visual-start-up-tour{aspect-ratio:1.05;background:#e8e63b}.visual-start-up-tour .visual-pieces{flex-direction:column;gap:5%;padding:10% 15%}.visual-start-up-tour .piece{width:100%;height:47%}.section-end{justify-content:flex-end;margin-top:40px;display:flex}.graphic-feature{padding:80px var(--gutter);background:#e7e9de;grid-template-columns:1fr 1.45fr;align-items:center;gap:7vw;margin-top:130px;display:grid}.graphic-feature h2{letter-spacing:-.05em;margin:28px 0;font-size:clamp(36px,4vw,68px);line-height:1.04}.graphic-feature-copy>p:not(.eyebrow){max-width:360px;margin-bottom:22px;font-size:16px;line-height:1.5}.graphic-feature-art{display:block}.graphic-feature-art img{width:100%}.page-intro{padding:88px 0 70px}.page-intro h1{letter-spacing:-.06em;overflow-wrap:break-word;max-width:1160px;margin-top:30px;font-size:clamp(56px,7.3vw,116px);line-height:.98}.intro-copy{max-width:650px;margin-top:37px;margin-left:auto;font-size:20px;line-height:1.4}.filters{border-top:1px solid var(--line);margin-bottom:50px;padding-top:22px}.perspective-filters,.discipline-filters{flex-wrap:wrap;gap:10px 28px;display:flex}.filters button{text-align:left;color:var(--muted);border-bottom:1px solid #0000;padding:10px 0;font-size:14px}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.discipline-filters{gap:10px 23px;margin-top:13px}.discipline-filters button{font-size:12px}.filter-count{color:var(--muted);margin-top:20px;font-size:11px}.catalogue-layout{grid-template-columns:1fr 1fr;gap:60px 5vw;padding-bottom:70px;display:grid}.catalogue-layout .project-visual{aspect-ratio:1.4}.catalogue-layout .visual-mosgorpark .visual-pieces{padding:8%}.case-heading{padding-top:45px}.case-heading h1{letter-spacing:-.055em;max-width:1200px;margin:45px 0 22px;font-size:clamp(48px,6.6vw,105px);line-height:1}.small{font-size:12px}.case-subtitle{justify-content:space-between;gap:30px;margin-bottom:35px;font-size:15px;line-height:1.4;display:flex}.case-subtitle p:last-child{color:var(--muted);text-align:right;font-size:12px}.case-hero .project-visual{aspect-ratio:1.9;max-height:750px}.case-hero .visual-media-forum{aspect-ratio:1.65}.case-hero .visual-media-forum .visual-pieces{padding:5%}.case-hero .visual-media-forum .piece{max-width:60%}.case-hero .visual-start-up-tour .visual-pieces{flex-direction:row;gap:7%;padding:8% 11%}.case-hero .visual-start-up-tour .piece{width:45%;height:100%}.case-hero .visual-artplay .visual-pieces{gap:8%;padding:6% 17%}.presentation-caption{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.4}.case-overview{grid-template-columns:1fr 2fr;gap:6vw;padding:90px 0 105px;display:grid}.case-overview>p{letter-spacing:-.03em;max-width:900px;font-size:clamp(23px,2.7vw,40px);line-height:1.25}.case-gallery-grid{grid-template-columns:1fr 1fr;gap:48px 5vw;display:grid}.artwork{min-width:0}.artwork>a{background:#eae9e3;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.artwork img{object-fit:contain;width:100%;max-height:870px}.artwork figcaption{color:var(--muted);max-width:600px;margin-top:12px;font-size:11px;line-height:1.4}.expand-icon{background:var(--paper);opacity:0;place-items:center;width:34px;height:34px;font-size:20px;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}.artwork a:hover .expand-icon,.artwork a:focus-visible .expand-icon{opacity:1}.artwork.wide{grid-column:1/-1}.artwork.wide>a{background:#e7e7e3;padding:6%}.artwork.wide img{max-width:1100px}.case-museum-of-screen-culture .artwork.wide img{max-width:980px}.case-gallery-grid .artwork:not(.wide)>a{height:100%;max-height:700px;padding:7%}.case-gallery-grid .artwork:not(.wide){flex-direction:column;display:flex}.case-gallery-grid .artwork:not(.wide) img{object-fit:contain;width:100%;height:100%;max-height:610px}.case-with-other-eyes .artwork.wide{grid-column:auto}.case-with-other-eyes .case-gallery-grid{grid-template-columns:repeat(3,1fr)}.case-with-other-eyes .artwork.wide>a{padding:7%}.system-section{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;gap:12vw;margin-top:100px;padding:85px 0;display:grid}.system-section h2{letter-spacing:-.035em;margin-bottom:22px;font-size:32px}.system-section p:not(.small-note){font-size:17px;line-height:1.5}.palette{width:100%;height:84px;display:flex}.palette span{border:1px solid #0000000d;flex:1}.small-note{color:var(--muted);margin-top:10px;font-size:10px}.type-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;display:grid}.detail-grid .artwork>a{background:#fff;height:370px;padding:12%}.detail-grid .artwork img{object-fit:contain;width:100%;height:100%}.source-note{color:var(--muted);max-width:650px;margin:70px 0;font-size:11px;line-height:1.5}.next-project{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 50px;align-items:start;gap:35px;padding:30px 0 80px;display:grid}.next-project>span{padding-top:8px;font-size:12px}.next-project strong{letter-spacing:-.045em;font-size:clamp(30px,4.5vw,66px);font-weight:400;line-height:1.03}.next-project>span:last-child{padding:0;font-size:42px}.archive-group{margin-bottom:100px}.archive-grid{grid-template-columns:1fr 1fr;gap:45px 5vw;display:grid}.archive-collage .artwork:first-child{grid-column:1/-1}.archive-collage .artwork:first-child img{object-fit:contain;max-height:850px}.archive-signs .archive-grid{grid-template-columns:repeat(3,1fr)}.archive-signs .artwork>a{background:#fff;height:260px;padding:15%}.archive-signs .artwork img{object-fit:contain;width:100%;height:100%}.archive-printed .archive-grid{align-items:start}.archive-printed .artwork>a{background:#e9e7df;padding:7%}.archive-printed .artwork img{object-fit:contain;max-height:660px}.about-grid{grid-template-columns:1fr 1fr;gap:9vw;padding:10px 0 90px;display:grid}.about-copy p{letter-spacing:-.02em;margin-bottom:30px;font-size:clamp(20px,2vw,29px);line-height:1.4}.about-copy p+p{letter-spacing:0;font-size:17px;line-height:1.6}.about-art{align-self:start;margin-top:10px}.about-art figcaption{color:var(--muted);margin-top:12px;font-size:11px}.services{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9vw;padding:70px 0 90px;display:grid}.services>div>p+p{max-width:450px;margin-top:25px;font-size:21px;line-height:1.4}.services ul{margin:0;padding:0;list-style:none}.services li{border-bottom:1px solid var(--line);letter-spacing:-.03em;gap:30px;padding:20px 0;font-size:25px;display:flex}.services li:first-child{padding-top:0}.services li span{padding-top:5px;font-size:11px}.contact-page{min-height:70svh;padding-bottom:70px}.contact-page .page-intro{padding-bottom:60px}.contact-address{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 55px}.contact-address>a{letter-spacing:-.055em;overflow-wrap:anywhere;font-size:clamp(34px,6.2vw,104px);line-height:1.15;display:block}.contact-address>a>span{margin-left:25px;font-size:.7em;display:inline-block}.copy-row{align-items:center;gap:25px;margin-top:25px;font-size:12px;display:flex}.copy-row button{border-bottom:1px solid;padding:12px 0}.copy-row>span{color:var(--muted)}.contact-foot{justify-content:space-between;align-items:flex-end;padding:35px 0;font-size:14px;line-height:1.4;display:flex}.site-footer{padding:70px var(--gutter) 28px;background:var(--ink);color:var(--paper)}.footer-invitation{padding-bottom:70px}.footer-invitation>p{color:#bfc0b8;margin-bottom:20px;font-size:15px}.footer-invitation>a{letter-spacing:-.06em;justify-content:space-between;align-items:center;font-size:clamp(56px,8vw,130px);line-height:1;display:flex}.footer-invitation>a>span{font-size:.75em}.footer-bottom{border-top:1px solid #50514a;grid-template-columns:1fr 2fr 1fr;gap:25px;padding-top:23px;font-size:12px;line-height:1.5;display:grid}.footer-bottom>p{color:#bfc0b8;max-width:280px}.footer-bottom>span{color:#bfc0b8;grid-column:1/-1;margin-top:20px;font-size:10px}.lightbox-open{overflow:hidden}dialog#lightbox{color:var(--paper);background:#181917;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px 30px}dialog::backdrop{background:#181917}dialog[open]{flex-direction:column;display:flex}.lightbox-head{flex-shrink:0;justify-content:space-between;align-items:center;height:50px;font-size:12px;display:flex}.lightbox-head button{color:var(--paper);text-align:right;min-width:90px;min-height:44px}.lightbox-head button span{vertical-align:middle;margin-left:16px;font-size:24px}.lightbox-image-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:15px 0;display:flex}.lightbox-image-wrap img{object-fit:contain;width:100%;height:100%}.lightbox-bottom{flex-shrink:0;grid-template-columns:50px 1fr 50px;align-items:center;gap:25px;min-height:64px;display:grid}.lightbox-bottom p{text-align:center;font-size:12px;line-height:1.4}.lightbox-bottom button{color:var(--paper);min-height:50px;font-size:30px}.lightbox-bottom button:focus-visible,.lightbox-head button:focus-visible{outline-color:var(--paper)}@media (width>=1600px){.hero-text h1{font-size:118px}.home-hero{min-height:780px}.selected-layout{row-gap:140px}}@media (width<=1100px){.site-header{column-gap:20px}.main-nav{gap:20px}.home-hero{grid-template-columns:1.18fr 1fr;gap:4vw;min-height:550px;padding-top:60px}.hero-text h1{font-size:clamp(55px,6.2vw,84px)}.hero-bottom{gap:20px;margin-top:28px}.hero-bottom p{font-size:15px}.graphic-feature{gap:5vw}.detail-grid .artwork>a{height:310px}.case-subtitle{align-items:flex-end}.intro-copy{font-size:18px}.archive-signs .artwork>a{height:230px}.footer-bottom{grid-template-columns:1fr 1.2fr 1fr}}@media (width<=760px){:root{--gutter:22px}.site-header{grid-template-columns:1fr auto;row-gap:22px;padding-top:22px;padding-bottom:13px}.wordmark{font-size:21px}.main-nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:16px;padding:0;font-size:13px}.language-nav{grid-area:1/2;font-size:11px}.home-hero{flex-direction:column;align-items:stretch;gap:30px;min-height:0;padding-top:42px;padding-bottom:55px;display:flex}.hero-text h1{max-width:600px;margin-top:24px;font-size:clamp(52px,9.8vw,78px)}.hero-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.hero-bottom p{max-width:220px;font-size:14px}.hero-bottom .text-link{gap:12px;font-size:12px}.hero-art{align-self:auto;width:82%;margin:15px 0 35px auto}.hero-art img{width:100%}.section-label{margin-bottom:24px;padding-top:14px}.selected-layout{display:block}.selected-layout .project-card{margin:0 0 55px}.project-caption{grid-template-columns:25px 1fr 22px;padding-top:14px}.project-caption h3{font-size:24px}.project-caption p{font-size:12px}.project-visual{aspect-ratio:1.35!important}.visual-media-forum{aspect-ratio:1.15!important}.visual-museum-of-screen-culture .visual-pieces,.visual-mosgorpark .visual-pieces{padding:8%}.section-end{margin:0}.graphic-feature{grid-template-columns:1fr;gap:35px;margin-top:60px;padding-top:45px;padding-bottom:45px}.graphic-feature h2{max-width:500px;margin:22px 0;font-size:43px}.graphic-feature-copy>p:not(.eyebrow){font-size:15px}.page-intro{padding:50px 0 45px}.page-intro h1{max-width:700px;margin-top:22px;font-size:clamp(48px,9.5vw,72px)}.intro-copy{max-width:520px;margin:25px 0 0;font-size:17px}.perspective-filters{gap:7px 20px}.filters{margin-bottom:32px}.filters button{min-height:42px;font-size:13px}.discipline-filters{gap:5px 18px}.discipline-filters button{font-size:11px}.catalogue-layout{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.case-heading{padding-top:30px}.case-heading h1{margin-top:32px;font-size:clamp(45px,9vw,70px)}.case-subtitle{margin-bottom:24px;display:block}.case-subtitle p:last-child{text-align:left;margin-top:12px;font-size:11px}.case-hero .project-visual{aspect-ratio:1.2!important}.case-hero .visual-media-forum .piece{max-width:100%}.case-hero .visual-artplay .visual-pieces{padding:10% 7%}.case-hero .visual-start-up-tour .visual-pieces{gap:5%;padding:6%}.presentation-caption{max-width:330px;font-size:9px}.case-overview{grid-template-columns:1fr;gap:25px;padding:50px 0 60px}.case-overview>p{font-size:26px}.case-gallery-grid,.case-with-other-eyes .case-gallery-grid{grid-template-columns:1fr;gap:35px}.artwork.wide{grid-column:auto}.artwork.wide>a{padding:4%}.case-gallery-grid .artwork:not(.wide)>a{max-height:none;padding:7%}.case-gallery-grid .artwork:not(.wide) img{height:auto;max-height:720px}.system-section{grid-template-columns:1fr;gap:35px;margin-top:60px;padding:45px 0}.system-section h2{font-size:28px}.system-section p:not(.small-note){font-size:16px}.palette{height:65px}.detail-grid{grid-template-columns:1fr 1fr;gap:30px}.detail-grid .artwork>a{height:220px;padding:10%}.source-note{margin:45px 0;font-size:10px}.next-project{grid-template-columns:1fr 35px;gap:20px;padding-bottom:55px}.next-project>span:first-child{grid-column:1/-1}.next-project strong{font-size:36px}.next-project>span:last-child{font-size:32px}.archive-group{margin-bottom:60px}.archive-grid{grid-template-columns:1fr;gap:30px}.archive-collage .artwork:first-child{grid-column:auto}.archive-signs .archive-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.archive-signs .artwork>a{height:190px;padding:13%}.archive-printed .archive-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.artwork figcaption{font-size:10px}.expand-icon{opacity:1;width:27px;height:27px;font-size:16px;bottom:7px;right:7px}.about-grid{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.about-copy p{font-size:25px}.about-copy p+p{font-size:16px}.about-art{max-width:600px}.services{grid-template-columns:1fr;gap:40px;padding:45px 0 60px}.services>div>p+p{font-size:19px}.services li{font-size:23px}.contact-address>a{font-size:clamp(35px,7vw,64px)}.contact-address>a>span{margin-left:10px}.contact-page{padding-bottom:30px}.contact-foot{align-items:start;gap:24px;font-size:12px}.contact-foot .text-link{font-size:12px}.site-footer{padding-top:45px}.footer-invitation{padding-bottom:50px}.footer-invitation>a{font-size:clamp(47px,9vw,77px)}.footer-bottom{grid-template-columns:1fr 1fr;gap:20px;font-size:11px}.footer-bottom>p{grid-column:2}.footer-bottom>a:nth-of-type(2){grid-column:1/-1}.footer-bottom>span{margin-top:5px}dialog#lightbox{padding:12px 16px}.lightbox-bottom{grid-template-columns:40px 1fr 40px;gap:12px}.lightbox-bottom p{font-size:10px}}@media (width<=400px){:root{--gutter:17px}.hero-text h1{font-size:49px}.main-nav{gap:12px;font-size:12px}.hero-bottom p{max-width:190px}.hero-bottom{align-items:flex-start}.detail-grid{grid-template-columns:1fr}.archive-signs .artwork>a{height:150px}.page-intro h1{font-size:45px}.footer-invitation>a{font-size:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@view-transition{navigation:auto}
