html,body{height:100%;margin:0;padding:0;overflow:hidden;font-family:Source Code Pro,monospace;color:var(--text-color);scroll-behavior:smooth}@font-face{font-family:Title;src:url(/fonts/Miratrix-Normal.woff2) format("woff2"),url(/fonts/Miratrix-Normal.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{height:100%;--text-color: rgba(255, 255, 255, 1);--text-color-transparent: rgba(255, 255, 255, .5);--bg-color: rgba(17, 17, 17, 1);--bg-color-transparent: rgba(17, 17, 17, .8);--tag-color-1: rgba(125, 91, 166, 1);--tag-color-2: rgba(255, 87, 51, 1);--tag-color-3: rgba(244, 159, 188, 1);--tag-color-4: rgba(137, 206, 148, 1);--tag-color-5: rgba(178, 13, 48, 1)}.loader{width:100vw;height:100vh;text-align:center;align-content:center;background-color:var(--bg-color)}.texture-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/texture.jpg);background-size:cover;opacity:.08;pointer-events:none;z-index:999;mix-blend-mode:screen}.app-scroll{height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-section{height:100vh;width:100vw;scroll-snap-align:start;position:relative}.video-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);opacity:0;transition:opacity 1.2s ease;z-index:-1}.video-bg-overlay.is-visible{opacity:.6}.video-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.2s ease}.video-bg.is-visible{opacity:1}.video-bg-fallback{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/bg-fallback.jpg);background-size:cover;background-position:center;z-index:-3}.hero-container{display:flex;justify-content:center;align-items:center}.hero-content{height:90%;width:75%;display:flex;flex-direction:column;justify-content:space-around;text-align:left}.hero-inner{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:left}.hero-inner h1{font-size:1.7rem;font-family:Title}.hero-logo{width:50%}.hero-inner p{font-size:clamp(.6rem,2vw,.9rem);text-align:justify;text-indent:0rem;transition:background-color .5s ease}.hero-inner p:focus-visible{background-color:var(--bg-color)}.hero-inner p.is-active{background-color:var(--bg-color)}@media (hover: hover) and (pointer: fine){.hero-inner p:hover{background-color:var(--bg-color)}}.hero-footer{margin-bottom:2rem;width:100%;display:flex;flex-direction:row;justify-content:space-between}.hero-footer a{font-size:clamp(1rem,2vw,2rem);padding:.2rem;text-decoration:none;color:var(--text-color);background-color:transparent;transition:background-color .5s ease,border .5s ease;border:1px solid transparent}@media (min-width: 600px){.hero-content{width:50%}.hero-inner h1{font-size:2rem}.hero-footer a{padding:.5rem 2rem}.hero-logo{width:30%}}.hero-footer a:active,.hero-footer a:focus-visible{background-color:var(--bg-color-transparent);border:1px solid var(--text-color)}@media (hover: hover) and (pointer: fine){.hero-footer a:hover{background-color:var(--bg-color-transparent);border:1px solid var(--text-color)}}.portfolio{background:var(--bg-color)}.portfolio-intro{display:block;flex-direction:column;text-align:left;align-items:start;padding:5vw}.portfolio-intro h1{font-family:Title;font-size:clamp(3rem,10vw,9rem);margin:1rem .5rem}.portfolio-intro a{text-decoration:none;color:var(--text-color);margin-top:0rem;font-size:clamp(.2rem,6vw,3rem);padding-left:80vw}.project-card{display:flex;overflow:hidden;flex-direction:column;justify-content:start;align-items:left;text-align:left;--project-text-scale: clamp(1rem, 3vw, 3rem)}.project-tags-list{display:flex;gap:1vh}.project-tags-list--row{flex-direction:row;flex-wrap:nowrap;margin:1vh 0}.project-tags-list--column{flex-direction:column;margin-bottom:30vh}.project-tag{font-family:Title}.project-tag--column{font-size:clamp(1.5rem,3vw,5rem)}.project-tag--row{font-size:calc(1 * var(--project-text-scale))}.project-tag.VIDEO{color:var(--tag-color-1)}.project-tag.DEV{color:var(--tag-color-2)}.project-tag.GRAPHISME{color:var(--tag-color-3)}.project-tag.LIGHTS{color:var(--tag-color-4)}.project-tag.PROD{color:var(--tag-color-5)}.project-text-container{padding:1.5rem;text-align:justify;height:50vh}.project-text-container h2{font-family:Title;font-size:calc(2 * var(--project-text-scale));padding:0rem;margin:0rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-text-container h3{font-size:calc(1.8rem * var(--project-text-scale));padding:0rem;margin:0rem}.project-text-container h4{font-size:calc(.5 * var(--project-text-scale));padding:0rem;margin:1rem 0rem 0rem}.project-text-container li{font-size:calc(.3 * var(--project-text-scale));list-style:square inside;padding:.3vh}.project-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0rem;height:50vh;align-items:stretch;overflow:hidden}@media (max-width: 600px){.project-text-container{padding-bottom:.5vh}.project-tags-list--row{margin:.5vh 0}.project-media-grid{grid-template-columns:none}.project-text-container h2{font-size:calc(1.8 * var(--project-text-scale))}.project-text-container li{font-size:calc(.43 * var(--project-text-scale))}.project-text-container h4{margin-top:.5vh}}.project-media-thumb{width:100%;height:10vh;display:flex;gap:0rem;flex-direction:row;overflow-x:hidden;overflow-y:hidden}.media-wrapper{object-fit:cover;flex:1 1 0;height:100%;width:100%;overflow:hidden}.media-item{display:block;height:100%;width:100%;object-fit:var(--media-fit, cover);object-position:center;max-height:100%;max-width:100%;transition:filter .5s ease,opacity .5s ease,transform .8s ease,object-fit 1s ease;filter:grayscale(1);opacity:.2;transform:scale(1)}.media-wrapper.is-active .media-item{filter:grayscale(0);opacity:1;background-color:var(--bg-color-transparent)}@media (hover: hover) and (pointer: fine){.media-item:focus-visible{filter:none;opacity:1;background-color:var(--bg-color-transparent)}.media-wrapper:hover .media-item{filter:grayscale(0);opacity:1;background-color:var(--bg-color-transparent)}}.media-focus{width:90%;height:40vh;padding:5rem;display:flex;gap:2rem;flex-direction:row;justify-content:left;align-items:end;overflow-x:hidden}.media-focus-item{width:50%;max-width:100%;max-height:100%;object-fit:contain}.media-caption{width:70%;font-size:clamp(.8rem,2vw,1rem);text-align:justify;padding-right:2vw}.contact-section{background:var(--bg-color-transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.contact-container{width:50%;height:45%;display:flex;flex-direction:column;justify-content:space-between;align-items:start;text-align:left}.contact-container h1{font-size:clamp(1rem,3vw,4rem);margin-bottom:0rem}.contact-links{width:70%;display:grid;grid-template-columns:1fr 2fr;gap:2vw;align-items:center}.contact-links a{color:var(--text-color)}.contact-scroll-indicator{margin-top:2vh;color:var(--text-color);text-decoration:none}@media (max-width: 600px){.contact-container{width:70%}.contact-links{width:90%;font-size:.8rem}}