@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap";html,body{width:100%;height:100%;margin:0;padding:0}html{scroll-behavior:smooth}h1,h2,h3,li{letter-spacing:-.02em;font-family:Familjen Grotesk,sans-serif;font-weight:700}p,button{font-family:Geist,sans-serif}:root{--color-black-deep:#0a0b0a;--color-white-smoke:#f3f4ec;--color-gray-sage:#bdc1b3;--color-lime-acid:#c5f02e;--color-gray-black:#434343;--bg-body:var(--color-black-deep);--bg-surface:var(--color-white-smoke);--text-main:var(--color-white-smoke);--text-muted:var(--color-gray-sage);--text-inverse:var(--color-black-deep);--btn-bg:var(--color-lime-acid);--btn-text:var(--color-black-deep);--btn-hover:var(--color-gray-black);--border-subtle:var(--color-gray-sage);--accent-highlight:var(--color-lime-acid)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.preloader{z-index:9999;pointer-events:none;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.blinds-container{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.blind{transform-origin:top;background-color:#d1d1d1;flex-grow:1;width:100%}.preloader-content{z-index:2;flex-direction:column;align-items:center;gap:15px;display:flex;position:relative}.circular-loader{border:3px solid #bdc1b3;border-top-color:#a8e61a;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-text{color:#f5f6f5;letter-spacing:.1em;font-family:Geist,sans-serif;font-size:.85rem}.footer-section,.footer-section *{box-sizing:border-box;margin:0;padding:0}.footer-section{z-index:1001;contain:layout style paint;background-color:#191919;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(2.5rem,4vw,4rem) 5vw clamp(1.5rem,2vw,2.5rem);display:flex;position:relative;overflow:hidden}.footer-content{flex-direction:column;gap:clamp(2rem,5vh,4rem);width:100%;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2rem;display:flex}.footer-heading{letter-spacing:-.04em;color:var(--color-white-smoke);-webkit-user-select:none;user-select:none;font-family:Familjen Grotesk,sans-serif;font-size:clamp(2.8rem,5.5vw,6rem);font-weight:500;line-height:1.02}.footer-actions{gap:3rem;margin-top:2rem;margin-right:.5rem;display:flex}.action-link{text-transform:uppercase;color:#d3d4d0;border-bottom:1px solid #d3d4d04d;align-items:center;gap:.5rem;padding-bottom:6px;font-family:Familjen Grotesk,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative}.action-link:after{content:"";transform-origin:0;background-color:#d3d4d0;width:100%;height:1px;transition:transform 1.3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.action-link:hover:after{transform:scaleX(1)}.action-link img{width:1rem;height:auto;margin-bottom:1px}.action-link .arrow{transition:transform .3s}.action-link:hover .arrow{transform:translate(4px)}.footer-middle{text-transform:uppercase;color:#d3d4d04d;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-top:2rem;font-family:Geist,sans-serif;font-size:.85rem;line-height:1.4;display:flex}.footer-meta p{margin-bottom:.3rem;font-weight:600;line-height:1.4}.footer-credits{color:#d3d4d04d;align-items:flex-start;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;line-height:1.4;display:flex}.author-credit a{color:#d3d4d0;font-weight:500;text-decoration:none;transition:color .3s}.footer-contact-grid{gap:clamp(3rem,6vw,6rem);display:flex}.contact-col{flex-direction:column;gap:.6rem;display:flex}.contact-col h4{color:#d3d4d04d;margin-bottom:.2rem;font-size:.85rem;font-weight:600;line-height:1.4}.contact-col a{color:#d3d4d0;line-height:1.4;text-decoration:none}.social-links{grid-template-columns:1fr 1fr;gap:.6rem 1.8rem;display:grid}.author-credit a,.contact-col a{justify-self:start;align-items:center;width:fit-content;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.author-credit a:after,.contact-col a:after{content:"";background-color:var(--color-lime-acid,#c5f02e);transform-origin:100%;will-change:transform;backface-visibility:hidden;width:100%;height:1px;transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.author-credit a:hover{color:var(--color-lime-acid)}.contact-col a:hover{color:#c5f02e}.author-credit a:hover:after,.contact-col a:hover:after{transform-origin:0;transform:scaleX(1)}.footer-bottom{flex-direction:column;align-items:center;width:100%;margin-top:auto;padding-top:1rem;display:flex}.water-filter-svg{width:0;height:0;position:absolute}.vance-water-wrapper{will-change:transform;justify-content:center;align-items:center;width:100%;max-height:25vh;padding:12px 0;animation:4s ease-in-out infinite floatOnWater;display:flex;transform:translateZ(0)}.vance-water-logo{width:100%;height:auto;max-height:100%;fill:var(--color-gray-black,#222);filter:url(#water-effect);backface-visibility:hidden;perspective:1000px;transition:fill .7s;display:block}.vance-water-wrapper:hover .vance-water-logo{fill:var(--color-lime-acid)}@keyframes floatOnWater{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-5px)rotate(.4deg)}}@media (width<=1024px){.footer-middle{flex-wrap:wrap;gap:3rem}.footer-credits{order:3;width:100%;margin-top:-1rem}.footer-meta{order:1}.footer-contact-grid{order:2}}@media (width<=768px){.footer-top{flex-direction:column;gap:1.5rem;margin-top:1rem}.footer-actions{flex-direction:column;gap:1.5rem;width:100%}.action-link{justify-content:space-between;width:100%;padding-bottom:12px}.footer-middle{border-top:0;flex-direction:column;gap:2.8rem;padding-top:1.5rem}.footer-meta{order:1}.footer-contact-grid{flex-direction:column;order:2;gap:3rem;width:100%}.footer-credits{order:3;width:100%;margin-top:0}.social-links{gap:1.2rem 2rem}.vance-water-wrapper{margin-top:2rem;padding:8px 0}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#191919;background-image:radial-gradient(circle,#1f1f1f 0%,#141414 40%,#0a0a0a 100%);background-attachment:fixed;width:100%;height:100%;overflow-x:clip}body:before{content:"";opacity:.13;mix-blend-mode:soft-light;pointer-events:none;z-index:9;will-change:transform;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZmlsdGVyIGlkPSdub2lzZUZpbHRlcic+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuOScgbnVtT2N0YXZlcz0nMycgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNub2lzZUZpbHRlciknLz48L3N2Zz4=);background-repeat:repeat;width:300%;height:300%;animation:4s steps(8,end) infinite cinematic-static;position:fixed;top:-100%;left:-100%}@keyframes cinematic-static{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}body:after{content:"";z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#webgl-bg{z-index:0;pointer-events:none;opacity:1;visibility:visible;width:100vw;height:100vh;transition:opacity .5s,visibility .5s;display:block;position:fixed;top:0;left:0;overflow-x:hidden;background:0 0!important}.scroll-indicator{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.scroll-text{letter-spacing:.3em;text-transform:uppercase;color:#fff9;font-family:Geist,sans-serif;font-size:.7rem}.scroll-line-track{background-color:#ffffff26;border-radius:2px;width:2px;height:50px;position:relative;overflow:hidden}.scroll-line-fill{background-color:var(--color-white-smoke);width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(-100%)}#webgl-bg.is-hidden{opacity:0;visibility:hidden}.content{z-index:10;position:relative;background:0 0!important}.home-section{z-index:10;position:relative}.content{min-height:380vh;color:var(--color-gray-sage);-webkit-user-select:none;user-select:none;padding:1.1rem;overflow-x:hidden}.ui-portfolio,.ui-status{z-index:3;letter-spacing:.1em;text-transform:uppercase;color:#f3f4ec80;pointer-events:auto;font-feature-settings:"tnum" on, "cv05" on;margin:0;font-family:Geist,sans-serif;font-size:.79rem;font-weight:400;position:fixed;bottom:1rem}.ui-portfolio{left:1.5rem}.ui-status{z-index:100;align-items:center;gap:.6rem;display:flex;right:1.5rem}.status-dot{background-color:#0f6;border-radius:50%;width:8px;height:8px;margin-bottom:1px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #0f69}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.space-3d-text{z-index:1;pointer-events:none;perspective:800px;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-word{color:#f3f4ece6;letter-spacing:-.06rem;will-change:transform, opacity;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Familjen Grotesk,sans-serif;font-weight:800;position:absolute}.word-1{font-size:clamp(4rem,9vw,6.5rem);top:30%;left:16%}.word-2{font-size:clamp(2.8rem,7vw,5.3rem);top:50%;right:14%}.word-3{font-size:clamp(2.4rem,7.5vw,5.2rem);top:58%;left:23%}.word-4{text-align:center;font-size:clamp(2.4rem,7vw,4.8rem);top:54%;left:50%}#title2-bg.title-main{transform-origin:50%;text-transform:none;text-align:center;color:#f3f4ece6;letter-spacing:.01em;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.2;top:40%;left:50%}@media (width<=768px){.bg-word{white-space:normal}.word-1{top:42%;left:5%}.word-2{top:50%;right:20%}.word-3{top:45%;right:5%}.word-4{top:50%;left:20%}#title2-bg.title-main{width:100%;top:40%}.ui-portfolio,.ui-status{font-size:.7rem}.status-dot{width:6px;height:6px}}#title-products-bg{color:#c5f02ecc;text-underline-offset:6px}.ux-word{color:#c5f02ecc}#title2-bg .line{display:block}.bg-word span.char{will-change:transform, opacity, filter;white-space:pre;opacity:var(--char-opacity,.15);transform:translateZ(calc(var(--char-index,0) * 15px));display:inline-block;position:relative}.bg-word span.char.is-glitching{color:#fff;text-shadow:-2px 0 #f05,2px 0 #0ff;animation:2s step-end infinite charGlitch}@keyframes charGlitch{0%{transform:translateZ(calc(var(--char-index,0) * 15px)) translate(1px, -1px);filter:hue-rotate(90deg)}50%{transform:translateZ(calc(var(--char-index,0) * 15px)) translate(-2px, 1px);filter:hue-rotate(180deg)}to{transform:translateZ(calc(var(--char-index,0) * 15px)) translate(0px, 0px);filter:none}}.hero-fade-overlay{pointer-events:none;opacity:0;z-index:10;background-color:#111;width:100%;height:100vh;position:fixed;top:0;left:0}.transition-wrapper{height:300vh;position:relative}.transition-section{flex-direction:column;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}[class^=transition-bg]{will-change:clip-path;clip-path:inset(100% 0 0);margin-top:-1px}.transition-bg1{background-color:var(--color-white-smoke);width:100%;height:10vh}.transition-bg2{background-color:var(--color-white-smoke);width:100%;height:15vh}.transition-bg3{background-color:var(--color-white-smoke);width:100%;height:20vh}.transition-bg4,.transition-bg5{background-color:var(--color-white-smoke);width:100%;height:12.5vh}.transition-bg6{background-color:var(--color-white-smoke);width:100%;height:15vh}.transition-bg7{background-color:var(--color-white-smoke);width:100%;height:27vh}.personal-photo{background-color:var(--color-lime-acid);width:80px;height:230px}.about-container{z-index:11;box-sizing:border-box;justify-content:center;align-items:center;gap:30px;width:100%;height:100vh;padding:0 5vw;display:flex;position:absolute;top:0;left:0}.about-title{color:var(--color-gray-black);letter-spacing:-.18rem;-webkit-user-select:none;user-select:none;margin:0;font-family:Familjen Grotesk,sans-serif;font-size:clamp(2rem,2.7vw,3.2rem);font-weight:500}.about-content{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:700px;display:flex}.about-content p{color:var(--color-gray-black);font-family:Geist,sans-serif;font-size:clamp(1rem,1.9vw,3rem);font-weight:400;line-height:1.5}.personal-photo,.about-container h2{opacity:var(--scroll-progress);transform:translateY(calc((1 - var(--scroll-progress)) * 100px))}.about-container p{opacity:var(--scroll-progress);transform:translateY(calc((1 - var(--scroll-progress)) * 130px))}@media (width<=1024px){.about-container{transform:translateY(calc((1 - var(--scroll-progress)) * 180px))}.about-container h2{transform:translateY(calc((1 - var(--scroll-progress)) * 60px))}.about-container p{transform:translateY(calc((1 - var(--scroll-progress)) * 90px))}}@media (width<=768px){.about-container{transform:translateY(calc((1 - var(--scroll-progress)) * 100px));flex-direction:column;padding:0 8vw;display:flex}.personal-photo{width:200px;height:20px}.about-title{letter-spacing:-.1rem}.about-content{gap:16px}.about-container h2{transform:translateY(calc((1 - var(--scroll-progress)) * 30px))}.about-container p{transform:translateY(calc((1 - var(--scroll-progress)) * 50px))}.marquee-container{height:50px}.marquee-content{gap:1.5rem;padding-right:1.5rem}.marquee-content span{font-size:1.25rem}.marquee-content .dot{width:.8rem}}::selection{color:#0a0b0a;background-color:#c5f02e}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}.nav-menu{z-index:1011;-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);will-change:transform, opacity;isolation:isolate;background:#191919d1;border:2px solid #ffffff26;border-radius:32px;justify-content:space-between;align-items:center;width:1040px;max-width:90%;height:52px;margin:0 auto;padding:0 20px;transition:transform 1s cubic-bezier(.16,1,.3,1),max-width 1s cubic-bezier(.16,1,.3,1),opacity .8s ease-out;display:flex;position:fixed;top:10px;left:0;right:0;box-shadow:inset 0 1px 1px #ffffff26,0 0 0 1px #0003}.nav-links a,.mobile-links a{color:inherit;cursor:pointer;pointer-events:auto;text-decoration:none}header{z-index:1020;pointer-events:auto;position:relative}.nav-menu{pointer-events:auto;position:relative}.nav-links a,.mobile-links a{z-index:1002;cursor:pointer;display:block;position:relative;pointer-events:auto!important}.nav-menu{position:fixed}.nav-menu:after{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), transparent 0%, transparent 70%, #fff6 85%, #c6f02e54 95%, transparent 100%) border-box;-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:10;border:1.5px solid #0000;transition:opacity .3s;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nav-menu:hover:after{animation:1.2s ease-out forwards borderLight}@keyframes borderLight{0%{--border-angle:0turn;opacity:0}15%{opacity:1}75%{opacity:1}to{--border-angle:1turn;opacity:0}}#logo-vance{cursor:pointer;align-items:center;height:auto;margin-top:2px;display:flex}#logo-vance img{z-index:1001;width:99px;height:auto;display:block}.nav-links{align-items:center;gap:37px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{color:var(--color-white-smoke);letter-spacing:-.02rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;box-sizing:border-box;will-change:filter, transform;font-family:Familjen Grotesk,sans-serif;font-size:1.28rem;font-weight:500;text-decoration:none;transition:filter .3s ease-out,transform .25s ease-out;display:inline-block;transform:translateY(-2px)}.nav-links a{color:#d3d4d0;text-decoration:none;display:inline-flex;overflow:hidden}.roll-text{display:flex}.roll-char{transition:transform .5s cubic-bezier(.76,0,.24,1);transition-delay:calc(var(--char-index) * 25ms);display:inline-block;position:relative}.roll-char:after{content:attr(data-char);color:var(--color-white-smoke);position:absolute;top:100%;left:0}.nav-links li:hover .roll-char{transform:translateY(-100%)}.nav-links li{transition:opacity .4s ease-in,filter .35s ease-in,transform .3s ease-in}.nav-links:has(li:hover) li{opacity:.35}.nav-links:has(li:hover) li:hover{opacity:1}.nav-work{color:#c5f02e99}.nav-work .roll-char:after{color:#c5f02e}.cv-a{text-decoration:none}.cv-btn{cursor:pointer;background:#c5f02e47;border:2px solid #c5f02e59;border-radius:27px;justify-content:center;align-items:center;gap:8px;width:118px;height:37px;transition:all .3s;display:flex;position:relative;left:13px;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 12px #00000026}.cv-btn:hover{background:#c5f02e66;border-color:#c5f02e;box-shadow:inset 0 1px 1px #ffffff1a,0 0 6px #c5f02e40}.cv-title{color:var(--color-lime-acid);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-family:Familjen Grotesk,sans-serif;font-size:1.1rem;font-weight:500;transform:translateY(-2px)}.cv-arrow{width:13px;height:13px;position:relative}.cube-arrow,.arrow-diagon{position:absolute}.cube-arrow{width:13px;height:auto;transition:transform .15s ease-in}.arrow-diagon{width:13px;height:auto;transition:transform .15s ease-in;bottom:3px;left:3px}.cv-btn:hover .cube-arrow{transform:scale(.9)}.cv-btn:hover .arrow-diagon{transform:translate(2px,-2px)}.menu-btn{cursor:pointer;z-index:1001;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:49px;height:40px;display:none;position:relative;left:6px;transform:translateZ(0);box-shadow:inset 0 1px 1px #fff3,0 15px 10px -15px #00000080,0 0 0 1px #0003}.menu-btn .bar{transform-origin:50%;-webkit-user-select:none;user-select:none;width:23px;height:auto}.mobile-links{display:none}.line-menu{background-color:var(--color-gray-sage);opacity:.3;width:70%;height:.5px;margin-top:34vh;display:none}@media (width<=768px){.nav-menu{width:78%;padding:0 18px;top:15px}.nav-links{display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:1002;visibility:hidden;opacity:0;pointer-events:none;background:#0a0b0af2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateZ(0)}.mobile-links{z-index:11;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:80%;height:calc(80vh - 80px);margin:0;padding:0;list-style:none;display:flex;position:fixed;top:40px}.mobile-links li{color:var(--color-gray-sage);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01rem;font-size:48px;font-weight:700;text-decoration:none;transition:opacity .25s!important}.line-menu{display:flex}.mobile-links .cv-a{color:var(--color-lime-acid)}.mobile-links li:hover{opacity:.5!important}.cv-btn{display:none}#logo-vance img{width:105px;height:auto}.menu-btn{justify-content:center;align-items:center;display:flex}}.work-section{z-index:1000;background:linear-gradient(#f3f4ec 0%,#d3d4d0 60%,#b8b8b7 100%);border-top:1px solid #85887d80;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.work-container{align-items:center;width:100%;padding-left:3vw;display:flex}.work-header{z-index:10;flex-direction:column;flex:0 0 43vw;justify-content:center;align-items:center;gap:50px;margin-top:60px;margin-right:5vh;display:flex}.work-title{color:var(--color-gray-black);text-align:center;-webkit-user-select:none;user-select:none;letter-spacing:-.05em;font-size:clamp(3rem,4.5vw,5rem);font-weight:400;line-height:1}.work-highlight{font-weight:500}.work-counter{font-family:var(--font-mono,monospace), monospace;color:var(--color-gray-black);letter-spacing:.08rem;-webkit-user-select:none;user-select:none;font-size:1.65rem;font-weight:500}.work-counter .current-index{color:var(--color-gray-black);font-weight:500;transition:color .3s}.work-counter .divider{opacity:.8;margin:0 2px}.work-subtitle{color:var(--color-gray-black);-webkit-user-select:none;user-select:none;width:11.4rem;margin:0 auto;padding-bottom:8px;display:block;position:relative}.work-subtitle:after{content:"";background-color:var(--color-gray-black);transform-origin:0;width:100%;height:.8px;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0;transform:scaleX(1)}.work-subtitle:hover:after{transform-origin:100%;transform:scaleX(0)}.work-track{align-items:center;margin-left:5vw;padding-right:5vw;gap:0!important;display:flex!important}.project-card{color:#fff;box-sizing:border-box;will-change:transform, opacity, filter;perspective:1200px;border-left:1px solid #85887d80;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:50vw;height:100vh;margin:0;font-size:2rem;display:flex;overflow:hidden}.project-up{flex-direction:column;justify-content:center;align-items:center;display:flex}.project-card.card3{border-right:1px solid #85887d80!important}.project{cursor:pointer;width:41vw;height:59vh;transform-style:preserve-3d;will-change:transform, box-shadow;border-radius:6px;flex-shrink:0;margin-top:1vh;transition:transform .8s cubic-bezier(.16,1,.3,1),border-color .5s,box-shadow .8s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateZ(0)}.project img{object-fit:cover;width:100%;height:100%;transition:transform 1.5s cubic-bezier(.16,1,.3,1);display:block}.project:hover img{transform:scale(1.2)translateZ(10px)}.project-info{justify-content:space-between;align-items:flex-end;width:99%;display:flex}.project-description{flex-direction:column;gap:6px;max-width:250px;padding-top:12px;display:flex;overflow-y:auto}.project-title{color:var(--color-gray-black);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;margin:0;font-size:1.8rem;font-weight:500;line-height:1.2}.sub-project-des{color:var(--color-gray-black);-webkit-user-select:none;user-select:none;margin:0;font-size:.85rem;font-weight:400;line-height:1.4}.explore-btn{--ease:cubic-bezier(.16, 1, .3, 1);width:165px;height:40px;color:var(--color-gray-black);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Geist,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none;display:block;position:relative;overflow:hidden}.btn-text{white-space:nowrap;z-index:2;align-items:center;display:inline-flex;position:absolute;top:54%;transform:translateY(-50%)}.btn-letter{will-change:transform;transition:transform 1.5s var(--ease);display:inline-block;transform:translate(0)}.explore-btn.is-hover .btn-letter{transform:translate(48px)}.arrow-mask{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.explore-btn{--ease:cubic-bezier(.16, 1, .3, 1);--arrow-gap:.5s}.arrow-track{width:100%;height:100%;position:absolute;inset:0}.arrow-track img{will-change:transform;width:15px;height:15px;transition-property:transform;transition-duration:.65s;transition-timing-function:var(--ease);display:block;position:absolute;top:54%}.arrow-track img:first-child{transition-delay:0s;left:4px;transform:translate(-28px,-50%)}.arrow-track img:nth-child(2){transition-delay:var(--arrow-gap);right:4px;transform:translateY(-50%)}.explore-btn:hover .arrow-track img:first-child{transition-delay:var(--arrow-gap);transform:translateY(-50%)}.explore-btn:hover .arrow-track img:nth-child(2){transition-delay:0s;transform:translate(28px,-50%)}.explore-btn:hover .arrow-track{transform:translate(0)}.explore-btn:before{content:"";z-index:1;will-change:transform;backface-visibility:hidden;background:#1919194d;width:100%;height:1px;position:absolute;bottom:0;left:0}.explore-btn:after{content:"";background:var(--color-gray-black);transform-origin:0;width:100%;height:1px;transition:transform 1s var(--ease);z-index:4;will-change:transform;backface-visibility:hidden;position:absolute;bottom:0;left:0;transform:scaleX(0)}.explore-btn:hover:after{transform:scaleX(1)}.work-track{align-items:center;gap:40px;margin-left:1vw;padding-right:2vw;display:flex}.work-end{flex-shrink:0;justify-content:center;align-items:center;width:48vw;margin-left:6vw}.work-end-title{color:var(--color-gray-black);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.05em;font-size:clamp(2rem,3.8vw,5rem);font-weight:400;line-height:1}.hover-char{will-change:transform, filter, opacity;display:inline-block}.hover-char.active{animation:1s forwards rollBlurFade}@keyframes rollBlurFade{0%{filter:blur();opacity:1;animation-timing-function:cubic-bezier(.4,0,.7,.2);transform:translateY(0)}45%{filter:blur(10px);opacity:0;transform:translateY(-30%)}50%{filter:blur(10px);opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(30%)}to{filter:blur();opacity:1;transform:translateY(0)}}@media (width<=1024px){.work-section{height:auto;min-height:100vh;padding:10vh 0;display:block;overflow:visible}.work-container{flex-direction:column;padding-left:0}.work-header{flex:none;gap:20px;width:100%;margin:0 0 8vh;padding:0 5vw}.work-track{width:100%;margin:0;padding:0 5vw;flex-direction:column!important;gap:6vh!important}.project-card{border-bottom:1px solid #85887d4d;border-left:none;gap:20px;width:100%;height:auto;padding-bottom:5vh}.project-card.card3{border-bottom:none;border-right:none!important}.project{width:100%;height:50vh;margin-top:0}.project-info{flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;margin-left:20px}.project-description{padding-top:10px}.work-end{width:100%;margin:10vh 0;padding:0 5vw}.work-end-title{white-space:normal;font-size:clamp(2.5rem,8vw,4rem)}}:root{--color-black-deep:#0a0b0a;--color-white-smoke:#f3f4ec;--color-gray-sage:#bdc1b3;--color-lime-acid:#c5f02e;--color-gray-black:#434343}.skill-section,.skill-section *{box-sizing:border-box;margin:0;padding:0}.skill-section{z-index:1001;contain:layout style paint;background-color:#191919;border-bottom:1px solid #ffffff14;flex-direction:column;justify-content:center;padding:clamp(4rem,12vw,18rem) 5vw;display:flex;position:relative;overflow:hidden}.skill-container{flex-direction:column;gap:clamp(2rem,4vw,3rem);width:100%;max-width:1400px;display:flex}.skill-label{letter-spacing:-.03em;color:var(--color-gray-sage);-webkit-user-select:none;user-select:none;opacity:.8;font-family:Familjen Grotesk,sans-serif;font-size:3rem;font-weight:500;line-height:1.1}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.skill-card{z-index:1;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1.8rem;padding:2rem;transition:border-color .3s,background .3s;display:flex;position:relative}.skill-card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0;box-shadow:0 0 500px 10px #c5f02e4d}.skill-card:hover{background:#ffffff0a;border-color:#c5f02e66}.skill-card h3{color:#f5f6f5;-webkit-user-select:none;user-select:none;font-family:Geist,sans-serif;font-size:1rem;font-weight:500}.skill-card p{color:#888;-webkit-user-select:none;user-select:none;margin-top:auto;font-family:Geist,sans-serif;font-size:.85rem;line-height:1.5}.logos-wrapper{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.logos-wrapper img{opacity:.6;filter:grayscale();width:auto;height:38px;transition:opacity .3s,transform .3s,filter .3s}.skill-card:hover:before{opacity:1}.skill-card:hover .logos-wrapper img{opacity:1;filter:grayscale(0%);transform:translateY(-3px)}.expertise-section{flex-direction:column;gap:2.5rem;width:100%;margin-top:clamp(3rem,8vw,12rem);display:flex}.expertise-header{flex-direction:column;gap:.5rem;display:flex}.expertise-count{color:var(--color-gray-sage);opacity:.7;font-family:Familjen Grotesk,sans-serif;font-size:1rem}.box-expertise-down{background-color:var(--color-lime-acid);opacity:.7;width:200px;height:40px;margin-top:170px}@media (width>=1024px){.expertise-section{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4rem}.expertise-header{width:25%;position:sticky;top:120px}.expertise-grid{grid-template-columns:1fr 1fr;column-gap:4rem;width:75%;display:grid}}@media (width<=1023px){.expertise-grid{flex-direction:column;gap:0;display:flex}.skill-label{font-size:2.3rem}.expertise-header{display:flex}.box-expertise-down{width:100px;height:24px;margin:10px 0 0}}.expertise-list{flex-direction:column;width:100%;list-style:none;display:flex}.expertise-item{color:#888;cursor:crosshair;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.1rem 0;font-family:Geist,sans-serif;font-size:clamp(.95rem,1.2vw,1.3rem);transition:border-color .4s;display:flex}.expertise-list li{font-weight:600}.expertise-section{border-top:1px solid #ffffff14;padding-top:70px}.item-name{-webkit-user-select:none;user-select:none;transition:color .4s,transform .4s cubic-bezier(.16,1,.3,1)}.item-number{opacity:.4;font-variant-numeric:tabular-nums;font-size:.85rem;transition:color .4s,opacity .4s}.expertise-item:hover{border-bottom-color:#c5f02e80}.expertise-item:hover .item-name{color:#f3f4ec;transform:translate(8px)}.expertise-item:hover .item-number{color:var(--color-lime-acid);opacity:1}