html{box-sizing:border-box;scroll-behavior:smooth;margin:0 auto}*,*:before,*:after{box-sizing:inherit}:root{--font-bodycopy: "Noto Sans", sans-serif;--font-title: "Cormorant Garamond", serif;--c-dark-green: #1D2B1A;--c-light-green: #64823E;--c-pink: #F4C9C4;--c-beige: #F7EFDA}body{overflow-x:hidden;margin:0 auto;font-family:var(--font-bodycopy);color:var(--c-dark-green);background-color:var(--c-beige)}.badge-link{all:unset}.badge,.card--button,.footer-link{cursor:pointer}.badge:focus-visible,.card--button:focus-visible,.footer-link:focus-visible{outline:2px solid var(--c-light-green);outline-offset:2px;border-radius:3px}.badge{transition:transform .2s ease,outline .2s ease}h1{color:var(--c-dark-green);font-family:var(--font-bodycopy);font-size:200px;font-weight:600;display:flex;align-items:flex-start;gap:.1em;justify-content:center}h2{font-family:var(--font-title);transform:translate(20rem,-22rem)}p{font-family:var(--font-bodycopy);line-height:1.5}.p-tail{color:var(--c-dark-green);width:98.6px;height:404.8px;display:block;margin-top:.1em;margin-bottom:.2em;transform:translateY(40px)}.highlight-l{color:var(--c-light-green);margin-left:-1rem;margin-right:-1rem}.hero{text-align:center;padding:4rem 1rem 2rem;background-color:var(--c-beige);position:relative}.mobile-title,.p-fallback{display:none}.p-tail-wrapper{display:inline-block;position:relative}.badges{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;z-index:5}.badges .badge{display:inline-block;padding:6px 22px;margin:.3em;border-radius:5px;font-size:35px;position:relative}.badge.motion{text-decoration:none;position:absolute;top:0;background-color:var(--c-light-green);color:var(--c-beige);margin-top:-16rem;margin-left:-35rem}.badge.motion:after{content:"";position:absolute;left:20px;bottom:-5px;width:0;height:0;border-top:25px solid var(--c-light-green);border-right:25px solid transparent;transform:rotate(-135deg);transform-origin:center}.badge.ux{text-decoration:none;position:absolute;top:0;background-color:var(--c-dark-green);color:var(--c-beige);margin-top:-20rem;margin-left:35rem}.badge.ux:after{content:"";position:absolute;right:20px;bottom:-5px;width:0;height:0;border-top:25px solid var(--c-dark-green);border-left:25px solid transparent;transform:rotate(135deg);transform-origin:center}.badge.visual{text-decoration:none;color:var(--c-dark-green);position:absolute;top:0;background-color:var(--c-pink);margin-top:3rem;margin-left:-25rem}.badge.visual:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-bottom:10px solid var(--c-pink);border-left:10px solid transparent;border-right:10px solid transparent}.strip--introduce{background-color:var(--c-dark-green);color:var(--c-beige);white-space:nowrap;padding:.5rem 0;position:relative;z-index:2;width:200%!important;margin-left:-30rem;margin-top:-14rem}.strip-inner--introduce{display:flex;width:3200px;animation:scroll 20s linear infinite}.strip--work{background-color:var(--c-pink);color:var(--c-dark-green);white-space:nowrap;padding:.5rem 0;position:relative;z-index:1;width:200%!important;margin-left:-30rem}.strip-inner--work{display:flex;width:3200px;animation:scroll 20s linear infinite}.repeat{flex:0 0 200px;margin-right:50px;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{margin-top:3rem;justify-content:center;position:relative;display:flex;gap:2rem;padding:2rem;align-items:flex-start;z-index:4}.about img{border-radius:10px}.about-text{max-width:650px;display:flex;flex-direction:column;gap:1rem}.about-text p{margin:0;line-height:1.5}.tags{margin-top:-.7rem}.tags span{padding:.4rem .8rem;margin-right:.5rem;border-radius:5px;font-size:18px;border:2px solid var(--c-dark-green)}.tags .highlight{background-color:var(--c-dark-green);color:beige;border-color:var(--c-dark-green)}.about-title{position:relative;margin-top:2rem;margin-bottom:2rem;text-align:center;font-size:2rem}.education .about-title{text-align:center}.skills-education{position:relative;z-index:6;display:flex;justify-content:space-between;border-top:2px solid var(--c-dark-green);border-bottom:2px solid var(--c-dark-green);padding:6rem 0 2rem;gap:4rem;background-color:var(--c-beige);color:var(--c-dark-green);margin-top:4rem}.skills,.education{flex:1;display:flex;flex-direction:column;align-items:center}.skills h2,.education h2{font-size:2rem;margin-bottom:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill{display:flex;gap:.8rem;align-items:flex-start;margin-top:.3em}.skill p{margin:0;line-height:1.8}.skill img{width:50px;height:50px;object-fit:contain;border-radius:12px}.dots{display:flex;gap:4px;margin-top:.3rem}.dots span{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--c-dark-green)}.dots .filled{background-color:var(--c-dark-green);border:none}.timeline{position:relative;display:flex;flex-direction:column;gap:3rem;padding-left:-6rem}.skills-education:before{content:"";position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:2px;background:var(--c-dark-green);z-index:0}.event{position:relative;display:flex;align-items:center;gap:1.5rem}.dot-line{width:12px;height:12px;background:var(--c-dark-green);border-radius:50%;flex-shrink:0}.year{font-weight:700;width:90px}.desc{flex:1}.skills .icons img{width:40px;margin:.3rem}.education{position:relative}.education ul{list-style:none;padding-left:0}.welcome{background-color:var(--c-beige);text-align:center;padding:2rem;max-width:680px;display:flex;flex-direction:column}.welcome--message{display:flex;justify-content:center;margin-top:15rem;margin-bottom:10rem}.personal-project{max-width:1200px;margin:0 auto 8rem;padding:4rem 2rem;border-top:2px solid var(--c-dark-green);border-bottom:2px solid var(--c-dark-green);text-align:center}.personal-project--tittle{font-family:var(--font-title);font-size:75px;font-weight:400;line-height:1;margin:0 0 1.5rem}.personal-project p{max-width:760px;margin:0 auto 1rem}.personal-project-link{display:inline-block;margin:1.5rem 0 2.5rem;padding:.8rem 1.2rem;background-color:var(--c-dark-green);color:var(--c-beige);text-decoration:none;border-radius:6px;border:2px solid var(--c-dark-green);font-weight:700;transition:all .2s ease;cursor:pointer}.personal-project-link:focus-visible{outline:2px solid var(--c-light-green);outline-offset:2px}.personal-project-link:hover,.personal-project-link:focus-visible{background-color:transparent;color:var(--c-dark-green);outline:none}.personal-project-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:stretch}.personal-project-media img,.personal-project-media video{width:100%;height:auto;display:block;border-radius:10px;border:1px solid rgba(29,43,26,.2)}.personal-project--silent-lake{border-bottom:none;padding-bottom:2.5rem}.personal-project--silent-lake .personal-project-media--single{grid-template-columns:1fr;max-width:900px;margin:2.2rem auto 0}.personal-project--silent-lake .personal-project-media--single video{border-radius:14px;border:2px solid rgba(29,43,26,.24);box-shadow:0 18px 34px #1d2b1a1f}.commission{max-width:1280px;margin:0 auto 8rem;padding:5rem 2rem 4.5rem;border-top:2px solid var(--c-dark-green);background:linear-gradient(180deg,#f7efdaf5,#f7efdad6)}.commission__intro{max-width:860px;margin:0 auto 4rem;text-align:left;max-width:760px}.commission__eyebrow{margin:0 0 .9rem;color:var(--c-light-green);text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;font-weight:700}.commission__intro h3{margin:0;font-family:var(--font-title);font-size:clamp(2.75rem,6vw,5rem);line-height:.95;font-weight:400;text-align:center}.commission__lead{max-width:760px;margin:1rem 0 0;font-size:1.05rem}.commission__story{max-width:780px;margin:0 auto 5rem;display:grid;gap:1.5rem}.commission__text-block{display:flex;flex-direction:column;gap:1rem}.commission__text-block p,.commission__closing{margin:0;font-size:1.02rem;line-height:1.75}.commission__text-block--learned{padding-top:.5rem}.commission__label{margin:0;color:var(--c-light-green);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700}.commission__closing{max-width:720px;margin:1.25rem auto 0;padding-top:2rem;border-top:1px solid rgba(29,43,26,.12);text-align:center;color:var(--c-light-green)}.commission__chapter{margin-top:0}.commission__chapter-head{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:1.5rem}.commission__step{margin:0;color:var(--c-light-green);font-size:.85rem;font-weight:700;letter-spacing:.16em}.commission__chapter-head h4{margin:.2rem 0 0;font-family:var(--font-title);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1}.commission__mockups{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:1rem;align-items:start}.commission__mockup{margin:0;display:flex;flex-direction:column;gap:.65rem}.commission__mockup-media{overflow:hidden;border-radius:.2rem;background:#f7efda66}.commission__mockup-media img{display:block;width:100%;height:auto;object-fit:cover}.commission__mockup figcaption,.commission__browser figcaption{margin:0;color:var(--c-light-green);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.commission__mockup--hero{grid-row:1 / span 2;aspect-ratio:1.18 / 1}.commission__mockup--hero .commission__mockup-media{transform:translateY(.1rem)}.commission__mockup--card,.commission__mockup--plate{aspect-ratio:1.5 / 1}.commission__chapter--website{margin-top:4.5rem}.commission__browser{margin:0}.commission__browser-frame{width:100%;max-width:none;margin:0 auto}.commission__browser-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid rgba(29,43,26,.12);border-bottom:0;border-radius:1rem 1rem 0 0;background:#f7efdaf2;color:var(--c-dark-green);font-size:.78rem}.commission__browser-link{text-decoration:none;color:inherit;display:inline-block;transition:opacity .2s ease,transform .2s ease}.commission__browser-link:hover{opacity:.85;transform:translateY(-1px)}.commission__browser-link:hover .commission__browser-url{color:var(--c-light-green);text-decoration:underline;text-underline-offset:.18em}.commission__browser-link:focus-visible{outline:2px solid var(--c-light-green);outline-offset:3px;border-radius:4px}.commission__browser-url{font-weight:700;letter-spacing:.02em}.commission__browser-tag{color:var(--c-light-green);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.commission__browser-window{aspect-ratio:16 / 10;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(29,43,26,.12);border-top:0;border-radius:0 0 1rem 1rem;background:#fff;scrollbar-width:thin;scrollbar-color:var(--c-light-green) rgba(29,43,26,.1)}.commission__browser-window img{display:block;width:100%;height:auto}.commission__browser-window::-webkit-scrollbar{width:.72rem}.commission__browser-window::-webkit-scrollbar-track{background:#1d2b1a14}.commission__browser-window::-webkit-scrollbar-thumb{background:var(--c-light-green);border-radius:999px;border:2px solid rgba(247,239,218,.88)}.commission__browser figcaption{max-width:48rem;margin:1rem auto 0;color:var(--c-dark-green);text-transform:none;letter-spacing:0;font-size:.94rem;font-weight:400;line-height:1.55}.commission__browser-window:focus-visible{outline:2px solid var(--c-light-green);outline-offset:2px}.coming-soon{background-color:var(--c-dark-green);text-align:center;padding:5rem 2rem;position:relative;align-items:center;display:flex;flex-direction:column}.coming-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem}.coming-soon:after{content:"";position:absolute;height:2px;width:100%;background-color:var(--c-dark-green);top:-15px;left:0}.coming-soon:before{content:"";position:absolute;height:4px;width:100%;background-color:var(--c-dark-green);top:-34px;left:0}.coming-soon--banner{margin-top:5rem;font-size:150px;font-weight:700;color:var(--c-pink);line-height:1;text-transform:uppercase;transform:scaleY(1.5);display:inline-block;margin-bottom:0}.comming-soon-title{font-family:var(--font-title);font-size:75px;font-weight:400;max-width:700px}.somming-soon--title-center{display:flex;justify-content:center;text-align:center}.project-box{background-color:var(--c-light-green);color:var(--c-beige);padding:2rem;border-radius:.1rem;box-shadow:0 0 0 1rem #fff;text-align:center;z-index:10;position:relative;margin-bottom:2rem}.project-box h4{font-size:75px;margin:0}.project-box p{font-size:150px;font-weight:600;margin:1rem 0 0}.project-box:before,.project-box:after{content:"";position:absolute;left:0;width:100%}.moodboard-section{flex:0 0 100vw;scroll-snap-align:start;display:flex;justify-content:center;padding:10rem 2rem}.moodboard-content{display:flex;align-items:center;max-width:1200px;gap:50px}.moodboard-texts{display:flex;flex-direction:column}.moodboard-texts h3{font-family:var(--font-title);font-size:75px;font-weight:400;line-height:75px;margin:0}.moodboard-texts .hashtag{margin-top:10px;margin-bottom:15px;color:var(--c-light-green)}.moodboard-description p{margin:0 0 10px;max-width:300px}.moodboard-image img{display:block;max-width:100%;height:auto}.cosy-fall-video{max-width:690px;max-height:557px}.scroll-wrapper{position:relative;top:-5rem;overflow:hidden;padding:0 4rem}.horizontal-scroll{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:4rem;padding:2rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.horizontal-scroll::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--c-dark-green);color:#fff;border:none;padding:1rem 1.2rem;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s ease}.scroll-btn:hover{background:var(--c-light-green)}.scroll-btn.left{left:.5rem}.scroll-btn.right{right:.5rem}.scroll-wrapper:before{left:0;background:linear-gradient(to right,white 60%,transparent)}.scroll-wrapper:after{right:0;background:linear-gradient(to left,white 60%,transparent)}footer{background-color:var(--c-dark-green);width:100vw;margin-left:calc(50% - 50vw);padding:3rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center}.footer-text{color:var(--c-beige);font-size:1.05rem;line-height:1.5}.footer-text a{color:var(--c-beige);text-decoration:none;transition:opacity .2s ease}.footer-text a:hover{opacity:.8}.footer-banner{margin:0 0 2rem;color:var(--c-beige);font-weight:600;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1;text-align:center;letter-spacing:.04em}.footer-info{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:1rem;width:100%;justify-content:center;height:auto}.contact,.connect{margin:0}.contact,.connect{padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-text strong{font-size:1.15rem;letter-spacing:.02em}.footer-text{display:flex;align-items:center;gap:.65rem;margin:0 0 .8rem}.footer-text:last-of-type{margin-bottom:0}.footer-text img[alt="LinkedIn icoon"],.footer-text img[alt="Behance icoon"]{position:relative;top:5px}@media (max-width: 768px){.hero h1.desktop-title{display:none!important}h1{font-size:clamp(2rem,8vw,4rem);text-align:center;line-height:1.2;margin-bottom:1rem}h2{font-size:clamp(1.25rem,5vw,2rem);transform:none;margin:0 auto 2rem;text-align:center}.mobile-title{display:block;font-size:2.5rem;font-weight:600;margin-top:1rem}.highlight-l{margin-left:-40px}.badges{position:static;transform:none;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto}.badges .badge{position:static;font-size:clamp(1rem,4vw,1.5rem);margin:.5rem auto;text-align:center}.badge:after{display:none}.strip--introduce,.strip--work{width:100%!important;margin-left:0!important;overflow:hidden;max-width:100vw;box-sizing:border-box}.repeat{flex:0 0 120px;margin-right:15px;font-size:.8em;display:flex;align-items:center;justify-content:center}.strip--introduce,.strip--work{margin-left:0rem}.strip--introduce{margin-top:1rem}.about,.skills-education{flex-direction:column;align-items:center;padding:2rem 1rem}.about-title,.education .about-title{position:static;margin:2rem 0 1rem;text-align:center}.about--interests{display:flex;justify-content:center}.skills-education:before{display:none}.skills-education{flex-direction:column;gap:2rem;padding:3rem 1rem}.skills-education:before{content:none}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%}.skill{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.skill img{width:34px;height:34px}.skill p{font-size:.85rem;line-height:1.2}.skill>div{display:flex;flex-direction:column;align-items:center;gap:0rem;margin-bottom:1.25rem}img:not(.logo){max-width:60%;height:auto;display:block;margin:0 auto}.hero h1{font-size:2.5rem;line-height:1.1;text-align:center;margin:1rem auto 0;display:block}.hero h1 img.p-tail{display:none}.hero h1 .highlight-l{color:inherit}.hero h2{font-size:1.25rem;text-align:center;margin-top:-1rem}.tags span{display:block;margin-bottom:.5rem;width:fit-content;margin-left:auto;margin-right:auto}.tags span:last-child{margin-bottom:0}.tags{display:flex;flex-direction:column;align-items:center}.comming-soon-title{font-size:35px}.coming-soon--banner{font-size:75px;margin-top:0rem;margin-bottom:8rem}.project-box{padding:1rem;box-shadow:0 0 0 .5rem #fff;position:static;margin:2rem auto;max-width:90%;box-sizing:border-box}.project-box h4{font-size:2.5rem;line-height:1.2}.project-box p{font-size:4.5rem;margin:.5rem 0 0}.moodboard-section{padding:4rem 1rem}.moodboard-content{flex-direction:column;gap:2rem;align-items:center;width:100%;max-width:none}.moodboard-texts{text-align:center;align-items:center}.moodboard-texts h3{font-size:3rem;line-height:1.1}.moodboard-texts .hashtag{font-size:1rem}.moodboard-description p{max-width:80%;margin-left:auto;margin-right:auto;font-size:.9rem}.moodboard-image{width:90%;max-width:400px}.moodboard-image img{width:100%;height:auto}.personal-project{margin:0 auto 4rem;padding:2.5rem 1rem}.personal-project--tittle{font-size:3rem}.personal-project-link{width:100%;max-width:330px}.commission{margin:0 auto 4rem;padding:3rem 1rem 3.5rem}.commission__intro{margin-bottom:2.5rem;text-align:left}.commission__intro h3{font-size:clamp(2.6rem,13vw,4rem)}.commission__lead{margin-left:0;margin-right:0;font-size:.95rem}.commission__story{margin-bottom:3.5rem}.commission__text-block,.commission__closing{font-size:.95rem}.commission__chapter-head{gap:.9rem;margin-bottom:1.15rem}.commission__chapter-head h4{font-size:2rem}.commission__mockups{grid-template-columns:1fr;gap:.95rem}.commission__mockup--hero,.commission__mockup--card,.commission__mockup--plate{grid-row:auto;aspect-ratio:auto}.commission__mockup-media{overflow:visible}.commission__mockup-media img{height:auto;object-fit:initial}.commission__mockup--hero .commission__mockup-media{transform:none}.commission__browser-bar{padding:.7rem .8rem}.commission__browser-window{aspect-ratio:4 / 3}.commission__browser figcaption{font-size:.86rem}.commission__browser-window img{min-height:100%}.commission img{max-width:100%}.personal-project-media{grid-template-columns:1fr;gap:1rem}.personal-project-media img,.personal-project-media video{max-width:100%!important}.personal-project--silent-lake{padding-bottom:1.8rem}.personal-project--silent-lake .personal-project-media--single{margin-top:1.4rem}.scroll-wrapper{width:100%;margin:0 auto;padding:0 0rem}.horizontal-scroll{display:block;overflow-x:unset;scroll-snap-type:unset;white-space:normal}.moodboard-section{min-width:unset;width:100%;margin-bottom:1rem}.moodboard-image video{display:block;width:100%;max-width:500px;height:auto;margin:0 auto;object-fit:cover}.moodboard-image img,.moodboard-image video{max-width:100%}.scroll-btn{display:none}.strip--introduce,.strip--work{margin-left:0rem;max-width:100vh}footer{padding:2.25rem 1rem 1.75rem}.footer-info{grid-template-columns:1fr;gap:.9rem;width:100%;justify-content:stretch}.contact,.connect{width:100%;margin:0;padding:1.1rem 1rem}.footer-banner{font-size:clamp(1.8rem,8vw,2.8rem);margin-bottom:1.25rem}.footer-text{font-size:.95rem;gap:.55rem;margin-bottom:.65rem}.footer-text:last-of-type{margin-bottom:0}.footer-text strong{font-size:1.05rem}.footer-text img{width:20px;height:20px;flex-shrink:0}}@media (min-width: 768px) and (max-width: 1024px){h1{font-size:clamp(3rem,10vw,6rem);flex-wrap:wrap;text-align:center}h2{transform:translate(0);text-align:center;margin-top:-22rem}.p-tail{margin-top:-1rem}.badges{position:static;transform:none;flex-direction:column;align-items:center;gap:1rem}.badges .badge{position:static;margin:.5rem auto;font-size:clamp(1.5rem,3vw,2rem)}.badge:after{display:none}.strip--introduce{margin-top:15rem}.skills-education{flex-direction:column;padding:3rem 1rem}.about{flex-direction:column;align-items:center;padding:2rem 1rem}.about-title,.education .about-title{position:static;margin:2rem 0 1rem;text-align:center}.personal-project{margin-bottom:6rem}.personal-project-media{grid-template-columns:1fr}.commission{padding:3.5rem 1.25rem 4rem}.commission__story{max-width:720px;margin-bottom:4rem}.commission__mockups{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr)}.commission__chapter--website{margin-top:5rem}.commission__browser-frame{width:100%;max-width:none}.commission__browser-window{aspect-ratio:16 / 9}.commission__browser figcaption{max-width:42rem}.commission__mockup--card,.commission__mockup--plate{aspect-ratio:1.5 / 1}.commission__mockup--hero{align-self:stretch}.commission__browser-window img{width:100%}.skills-education:before{display:none}.footer-banner{font-size:clamp(2rem,4vw,3.75rem)}.footer-info{width:100%}}@media (min-width: 1025px) and (max-width: 1200px){.about-title,.education .about-title{transform:none;margin:0 0 1.5rem;text-align:center;width:100%}}@media (min-width: 1201px){.about-title,.education .about-title{transform:none;margin:0 0 1.5rem;text-align:center;width:100%}.footer-info{width:100%}}