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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{--background-color: #9376c4;--text-accent: #6d4fa2;--hero-accent: #b5c3df;--text-light: #FFFF;--sp-xs: .8rem;--sp-s: 1rem;--sp-m: 2rem;--sp-l: 3rem;--sp-xl: 5rem;--fs-s: 1.5rem;--fs-m: 2.5rem;--fs-l: 3.5rem}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{min-width:400px;font-family:Syne,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.3rem;font-size:1.1rem;max-width:1512px;margin:auto;background-color:#eee;overflow-x:hidden}button{font-family:Syne,sans-serif;font-optical-sizing:auto}img{max-inline-size:100%;block-size:auto}h2{font-size:var(--fs-m);line-height:normal}header{background-color:var(--hero-accent);display:flex;justify-content:space-between;align-items:center;padding:1.5rem 6rem}.navigation{padding-right:2rem;display:flex;align-items:center;gap:2rem}a{text-decoration:none;color:#333;font-size:1.2rem;font-weight:600}.nav-link:hover{transform:translateY(-2px)}.navigation li{color:#333;font-size:1.5rem;letter-spacing:.05rem}#hero{position:relative;background:linear-gradient(180deg,#f1f1f1,#eee 16.82%,#ececec 80.77%,#e3e3e3);display:flex;align-items:center;justify-content:center;overflow:hidden}#hero-img{max-width:43%;z-index:1}.titles-intro{position:absolute;top:5%;left:0;font-size:1.8rem;z-index:3;background-color:var(--hero-accent);padding:var(--sp-s);padding-bottom:0;padding-left:10rem;padding-right:3rem;text-align:center;white-space:nowrap}.titles-intro p{padding-bottom:var(--sp-s)}.hero-title{color:var(--hero-accent);position:absolute;z-index:3;font-size:3rem;font-weight:600}.hero-title.active{color:var(--text-accent);opacity:1}.title-1{top:25%;left:10%}.title-2{top:65%;left:25%}.title-3{top:30%;left:60%}strong{color:var(--text-accent);font-weight:600;font-size:1.2rem}.name{color:var(--text-light);font-weight:600;font-size:3rem}.divider{position:absolute;z-index:3;bottom:-41%;left:0}.divider-two{position:absolute;bottom:-30%;left:0;transform:scaleX(-1);z-index:1}.video{background-color:var(--background-color)}.about{background-color:#eee}.about-section{display:flex;flex-direction:row;padding:var(--sp-m);padding-bottom:0;justify-content:space-between}.about-text{padding:10rem 4rem 5rem;max-width:50%}.about-title{font-size:var(--fs-m);padding-bottom:var(--sp-xs)}.about-name{font-size:var(--fs-l);padding-bottom:var(--sp-s);line-height:normal}#rotation-img{position:relative;transition:opacity .3s ease-in-out;opacity:1;max-width:40%;height:auto;aspect-ratio:1/1;object-fit:cover;z-index:1}.btn-container{padding-top:var(--sp-m);margin-top:var(--sp-s);margin-left:5rem}.about-btn{padding:var(--sp-xs);background-color:var(--hero-accent);border-radius:.2rem;color:#141414}.btn-container:hover{transform:translateY(-2px)}.projects{position:relative;background-color:var(--background-color);padding:var(--sp-m);padding-bottom:5rem;padding-top:4rem;display:flex;flex-direction:column}.projects h2{padding-bottom:var(--sp-m);padding-left:var(--sp-s);border-bottom:1px solid #333;color:#141414}.project-line{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:1.25rem;text-decoration:none;transition:.25s ease;color:var(--text-light);z-index:10}.project-line:hover{transform:translateY(-2px)}.left{flex:2}.right{flex:1;display:flex;flex-direction:column;gap:.1rem}.divider-line{width:1px;background:#000;margin:0 1.2rem}.tech,.project-tagline{color:var(--text-light);font-size:.9rem;opacity:.8;font-weight:400}.tagline,.project-tags{color:#000;font-size:.9rem;opacity:.7;font-weight:400}.hover-thumbnail{position:fixed;width:23%;height:auto;z-index:1000;transition:transform .5s ease}.footer{padding-top:var(--sp-m);background-color:var(--hero-accent)}.footer-title{font-size:5rem;line-height:normal;font-weight:800;text-align:center;color:var(--text-light)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}.footer-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:color .3s}.footer-link:hover{transform:translateY(-2px)}.footer-link svg{width:2rem;height:2rem;margin-bottom:.3rem}.rights{padding-top:var(--sp-m);text-align:center;color:#000;font-size:.9rem;opacity:.7;font-weight:400}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin:0 auto;padding:var(--sp-m);padding-bottom:var(--sp-l)}.more-projects{font-size:var(--fs-s);color:var(--text-accent);align-self:center}.project-page{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-content:center}.project-page h2{line-height:normal;text-align:center;padding-top:3rem;padding-bottom:2rem}.project-cards{display:flex;flex-direction:column;max-width:30rem}.project-card{background-color:var(--background-color);padding:var(--sp-s);color:var(--text-light)}.thumbnail-img{max-width:100%;padding-bottom:var(--sp-s)}.project-tags{display:flex;gap:1rem}.visual{fill:var(--background-color)}.about-page-name{line-height:normal;text-align:center;font-size:var(--fs-m);padding-top:3rem}.about-tags{text-align:center;padding-bottom:2rem}.about-bio{display:flex;justify-content:center;padding-top:4rem;padding-left:var(--sp-s);padding-bottom:var(--sp-xs)}#bio-img{max-width:30%}.bio-text{padding:var(--sp-m);max-width:45rem}.bio-text p{padding-bottom:var(--sp-s)}.wondering{font-size:1.5rem;color:var(--text-accent)}.timeline{position:relative;display:flex;overflow-x:auto;padding:2rem 2rem 4rem;gap:4rem;align-items:flex-start}.timeline-container{background-color:var(--background-color);position:relative}.timeline-container:after{content:"";position:absolute;top:15.5%;left:0;width:100%;height:2px;background:#333;z-index:0}.timeline-item{position:relative;flex:0 0 auto;text-align:center;z-index:1}.timeline-marker{width:20px;height:20px;background:#333;border-radius:50%;margin:0 auto 1rem}.timeline-content{max-width:150px}.timeline-content h4{color:var(--text-light);font-size:.9rem;opacity:.8;font-weight:400}.timeline-content p{color:#333;font-size:.9rem;opacity:.7;font-weight:400}.year{font-weight:700;display:block;margin-bottom:.5rem;color:#333}.about-divider{position:absolute;z-index:-1;transform:scaleX(-1);top:-60%;left:0}.fun-facts{padding:var(--sp-m);padding-top:3rem;padding-bottom:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin:auto}.fact{background-color:var(--background-color);padding:var(--sp-s);text-align:center;max-width:45rem;color:var(--text-light)}.fact-btn{padding:var(--sp-xs);background-color:var(--hero-accent);border-radius:.2rem;color:#141414;border:none;font-size:1.2rem;font-weight:600}.fact-btn:hover{transform:translateY(-2px)}.carousel-container{position:relative;width:100%;max-width:700px;min-width:500px;height:600px;overflow:visible}.carousel-container img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:auto;border-radius:10px;box-shadow:0 4px 10px #0000004d;transition:transform .5s ease,z-index .5s ease,opacity .5s ease;opacity:0;z-index:1}.carousel-container img.active{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:3}.carousel-container img.prev{transform:translate(-90%,-50%) scale(.7);opacity:.7;z-index:2}.carousel-container img.next{transform:translate(-10%,-50%) scale(.7);opacity:.7;z-index:2}.carousel-container button{position:absolute;top:50%;color:#333;background:none;border:none;font-size:2rem;padding:.5rem 1rem;z-index:4}.carousel-container button:hover{transform:scale(1.2)}.carousel-container button:focus{outline:none}.project-hero{display:flex;gap:10rem}.project-title{font-size:var(--fs-l);line-height:normal;padding:var(--sp-l);padding-top:6rem;padding-bottom:var(--sp-s);padding-left:var(--sp-xl)}.project-description{padding-left:var(--sp-xl);max-width:50rem;line-height:1.4rem}.project-tools{display:flex;color:var(--text-accent)}.tools-bck{margin-right:var(--sp-l);margin-top:-5rem;padding:var(--sp-xl);background-image:url(../assets/svg/circle.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.project-media{padding:var(--sp-xl);padding-bottom:0;position:relative}.project-brief{background-color:var(--background-color);padding:var(--sp-xl);display:flex;align-items:center;justify-content:center;position:relative}.brief-item{max-width:50rem;line-height:1.4rem}.quotes{padding:var(--sp-m)}.left-quotes{transform:scale(-1)}.project-divider{position:absolute;z-index:-1;bottom:-20%;left:0}.subtitle{padding-bottom:var(--sp-s)}.pr-text{max-width:60rem;line-height:1.4rem}.project-text{padding:var(--sp-xl);padding-bottom:var(--sp-l)}.project-process{padding:var(--sp-xl);line-height:1.4rem;padding-top:var(--sp-l);background-color:var(--hero-accent);margin-bottom:var(--sp-s)}.process-step{padding-bottom:var(--sp-m)}.process{position:relative;padding-top:var(--sp-s);margin-left:20px;padding-left:20px;border-left:2px solid var(--background-color)}.process-item{position:relative;margin-bottom:var(--sp-xs);max-width:50rem;padding-left:var(--sp-m)}.process-pillar-item{position:relative;padding-left:var(--sp-m);margin-bottom:var(--sp-xs);max-width:50rem;list-style:none}.process-pillar-dot{position:absolute;left:-8px;top:5px;width:14px;height:14px;background:var(--text-accent);border-radius:50%}.pillar-border{position:relative;padding-top:var(--sp-s);border-left:2px solid var(--background-color)}.process-dot{position:absolute;left:-28px;top:5px;width:14px;height:14px;background:var(--text-accent);border-radius:50%}.process-intro p{line-height:1.4;max-width:50rem}.process-section{margin-top:24px}.process-section h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.process-section ul{margin:0;padding-left:20px;list-style:disc}.external-link{text-align:center}.external-link p{padding-bottom:var(--sp-m);font-weight:600}.vd-button,.dev-button{padding:var(--sp-xs);background-color:var(--background-color);border-radius:.2rem;color:var(--text-light);line-height:normal}.vd-button:hover,.dev-button:hover{transform:translateY(-2px)}.process-buttons{display:flex;justify-content:space-around;padding:var(--sp-m);max-width:50rem}.process-buttons button{padding:var(--sp-xs);background-color:var(--background-color);border-radius:.2rem;color:var(--text-light);border:none;line-height:normal;font-size:1.2rem;font-weight:600}.project-gallery{column-count:3;column-gap:12px;width:100%;margin:2rem auto}.gallery .subtitle{padding-left:var(--sp-l)}.gallery{padding:var(--sp-m)}.gallery-item{break-inside:avoid;margin-bottom:12px;position:relative;cursor:zoom-in;transition:transform .2s ease}.gallery-item img{width:100%;display:block;transition:transform .25s ease}.gallery-item:hover img{transform:scale(1.03)}.gallery-modal{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999;cursor:zoom-out}.modal-img{width:90%;max-width:900px;border-radius:10px}.gallery{padding:2rem}.gallery h1{text-align:center;margin-bottom:2rem;font-size:2rem;color:#333}.masonry-grid{display:flex;margin-left:-1rem;width:auto}.masonry-grid_column{padding-left:1rem;background-clip:padding-box}.masonry-grid_column img{width:100%;margin-bottom:1rem;border-radius:10px;object-fit:cover;transition:transform .3s ease;cursor:pointer}.masonry-grid_column img.span-two{flex-basis:200%;max-width:100%}.masonry-grid_column img:hover{transform:scale(1.05)}@media(max-width:1200px){.gallery>div{column-count:3}}@media(max-width:900px){.gallery>div{column-count:2}}@media(max-width:600px){.gallery>div{column-count:1}}@media(max-width:900px){.project-gallery{column-count:2}}@media(max-width:600px){.project-gallery{column-count:1}}@media(max-width:1074px){.about-bio{flex-direction:column-reverse;align-items:center}.project-card{min-height:18rem}.navigation{padding-right:2rem;gap:1rem}header{padding:1.5rem 6rem}.hero-title{font-size:2.5rem}}@media(max-width:845px){.carousel-container{max-width:600px}.about-divider{top:-40%;left:0}.project-card{min-height:17rem}.more-projects{grid-column:2 / 3;text-align:center}.hero-title{font-size:2rem}.divider-two{bottom:-20%}#rotation-img{max-width:70%;height:auto;object-fit:contain;margin-right:-10rem;margin-bottom:-.5rem}.about-name{font-size:var(--fs-m)}.about-title{font-size:var(--fs-s)}.about-text{padding:10rem 1rem 5rem;max-width:55%}.navigation{padding-right:2rem;gap:1rem}header{padding:1.5rem 3rem}}@media(max-width:570px){.footer-title{font-size:3rem}.about-divider{top:-20%;left:0}.carousel-container{max-width:400px}.project-list{grid-template-columns:repeat(2,1fr)}.more-projects{grid-column:1 / 3;text-align:center}.project-card{min-height:16rem}.hero-title{font-size:1.4rem}.divider-two{bottom:-10%}.about-section{flex-direction:column;align-items:center}#rotation-img{max-width:70%;height:auto;object-fit:contain;margin-right:0;margin-bottom:0}.btn-container{margin-left:3rem}.about-text{max-width:100%;padding-top:5rem}.navigation{padding-right:1rem;gap:1rem}header{padding:1.5rem 1rem}a{font-size:1.2rem}}@media(max-width:460px){.hero-title{font-size:1rem}.divider{bottom:-45%}.navigation{padding-right:0;gap:.5rem}header{padding:1.5rem 1rem}a{font-size:.9rem}}