@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg:#030712;--color-text:#f9fafb;--color-accent:#14b8a6;--font-serif:"Cinzel", serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;top:0;left:0;position:fixed!important}.content-wrapper{z-index:10;flex-direction:column;display:flex;position:relative}.spacer-section{height:50vh}.hero{flex-direction:column;justify-content:center;height:100vh;padding:0 10%;display:flex}.hero-title{letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(3rem,8vw,8rem);line-height:1.1}.hero-title span{color:var(--color-accent);font-style:italic}.hero-subtitle{opacity:.8;max-width:500px;font-size:1.25rem;font-weight:300;line-height:1.6}.nav{z-index:50;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:2rem 5%;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-serif);letter-spacing:.2em;font-size:1.5rem;font-weight:600}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.6}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 10%;display:flex}.section-header{margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1.1}.section-title span{color:var(--color-accent);font-style:italic}.section-subtitle{opacity:.7;max-width:600px;font-size:1.125rem}.before-after-section{background:linear-gradient(#0000 0%,#010308 100%)}.slider-container{-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;max-width:1200px;height:60vh;min-height:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.slider-image-layer{width:100%;height:100%;position:absolute;top:0;left:0}.slider-image-layer img{object-fit:cover;pointer-events:none;width:100%;height:100%}.slider-label{letter-spacing:.2em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000080;border:1px solid #ffffff1a;padding:.5rem 1rem;font-size:.875rem;position:absolute;top:2rem}.label-before{left:2rem}.label-after{right:2rem}.slider-handle{background:var(--color-accent);cursor:ew-resize;z-index:10;justify-content:center;align-items:center;width:4px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.handle-button{background:var(--color-bg);border:2px solid var(--color-accent);width:48px;height:48px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:-22px}.projects-section{background-color:#010308}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.project-card{aspect-ratio:4/5;cursor:pointer;border-radius:4px;position:relative;overflow:hidden}.project-image-container{width:100%;height:100%;position:relative}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:2.5rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{letter-spacing:.05em;margin-bottom:.5rem;font-size:1.5rem}.project-overlay p{opacity:.7;letter-spacing:.1em;text-transform:uppercase;font-size:.875rem}.footer-section{background-color:#000;flex-direction:column;padding:8rem 10% 2rem;display:flex}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4rem;margin-bottom:8rem;display:flex}.philosophy-text{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.philosophy-text span{color:var(--color-accent);font-style:italic}.contact-box{background:#030712;border:1px solid #ffffff0d;border-radius:4px;width:100%;max-width:450px;padding:3rem}.contact-box h3{margin-bottom:1rem;font-size:1.5rem}.contact-box p{opacity:.6;margin-bottom:2rem;font-size:.875rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.contact-form input{color:#fff;font-family:var(--font-sans);background:0 0;border:none;border-bottom:1px solid #fff3;outline:none;padding:1rem 0;font-size:1rem;transition:border-color .3s}.contact-form input:focus{border-color:var(--color-accent)}.submit-btn{background:var(--color-text);color:var(--color-bg);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;margin-top:1rem;padding:1rem 2rem;font-size:.875rem;font-weight:500;transition:opacity .3s}.submit-btn:hover{opacity:.8}.footer-bottom{text-align:center;opacity:.5;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.75rem}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}.lenis.lenis-smooth iframe{pointer-events:none}