html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}*{padding:0;margin:0;box-sizing:border-box}:root{--border-top:solid 1.5px black}body{font-family:"Barlow",sans-serif;font-weight:450;font-style:normal}a{text-decoration:none;color:#000}.container{display:grid;grid-column:1/3;grid-template-columns:1fr 1fr;grid-template-rows:auto 2fr auto;height:100dvh}.header{grid-column:1 / 3;display:flex;justify-content:flex-start;border-bottom:var(--border-top)}.header h1{font-variant:small-caps;padding-right:10px;border-right:var(--border-top)}.title-left,.title-right{border-right:var(--border-top)}.header>*{padding:.5rem}.title-infos{font-variant:small-caps;display:flex;flex-direction:row;gap:1rem;margin-left:auto;justify-content:center;align-items:center}.title-infos div{display:flex;align-items:center;gap:.4rem}.title-infos svg{transform:translateY(3px)}.content{grid-column:1/3;display:flex;gap:1rem;padding:1rem;overflow:hidden!important}.project-content{grid-column:1/3;display:flex;gap:1rem;overflow:hidden}.project-link{position:relative;overflow:hidden;transition:transform 0.3s ease;flex:1}.project-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.project-link .overlay{position:absolute;bottom:0;left:0;right:0;background:rgb(0 0 0 / .6);color:#fff;padding:.5rem;text-align:center;font-size:.9rem;opacity:0;transform:translateY(100%);transition:all 0.3s ease}.project-link:hover .overlay{opacity:1;transform:translateY(0)}.footer .project.active{background:#000;color:#fff}.about-txt{display:flex;align-items:center;padding-left:1em}.footer{display:grid;grid-column:1/3;grid-template-rows:1fr 1fr;width:100%;border-top:var(--border-top);font-size:.8rem}.footer-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border-bottom:var(--border-top);font-size:.75rem;font-style:italic;text-align:left}.projects-list{display:none;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.about-txt{display:flex}.projects-list.active{display:flex}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 0 13px}.footer-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,auto));white-space:nowrap}.footer-cat{padding:.5rem;font-weight:700;text-align:center;border-left:var(--border-top)}.footer-cat:first-child{border-left:none}.footer-cat a{text-decoration:none;color:#000}.footer-cat:hover,.footer-cat.active{background-color:#000;color:#fff}.footer-cat:hover a,.footer-cat.active a{color:#fff}.footer-cat.copyright{font-weight:400;font-style:italic;font-size:.75rem;text-align:right}.project a{text-decoration:none;color:#000;margin-right:1rem}.project:hover{color:#fff;background:#000}.project:hover a{color:#fff}.project a{text-decoration:none;color:#000}.project:hover,.project.active{background:#000}.project:hover a,.project.active a{color:#fff}.mosaic{grid-column:1/3;gap:1rem;padding:1rem;overflow:hidden!important;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:10px;grid-auto-flow:dense;gap:8px;grid-auto-flow:dense}.tile{position:relative;overflow:hidden;background:#eee}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile{grid-row:auto}.s1{grid-column:span 3;grid-row:span 24}.s2{grid-column:span 4;grid-row:span 20}.s3{grid-column:span 6;grid-row:span 22}.s4{grid-column:span 3;grid-row:span 36}.s5{grid-column:span 6;grid-row:span 32}.s6{grid-column:span 2;grid-row:span 20}.s7{grid-column:span 5;grid-row:span 24}.s8{grid-column:span 4;grid-row:span 28}.s9{grid-column:span 8;grid-row:span 30}.s10{grid-column:span 2;grid-row:span 12}@media (max-width:900px){.mosaic{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:560px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.s1,.s2,.s3,.s4,.s5{grid-column:span 2;grid-row:span 24}}.tile{position:relative;overflow:hidden}.tile-overlay{position:absolute;left:0;right:0;top:0;padding:.55rem .65rem;font-size:.8em;line-height:1.15;font-weight:500;color:#fff;background:rgb(0 0 0 / .55);backdrop-filter:saturate(120%) blur(1px);transform:translateY(100%);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}.tile:hover .tile-overlay,.tile:focus-visible .tile-overlay{transform:translateY(0);opacity:1}.tile-cat{font-weight:300;opacity:.6}.tile-title{font-weight:400}.tile-sep{opacity:.85}body.dark-mode .tile-overlay{background:rgb(255 255 255 / .1);color:#fff;border-top:var(--border-top)}@media (hover:none){.tile-overlay{transform:none;opacity:1;background:linear-gradient(to top,rgb(0 0 0 / .55),#fff0)}}.jBox-overlay{opacity:0.94!important}.filler{font-size:14vh;line-height:.7em;font-weight:800;font-style:italic;font-family:'barlow';transform:translateX(-1vh);transform:translateY(-1vh);z-index:-1}.mode{border-left:var(--border-top)}#darkToggle:hover{cursor:pointer}#darkToogle:hover{cursor:pointer}body.dark-mode{background:#000;color:#fff;font-weight:300}body.dark-mode .footer-cat{font-weight:350!important}body.dark-mode a{color:#fff}body.dark-mode{--border-top:solid 0.5px white}.target-cat{display:none}