.reveal-inner{transition:transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(100%)}.reveal-inner.is-visible{transform:translateY(0)}.fade-inner{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.fade-inner.is-visible{opacity:1;transform:translateY(0)}
.fixed-mesh{position:fixed!important}.hero-title{margin-bottom:0;line-height:.95}.hero-title.highlight{color:var(--primary-light)}.hero-sub{z-index:10;position:relative}.hero-subtitle{max-width:500px;font-size:1.2rem;line-height:1.8}.cinematic-line{background-color:var(--border-glass);z-index:1;position:absolute}.vertical-line{width:1px;height:100vh}.horizontal-line{width:100vw;height:1px}.left-line{top:0;left:10%}.bottom-line{bottom:15%;left:0}.offset-box{margin-left:-100px;transform:translateY(50px)}.services-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:3rem;display:grid}.service-block{border-top:1px solid var(--border-glass);padding-top:2rem}.service-number{font-family:var(--font-outfit);color:var(--border-glass);margin-bottom:1rem;font-size:3rem;font-weight:700}
.about-page{min-height:calc(100vh - 280px)}.about-content{padding:2.5rem}.about-content h3{color:var(--primary-color);margin-bottom:1rem}.p-8{padding:2rem}.rounded{border-radius:16px}
.services-page{min-height:60vh}
.blogs-page{min-height:60vh}.blog-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.blog-date{color:var(--secondary-color);font-size:.875rem;font-weight:500}.blog-title{color:var(--primary-color);margin-bottom:0;font-size:1.25rem}.blog-excerpt{color:var(--text-sec);flex-grow:1}.blog-read-more{color:var(--primary-color);font-size:.875rem;font-weight:600}.blog-read-more:hover{text-decoration:underline}
.contact-page{min-height:60vh}.contact-info,.contact-form{padding:2.5rem}.contact-info h3,.contact-form h3{color:var(--primary-color);margin-bottom:1rem}.info-item p{color:var(--text-sec)}.info-item a{color:var(--secondary-color)}.info-item a:hover{text-decoration:underline}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--border-glass);background:var(--bg-main);width:100%;color:var(--text-main);border-radius:8px;padding:.75rem 1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.w-full{width:100%}
