@import"https://fonts.googleapis.com/css2?family=Palette+Mosaic&display=swap";section.claim{--color-background: white;--color-letter: black;--stroke: 2px;--height-base: min(12vmax, 16vmin);--width-base: min(12vmax, 16vmin);--gap: max(4px, 1vmin);display:block;position:fixed;inset:0;overflow:hidden;overflow:clip;z-index:999;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);mix-blend-mode:multiply;cursor:pointer}section.claim .board{color:var(--color-letter);display:flex;flex-flow:row wrap;gap:var(--gap);padding:var(--gap);width:100%;mix-blend-mode:multiply;overflow:hidden;overflow:clip}@keyframes letterStrokeWidth{0%{--stroke: 28px}50%{--stroke: 2px}}section.claim .board.animate{--animation-delay: 0s}section.claim .board.animate .letter{animation-duration:20s;animation-delay:var(--animation-delay, 0s);animation-iteration-count:infinite}section.claim .board.animate .form{transition:all 4s linear}section.claim .board[data-htmletters=origin]{border-bottom:var(--stroke) solid var(--color-letter);margin-bottom:.2rem;padding-bottom:.2rem;display:none}section.claim .letter{--width: 1;--width-sum: calc( var(--width-base) * var(--width) );background:var(--color-background);width:var(--width-sum);height:var(--height-base);display:block;position:relative;flex:0 0 var(--width-sum);overflow:hidden;overflow:clip;mix-blend-mode:multiply}section.claim .letter:hover{--stroke: clamp(10px, 3vmax, 4vmin)}section.claim .letter:hover .form{transition:all 100ms ease}section.claim .form{--x: 50;--y: 50;--deg: 0;width:100%;height:100%;position:absolute;transform-origin:center;background:rgba(0,0,0,0);z-index:1;transition:all 3000ms ease}section.claim .form--circle{border-radius:50%;border:var(--stroke) solid var(--color-letter);z-index:1;will-change:border}section.claim .form--subtract{background:var(--color-background);border:none;z-index:2;opacity:1}section.claim .form--stroke{background:var(--color-letter);width:100%;height:var(--stroke);z-index:3;--x: 0;will-change:height}section.claim .form--stem{background:var(--color-letter);height:100%;width:var(--stroke);--y: 0;z-index:3;will-change:width}section.claim .letter--C{--width: 1}section.claim .letter--C .form--subtract{--x: 100;height:calc(60% - var(--stroke));width:50%}section.claim .letter--D{--width: 0.8}section.claim .letter--D .form--subtract{--x: 0;height:100%;width:50%}section.claim .letter--D .form--stem{--x: 0}section.claim .letter--D .form--stroke{--y: 0;width:50%}section.claim .letter--D .form--stroke+.form--stroke{--y: 100}section.claim .letter--E{--width: 0.6}section.claim .letter--E .form--stem{--x: 0}section.claim .letter--E .form--stroke:nth-child(2){--y: 0}section.claim .letter--E .form--stroke:nth-child(3){--y: 50}section.claim .letter--E .form--stroke:nth-child(4){--y: 100}section.claim .letter--F{--width: 0.6}section.claim .letter--F .form--stem{--x: 0}section.claim .letter--F .form--stroke:nth-child(2){--y: 0}section.claim .letter--F .form--stroke:nth-child(3){--y: 60}section.claim .letter--G{--width: 1}section.claim .letter--G .form--subtract{--x: 100;--y: 45;height:calc(50% - var(--stroke));width:50%}section.claim .letter--G .form--stroke{--y: 72;--x: 100;width:50%}section.claim .letter--G:hover .form--stroke{--y: 62}section.claim .letter--H .form--stem{--x: 0}section.claim .letter--H .form--stem:nth-child(3){--x: 100}section.claim .letter--I{--width: 0.4}section.claim .letter--I .form--stem{--x: 50}section.claim .letter--I .form--stroke:nth-child(2){--y: 0}section.claim .letter--I .form--stroke:nth-child(3){--y: 100}section.claim .letter--N{--width: 1}section.claim .letter--N .form--stem{--x: 0}section.claim .letter--N .form--stroke:nth-child(2){width:150%;--x: 50;--deg: 45deg}section.claim .letter--N .form--stem:nth-child(3){--x: 100}section.claim .letter--N:hover .form--stroke:nth-child(2){--deg: 50deg}section.claim .letter--P{--width: 0.6}section.claim .letter--P .form--circle{height:calc(50% + var(--stroke)*.5);--y: 0}section.claim .letter--P .form--subtract{--x: 0;height:100%;width:50%}section.claim .letter--P .form--stem{--x: 0}section.claim .letter--P .form--stroke{--y: 0;width:50%}section.claim .letter--P .form--stroke:nth-child(5){--y: 50}section.claim .letter--R{--width: 0.6}section.claim .letter--R .form--circle{height:calc(50% + var(--stroke)*.5);--y: 0}section.claim .letter--R .form--subtract{--x: 0;--y: 0;height:50%;width:50%}section.claim .letter--R .form--stem{--x: 0}section.claim .letter--R .form--stroke{--y: 0;width:50%}section.claim .letter--R .form--stroke:nth-child(5){--y: 50}section.claim .letter--R .form--stroke:nth-child(6){transform-origin:left center;--x: 0;--y: 50;--deg: 50deg;width:200%;z-index:1}section.claim .letter--S{--width: 1}section.claim .letter--S .form--circle{--x: 0;--y: 0;width:65%;height:calc(50% + var(--stroke)*.5)}section.claim .letter--S .form--circle:nth-child(2){--x: 100;--y: 100}section.claim .letter--S .form--subtract{--x: 50;--y: 50;width:35%}section.claim .letter--S .form--stroke{width:70%}section.claim .letter--S .form--stroke:nth-child(4){--x: 50;width:40%}section.claim .letter--S .form--stroke:nth-child(5){--x: 100;--y: 0}section.claim .letter--S .form--stroke:nth-child(6){--x: 0;--y: 100}section.claim .letter--T{--width: 0.6}section.claim .letter--T .form--stem{--x: 50}section.claim .letter--T .form--stroke:nth-child(2){--y: 0}section.claim .letter--T .form--stroke:nth-child(3){--y: 100}section.claim .letter--U .form--subtract{height:50%;--y: 0}section.claim .letter--U .form--stem{--x: 0;--y: 0;height:50%}section.claim .letter--U .form--stem:nth-child(4){--x: 100}section.claim .letter--X .form--stem{--x: 50;--y: 50;--deg: -45deg;height:150%}section.claim .letter--X .form--stroke{--x: 50;--y: 50;--deg: -45deg;width:150%}section.claim .letter--space{--width: 0.5}section.claim .form{top:calc(var(--y)*1%);left:calc(var(--x)*1%);transform:translate(calc(var(--x) * -1%), calc(var(--y) * -1%)) rotate(var(--deg))}:root{--color-bg: white;--color-fg: black;--color-grey: rgb(200, 200, 200)}@font-face{font-family:"Monospace821BT";font-style:normal;font-weight:400;src:url("/assets/fonts/Monospace821BT-Roman.otf") format("opentype")}body{color:var(--color-fg);background:var(--color-bg);font-family:"Monospace821BT";line-height:1.2;margin:0;padding:0;padding-left:.1rem}div{box-sizing:border-box}p{margin:0}p+p{margin-top:1rem}html{font-size:100%;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}body{letter-spacing:-0.02em;line-height:1.1}section.info{padding-top:0;padding-bottom:1rem;margin-left:auto;width:50vw;min-width:34ch;max-width:78ch;display:flex;flex-flow:column nowrap;min-height:100vh;justify-content:space-between;box-sizing:border-box}.subsection{flex:0 0 auto;margin-top:.5rem;margin-bottom:2rem;padding-right:1rem;padding-left:1rem;max-width:100%;box-sizing:border-box;place-self:start stretch}section.info .subsection.intro{margin-bottom:4rem}a,a:link,a:visited{color:inherit;font-style:normal;text-decoration:underline;text-decoration-color:var(--color-grey);text-decoration-thickness:1px;text-underline-position:auto;text-underline-offset:.125em}a:hover,a:active,a:focus-visible{color:inherit;font-style:italic;color:var(--color-grey)}.table{margin-top:0;margin-bottom:0}.table .row.t-head{margin:2.5rem 0 1rem 12ch}.table .row.t-head:nth-child(1){margin-top:0}.table .row:not(.clients){display:flex;flex-flow:row nowrap}.table .row:not(.clients) span{display:inline-block;flex:0 0 auto}.table .row:not(.clients) span:nth-of-type(1){flex:0 0 12ch;min-width:12ch}.table .row:not(.clients) span:nth-of-type(2){flex:1 1 calc(100% - 12ch)}.table.projects .row{margin-left:12ch}.table.projects .row+.row{margin-top:.5rem}.table.projects .row span:nth-of-type(1){flex:0 0 3ch;min-width:3ch;color:rgba(0,0,0,0);overflow:hidden;display:none}.table .row.clients span:after{content:", "}.table .row.clients span:last-child:after{content:""}.copyright{margin-top:4rem;max-width:44ch}section.cover{display:block;width:50vmin;max-width:520px;position:absolute;position:fixed;top:0;left:0;perspective:200vmax;margin:auto;z-index:0;overflow:visible;padding-right:1rem;box-sizing:border-box}section.cover .figure{width:100%;position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform 1.1s;transform:rotateY(0deg)}section.cover>.caption{padding-left:.5rem;max-width:45ch}section.cover:hover .figure{transform:rotateY(180deg)}section.cover .figure:before{content:"";display:block;position:absolute;left:5%;right:5%;bottom:5%;top:5%;background:rgba(0,0,0,.3);filter:blur(0.5rem)}section.cover .figure img{width:100%;height:auto;-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:99%;mask-size:99%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;object-fit:contain;object-position:center;transform-origin:center;margin:0;display:block;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center}section.cover .figure img.front{-webkit-mask-image:url(../img/cover/cover_l_a_mask.svg);mask-image:url(../img/cover/cover_l_a_mask.svg);position:relative}section.cover .figure img.back{-webkit-mask-image:url(../img/cover/cover_l_b_mask.svg);mask-image:url(../img/cover/cover_l_b_mask.svg);transform:rotateY(180deg);top:0}@media only screen and (max-width: 700px){section.info{width:75vw}section.cover{display:none}.table.projects .row:not(.t-head){margin-left:0}}@media only screen and (min-width: 1800px){section.info{max-width:160ch;width:62vw;display:grid;grid-template-columns:repeat(2, 50%);grid-template-rows:repeat(3, min-content);grid-gap:0;gap:0}.subsection.intro{place-self:start stretch}.subsection.projects{grid-column:1;grid-row:2;place-self:start stretch}.subsection.info{grid-column:2;grid-row:1/-1}.table.projects .row+.row{margin-top:1rem}}@media only screen and (min-width: 2500px){section.info{max-width:173ch;width:70vw;grid-template-columns:repeat(3, 33.3%);grid-template-rows:repeat(1, min-content)}.subsection.projects{grid-column:2;grid-row:1;place-self:start stretch}.subsection.info{grid-column:3;grid-row:1}.table.projects .row:not(.t-head){margin-left:0}}/*# sourceMappingURL=main.css.map */