@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/0d4f81138b703b58-s.16pmxf.o_0v98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/3a11180d498b75c0-s.p.0nf3i61nys3z7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Host Grotesk Fallback;src:local(Arial);ascent-override:96.69%;descent-override:30.01%;line-gap-override:0.0%;size-adjust:104.98%}.host_grotesk_3ec6f1ab-module__I9-WRq__className{font-family:Host Grotesk,Host Grotesk Fallback;font-style:normal}.host_grotesk_3ec6f1ab-module__I9-WRq__variable{--font-host:"Host Grotesk", "Host Grotesk Fallback"}
:root{--background:#fff;--foreground:#171717}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;font-size:16px;font-weight:400;display:flex}a{color:inherit;cursor:pointer;text-decoration:none}.content-left{padding:.5em .5em 2em;position:relative}#list{border-collapse:collapse;width:100%;padding:.8em}.row td{padding:0}.row-inner{box-sizing:border-box;border-bottom:1px solid var(--foreground);width:50%;display:flex}@media (max-width:768px){.row-inner{width:100%}}.row-cell{padding:.2em}.row-title{flex:50%}.row-date{text-align:center;flex:0 0 10%}.row-tags{text-align:right;flex:0 0 40%}.client{opacity:.5;font-size:14px;display:inline-block}.body-collapsed,.body-expanded{vertical-align:top}.body-collapsed td,.body-expanded td{padding:0;transition:grid-template-rows .3s cubic-bezier(.075,.82,.165,1),opacity .3s cubic-bezier(.075,.82,.165,1);display:grid}.body-collapsed td{opacity:0;grid-template-rows:0fr}.body-expanded td{opacity:1;grid-template-rows:1fr}.body-collapsed .body-inner{visibility:hidden}.body-expanded .body-inner{opacity:1;height:fit-content;transition:height .3s cubic-bezier(.075,.82,.165,1),opacity .3s cubic-bezier(.075,.82,.165,1),min-height .3s cubic-bezier(.075,.82,.165,1)}.body-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:5em;width:100%;min-height:0;display:flex}.body-description{box-sizing:border-box;text-align:justify;opacity:1;flex:0 0 50%;align-items:flex-start;gap:5em;padding:5em;transition:opacity .15s cubic-bezier(.075,.82,.165,1);display:flex;overflow-y:visible}.body-description div a{text-decoration:underline}.body-collapsed .body-description{opacity:0}.body-displayer{box-sizing:border-box;flex-basis:50%;align-items:stretch;padding:5em 5em 5em 0;display:flex}.mosaic-displayer{aspect-ratio:1;border:1px solid var(--foreground);grid-template-rows:1fr;grid-template-columns:1fr;gap:.8em;width:100%;padding:.8em;transition:opacity .3s cubic-bezier(.075,.82,.165,1),transform .3s cubic-bezier(.075,.82,.165,1);display:grid}.mosaic-displayer iframe{width:100%!important;height:100%!important}.mosaic-displayer[data-count="2"]{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.mosaic-displayer[data-count="3"]{grid-template-rows:2fr 1fr;grid-template-columns:1fr 1fr}.mosaic-displayer[data-count="4"]{grid-template-rows:2fr 1fr;grid-template-columns:1fr 1fr 1fr}.mosaic-displayer .mosiac-image{cursor:zoom-in;transition:opacity .1s cubic-bezier(.075,.82,.165,1)}.mosaic-displayer .mosiac-image:hover{opacity:.5}.mosaic-carousel{z-index:999;width:100dvw;height:100dvh;position:fixed;top:0;left:0;border:none!important;grid-template-rows:1fr!important;grid-template-columns:1fr!important;padding:0!important}.mosaic-carousel .mosiac-image{background-color:var(--background);overflow:auto;grid-area:1/1!important}.mosaic-carousel .mosiac-image:hover{opacity:1;cursor:default;transition:none}.mosaic-carousel .mosiac-image img{max-width:calc(100dvw - 6em);max-height:calc(100dvh - 6em);padding:3em;object-fit:contain!important}.mosaic-carousel .buttons{justify-content:space-between;width:100dvw;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mosaic-carousel .buttons button{background-color:var(--background);color:var(--foreground);cursor:pointer;border:none;padding:.5em 1em;font-size:16px}.mosaic-carousel .buttons button:active{opacity:.5}@media (hover:hover){.row:hover input[type=checkbox]:not(:checked){background-color:var(--foreground)!important}.row:hover input[type=checkbox]:checked{background-color:auto!important}}input[type=checkbox]{appearance:none;border:.1em solid var(--foreground);background-color:var(--background);cursor:pointer;place-content:center;align-self:center;width:.8em;height:.8em;margin:0 1em 0 0;display:inline-grid}.header{text-align:justify;width:100%;margin-bottom:1em;font-size:20px}.header a{text-decoration:underline}.footer{width:100dvw;height:1em;padding:0;display:flex}.footer .color-block{flex:1}.highlight{background-color:#0004}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}@media (max-width:800px){.body-inner{border-bottom:1px solid var(--foreground);flex-direction:column-reverse;gap:1em}.body-inner .body-description{gap:1em;padding:.8em}.body-inner .body-displayer{width:100%;padding:.8em .8em 0}.body-inner .mosaic-displayer{gap:.4em;padding:.4em}.body-expanded .body-inner{padding:1em 0}.mosaic-carousel .mosiac-image img{max-width:calc(100dvw - 2em);max-height:calc(100dvh - 6em);padding:1em}}