.archive{height:fit-content;padding:5vw 0 2em}.archive-header{padding:1em 3vw 1em 1em;display:flex}.archive-header .white-space{flex:2}.archive-header .archive-h2 h2{font-size:2rem}.archive-item{border-top:1px solid var(--border-dark);justify-content:space-between;width:100%;padding:.5em 0;display:flex}.archive-shots{gap:.5em;display:flex}.archive-shots .img{aspect-ratio:5/4;will-change:transform;cursor:pointer;width:100px;transition:transform .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.archive-shots .img:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.archive-shots .img:hover{z-index:10;transform:scale(1.05)}.archive-shots .img:hover:after{opacity:1}.archive-info{display:flex}.archive-title h3{font-size:1rem}.archive-year{flex:1;justify-content:flex-end;display:flex}@media (width<=900px){.archive-item{flex-direction:column-reverse;gap:.5em;padding:1em 0}.archive .white-space{display:none}.archive-shots{flex-wrap:wrap}.archive-shots .img{width:70px}.archive{padding-top:12vw}}.image-modal{z-index:9999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer;opacity:0;visibility:hidden;background:#000000b3;width:100%;height:100%;transition:opacity .5s cubic-bezier(.165,.84,.44,1),visibility .5s cubic-bezier(.165,.84,.44,1);display:none;position:fixed;top:0;left:0}.image-modal.active{opacity:1;visibility:visible;justify-content:center;align-items:center;display:flex}.modal-content{opacity:0;max-width:100%;max-height:100%;padding:0 3vw;transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);position:relative;transform:scale(.8)translateY(50px)}.image-modal.active .modal-content{opacity:1;transform:scale(1)translateY(0)}.modal-image{object-fit:contain;border-radius:0;max-width:100%;max-height:100vh;transition:transform .4s cubic-bezier(.165,.84,.44,1);display:block;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a}.modal-image:hover{transform:scale(1.02)}.modal-close{color:#fff;cursor:pointer;text-transform:uppercase;text-underline-offset:4px;font-family:identity;font-size:.75rem;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;transition:all .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:-36px;right:3%}.modal-close:hover{color:#fff;opacity:.7;text-underline-offset:6px}@media (width>=901px){.image-modal{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"24\" viewBox=\"0 0 60 24\"><text x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"bold\" fill=\"white\">CLOSE</text></svg>") 30 12,pointer}.image-modal .modal-close{display:none}}.project{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);width:100vw;height:100vh;position:absolute;top:0;left:0}.project-bg{width:100%;height:100%;position:absolute}.project-bg:after{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.project-main{aspect-ratio:1;border-radius:0;width:25%;position:absolute;top:50%;left:25%;overflow:hidden;transform:translate(-50%,-50%)}.project-header{width:50%;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.project-header h2,.project-header p,.project-tags p,.project-url a,.project-url span{color:var(--text-light)}.project-header{flex-direction:column;gap:1em;display:flex}.project-header h2{text-transform:none;position:relative;left:-.035em}.project-tags{position:absolute;bottom:2em;left:50%}.project-url{position:absolute;bottom:2em;right:2em;transform:translate(0%)}@media (width<=900px){.project-main{width:50%;top:35%;left:50%}.project-header{text-align:center;width:100%;top:65%;left:0}.project-header h2{font-size:2rem}.project-tags{left:2em}.project-url{transform:translate(0)}}.footer .wrapper{flex-direction:column;justify-content:space-between;padding-top:9em;display:flex}.footer-row.contact{display:flex}.footer-col.email{flex:2}.footer-col.email h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:3rem;font-weight:400}.footer-col.email h2:first-child{opacity:.35}.footer-col.socials{z-index:10;flex:1;position:relative}.footer .social{border-top:1px solid var(--border-dark);gap:1em;padding:1em 0;display:flex}.footer h1{letter-spacing:-.025em;font-family:Osgard Pro;font-size:30vw;line-height:100%}@media (width<=900px){.footer-row.contact{flex-direction:column;gap:4em}.footer-col.email h2{font-size:2rem}.footer-row.outro{text-align:center}.footer h1{font-size:30vw;line-height:60%;position:relative;left:-.05em}.footer .wrapper{flex-direction:column;justify-content:space-between;padding-top:6em;display:flex}}.hero .wrapper{flex-direction:column;justify-content:flex-end;display:flex}.hero-footer{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.hero-copy{flex-direction:column;gap:1rem;width:30%;display:flex}#canvas3d{z-index:-1;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}.hero-text{mix-blend-mode:difference;z-index:10;position:relative}.hero-cards{gap:1rem;width:40%;display:flex}.hero-card{flex-direction:column;gap:.5em;display:flex}.about-header{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--accent);clip-path:polygon(0% 50%,100% 50%,100% 50%,0% 50%);will-change:clip-path;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.about-header h1{letter-spacing:-.02em;opacity:0;will-change:transform, opacity;margin-top:2rem;font-family:Osgard Pro;font-size:25vw;line-height:80%;transform:scale(.75)}@media (width<=900px){.hero-footer{flex-direction:column;gap:4rem}.hero-copy,.hero-cards{width:100%}#canvas3d{height:50vh;display:none}}html,body{background-color:var(--bg);width:100%;font-family:Akkurat Mono,sans-serif;overflow-x:hidden}.app{width:100%;height:100%;position:relative}.wrapper{width:100%;height:100%;padding:2em 3em}section{width:100vw;position:relative;overflow-x:hidden}.hero,.portraits{width:100vw;height:100vh}.services{width:100vw;height:fit-content}.carousel,.footer{width:100vw;height:100vh}.site-header{z-index:2;width:35%;padding:2em;position:fixed;top:0;right:0}.site-intro{justify-content:space-between;gap:.5em;display:flex}.site-intro>div{flex:1}.site-intro p{transition:all .3s}.site-intro.light p,.site-intro.light a{color:var(--text-light)}.site-intro.dark p,.site-intro.dark a{color:var(--text)}.site-intro.dark p.secondary{color:var(--text-secondary)}nav{z-index:100;flex-direction:column;gap:.5em;transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.165,.84,.44,1),visibility .4s;display:flex;position:fixed;top:2em;left:2em}nav.hidden-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px)}.nav-item{border-radius:.15rem;padding:.25rem;position:relative;overflow:hidden}.nav-item .progress{background-color:var(--accent-darker);transform-origin:0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0)}.nav-item .link{z-index:100;position:relative}nav .link a{transition:color .3s}nav.dark .link a{color:var(--text)}nav.light .link a{color:var(--text-light)}nav .link a span{padding-left:.2rem;padding-right:.4rem;font-size:.6rem;display:none;position:relative;top:-.15rem}@media (width<=900px){.site-header{width:100%}.site-intro{flex-direction:column;gap:2em}.site-intro>div{text-align:right}.wrapper{width:100%;height:100%;padding:2em 1em}nav .link a span{display:inline-block}nav{left:1em}#music-toggle.site-icon-container{align-items:flex-end;width:100%}}.music-icon .bar{transform-origin:bottom;transition:transform .2s}.music-icon.playing .bar{animation:1s ease-in-out infinite alternate equalize}.music-icon.playing .bar:first-child{animation-duration:.7s;animation-delay:.1s}.music-icon.playing .bar:nth-child(2){animation-duration:.5s;animation-delay:.3s}.music-icon.playing .bar:nth-child(3){animation-duration:.9s;animation-delay:.5s}@keyframes equalize{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}#music-toggle.site-icon-container{cursor:pointer;flex:none;justify-content:flex-end;align-self:center;align-items:center;display:flex}.music-toggle-link{align-items:center;gap:.5em;display:flex}@media (width<=900px){.site-header,nav{transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.165,.84,.44,1),visibility .4s}.site-header.hidden-on-mobile,nav.hidden-on-mobile{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}#music-toggle.site-icon-container{align-items:flex-end;width:100%}}.portrait.p-1{aspect-ratio:5/3;will-change:transform;width:20%;position:absolute;transform:translate(35%)translateY(40%)}.portrait.p-2{aspect-ratio:4/5;will-change:transform;width:30%;position:absolute;transform:translate(75%)translateY(25%)}.portrait.p-3{aspect-ratio:5/4;will-change:transform;width:15%;position:absolute;transform:translate(500%)translateY(100%)}.portrait img{filter:saturate(0)}@media (width<=900px){.portrait.p-1{width:45%;transform:translate(10%)translateY(20%)}.portrait.p-2{width:65%;transform:translate(20%)translateY(100%)}.portrait.p-3{width:50%;transform:translate(80%)translateY(350%)}}.services h3,.services p{color:var(--text-light)}.service{border-top:1px solid var(--border);align-items:flex-start;gap:.5em;width:100%;padding-top:2em;padding-bottom:4em;display:flex}.service .line{will-change:transform, opacity;position:relative;transform:translateY(20px)}.service .index{flex:1}.service .title{flex:8}.service .copy{flex:4}.service .copy p{text-transform:none;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:body-text;font-size:1rem;font-weight:400}.services .wrapper{background-color:#191c20}@media (width<=900px){.service{flex-direction:column;padding-top:2em;padding-bottom:2em}.service .index{display:none}}body{background-color:var(--bg);width:100%;min-height:100vh;font-family:Akkurat Mono,sans-serif}.app{width:100%;min-height:100vh;position:relative}.back-btn{background-color:var(--accent);z-index:100;border-radius:.25rem;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;display:flex;position:fixed;top:2em;left:1em}.back-btn a{display:block;position:relative;top:1.5px}.project-hero{width:100vw;height:100vh;position:relative;overflow:hidden}.project-hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000004d 0%,#00000080 100%);position:absolute;inset:0}.project-hero img{object-fit:cover;width:100%;height:100%}.project-images{background-color:var(--bg);width:100%;padding:.5rem}.project-images-inner{border-radius:.5rem;width:100%;overflow:hidden}.images{flex-direction:column;gap:.5rem;display:flex}.project-img{background-color:#e5e5e5;border-radius:.5rem;width:100%;height:auto;overflow:hidden}.project-img img{object-fit:contain;width:100%;height:auto;display:block}.project-footer{justify-content:center;align-items:center;width:100%;height:60vh;display:flex;position:relative;overflow:hidden}.project-footer a{width:100%;height:100%;display:block;position:relative}.project-footer .footer-bg{width:100%;height:100%;position:absolute;top:0;left:0}.project-footer .footer-bg:after{content:"";background:#00000080;transition:background .4s;position:absolute;inset:0}.project-footer a:hover .footer-bg:after{background:#0000004d}.project-footer .footer-bg img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,1,.5,1)}.project-footer a:hover .footer-bg img{transform:scale(1.05)}.project-footer .footer-content{text-align:center;color:var(--text-light);z-index:2;pointer-events:none;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-footer .footer-content p{color:var(--text-light);opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-family:body-text;font-size:.9rem}.project-footer .footer-content h2{color:var(--text-light);margin:0;font-family:identity;font-size:8vw;line-height:1}@media (width<=900px){.project-footer .footer-content h2{font-size:12vw}}.drawer{z-index:100;will-change:transform;align-items:center;width:450px;height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(415px)}.drawer-toggler{background-color:var(--bg);cursor:pointer;border-radius:.5rem 0 0 .5rem;justify-content:center;align-items:center;gap:4px;width:40px;height:80px;display:flex}.drawer-toggler .bar{background-color:var(--text);width:1.5px;height:30px}.drawer-wrapper{background-color:var(--bg);border-radius:.5rem 0 0 .5rem;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:3rem 2rem 2rem;display:flex}.project-description h2{margin-bottom:1rem;font-size:2rem}.project-description p{font-size:.7rem}.project-description p.desc,.project-description p.desc{text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem;font-family:body-text;font-size:1rem}.project-info{justify-content:space-between;align-items:flex-end;width:100%;display:flex}@media (width<=900px){.drawer{width:350px;transform:translate(315px)}.project-header h2{font-size:2rem}}.not-found-container{background-color:var(--bg-dark);text-align:center;width:100vw;height:100vh;color:var(--text-light);cursor:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.not-found-content h1{color:var(--text-light);margin:0;font-family:identity;font-size:20vw;font-weight:400;line-height:1}.not-found-content p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:1rem;margin-bottom:3rem;font-family:body-text;font-size:1rem}.back-home-btn{text-transform:uppercase;color:var(--text-light);border:1px solid var(--border);cursor:pointer;border-radius:50px;padding:1.25em 2.5em;font-family:body-text;font-size:.85rem;text-decoration:none;transition:all .4s;display:inline-block}.back-home-btn:hover{background-color:var(--text-light);color:var(--bg-dark)}@media (width<=900px){.not-found-container{cursor:auto}.not-found-content h1{font-size:35vw}}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}@font-face{font-family:identity;src:url(/assets/InstrumentSerif-Regular-C6MH0Gqe.woff2)}@font-face{font-family:body-text;src:url(/assets/PPneuemontreal-book-BMTdDSyj.woff2)}:root{--bg:#f3f3f0;--bg-dark:#191b20;--text:#000;--text-light:#f3f4ee;--text-secondary:#c7c7c7;--accent:#ab9cea;--accent-darker:#8348ff;--border:#ffffff20;--border-dark:#00000020}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}.custom-cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform;background-color:#fff;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0}img{object-fit:cover;width:100%;height:100%}h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:identity;font-size:8rem;font-weight:400;line-height:120%}h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:identity;font-size:4rem;font-weight:400;line-height:105%}h3{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:identity;font-size:1.5rem;font-weight:400;line-height:120%}p,a{color:var(--text);text-transform:uppercase;font-family:body-text;font-size:.75rem;line-height:120%;text-decoration:none}p.secondary{color:var(--text-secondary)}@media (width<=900px){.custom-cursor{display:none}}.transition{z-index:100000;pointer-events:none;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.transition-row{flex:1;display:flex}.transition-row.row-1 .block{transform-origin:top}.transition-row.row-2 .block{transform-origin:bottom}.block{background-color:var(--accent);will-change:transform;visibility:visible;flex:1;margin:-1px;transform:scaleY(1)}.loader-container{z-index:100001;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-text{color:#400d62;letter-spacing:.05em;font-family:body-text;font-size:.8rem}.loader-progress-bar{background-color:#9c8ce2;border-radius:2px;width:19vw;height:2px;overflow:hidden}.loader-progress-fill{background-color:var(--text);will-change:width;background-color:#6a39a1;border-radius:2px;width:0%;height:100%}@media (width<=900px){.loader-progress-bar{width:60vw}}