*,:after,:before{box-sizing:border-box}:root{font-size:14px}html,body{width:100%;height:100%}body{--color-text:#111;--color-bg:#f4f4f5;--color-link:#03c;--color-link-hover:#001a66;--color-link-alt:#444;--color-type:#d1d5db;--color-title:#111;--type-line-opacity:.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:halyard-display,sans-serif;transition:background-color .5s,color .5s}body.theme-software-development{--color-text:#111;--color-bg:#e3f9eb;--color-link:#000;--color-link-hover:#333;--color-type:#c1eac5;--color-title:#000;--type-line-opacity:.5}body.theme-web-development{--color-text:#111;--color-bg:#f9f9f9;--color-link:#d4af37;--color-link-hover:#b4942d;--color-type:#e8e8e8;--color-title:#000;--type-line-opacity:.5}body.theme-infrastructure{--color-text:#1f2937;--color-bg:#d6d3ce;--color-link:#000;--color-link-hover:#333;--color-type:#9ca3af;--color-title:#111;--type-line-opacity:.5}body.theme-design-psychology{--color-text:#4c0519;--color-bg:#fff1f2;--color-link:#e11d48;--color-link-hover:#be123c;--color-type:#fecdd3;--color-title:#881337;--type-line-opacity:.5}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;text-decoration:underline}a:hover{color:var(--color-link-hover);outline:none;text-decoration:none}a.link-alt{color:var(--color-link-alt);text-decoration:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}main{position:relative;overflow:hidden}.unbutton{font:inherit;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{z-index:1000;text-transform:uppercase;flex-wrap:wrap;margin-bottom:2rem;padding:1rem;display:flex;position:relative}.frame__title{margin:0 0 1rem;font-size:1rem}.frame__tagline{color:var(--color-text-alt)}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.frame__author{width:100%;margin-bottom:1rem;display:block}.item-wrap{text-transform:uppercase;z-index:100;grid-template-columns:50% 50%;display:grid;position:relative}.item{--base:7vh;--interval:9vh;cursor:pointer;will-change:transform, opacity;flex:none;width:100%;margin:1rem 0;padding:1rem;position:relative}.item__img{will-change:transform;border-radius:12px;width:100%}.item__caption-title{font-size:inherit}.item__caption-description{display:none}.type{text-transform:uppercase;text-align:center;will-change:transform;pointer-events:none;place-content:center;width:100vmax;height:100vmax;margin-top:-50vmax;display:grid;position:fixed;top:50%}.type__line{white-space:nowrap;color:var(--color-type);opacity:var(--type-line-opacity);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;font-family:quiche-sans,sans-serif;font-size:clamp(7rem,18.75vh,15rem);font-weight:700;line-height:.75}.article-wrap{pointer-events:none;place-self:end center;width:100%;height:100%;padding:1rem;position:absolute;top:5vh;overflow:hidden}.article{opacity:0;pointer-events:none;scrollbar-width:thin;grid-template-columns:1rem 1fr;grid-template-areas:"img img""number title""text text";align-items:start;width:100%;height:100%;padding-bottom:2rem;display:grid;position:absolute;overflow-y:auto}.article__text{grid-area:text;padding-right:2rem}.article--current{opacity:1;pointer-events:auto;position:relative}.article__img-wrap{transform-origin:50% 100%;border-radius:17px 17px 0 0;grid-area:img;width:100%;height:250px;margin-bottom:1rem;overflow:hidden}.article__img{background-position:50% 35%;background-size:cover;width:100%;height:100%}.article__number{grid-area:number;font-weight:700}.article__title{text-transform:uppercase;color:var(--color-title);cursor:default;grid-area:title;margin:1rem 0 2rem;font-family:quiche-sans,sans-serif;font-size:clamp(3rem,6vw,6rem);font-weight:700;line-height:.85;position:relative}.article__intro{margin:1.5rem 0;font-weight:700}.article__description{letter-spacing:.02em;margin-bottom:1.5rem;line-height:1.75;overflow:hidden}.back{opacity:0;pointer-events:none;stroke:#000;z-index:1000;cursor:pointer;background:0 0;border:0;width:50px;margin:0 0 1rem;padding:0;top:0;left:0}.back svg{stroke-linecap:round}.back:hover,.back:focus{stroke:#823725;outline:none}@media screen and (width>=53em){:root{font-size:16px}html,body{overflow:hidden}.frame{text-align:left;z-index:100;grid-template-columns:40% 20% 40%;grid-template-areas:"title author links";align-content:space-between;width:100%;max-width:none;margin:0;padding:1rem 2vw;display:grid;position:fixed;top:0;left:0}.frame__title-wrap{text-align:left;grid-area:title}.frame__title{margin:0}.frame__tagline{position:relative}.frame__author{grid-area:author;justify-self:center}.frame__links{grid-area:links;justify-self:end;padding:0}.item-wrap{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.item{width:20vw;margin:auto 1.5vw var(--base);padding:0}.item:nth-child(2){margin-bottom:calc(var(--base) + var(--interval))}.item:nth-child(3){margin-bottom:calc(var(--base) + var(--interval) * 2)}.item:nth-child(4){margin-bottom:calc(var(--base) + var(--interval) * 3)}.item__caption-description{display:block}.back{position:absolute;left:calc(31vw - 140px + 1.5rem)}.article-wrap{height:80vh;padding:0;top:20vh}.article{grid-template:". .img."5vw"number.img."2rem".title img."".text img."/1.5rem 1fr 1fr 1.5rem;width:calc(38vw + 280px);height:100%;margin:0 auto}.article__title{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}.article__intro{margin:1.5rem 0}.article__img-wrap{align-self:end;width:100%;height:100%;margin:0}.article__img{background-position:50%}}