@font-face{font-family:Neue Rational;font-style:normal;font-weight:800;font-display:swap;src:url(/NeueRationalNarrow-Bold.woff2)format("woff2")}:root{--color-dark:#0c0c0c;--color-light:#f5f3f0;--font-family-main:"Neue Rational", Helvetica, Arial, sans-serif;--font-size-h1:clamp(36px, 5.5vw, 82px);--font-size-h2:clamp(36px, 5.5vw, 82px);--font-size-h3:clamp(21px, 3.4vw, 44px);--font-size-h4:clamp(19px, 3.2vw, 32px);--font-size-h5:clamp(18px, 2vw, 21px);--font-size-medium:clamp(15px, 1.2vw, 16px);--font-size-small:clamp(13px, 1vw, 15px);--font-size-mini:clamp(12px, 1vw, 13px);--space-base:.4rem;--space-0_5:calc(var(--space-base) * .5);--space-1:calc(var(--space-base) * 1);--space-2:calc(var(--space-base) * 2);--space-3:calc(var(--space-base) * 3);--space-4:calc(var(--space-base) * 4);--space-6:calc(var(--space-base) * 6);--space-8:calc(var(--space-base) * 8);--space-12:calc(var(--space-base) * 12);--space-16:calc(var(--space-base) * 16);--space-20:calc(var(--space-base) * 20);--space-24:calc(var(--space-base) * 24);--space-32:calc(var(--space-base) * 32);--top-bottom-lheight:32px;--top-bottom-padding:var(--space-4);--header-height:calc(var(--top-bottom-lheight) + var(--top-bottom-padding) * 2);--cubic:cubic-bezier(.77, 0, .175, 1);--cubic-2:cubic-bezier(.5, 0, .5, 1)}@media only screen and (width<=768px){:root{--top-bottom-lheight:24px;--top-bottom-padding:var(--space-3)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;font-size:62.5%}body{background:var(--color-light);font-family:var(--font-family-main);font-size:var(--font-size-h3);letter-spacing:.02em;text-transform:uppercase;color:var(--color-dark);font-weight:800;overflow-x:hidden}body.nav-is-open{overflow:hidden}a{color:var(--color-dark);letter-spacing:.02em;text-decoration:none}img,svg{max-width:100%;height:auto;display:block}button{appearance:none;cursor:pointer;font-family:var(--font-family-main);background:0 0;border:none}.page-transition-overlay{z-index:9995;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--color-light);opacity:1;width:120%;height:150%;transition:backdrop-filter .49s var(--cubic-2), background-color .49s var(--cubic-2), opacity .4s ease;position:fixed;top:0;left:0}.page-transition-overlay.loaded{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;pointer-events:none;background-color:#0000}.c-header{z-index:1000;width:100%;height:var(--header-height);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.c-element-navopener{perspective:700px;height:var(--top-bottom-lheight);width:var(--top-bottom-lheight);cursor:pointer;pointer-events:all;flex-shrink:0;position:relative}.c-element-navopener:focus-visible{outline:2px solid var(--color-dark);outline-offset:7px}.c-element-navopener__open,.c-element-navopener__close{width:var(--top-bottom-lheight);height:var(--top-bottom-lheight);transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;transition:transform .79s var(--cubic);position:absolute;top:0;left:0}.c-element-navopener__open:before,.c-element-navopener__open:after,.c-element-navopener__close:before,.c-element-navopener__close:after{content:"";background:var(--color-dark);backface-visibility:hidden;width:100%;height:3px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.c-element-navopener__open:after{transform:translate(-50%)translateY(-50%)rotate(-90deg)}.c-element-navopener__open{transform:none}.c-element-navopener__close{transform:translateY(-40%)rotateX(-90deg)}.c-element-navopener__close:before{transform:translate(-50%)translateY(-50%)rotate(45deg)}.c-element-navopener__close:after{transform:translate(-50%)translateY(-50%)rotate(-45deg)}.nav-opening .c-element-navopener__open,.nav-open .c-element-navopener__open{transform:translateY(-60%)rotateX(90deg)}.nav-opening .c-element-navopener__close,.nav-open .c-element-navopener__close{transition:transform .79s var(--cubic);transform:translateY(-100%)rotateX(0)}.nav-open .c-element-navopener__open{transition:none;transform:translateY(60%)rotateX(-90deg)}.nav-closing .c-element-navopener__close{transition:transform .79s var(--cubic);transform:translateY(-160%)rotateX(90deg)}.c-navscreen{z-index:998;pointer-events:none;filter:blur(12px);background-color:var(--color-light);width:100%;height:0;transition:height 10ms ease .8s, filter .49s var(--cubic-2) .1s;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.nav-opening .c-navscreen,.nav-open .c-navscreen{filter:blur();background-color:var(--color-light);pointer-events:all;height:100%;transition:height 10ms ease, filter .49s var(--cubic-2)}.nav-closing .c-navscreen{filter:blur(12px);transition:height 10ms ease .8s, filter .49s var(--cubic-2) .1s}.c-navscreen__inner{width:100%;height:100%;padding:var(--top-bottom-padding) var(--space-6);overscroll-behavior-y:contain;flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow-y:auto}.c-navscreen__top{padding-top:var(--top-bottom-lheight);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.c-element-navigation__menu{justify-content:center;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;list-style:none;display:flex}.c-element-navigation__menu li{perspective:1000px;overflow:hidden}.c-element-navigation__menu li a{font-size:var(--font-size-h2);transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;opacity:0;border-bottom:4px solid #0000;padding-bottom:2px;font-weight:800;line-height:1;transition:transform .49s,opacity .49s,border-color .3s;display:block;transform:translateY(30%)rotateX(-40deg)}@media (width<=768px){.c-element-navigation__menu li a{border-bottom-width:3px}}.c-element-navigation__menu li a:hover{border-color:var(--color-dark)}.nav-opening .c-element-navigation__menu,.nav-open .c-element-navigation__menu{pointer-events:all}.nav-opening .c-element-navigation__menu li a,.nav-open .c-element-navigation__menu li a{opacity:1;transition:transform .79s var(--cubic), opacity .79s var(--cubic), border-color .3s ease;transform:none}.nav-opening .c-element-navigation__menu li:first-child a,.nav-open .c-element-navigation__menu li:first-child a{transition-delay:0s,0s,0s}.nav-opening .c-element-navigation__menu li:nth-child(2) a,.nav-open .c-element-navigation__menu li:nth-child(2) a{transition-delay:60ms,60ms,0s}.nav-closing .c-element-navigation__menu li a{opacity:0;transition:transform .79s var(--cubic), opacity .79s var(--cubic);transform:translateY(-30%)rotateX(40deg);transition-delay:0s!important}.c-navscreen__bottom{width:100%}.c-navscreen__about{font-size:var(--font-size-h4);text-transform:uppercase;letter-spacing:.02em;text-align:center;opacity:0;max-height:calc(100vh - 47rem);transition:opacity .6s ease .15s, transform .6s var(--cubic) .15s;font-weight:800;line-height:1.2;overflow:hidden;transform:translateY(10px)}.c-navscreen__about .line,.c-navscreen__about .line__inner{display:block}.nav-opening .c-navscreen__about,.nav-open .c-navscreen__about{opacity:1;overflow-y:auto;transform:translateY(0)}.nav-closing .c-navscreen__about{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(5px)}.c-navscreen__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-top:var(--space-16);opacity:0;transition:opacity .6s ease .25s, transform .6s var(--cubic) .25s;flex-wrap:wrap;display:flex;position:relative;transform:translateY(10px)}.nav-opening .c-navscreen__footer,.nav-open .c-navscreen__footer{opacity:1;transform:translateY(0)}.nav-closing .c-navscreen__footer{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(5px)}.anchor-item a{font-size:var(--font-size-h3);text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid #0000;padding-bottom:2px;font-weight:800;line-height:1;transition:border-color .3s}.anchor-item a:hover{border-color:var(--color-dark)}.social-links{gap:var(--space-8);display:flex}.copyright{text-align:center;width:100%;font-size:var(--font-size-mini);text-transform:none;letter-spacing:0;opacity:1;font-family:Arial,Helvetica,sans-serif;font-weight:400;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.c-body{min-height:100vh;position:relative}.c-element-overviewgrid{--offset-gap:12vh;--col-gap:6vw;--row-gap:22vh;width:110%;left:-5%;top:calc(var(--offset-gap) * -1);column-gap:var(--col-gap);row-gap:var(--row-gap);overflow-anchor:none;grid-template-columns:repeat(5,1fr);display:grid;position:relative;overflow:hidden}@media only screen and (orientation:portrait) and (width<=768px){.c-element-overviewgrid{--col-gap:var(--space-4);--offset-gap:8vh;grid-template-columns:repeat(2,1fr);width:100%;left:0}}.overview-item{height:calc((100svh + var(--offset-gap) * 2) / 3 - var(--row-gap) * 2 / 3);opacity:0;transition:opacity .5s;position:relative;overflow:hidden}.overview-item.is--visible{opacity:1}.overview-item:nth-child(5n+2),.overview-item:nth-child(5n+4){transform:translateY(calc(50% + var(--row-gap) / 2))}@media only screen and (orientation:portrait) and (width<=768px){.overview-item:nth-child(5n+2),.overview-item:nth-child(5n+4){transform:none}.overview-item:nth-child(2n){transform:translateY(calc(50% + var(--row-gap) / 2))}}.overview-item a{cursor:pointer;width:100%;height:100%;display:block}.overview-item a:focus-visible,.anchor-item a:focus-visible,.view-btn:focus-visible,.c-footer__projects_switch__item:focus-visible{outline:2px solid var(--color-dark);outline-offset:5px}.overview-item .fs-media{justify-content:center;align-items:center;width:110%;height:120%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.overview-item .fs-media img{pointer-events:all;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .6s var(--cubic-2);object-fit:contain;will-change:transform;backface-visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.overview-item:hover .fs-media img{transform:translate(-50%)translateY(-50%)scale(1.04)}.overview-spacer{height:calc((100svh + var(--offset-gap) * 2) / 3 - var(--row-gap) * 2 / 3)}.overview-title{z-index:20;color:var(--color-dark);letter-spacing:-.065em;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-synthesis:none;text-rendering:geometricprecision;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(42px,5.625vw,72px);font-weight:800;line-height:.95;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(.78)}@media only screen and (orientation:portrait) and (width<=768px){.overview-spacer{display:none}.overview-title{font-size:clamp(30px,10vw,50px)}}.work-page{min-height:100vh;position:relative}.c-element-projects{position:relative;overflow:hidden}.c-element-projects.view--grid .c-element-projects__grid{--gap:calc(100vw - (6vw * 2) - (32vw * 2));column-gap:var(--gap);flex-wrap:wrap;row-gap:32vw;width:88vw;margin:12vw auto;display:flex;position:relative}.c-element-projects.view--grid .c-element-projects__grid:has(.project-grid-item:last-child:nth-child(2n)){padding-bottom:32vw}@media (width<=768px){.c-element-projects.view--grid .c-element-projects__grid{--gap:calc(100vw - (6vw * 2) - (36vw * 2));margin:24vw auto}}.c-element-projects.view--grid .project-grid-item{cursor:pointer;width:calc(32vw - 1px);height:32vw;position:relative}@media (width<=768px){.c-element-projects.view--grid .project-grid-item{width:calc(36vw - 1px)}}.c-element-projects.view--grid .project-grid-item:nth-child(2n){transform:translateY(calc(50% + 16vw))}.c-element-projects.view--grid .project-grid-item .fs-media{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.c-element-projects.view--grid .project-grid-item .fs-media{left:auto;right:0;transform:translateY(-50%)}.c-element-projects.view--grid .project-grid-item:nth-child(2n) .fs-media{left:0;right:auto}}.c-element-projects.view--grid .project-grid-item img{object-fit:contain;width:auto;max-width:48vw;height:auto;max-height:48vw;transition:transform .5s var(--cubic-2);display:block}.c-element-projects.view--grid .project-grid-item:hover img{transform:scale(1.04)}.c-element-projects.view--grid .c-element-projects__list{pointer-events:none;z-index:10;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.c-element-projects.view--grid .c-element-projects__list{display:none}}.project-list-item--overlay{text-align:center;perspective:1000px;width:min(72vw,760px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-list-item--overlay .project-name{transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;opacity:0;filter:blur(12px);max-width:100%;color:var(--color-dark);background:color-mix(in srgb, var(--color-light) 92%, transparent);text-overflow:ellipsis;white-space:nowrap;padding:.16em .32em .2em;font-size:clamp(20px,2.4vw,44px);line-height:1;display:inline-block;overflow:hidden;transform:translateY(50%)rotateX(-90deg)}.project-list-item--overlay.is-hovering .project-name{opacity:1;filter:blur();transition:all .79s var(--cubic);transform:none}.project-list-item--overlay.is-leaving .project-name{opacity:0;filter:blur(12px);transition:all .79s var(--cubic);transform:translateY(-50%)rotateX(90deg)}.c-element-projects.view--list .c-element-projects__grid{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=768px){.c-element-projects.view--list .c-element-projects__grid{display:none}}.c-element-projects.view--list .c-element-projects__grid .project-grid-item{width:24vw;height:24vw;top:50%;left:var(--space-24);opacity:0;filter:blur(12px);transition:opacity .49s,filter .49s;position:absolute;transform:translateY(-50%)}.c-element-projects.view--list .c-element-projects__grid .project-grid-item:nth-child(2n){left:auto;right:var(--space-24)}.c-element-projects.view--list .c-element-projects__grid .project-grid-item .fs-media{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-element-projects.view--list .c-element-projects__grid .project-grid-item img{object-fit:contain;width:auto;max-width:33.6vw;height:auto;max-height:33.6vw;display:block}.c-element-projects.view--list .c-element-projects__grid .project-grid-item.is-hovering{opacity:1;filter:blur()}.c-element-projects.view--list .c-element-projects__grid .project-grid-item.is-leaving{opacity:0;filter:blur(12px)}.c-element-projects.view--list .c-element-projects__list{width:100%;min-height:100svh;padding:var(--header-height) 0;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.project-list-item--row{perspective:1000px;text-align:center;cursor:pointer;border-bottom:3px solid #0000;transition:border-color .3s}@media (width>=769px){.project-list-item--row:hover{border-color:var(--color-dark)}}.project-list-item--row .project-name{transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;opacity:0;font-size:var(--font-size-h1);line-height:1.05;display:inline-block;transform:translateY(50%)rotateX(-90deg)}.loaded .project-list-item--row .project-name{opacity:1;transition:all .79s var(--cubic);transform:none}.loaded .project-list-item--row:first-child .project-name{transition-delay:0s}.loaded .project-list-item--row:nth-child(2) .project-name{transition-delay:30ms}.loaded .project-list-item--row:nth-child(3) .project-name{transition-delay:60ms}.loaded .project-list-item--row:nth-child(4) .project-name{transition-delay:90ms}.loaded .project-list-item--row:nth-child(5) .project-name{transition-delay:.12s}.loaded .project-list-item--row:nth-child(6) .project-name{transition-delay:.15s}.loaded .project-list-item--row:nth-child(7) .project-name{transition-delay:.18s}.loaded .project-list-item--row:nth-child(8) .project-name{transition-delay:.21s}.loaded .project-list-item--row:nth-child(9) .project-name{transition-delay:.24s}.loaded .project-list-item--row:nth-child(10) .project-name{transition-delay:.27s}.c-bottom-bar{z-index:100;width:100%;height:var(--header-height);justify-content:center;align-items:center;gap:var(--space-6);display:flex;position:fixed;bottom:0;left:0}.c-bottom-bar .view-btn{text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark);border-bottom:2px solid #0000;padding-bottom:2px;font-size:32px;font-weight:800;line-height:1;transition:border-color .3s}.c-bottom-bar .view-btn.active,.c-bottom-bar .view-btn:hover{border-color:var(--color-dark)}.c-footer{left:50%;bottom:var(--top-bottom-padding);z-index:100;position:fixed;transform:translate(-50%)}.c-footer__projects_switch{align-items:center;gap:var(--space-8);display:flex}.c-footer__projects_switch__item{color:var(--color-dark);cursor:pointer;font-family:var(--font-family-main);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 2px;font-size:32px;font-weight:800;line-height:1}.c-footer__projects_switch__item:hover,.c-footer__projects_switch__item.is-active{border-bottom-color:var(--color-dark)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.gallery-page-wrapper{min-height:100svh;position:relative}.c-element-gallery__title{top:var(--top-bottom-padding);left:calc(var(--space-20) + var(--space-8));z-index:12;width:min(42vw,520px);height:var(--top-bottom-lheight);font-size:var(--font-size-small);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none;align-items:center;font-weight:800;display:flex;position:fixed;overflow:hidden}.c-element-gallery__focus{height:calc(100svh - var(--header-height) * 2);width:calc(100vw - (var(--space-20) + var(--space-4) + var(--space-8) + var(--space-4)) * 2);z-index:9;top:var(--header-height);left:calc(50% + (var(--space-20) + var(--space-4)) / 2);cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}@media (width<=768px){.c-element-gallery__title{top:var(--top-bottom-padding);left:var(--space-4);width:calc(100vw - var(--space-20));padding-right:var(--space-4)}.c-element-gallery__focus{width:100vw;top:calc(var(--header-height) + var(--space-2));height:calc(100svh - var(--header-height) * 2 - var(--space-16) - var(--space-6))}}.c-element-gallery__focus img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;min-width:1px;max-width:100%;height:auto;min-height:1px;max-height:100%;transition:opacity .4s;display:block}.c-element-gallery__thumbs{left:var(--space-4);justify-content:center;gap:var(--space-4);z-index:11;height:100svh;padding:var(--header-height) 0;scrollbar-width:none;width:var(--space-20);flex-direction:column;display:flex;position:fixed;top:0;overflow-y:auto}.c-element-gallery__thumbs::-webkit-scrollbar{display:none}@media (width<=768px){.c-element-gallery__thumbs{left:0;bottom:var(--header-height);width:100%;height:auto;padding:0 var(--space-4);justify-content:flex-start;gap:var(--space-3);flex-flow:row;position:fixed;top:auto;overflow:auto hidden}}.c-element-gallery__thumbs__item{cursor:pointer;width:var(--space-20);opacity:.45;flex-shrink:0;transition:opacity .3s}.c-element-gallery__thumbs__item.active,.c-element-gallery__thumbs__item:hover{opacity:1}.c-element-gallery__thumbs__item img{pointer-events:none;background:#0c0c0c14;width:100%;height:auto;display:block}@media (width<=768px){.c-element-gallery__thumbs__item{width:auto;height:var(--space-16)}.c-element-gallery__thumbs__item img{width:auto;max-width:none;height:100%}}.c-element-gallery__index{top:var(--header-height);width:100%;height:calc(100svh - var(--header-height) * 2);z-index:20;background:var(--color-light);padding:var(--space-8);gap:var(--space-4);opacity:0;pointer-events:none;grid-template-columns:repeat(5,1fr);align-content:start;transition:opacity .49s;display:grid;position:fixed;left:0;overflow-y:auto}.c-element-gallery__index.is-open{opacity:1;pointer-events:all}@media (width<=768px){.c-element-gallery__index{padding:var(--space-4);grid-template-columns:repeat(3,1fr)}}.gallery-index-item{cursor:pointer;opacity:.55;transition:opacity .3s}.gallery-index-item:hover,.gallery-index-item.active{opacity:1}.gallery-index-item img{width:100%;height:auto;display:block}.c-element-gallery__info{bottom:calc(var(--header-height) + var(--space-4));right:var(--space-8);z-index:30;text-align:right;opacity:0;pointer-events:none;max-width:320px;transition:opacity .49s ease, transform .49s var(--cubic);position:fixed;transform:translateY(8px)}.c-element-gallery__info.is-open{opacity:1;pointer-events:all;transform:translateY(0)}.gallery-info-text{font-size:var(--font-size-mini);text-transform:uppercase;letter-spacing:.03em;font-weight:800;line-height:1.5}.gallery-info-year{font-size:var(--font-size-mini);opacity:.45;margin-top:var(--space-2)}.c-gallery-controls{z-index:100;width:100%;height:var(--header-height);justify-content:center;align-items:center;gap:var(--space-6);display:flex;position:fixed;bottom:0;left:0}.c-gallery-controls .ctrl-btn{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark);border-bottom:2px solid #0000;padding-bottom:2px;font-weight:800;line-height:1;transition:border-color .3s}.c-gallery-controls .ctrl-btn.active,.c-gallery-controls .ctrl-btn:hover{border-color:var(--color-dark)}.img-fade{opacity:0;transition:opacity .4s}.img-fade.loaded{opacity:1}@media (width<=768px){.social-links{gap:var(--space-4)}.c-navscreen__footer{gap:var(--space-4);margin-top:var(--space-8);text-align:center;flex-direction:column;align-items:center}}
