@import url(https://use.typekit.net/vxy2fer.css);*,:after,:before{box-sizing:border-box}:root{font-size:12px}body{--color-text:#000100;--color-bg:#e2d9c7;--color-link:#395bb5;--color-link-hover:#000100;--color-gallery-title:#2c2724;--color-gallery-number:#d9d0be;--color-gallery-link:#fff;--color-gallery-link-bg:#2858d7;--color-gallery-link-hover:#fff;--color-gallery-link-bg-hover:#d4b77d;--cursor-stroke:none;--cursor-fill:#c5681c;--cursor-stroke-width:1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:halyard-display,sans-serif;font-weight:300;margin:0}.demo1 .gallery__item-img,.demo4 .gallery__item-img,.demo5 .gallery__item-img{scale:.92!important}.demo2 .gallery__item-img{transition:.15s}.demo3 .gallery__item-img{transition:scale .2s ease-out}.demo3 .gallery__item-img:hover{scale:1.1;transition:scale .2s ease-in}.gallery__item-link{align-items:center;align-self:end;border-radius:50%;cursor:pointer;display:flex;font-family:roboto;font-size:1.5rem;grid-area:gallery-link;height:120px;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:underline;transition:transform .2s ease-in-out,background-color .6s;width:120px;will-change:transform;z-index:0}.gallery__item-link:after{border-radius:3rem;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translate(-100%) rotate(10deg);transform-origin:top left;transition:transform .2s ease-out;width:100%;will-change:transform;z-index:-1}.gallery__item-link:hover:after{transform:translate(0)}.gallery__item-link:focus,.gallery__item-link:hover{background-color:var(--color-gallery-link-bg-hover)!important;text-decoration:none;transform:scale(1.05);will-change:transform}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);outline:none;text-decoration:none}a:focus,a:hover{color:var(--color-link-hover);outline:none}.frame{padding:3rem 5vw;position:relative;text-align:center;text-transform:uppercase;z-index:1000}.frame__title{font-size:1rem;font-weight:300;margin:0 0 1rem}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.frame__demo{margin:0 1rem}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text);cursor:default}.content{display:flex;flex-direction:column;height:calc(100vh - 13rem);justify-content:flex-start;position:relative}.cursor{display:none}@media screen and (min-width:53em){.frame{align-content:space-between;display:grid;grid-template-areas:"title demos demos links";grid-template-columns:auto 1fr 1fr auto;grid-template-rows:auto;left:0;max-width:none;padding:1.75rem;pointer-events:none;position:fixed;text-align:left;top:0;width:100%;z-index:100}.frame__title{grid-area:title;margin:0 4rem 0 0}.frame__info{grid-area:info}.frame__demos{grid-area:demos}.frame__links{grid-area:links;justify-self:end;padding:0}.frame a{pointer-events:auto}.content{height:100vh;justify-content:center}}@media (any-pointer:fine){.cursor{display:block;left:0;pointer-events:none;position:fixed;top:0}.cursor__inner{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width);opacity:.7}.no-js .cursor{display:none}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}.demo1 .gallery{display:flex;margin-left:12vw;padding-right:12vw}.demo1 .gallery__item{display:grid;grid-template-areas:"... ..." "... gallery-image" "... ...";grid-template-columns:8rem 21vmax;grid-template-rows:8rem 28vmax 3rem;margin:0 3vw}.demo1 .gallery__item:nth-child(2n){padding-top:10vh}.demo1 .gallery__item-img{grid-area:gallery-image;height:100%;overflow:hidden;position:relative;transform-origin:50% 100%;width:100%}.demo1 .gallery__item-imginner{background-position:50% 0;background-size:cover;height:100%;width:100%}.demo1 .gallery__item-caption{display:grid;grid-area:1/1/4/3;grid-template-areas:"gallery-number gallery-title" "gallery-link ..." "gallery-link gallery-tags";grid-template-columns:8rem auto;grid-template-rows:8rem auto 3rem}.demo1 .gallery__item-number{color:var(--color-gallery-number);font-size:6rem;font-size:clamp(2.5rem,9vw,6.5rem);grid-area:gallery-number;justify-self:end;padding-right:2rem}.demo1 .gallery__item-title{color:var(--color-gallery-title);font-size:4rem;font-size:clamp(2rem,5vw,4rem);grid-area:gallery-title;margin:0}.demo1 .gallery__item-number,.demo1 .gallery__item-title,.demo1 .gallery__text{align-self:center;font-family:moret,serif;font-style:italic;font-weight:800}.demo1 .gallery__item-link{background:var(--color-gallery-link-bg);color:var(--color-gallery-link)}.demo1 .gallery__item-link:hover{color:var(--color-gallery-link-hover)}.demo1 .gallery__item-link:after{background-color:var(--color-gallery-link-bg-hover)}.demo1 .gallery__item-tags{grid-gap:1rem;cursor:pointer;display:grid;font-size:1.5rem;grid-area:gallery-tags;grid-auto-flow:column;justify-self:end}.demo1 .gallery__text{-webkit-text-stroke:1px #978c77;text-stroke:1px #978c77;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:var(--color-gallery-title);color:#0000;font-size:20vw;line-height:.8;margin:0 10vw 0 14vw;text-transform:lowercase}.demo1 .gallery__text-inner{display:block}body:has(.demo2){--color-text:#66665d;--color-bg:#0e0e0d;--color-link:#c00;--color-link-hover:#fff;--color-gallery-title:#d9d0be;--color-gallery-number:#181817;--color-gallery-link:#fff;--color-gallery-link-bg:#c00;--color-gallery-link-hover:#0e0e0d;--color-gallery-link-bg-hover:#d9d0be;--cursor-stroke:none;--cursor-fill:#c00;--cursor-stroke-width:1px}.demo2 .rotate{transform:rotate(-4deg)}.demo2 .gallery{display:flex;margin-left:5vw;padding-right:12vw}.demo2 .gallery__item{display:grid;grid-template-areas:"... ..." "... gallery-image" "... ...";grid-template-columns:8rem 21vmax;grid-template-rows:8rem 28vmax 3rem;margin:0 3vw}.demo2 .gallery__item-img{grid-area:gallery-image;height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.demo2 .gallery__item-imginner{background-position:50% 0;background-size:cover;height:100%;margin-left:-5vw;width:calc(100% + 10vw);will-change:transform}.demo2 .gallery__item-caption{display:grid;grid-area:1/1/4/3;grid-template-areas:"gallery-number gallery-title" "gallery-link ..." "gallery-link gallery-tags";grid-template-columns:8rem auto;grid-template-rows:8rem auto 3rem}.demo2 .gallery__item-number{color:var(--color-gallery-number);font-size:6rem;font-size:clamp(2.5rem,9vw,6.5rem);grid-area:gallery-number;justify-self:end;padding-right:2rem}.demo2 .gallery__item-title{color:var(--color-gallery-title);font-size:4rem;font-size:clamp(2rem,5vw,4rem);grid-area:gallery-title;margin:0}.demo2 .gallery__item-number,.demo2 .gallery__item-title,.demo2 .gallery__text{align-self:center;font-family:moret,serif;font-style:italic;font-weight:800}.demo2 .gallery__item-link{background:var(--color-gallery-link-bg);color:var(--color-gallery-link)}.demo2 .gallery__item-link:hover{color:var(--color-gallery-link-hover)}.demo2 .gallery__item-link:after{background-color:var(--color-gallery-link-bg-hover)}.demo2 .gallery__item-tags{grid-gap:1rem;cursor:pointer;display:grid;font-size:1.5rem;grid-area:gallery-tags;grid-auto-flow:column;justify-self:end}.demo2 .gallery__text{-webkit-text-stroke:1px #645c5b;text-stroke:1px #645c5b;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;font-size:20vw;line-height:.8;margin:0 12vw;text-transform:lowercase}.demo2 .gallery__text-inner{display:block}@media screen and (min-width:53em){.demo2 .frame{grid-template-areas:"title demos demos links"}.demo2 .frame__info{justify-self:end}}body:has(.demo3){--color-text:#000;--color-bg:#dedede;--color-link:#828da1;--color-link-hover:#c00;--color-gallery-title:#d9d0be;--color-gallery-number:#000;--color-gallery-link:#fff;--color-gallery-link-bg:#c00;--color-gallery-link-hover:#0e0e0d;--color-gallery-link-bg-hover:#d9d0be;--color-frame-subtitle:#727272;--cursor-stroke:none;--cursor-fill:#c00;--cursor-stroke-width:1px}.demo3 .frame__header{display:flex;flex-direction:column;justify-content:center;padding:2rem 0;text-transform:none}.demo3 .frame__header-title{font-family:moret,serif;font-size:6rem;font-size:clamp(2rem,8vw,7rem);font-weight:700;margin:0}.demo3 .frame__header-subtitle{color:var(--color-frame-subtitle);font-size:1.75rem;margin:.5rem 0}.demo3 .gallery{display:flex;padding-left:calc(50vw - 7.5vmax - 1rem);padding-right:calc(50vw - 7.5vmax - 1rem)}.demo3 .gallery__item{display:grid;grid-template-areas:"... ..." "gallery-image gallery-image" "gallery-image gallery-image";grid-template-columns:8rem 25vh;grid-template-rows:4rem 45vh 3rem;margin:0}.demo3 .gallery__item-img{cursor:pointer;grid-area:gallery-image;height:100%;overflow:hidden;position:relative;transform-origin:50% 100%;width:100%;will-change:transform;z-index:2}.demo3 .gallery__item-imginner{background-position:50% 25%;background-size:cover;height:100%;margin-left:-5vw;width:calc(100% + 10vw);will-change:transform}.demo3 .gallery__item-caption{display:grid;grid-area:1/1/4/3;grid-template-areas:"gallery-number gallery-number" "gallery-link ..." "gallery-link gallery-tags";grid-template-columns:8rem auto;grid-template-rows:4rem auto 3rem;position:relative;z-index:1}.demo3 .gallery__item-number{-webkit-text-stroke:1px #645c5b;text-stroke:1px #645c5b;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:var(--color-gallery-number);color:#0000;cursor:pointer;font-size:10vw;grid-area:gallery-number;justify-self:center}.demo3 .gallery__item-title{color:var(--color-gallery-title);display:none;font-size:4rem;font-size:clamp(2rem,5vw,4rem);grid-area:gallery-title;margin:0}.demo3 .gallery__item-number,.demo3 .gallery__item-title,.demo3 .gallery__text{align-self:center;font-family:moret,serif;font-weight:700}.demo3 .gallery__item-link{align-items:center;align-self:end;background:var(--color-gallery-link-bg);border-radius:50%;color:var(--color-gallery-link);cursor:pointer;display:flex;display:none;font-size:1.5rem;grid-area:gallery-link;height:120px;justify-content:center;position:relative;text-decoration:underline;width:120px}.demo3 .gallery__item-link:focus,.demo3 .gallery__item-link:hover{background:var(--color-gallery-link-bg-hover);color:var(--color-gallery-link-hover);text-decoration:none}.demo3 .gallery__item-tags{grid-gap:1rem;cursor:pointer;display:grid;display:none;font-size:1.5rem;grid-area:gallery-tags;grid-auto-flow:column;justify-self:end}.demo3 .gallery__text{-webkit-text-stroke:1px #645c5b;text-stroke:1px #645c5b;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;font-size:20vw;line-height:.8;position:absolute;right:0;text-transform:lowercase}.demo3 .gallery__text:first-child{left:-1vw;right:auto}.demo3 .gallery__text span{display:block}@media screen and (min-width:53em){.demo3 .frame{grid-template-areas:"title demos demos links" "header header header header"}.demo3 .frame__header{grid-area:header;height:40vh;text-align:center}.demo3 .content{height:100vh;justify-content:flex-end}}body:has(.demo4){--color-text:#4a525e;--color-bg:#121a27;--color-link:#b2366f;--color-link-hover:#fff;--color-gallery-title:#4a525e;--color-gallery-number:#54d7e4;--color-gallery-link:#fff;--color-gallery-link-bg:#e95499;--color-gallery-link-hover:#e95499;--color-gallery-link-bg-hover:#fff;--color-gallery-text:#e95499;--cursor-stroke:none;--cursor-fill:#79e2e6;--cursor-stroke-width:1px}.demo4 .gallery{display:flex;margin-left:12vw;padding-right:12vw}.demo4 .gallery__item{display:grid;grid-template-areas:"... ..." "... gallery-image" "... ...";grid-template-columns:8rem 21vmax;grid-template-rows:8rem 28vmax 3rem;margin:0 3vw}.demo4 .gallery__item-img{grid-area:gallery-image;height:100%;overflow:hidden;position:relative;transform-origin:50% 100%;width:100%}.demo4 .gallery__item-imginner{background-position:50% 0;background-size:cover;height:100%;width:100%}.demo4 .gallery__item-caption{display:grid;grid-area:1/1/4/3;grid-template-areas:"gallery-number gallery-title" "gallery-link ..." "gallery-link gallery-tags";grid-template-columns:8rem auto;grid-template-rows:8rem auto 3rem}.demo4 .gallery__item-number{color:var(--color-gallery-number);font-size:6rem;font-size:clamp(2.5rem,9vw,6.5rem);grid-area:gallery-number;justify-self:end;padding-right:2rem}.demo4 .gallery__item-title{color:var(--color-gallery-title);font-size:4rem;font-size:clamp(2rem,5vw,4rem);grid-area:gallery-title;margin:0}.demo4 .gallery__item-number,.demo4 .gallery__item-title,.demo4 .gallery__text{align-self:center;font-family:moret,serif;font-style:italic;font-weight:800}.demo4 .gallery__item-link{background:var(--color-gallery-link-bg);color:var(--color-gallery-link)}.demo4 .gallery__item-link:hover{color:var(--color-gallery-link-hover)}.demo4 .gallery__item-link:after{background-color:var(--color-gallery-link-bg-hover)}.demo4 .gallery__item-tags{grid-gap:1rem;cursor:pointer;display:grid;font-size:1.5rem;grid-area:gallery-tags;grid-auto-flow:column;justify-self:end}.demo4 .gallery__text{-webkit-text-stroke:1px var(--color-gallery-text);text-stroke:1px var(--color-gallery-text);-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;font-size:20vw;line-height:.8;margin:0 10vw 0 14vw;text-transform:lowercase}.demo4 .gallery__text-inner{display:block}body:has(.demo5){--color-text:#fff;--color-bg:#131212;--color-link:#d75828;--color-link-hover:#fff;--color-gallery-title:#463832;--color-gallery-number:#fff;--color-gallery-link:#fff;--color-gallery-link-bg:#d75828;--color-gallery-link-hover:#fff;--color-gallery-link-bg-hover:#d4b77d;--cursor-stroke:none;--cursor-fill:#fff;--cursor-stroke-width:1px;background-color:var(--color-bg);color:var(--color-text)}.demo5 .gallery{display:flex;margin-left:12vw;padding-right:12vw}.demo5 .gallery__item{display:grid;grid-template-areas:"... ..." "... gallery-image" "... ...";grid-template-columns:8rem 21vmax;grid-template-rows:8rem 28vmax 3rem;margin:0 3vw;will-change:transform}.demo5 .gallery__item:nth-child(2n){padding-top:10vh}.demo5 .gallery__item-img{grid-area:gallery-image;height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.demo5 .gallery__item-imginner{background-position:50% 0;background-size:cover;height:calc(100% + 14vh);margin-top:-7vh;width:100%;will-change:transform}.demo5 .gallery__item-caption{display:grid;grid-area:1/1/4/3;grid-template-areas:"gallery-number gallery-title" "gallery-link ..." "gallery-link gallery-tags";grid-template-columns:8rem auto;grid-template-rows:8rem auto 3rem}.demo5 .gallery__item-number{color:var(--color-gallery-number);font-size:6rem;font-size:clamp(2.5rem,9vw,6.5rem);grid-area:gallery-number;justify-self:end;padding-right:2rem}.demo5 .gallery__item-title{color:var(--color-gallery-title);font-size:4rem;font-size:clamp(2rem,5vw,4rem);grid-area:gallery-title;margin:0}.demo5 .gallery__item-number,.demo5 .gallery__item-title,.demo5 .gallery__text{align-self:center;font-family:moret,serif;font-style:italic;font-weight:800}.demo5 .gallery__item-link{background:var(--color-gallery-link-bg);color:var(--color-gallery-link)}.demo5 .gallery__item-link:hover{color:var(--color-gallery-link-hover)}.demo5 .gallery__item-link:after{background-color:var(--color-gallery-link-bg-hover)}.demo5 .gallery__item-tags{grid-gap:1rem;cursor:pointer;display:grid;font-size:1.5rem;grid-area:gallery-tags;grid-auto-flow:column;justify-self:end}.demo5 .gallery__text{-webkit-text-stroke:1px #463832;text-stroke:1px #463832;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:var(--color-gallery-title);color:#0000;font-size:20vw;line-height:.8;margin:0 10vw 0 14vw;text-transform:lowercase}.demo5 .gallery__text-inner{display:block}body{transition:background .6s ease-in-out}
/*# sourceMappingURL=main.cbd055b2.css.map*/