:root{--paper: #ffffff;--ink: #000000;--mut: #8c8c8c;--tint: #f3f3f3;--font: "Switzer", "Helvetica Neue", Helvetica, Arial, sans-serif;--fs: clamp(14px, .6vw + 6.5px, 17px);--lh: 1.3;--cols: 12;--m: clamp(14px, 1.4vw, 28px);--mt: clamp(22px, 3.4vw, 64px);--g: clamp(10px, 1.1vw, 20px);--space: clamp(110px, 20vh, 240px);--ease: cubic-bezier(.65, .05, 0, 1)}@media (max-width: 720px){:root{--cols: 4}}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--ink) transparent}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--font);font-size:var(--fs);line-height:var(--lh);font-weight:400;background:var(--paper);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,dl,dt,dd,figure,button{font:inherit}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0;cursor:pointer;text-align:left}a:hover,button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}img,video{display:block;max-width:100%}[hidden]{display:none!important}.mut{color:var(--mut)}.tnum{font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--g);padding-inline:var(--mt)}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;padding:0 var(--mt);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--g);pointer-events:none;opacity:0;transition:opacity .3s}.grid-overlay i{background:#ff000012}@media (max-width: 720px){.grid-overlay i:nth-child(n+5){display:none}}body.show-grid .grid-overlay{opacity:1}.header{padding-top:var(--m)}.header__id{grid-column:1 / span 3}.header__place{grid-column:4 / span 3}.header__nav{grid-column:7 / span 3}.header__links{grid-column:10 / span 3}@media (max-width: 720px){.header__id{grid-column:1 / span 2}.header__nav{grid-column:3 / span 2}.header__place,.header__links{display:none}}.intro{padding-block:clamp(120px,26vh,300px) clamp(80px,16vh,200px)}.intro__text,.intro__facts{grid-column:7 / span 5;max-width:34em}.intro__facts{margin-top:calc(var(--lh) * 1em)}@media (max-width: 1024px){.intro__text,.intro__facts{grid-column:7 / span 6}}@media (max-width: 720px){.intro{padding-block:34vh 72px}.intro__text,.intro__facts{grid-column:1 / -1}}.works__head{margin-bottom:1.3em;row-gap:.4em}.works__label{grid-column:1 / span 3}.works__filters{grid-column:4 / span 6;display:flex;flex-wrap:wrap;column-gap:1.1em}.works__view{grid-column:10 / span 3;display:flex;gap:1.1em}.works__filters button,.works__view button{color:var(--mut)}.works__filters button:hover,.works__view button:hover,.works__filters button.is-active,.works__view button.is-active{color:var(--ink);text-decoration:none}@media (max-width: 720px){.works__label{grid-column:1 / span 2}.works__view{grid-column:3 / span 2}.works__filters{grid-column:1 / -1;grid-row:2}}.works__grid{display:flex;flex-direction:column;row-gap:clamp(36px,6vh,72px);padding-inline:var(--m)}.wrow{display:flex;column-gap:var(--g);align-items:flex-start}.work{flex:calc(var(--ar) * 1000) 1 0;min-width:0;display:block}.work:hover{text-decoration:none}.work__media{position:relative;aspect-ratio:var(--ar);background:var(--tint);overflow:hidden}.work__media img,.work__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.work__media .flick{visibility:hidden}.work__media .flick.is-on{visibility:visible}.work__cap{display:flex;justify-content:space-between;align-items:baseline;column-gap:1em;flex-wrap:wrap;padding-top:.45em}.work__title{display:flex;gap:.6em}.work__meta{color:var(--mut)}.work__meta .on{display:none;color:var(--ink)}@media (hover: hover){.work:hover .work__meta .off{display:none}.work:hover .work__meta .on{display:inline}}@media (max-width: 720px){.work__meta{display:none}}.works__list{padding-inline:var(--mt)}.lrow{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--g);padding-block:.12em;transition:color .2s}.lrow:hover{text-decoration:none}.lrow>:nth-child(1){grid-column:1 / span 3}.lrow>:nth-child(2){grid-column:4 / span 3}.lrow>:nth-child(3){grid-column:7 / span 3}.lrow>:nth-child(4){grid-column:10 / span 2}.lrow>:nth-child(5){grid-column:12 / span 1;text-align:right}.lrow--head{color:var(--mut);margin-bottom:.65em}@media (hover: hover){.works__list:hover a.lrow:not(:hover){color:var(--mut)}}.lrow.is-hidden{display:none}@media (max-width: 720px){.lrow>:nth-child(1){grid-column:1 / span 1}.lrow>:nth-child(2){grid-column:2 / span 2}.lrow>:nth-child(3),.lrow>:nth-child(4){display:none}.lrow>:nth-child(5){grid-column:4 / span 1}}.preview{position:fixed;top:0;left:0;z-index:80;width:clamp(220px,22vw,380px);pointer-events:none;opacity:0;transition:opacity .2s}.preview.is-on{opacity:1}.preview img,.preview video{width:100%;height:auto}.about{padding-top:var(--space);align-items:start}.about__label{grid-column:1 / span 3}.about__photo{grid-column:4 / span 3}.about__photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:grayscale(1)}.about__text{grid-column:7 / span 5}.about__text>p{max-width:34em;margin-bottom:1.3em}.about__meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--g);row-gap:1.3em;margin-top:2.6em}.about__meta dt{grid-column:1 / span 2;color:var(--mut)}.about__meta dd{grid-column:3 / span 3}@media (max-width: 1024px){.about__photo{grid-column:1 / span 5;grid-row:2;margin-top:1.3em}.about__text{grid-column:7 / span 6;grid-row:1 / span 2}}@media (max-width: 720px){.about{row-gap:1.3em}.about__label,.about__text{grid-column:1 / -1;grid-row:auto}.about__photo{grid-column:1 / span 3;grid-row:auto;margin-top:0}.about__meta{grid-template-columns:repeat(4,minmax(0,1fr))}.about__meta dt{grid-column:1 / span 1}.about__meta dd{grid-column:2 / span 3}}.contact{padding-top:var(--space)}.contact__label{grid-column:1 / span 3}.contact__text{grid-column:4 / span 3}.contact__links{grid-column:7 / span 3}.colophon{padding-block:var(--space) var(--m)}.colophon>:first-child{grid-column:1 / span 3}.colophon>:last-child{grid-column:10 / span 3;justify-self:start;color:var(--ink)}@media (max-width: 720px){.contact .grid{row-gap:1.3em}.contact__label{grid-column:1 / -1}.contact__text,.contact__links{grid-column:span 2}.colophon{row-gap:.2em}.colophon>:first-child{grid-column:1 / span 2}.colophon>:last-child{grid-column:3 / span 2}}.project__head{padding-block:clamp(120px,26vh,300px) clamp(80px,14vh,180px);align-items:start}.project__back{grid-column:1 / span 3;justify-self:start}.project__info{grid-column:4 / span 3}.project__desc{grid-column:7 / span 5;max-width:34em;white-space:pre-line}@media (max-width: 720px){.project__head{padding-top:22vh;row-gap:1.3em}.project__back,.project__info,.project__desc{grid-column:1 / -1}}.project__media{display:flex;flex-direction:column;row-gap:clamp(40px,8vh,110px);padding-inline:var(--m)}.mrow{display:flex;column-gap:var(--g);align-items:flex-start}.media-item{flex:calc(var(--ar) * 1000) 1 0;min-width:0}.media-item__frame{position:relative;aspect-ratio:var(--ar);background:var(--tint)}.media-item img,.media-item video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-item video{cursor:pointer}.media-item figcaption{display:flex;justify-content:space-between;gap:1em;padding-top:.45em;color:var(--mut)}.media-item figcaption button{color:var(--ink)}@media (max-width: 720px){.mrow{flex-direction:column;row-gap:clamp(40px,8vh,110px)}.media-item{width:100%;flex:none}}.focus-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000;opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}body.is-focus .focus-dim{opacity:.6;pointer-events:auto;cursor:pointer}.media-item__frame.is-focused{z-index:75}.project__next{padding-block:var(--space) var(--m)}.project__next-label{grid-column:1 / span 3}.project__next-link{grid-column:4 / span 3;justify-self:start}.project__next-all{grid-column:7 / span 3;justify-self:start}.project__next-top{grid-column:10 / span 3;justify-self:start}@media (max-width: 720px){.project__next{row-gap:.2em}.project__next>*{grid-column:span 2!important}}.coords{position:fixed;top:0;left:0;z-index:95;pointer-events:none;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .2s}.coords.is-on{opacity:1}.iw{white-space:nowrap}