@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-main:"Neue Montreal", sans-serif;--color-design:#111;--color-prints:#a8a8a8;--color-photography:#fff;--color-trade:#ef5b5b;--color-code:#c9a227;--color-black:#111;--color-muted:#888;--color-prints-bg:#5ecba1;--border:1px solid #111;--margin:30px;--gutter:20px;--col:191px;--col-2:402px;--col-3:clamp(400px, 35vw, 613px);--col-4:804px;--nav-height:75px;--bar-height:256px}html,body{width:100%;height:100%;font-family:var(--font-main);background:var(--color-design);color:var(--color-black);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}.site{width:100%}.section{height:100dvh;position:relative}.card{grid-template-rows:var(--nav-height) 1fr var(--bar-height);will-change:transform;transform-origin:0 100%;border-radius:6px;width:100%;height:100%;display:grid;position:relative;transform:rotate(30deg)}.section--design{color:#e5e3e0}.section--design .card{background:var(--color-design)}.section--prints .card{background:var(--color-prints-bg)}.section--photography .card{background:var(--color-photography)}.section--trade .card{background:var(--color-trade)}.section--code .card{background:var(--color-code)}#about{background-color:#e5e3e0;height:100dvh;position:relative}#about .nav{height:var(--nav-height);color:#111}#about .about__content{max-width:560px;margin:0 auto;padding:2rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#about .about__content p{color:#111;font-family:inherit;font-size:clamp(24px,3vw,42px);font-weight:400;line-height:1.2}.about__text-wrap{position:relative}.about__ghost{opacity:0;pointer-events:none;margin:0;padding:0}.about__scramble{width:100%;margin:0;position:absolute;top:0;left:0}.about__word{display:inline-block}.about__char{transition:opacity 50ms;display:inline-block}.about__title{top:calc(var(--nav-height) + 24px);color:#111;pointer-events:none;font-size:clamp(80px,10vw,250px);font-weight:500;line-height:1;position:absolute;right:30px}.bottombar--design{color:#e5e3e0;z-index:5;background:#e5e3e0;width:100%;position:absolute;bottom:0;left:0}.bottombar--prints{color:#e5e3e0;background:#111}.bottombar--photography{color:#fff;background:#111}.bottombar--trade{color:#111;background:#e5e3e0}.bottombar--code{background:var(--color-black);color:#fff}.bottombar--design .discipline-list__item{color:#111}.bottombar--prints .discipline-list__item{color:#e5e3e0}.bottombar--photography .discipline-list__item{color:#fff}.bottombar--trade .discipline-list__item{color:#111}.bottombar--code .discipline-list__item{color:#fff}.bottombar--design .bottombar__wordmark{color:#111}.bottombar--prints .bottombar__wordmark{color:#e5e3e0}.bottombar--photography .bottombar__wordmark{color:#fff}.bottombar--trade .bottombar__wordmark{color:#111}.section--design .panel__divider{background:#fff}.section--design .nav{color:#e5e3e0;border-bottom:2px solid #fff}.section--design .panel{border-bottom:2px solid #fff}.section--design .panel__tagline,.section--design .panel__cta,.section--design .panel__number{color:#e5e3e0}.nav{letter-spacing:.02em;border-bottom:2px solid #111;justify-content:space-between;align-items:center;padding:0 24px;font-size:14px;font-weight:400;display:flex}.nav__logo{width:auto;height:30px;display:block}.nav__link{color:inherit;text-decoration:none;transition:color .2s}.nav__link:hover{color:#e952de}.nav__location,.nav__location:hover,.nav__location:visited,.nav__location:focus{color:inherit;text-decoration:none}.nav__link--logo:hover svg path{stroke:#e952de}#prints .nav__link--logo svg path{stroke:#111}#prints .nav__link--logo:hover svg path{stroke:#fff}#trade .nav__link--logo svg path{stroke:#111}#trade .nav__link--logo:hover svg path{stroke:#fff}.panel{grid-template-columns:var(--col-3) 1px 1fr;border-bottom:2px solid #111;display:grid;overflow:hidden}.panel__left{align-items:flex-start;padding:24px;display:flex;position:relative}.panel__number{letter-spacing:-.02em;font-size:clamp(80px,10vw,250px);font-weight:500;line-height:1}.panel__divider{background:var(--color-black);width:2px;height:100%}.panel__right{padding:24px;position:relative;overflow:hidden}.panel__title{letter-spacing:-.03em;font-size:clamp(80px,10vw,250px);font-weight:500;line-height:.9;position:absolute;top:40px;right:30px}.panel__tagline{color:var(--color-black);text-align:right;max-width:280px;font-size:22px;font-weight:400;line-height:1.4;position:absolute;inset:55% 24px auto auto;transform:translateY(-50%)}.panel__cta{color:var(--color-black);letter-spacing:.02em;font-size:18px;font-weight:500;text-decoration:none;position:absolute;bottom:24px;right:24px}.cta-highlight{z-index:-1;pointer-events:none;background:#e952de;transition:opacity .3s;position:absolute;top:0;left:0}.photo-carousel{pointer-events:none;width:100%;height:calc(100% - 30px);position:absolute;top:30px;left:0;overflow:hidden}.photo-slide{will-change:transform, width, height;width:275px;height:275px;position:absolute;top:0;left:0}.photo-slide__placeholder{background:#d9d9d9;width:100%;height:100%}.photo-slide img{object-fit:cover}#prints .panel,#prints .panel__right{overflow:visible}#prints .panel__tagline{text-align:left;max-width:420px;font-size:18px;position:absolute;inset:55% 24px auto auto;transform:translateY(-50%)}#prints .panel__cta{position:absolute;inset:auto auto 24px 24px}#photography .panel,#photography .panel__right{overflow:visible}#photography .panel__tagline{text-align:left;max-width:420px;font-size:18px;font-weight:400;position:absolute;inset:55% 24px auto auto;transform:translateY(-50%)}#photography .panel__cta{font-size:18px;font-weight:500;position:absolute;inset:auto auto 24px 24px}#photography .panel__cta:hover{color:#e952de}#design .panel,#design .panel__right{overflow:visible}#design .panel__tagline{text-align:left;max-width:420px;font-size:18px;font-weight:400;position:absolute;inset:55% 24px auto auto;transform:translateY(-50%)}#design .panel__cta{font-size:18px;font-weight:500;position:absolute;inset:auto auto 24px 24px}#trade .panel,#trade .panel__right{overflow:visible}#trade .panel__tagline{text-align:left;max-width:420px;font-size:18px;font-weight:400;position:absolute;inset:55% 24px auto auto;transform:translateY(-50%)}#trade .panel__cta{font-size:18px;font-weight:500;position:absolute;inset:auto auto 24px 24px}#trade .panel__right .trade-chart{pointer-events:none;width:80%;max-width:600px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}#trade .panel__right .trade-svg{width:100%;height:auto;display:block}#code .panel,#code .panel__right{overflow:visible}#code .panel__tagline{font-size:18px;font-weight:400;position:absolute;inset:55% 24px auto auto;transform:translateY(-50%)}#code .panel__cta{font-size:18px;font-weight:500;position:absolute;inset:auto auto 24px 24px}#trade .panel__cta:hover,#code .panel__cta:hover,#design .panel__cta:hover{color:#e952de;opacity:1}.bottombar{height:var(--bar-height);align-items:flex-start;padding:16px 0 0;display:flex;position:relative;overflow:visible}.bottombar__nav{max-width:var(--col-3);padding-left:clamp(20px,2vw,30px)}.discipline-list{flex-direction:column;gap:0;padding:0;font-size:22px;font-weight:400;line-height:1.5;list-style:none;display:flex}.discipline-list__item{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.1}.discipline-list__item:not(.active){opacity:.5}.discipline-list__item.active{font-weight:600}.bottombar__wordmark{color:#fff;font-size:clamp(60px,9vw,190px);font-weight:500;line-height:1;position:absolute;bottom:0;right:30px}.prints-stack{pointer-events:none;width:478px;height:389px;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%)}.prints-frame{border:2px solid #111;padding:0;position:absolute;inset:0}.prints-mat{box-sizing:border-box;width:100%;height:100%;padding:0;position:relative}.prints-img{object-fit:cover;width:100%;height:100%;display:block}.prints-img-wrap{width:100%;height:100%;position:relative;overflow:hidden}.prints-frame--1,.prints-frame--2,.prints-frame--3{transform:none}#prints .panel__cta:hover{color:#e952de}.discipline-list__item:hover{color:#e952de;opacity:1}.loader{z-index:9999;background:#e5e3e0;justify-content:center;align-items:center;width:100%;height:100dvh;transition:none;display:flex;position:fixed;top:0;left:0}.loader__number{color:#111;z-index:2;font-family:inherit;font-size:clamp(80px,10vw,250px);font-weight:500;line-height:1;position:absolute;top:30px;left:30px}.transition-grid{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.transition-block{will-change:transform;background-color:#111;position:absolute}.loader__logo{opacity:0;z-index:2;pointer-events:none;width:clamp(210px,21vw,364px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#design .card{overflow:hidden}.design-stack{transform-origin:50%;pointer-events:none;width:520px;height:330px;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%)}.design-card{will-change:transform, opacity;border:2px solid #fff;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.design-card--1{z-index:4}.design-card--2{z-index:3}.design-card--3{z-index:2}.design-card--4{z-index:1}.design-video{object-fit:cover;width:100%;height:100%;display:block}.mobile-carousel{display:none}@media (max-width:768px){.loader__number{text-align:center;left:50%;transform:translate(-50%)}.loader__logo{top:50%;left:50%;transform:translate(-50%,-50%)}.transition-grid{width:100%}.card{grid-template-rows:var(--nav-height) 1fr auto;transform:none}.section,.card{height:auto;min-height:100dvh}.nav{white-space:nowrap;gap:8px;padding:0 16px;font-size:11px}.nav__logo{height:22px}.panel{grid-template-columns:auto 1fr;grid-template-areas:"num title""tag tag""media media""cta cta";align-items:baseline;gap:16px 12px;padding:16px;overflow:visible}.panel__left,.panel__right{display:contents}.panel__divider{display:none}.panel__number{grid-area:num;font-size:clamp(28px,8vw,48px)}.panel__title{grid-area:title;justify-self:end;font-size:clamp(28px,8vw,48px);position:static;top:auto;right:auto}.panel__tagline,#design .panel__tagline,#prints .panel__tagline,#photography .panel__tagline,#trade .panel__tagline,#code .panel__tagline{text-align:left;grid-area:tag;width:100%;max-width:100%;font-size:16px;position:static;inset:auto;transform:none}.panel__cta,#design .panel__cta,#prints .panel__cta,#photography .panel__cta,#trade .panel__cta,#code .panel__cta{text-align:center;grid-area:cta;justify-self:center;width:100%;position:relative;inset:auto}.design-stack,.prints-stack,.photo-carousel,.trade-chart{display:none}.mobile-carousel{grid-area:media;width:100%;display:block;position:relative}.mobile-carousel__viewport{aspect-ratio:4/3;border-radius:6px;width:100%;position:relative;overflow:hidden}.mobile-carousel__img{object-fit:cover}.mobile-carousel__arrow{z-index:2;color:inherit;opacity:.6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 10px;font-size:24px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.mobile-carousel__arrow:active,.mobile-carousel__arrow:focus-visible{opacity:1}.mobile-carousel__arrow--prev{left:4px}.mobile-carousel__arrow--next{right:4px}.bottombar{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:14px 16px 10px}.bottombar__nav{width:100%;max-width:100%;padding-left:0}.discipline-list{font-size:16px}.bottombar__wordmark{text-align:right;width:100%;margin-top:0;font-size:clamp(40px,14vw,72px);line-height:.85;position:static;bottom:auto;right:auto}}.design-portfolio{color:#e5e3e0;perspective:400vw;background:#111;min-height:100dvh;overflow:hidden}.design-portfolio .nav{color:#e5e3e0;z-index:10;border-bottom:2px solid #fff;height:75px;position:relative}.design-portfolio .nav__link,.design-portfolio .nav__location{color:#e5e3e0}.portfolio-scene{height:calc(100dvh - 75px);position:relative;overflow:hidden}.portfolio-container,.portfolio-auto,.portfolio-wheel{transform-style:preserve-3d}.portfolio-container,.portfolio-auto{width:100%;height:100%}.portfolio-wheel{width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;place-items:center;display:grid}.portfolio-media{backface-visibility:hidden;width:65vw;height:19vw;position:absolute}.portfolio-media img{width:auto;height:100%;display:block}.portfolio-back{color:#e5e3e0;z-index:10;font-size:14px;text-decoration:none;position:fixed;bottom:32px;left:32px}.portfolio-label{color:#e5e3e0;opacity:.4;z-index:10;font-size:14px;position:fixed;top:90px;right:32px}.portfolio-media--clickable{pointer-events:all;cursor:pointer}.lightbox{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__panel{background:#1a1a1a;border:1px solid #333;flex-direction:column;gap:24px;width:90vw;max-width:800px;padding:40px;display:flex;position:relative}.lightbox__close{color:#e5e3e0;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:16px;right:16px}.lightbox__img{width:100%;height:auto;display:block}.lightbox__info{flex-direction:column;gap:12px;display:flex}.lightbox__title{color:#e5e3e0;margin:0;font-size:24px;font-weight:600}.lightbox__description{color:#e5e3e0;opacity:.7;margin:0;font-size:16px;font-weight:400}.lightbox__link{color:#e5e3e0;font-size:16px;text-decoration:none}.lightbox__link:hover{color:#e952de}