body{--main-font: "IBM Plex Serif", serif;--sec-font: "PT Sans Narrow", sans-serif;font-family:var(--main-font);font-variation-settings:"opsz" 15;line-height:1.4em;font-weight:100;--background: #fafafa;--blue: #a2bbd4;--pink: #ff3399;--orange: #e18256;--green: #73a353;--body: black;--highlight-orange: #ff7f50;--highlight-blue: #1e7da9;--c1: #8c5cac;--c2: #808000;--c3: #02075d;--c4: #5d8aa8;--c5: #f08f90;--c6: #f08f90;--c7: #7b7b7b;--c8: #1e7da9;--c9: #a50b5e;--c10: #007f66;--c11: #5d442b;--c12: #26619c;--particle-box-width: 300px;--particle-box-height: 300px;background-color:var(--background);--max-width: 1300px}html,body{overscroll-behavior:none}main{padding:10px;margin-left:auto;margin-right:auto;max-width:var(--max-width)}p{width:fit-content}header{font-family:var(--main-font);width:100%;max-height:4em;position:fixed;top:0;left:0;display:flex;justify-content:space-between;padding:10px;z-index:10}.nav{display:flex;flex-direction:row;width:100%;justify-content:flex-start}.nav-item{gap:1em;display:flex;align-items:center}.nav-item span{white-space:nowrap}#home{font-style:italic;text-decoration:underline;text-decoration-color:var(--green);font-weight:300;color:var(--green);width:7.5em}#works{font-family:var(--sec-font);font-size:1em;font-weight:300;text-decoration:underline;text-decoration-color:#000}#home:hover,#works:hover{text-decoration:none}header svg{overflow:visible}body:has(#home:hover) #home svg{stroke:var(--body);stroke-width:2px;fill-opacity:0}body:has(#works:hover) #works svg{stroke:var(--blue);stroke-width:2px;fill-opacity:0}#spin.spinning svg{animation:spin 1s ease-in-out forwards}.icon{padding:3px;height:3em;width:auto}.icon.blue{fill:var(--blue)}.icon.pink{fill:var(--pink)}.icon.orange{fill:var(--orange)}.icon.black{fill:var(--body)}.icon.green{fill:var(--green)}.icon.wheel{stroke:var(--body);stroke-width:1px}.text em strong{font-style:oblique;color:var(--pink);background-color:transparent;padding-left:0;padding-right:0}.text em{color:var(--highlight-blue);font-style:italic}.text a{font-family:var(--main-font);color:var(--pink);text-decoration:underline;font-style:italic}.text del{text-decoration:line-through;text-decoration-color:var(--pink)}.text strong{font-family:var(--main-font);color:var(--background);font-style:italic;font-weight:300;background-color:var(--highlight-blue);padding-left:2px;padding-right:2px}.text ol li{list-style:square;list-style-position:inside;font-weight:300}.text ul li{list-style:decimal;list-style-position:inside;font-weight:300}.text h1{font-weight:900}.text h3{font-weight:600}.text p{font-weight:300;margin-bottom:1em}.home-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2em;box-sizing:border-box}.home{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em;justify-content:center;align-items:flex-start;max-width:100%}.home .image,.home .video{max-width:200px}.arrow-matrix{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:1.2em;font-family:var(--main-font);position:fixed;pointer-events:none;z-index:4;opacity:1;transition:opacity .5s ease,transform .5s ease;padding:5px}.down .arrow-matrix{bottom:2em;left:50%;transform:translate(-50%);color:var(--c2);background-color:var(--background)}.down .arrow-matrix.hidden{opacity:0;transform:translate(-50%,50%)}.arrow-row{display:flex;justify-content:center}.arrow{display:inline-block;width:1em;text-align:center}.arrow.on{opacity:1;transition:opacity .5s ease-in-out}.arrow.off{opacity:0}.contact-wrap{position:relative;display:flex;justify-content:center;min-height:60dvh;max-height:70dvh;padding-top:5em;width:100%;box-sizing:border-box}.contact{display:flex;flex-direction:row;gap:2em;justify-content:space-between;align-items:flex-start;width:100%}.contact .image,.contac .video,.contact .text{margin:0}.contact .image{width:300px;aspect-ratio:9 / 16}.contact img{object-position:50% 50%;height:100%;width:100%;object-fit:cover}.contact .text{max-width:600px}.contact .text em{color:var(--highlight-orange);font-style:italic}.contact .text p{font-weight:300;background-color:transparent;color:var(--body);width:fit-content}.contact .text a:hover,.cv a:hover{text-decoration:none}.cv-wrap{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;padding-top:5em;box-sizing:border-box;width:100%}.cv{display:flex;flex-direction:row;gap:2em;justify-content:flex-start;align-items:flex-start;width:100%}.cv .text{max-width:300px}.cv li{font-weight:100;padding-bottom:.9em;list-style:none!important}.text-box em{font-style:italic}.text-box a:hover{text-decoration:none}.video video{display:block;width:100%;height:100%;object-fit:cover;position:relative}.image,.video,.text{display:flex;flex-direction:column;margin:0 auto;gap:.5em}.media-box .text iframe{margin-bottom:3px}.media-box-placeholder{position:relative}.media-box-placeholder img{max-width:350px;max-height:350px;filter:blur(4px)}.media-box-placeholder .banner{top:50%;left:0;transform:translateY(-50%);position:absolute;display:flex;flex-direction:column;align-items:center;background-color:var(--background);font-family:var(--sec-font);font-size:1em}.media-box-placeholder .banner button{color:var(--c1);cursor:pointer}img.low-res{filter:blur(4px);opacity:1;animation:fadeIn .5s backwards}img.high-res{filter:blur(0);transition:filter .5s ease-out}.error{padding-top:5em}.gallery-page{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:5em;opacity:0;animation:fadeIn .5s ease-in-out forwards;box-sizing:border-box}.gallery-items{padding:10px;display:flex;flex-wrap:wrap}.gallery-page li{order:3;box-sizing:border-box;max-width:400px}.gallery-page li:nth-child(1){order:2;flex:1 1 33%;min-width:220px;max-width:calc(var(--max-width) / 3)}.gallery-page li:nth-child(2){order:1;flex:1 1 66%;min-width:300px;max-width:calc(var(--max-width) / 3 * 2)}.gallery-page li:nth-child(2) img{width:calc(var(--max-width) / 3 * 2);height:auto;display:block;object-fit:cover;justify-content:center;align-items:center}.gallery-page .text p{margin-inline-end:2em;margin-bottom:1em}.gallery-page .title{display:flex;align-items:center;border-style:dashed;border-width:1px;border-color:var(--pink);padding:.5em;font-size:1em;font-weight:700;color:var(--body);font-family:var(--main-font);width:fit-content;margin-bottom:.5em}.gallery-page .caption{padding-left:2px;padding-right:2px;font-weight:300;color:var(--blue);font-family:var(--sec-font);font-size:1em}.image-button{cursor:zoom-in}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:11;cursor:default}.modal-content{position:relative;padding:2em;max-width:90%;max-height:100%;overflow:auto;cursor:default;animation:zoomIn .5s ease-out}.modal-content img{display:block;max-width:100%;max-height:90vh;max-height:90dvh;margin:0 auto}.loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.arrow-load .arrow-matrix{color:var(--c1);transform:translate(-50%,-50%);opacity:1;animation:fadeOut .2s backwards}.arrow-load .arrow-matrix .particles-ready{animation:fadeOut .2s forwards}.loading-icon{width:100px;height:100px;opacity:1;animation:load 1s linear infinite,fadeOut .5s ease-in-out infinite}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes load{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(110deg)}to{transform:rotate(0)}}.privacy{position:fixed;z-index:10;bottom:0;left:0;font-family:var(--sec-font);font-size:.7em;color:var(--body);text-decoration:underline;padding:10px}.privacy:hover{text-decoration:none}.privacy-wrap{padding-top:4em;padding-bottom:4em;max-width:500px;font-weight:400;font-size:1em}.privacy-wrap p{margin-bottom:1em}.tag-list{border-bottom:1px dashed grey;height:auto;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.3em;padding-bottom:.5em;padding-top:.5em;opacity:0;animation:fadeIn .1s forwards var(--fade)}.tags{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;width:50%;flex-wrap:wrap;gap:.5em}.tags p{border:solid;border-width:1px;border-radius:1em;padding:5px;font-size:1em;font-weight:300;font-family:var(--sec-font)}.tags li:last-child{margin-left:auto}.tags li:last-child p{border:none;font-size:1em;font-weight:400;font-family:var(--main-font)}@media (max-width: 768px){.group-menu{padding-top:3em!important;padding-bottom:3em!important}.title-box{min-width:70px;max-width:100%;padding-bottom:1em}.tags p{font-size:1em}.tag-list{flex-direction:column;border-bottom:1px dashed var(--body);padding-bottom:1em;padding-top:1em}.tags{width:100%}.tags li:last-child{border:solid;border-width:1px}.contact-wrap{padding-top:4em;padding-bottom:3em}.contact{padding:0;flex-direction:column}.contact .image{width:100%}.cv-wrap{padding-top:0;width:100%}.cv{padding:0;flex-direction:column}.cv .text{width:100%;max-width:fit-content}.modal-overlay{display:none}.gallery-page{padding-top:4em;padding-bottom:3em}.gallery-items{padding:0}}