@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";@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";.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}}:root{--color-black-deep:#0a0b0a;--color-white-smoke:#f3f4ec;--color-gray-sage:#bdc1b3;--color-lime-acid:#c5f02e;--color-gray-black:#434343}p,button,a{font-family:Geist,sans-serif}html,body{margin:0;padding:0}::selection{color:#0a0b0a;background-color:#c5f02e}.footer-section{border-top:1px solid #ffffff14}.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)}}.case-study-container{min-height:100vh;color:var(--color-white-smoke);background-color:#191919;grid-template-columns:35% 65%;display:grid}.case-sidebar{box-sizing:border-box;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;height:100vh;max-height:100vh;padding:32px 30px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-top{flex-shrink:0}.sidebar-middle{flex-direction:column;flex-grow:1;justify-content:flex-start;margin:34px 0 20px;display:flex}.sidebar-bottom{border-top:1px solid #ffffff26;flex-shrink:0;padding-top:15px}.nav-link{text-transform:uppercase;letter-spacing:.01rem;color:#a2a2a2;font-size:.83rem;text-decoration:none;transition:color .4s}.back-btn{cursor:pointer;width:fit-content;line-height:0}.back-btn span{margin-left:4px}.back-arrow{filter:brightness(0)saturate()invert(59%)sepia(0%)saturate(0%)hue-rotate(193deg)brightness(91%)contrast(85%);width:16px;height:auto;transition:filter .3s,transform .3s;position:relative;top:2px}.back-btn:hover .back-arrow{filter:brightness(0)saturate()invert(98%)sepia(3%)saturate(418%)hue-rotate(330deg)brightness(101%)contrast(92%);transform:translate(-3px)}.back-btn:hover .nav-link{color:#f3f4ec}.nav-link:hover{color:var(--color-white-smoke)}.project-title{border-top:1px solid #ffffff26;margin-top:14px;padding-top:14px;font-size:1.8rem;font-weight:500}.project-desc{color:#aaa;margin-top:-4px;font-size:.85rem;line-height:1.4}.project-roles{color:#888;padding:6px 0 0;font-size:.86rem;line-height:1.6;list-style:none}.project-roles li{font-family:Geist,sans-serif;font-weight:600}.tabs{-webkit-user-select:none;user-select:none;gap:20px;padding-bottom:5px;font-size:.8rem;font-weight:600;display:flex}.tabs span{color:#555;cursor:pointer;font-family:Geist,sans-serif;transition:color .5s}.tabs span.active,.tabs span:hover{color:var(--color-white-smoke)}.tab-content{color:#ccc;min-height:140px;font-size:.8rem;line-height:1.6;transition:opacity .2s ease-in-out}.view-live-container{padding-bottom:15px}.sidebar-bottom{border-top:1px solid #ffffff26;justify-content:space-between;padding-top:10px;display:flex}.case-gallery{flex-direction:column;gap:20px;height:300vh;padding:50px 30px;display:flex}.gallery-img{object-fit:cover;background-color:#1a1a1a;border-radius:8px;width:100%}.next-project-section{text-align:center;border-top:1px solid #ffffff0d;padding:80px 0}.next-project-link{color:var(--color-white-smoke);font-size:2rem;text-decoration:none}@media screen and (width<=1024px){.case-study-container{grid-template-columns:1fr}.case-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;height:auto;max-height:none;padding:50px 40px;position:relative}.sidebar-middle{flex-grow:0;margin-top:30px}.tab-content{min-height:auto;margin-bottom:30px}.sidebar-bottom{margin-top:20px}.case-gallery{gap:30px;height:auto;padding:50px 40px}}@media screen and (width<=768px){.case-sidebar{padding:30px 20px}.project-title{font-size:1.6rem}.tabs{flex-wrap:wrap;gap:15px}.case-gallery{gap:20px;padding:30px 20px}.next-project-section{padding:50px 0}.next-project-link{font-size:1.5rem}}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}