:root{--bg-primary:#fff;--text-primary:#141412;--text-secondary:#666;--accent:#ff3b30;--border-color:#0000001a;--grid-line:#0000000d;--section-padding:80px 5%;--font-serif:"Outfit",sans-serif;--font-sans:"Inter",sans-serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);overflow-x:hidden}.grid-bg{pointer-events:none;z-index:-1;justify-content:space-around;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.grid-line{background-color:var(--grid-line);width:1px;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);font-size:1rem}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section{padding:var(--section-padding);position:relative}.btn{border:1px solid var(--text-primary);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);background:0 0;padding:.7rem 1.8rem;font-size:.75rem;font-weight:600;transition:all .4s cubic-bezier(.165,.84,.44,1);display:inline-block}.btn:hover{background:var(--text-primary);color:var(--bg-primary);opacity:1!important}.btn-dark{background:var(--text-primary);color:var(--bg-primary)}.btn-dark:hover{color:var(--text-primary);background:0 0}.btn-light{color:#fff;border-color:#fff}.btn-light:hover{color:#141412;background:#fff}.dark-section{color:#fff;background-color:#141412}.dark-section p{color:#fff9}.dark-section .btn{color:#fff;border-color:#fff}.dark-section .btn:hover{color:#141412;background:#fff}.reveal{opacity:0;transform:translateY(30px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#141412}@media (max-width:768px){:root{--section-padding:60px 5%}}.showcase-link:hover{opacity:1!important}.showcase-card{background:#000!important}.showcase-image{transition:filter .6s,transform .6s!important}.showcase-logo{pointer-events:none;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)!important}.showcase-card:hover .showcase-image{filter:blur(2px);transform:scale(1.1)}.showcase-card:hover .showcase-logo{opacity:1!important;transform:scale(1)translateY(-10px)!important}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}@media (max-width:768px){.showcase-grid{grid-template-columns:1fr!important}}.next-project-title:hover{color:var(--accent)}@media (max-width:768px){.project-hero{padding-top:15vh!important;padding-bottom:5vh!important}.project-hero h1{margin-bottom:2.5rem!important;font-size:clamp(2.5rem,15vw,4rem)!important}.project-meta{grid-template-columns:1fr!important;gap:1.5rem!important}.project-grid{grid-template-columns:1fr!important;gap:2rem!important;margin-bottom:3rem!important}.gallery-grid img,.gallery-grid div[style*=height]{height:auto!important;min-height:250px!important}}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.8rem;font-size:.8rem;font-weight:700;display:block}.form-input-premium{width:100%;color:var(--text-primary);font-size:1.5rem;font-family:var(--font-serif);background:0 0;border:none;border-bottom:1px solid #0000001a;outline:none;padding:1rem 0;transition:border-color .3s}.form-input-premium:focus{border-bottom-color:var(--accent)}.form-input-premium.dark{color:#fff;border-bottom-color:#fff3}.form-input-premium.dark:focus{border-bottom-color:#fff}.form-input-premium.dark::placeholder{color:#fff6}.option-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000001a;padding:2rem;transition:all .4s cubic-bezier(.165,.84,.44,1)}.option-card:hover{transform:translateY(-5px);border-color:var(--accent)!important}.option-card.active{border:2px solid var(--accent);background:#ff3b300d}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}