*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background:#000;color:#fff;cursor:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:0}.cursor-outer{border:1px solid #ffffff80;height:40px;mix-blend-mode:difference;transition:width .3s ease,height .3s ease,border-color .3s ease,opacity .3s ease;width:40px}.cursor-inner,.cursor-outer{border-radius:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:99999}.cursor-inner{background:#fff;height:6px;width:6px}.cursor-outer.hovering{border-color:#fffc;height:60px;width:60px}.navbar{align-items:center;display:flex;height:72px;justify-content:space-between;left:0;padding:0 40px;position:fixed;right:0;top:0;transition:background .4s ease;z-index:1000}.navbar.scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000000b3;border-bottom:1px solid #ffffff14}.nav-logo{color:#fff;cursor:none;font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:36px}.nav-link{color:#ffffffa6;cursor:none;font-size:.72rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;transition:color .25s ease}.nav-cta,.nav-link:hover{color:#fff}.nav-cta{border:1px solid #ffffff59;cursor:none;font-size:.72rem;letter-spacing:.12em;padding:9px 22px;text-transform:uppercase;transition:background .25s ease,color .25s ease}.nav-cta:hover{background:#fff;color:#000}.video-section{display:flex;flex-direction:column;height:100vh;justify-content:flex-end;overflow:hidden;position:relative;width:100%}.video-bg{height:100%;object-fit:cover;width:100%;z-index:0}.video-bg,.video-overlay{inset:0;position:absolute}.video-overlay{background:linear-gradient(180deg,#00000026 0,#0000 40%,#0000008c 80%,#000000d9);z-index:1}.video-content{padding:0 40px 56px;position:relative;z-index:2}.section-tag{color:#ffffff73;font-size:.68rem;font-weight:400;letter-spacing:.14em;margin-bottom:16px;text-transform:uppercase}.video-heading{color:#fff;font-size:clamp(2rem,5.5vw,4.8rem);font-weight:300;letter-spacing:-.02em;line-height:1.08;margin-bottom:20px;max-width:900px}.video-sub{color:#ffffff8c;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:300;line-height:1.6;margin-bottom:28px;max-width:540px}.video-link{align-items:center;border-bottom:1px solid #fff3;color:#ffffffb3;cursor:none;display:inline-flex;font-size:.75rem;font-weight:400;gap:10px;letter-spacing:.1em;padding-bottom:3px;text-transform:uppercase;transition:color .25s,border-color .25s}.video-link:hover{border-color:#fff;color:#fff}.video-link .arrow{transition:transform .25s}.video-link:hover .arrow{transform:translateX(4px)}.text-section{align-items:center;background:#000;border-top:1px solid #ffffff12;display:flex;min-height:100vh;padding:120px 40px;position:relative;width:100%}.text-section-inner{margin:0 auto;max-width:1200px;width:100%}.about-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.projects-list{border-top:1px solid #ffffff1a}.project-row{grid-gap:24px;align-items:center;border-bottom:1px solid #ffffff12;cursor:none;display:grid;gap:24px;grid-template-columns:60px 1fr 200px 48px;overflow:hidden;padding:32px 0;position:relative;transition:border-color .3s}.project-row:before{bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .5s ease;width:0}.project-row:hover:before{width:100%}.project-row:hover{border-bottom-color:#ffffff26}.project-num{color:#ffffff40;font-size:.68rem;font-weight:300;letter-spacing:.1em}.project-name{color:#fff;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:300;letter-spacing:-.01em;transition:transform .3s}.project-row:hover .project-name{transform:translateX(8px)}.project-cat{color:#ffffff4d;font-size:.68rem;letter-spacing:.1em;text-align:right;text-transform:uppercase}.project-arrow{align-items:center;border:1px solid #ffffff26;border-radius:50%;color:#ffffff80;display:flex;font-size:1rem;height:40px;justify-content:center;justify-self:end;transition:border-color .3s,transform .4s,background .3s,color .3s;width:40px}.project-row:hover .project-arrow{background:#fff;border-color:#fff9;color:#000;transform:rotate(45deg)}.skill-item{margin-bottom:28px}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name{color:#ffffffa6;font-size:.82rem;font-weight:300;letter-spacing:.02em}.skill-pct{color:#ffffff40;font-size:.68rem;letter-spacing:.08em}.skill-track{background:#ffffff14;height:1px;overflow:hidden;position:relative}.skill-fill{background:#fff;height:100%;left:0;position:absolute;top:0;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.footer{background:#000;border-top:1px solid #ffffff14;padding:80px 40px 48px}.footer-top{grid-gap:80px;border-bottom:1px solid #ffffff12;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:64px;padding-bottom:64px}.footer-logo{color:#fff;font-size:1.5rem;font-weight:300;letter-spacing:.05em;margin-bottom:20px}.footer-tagline{color:#ffffff59;font-size:.82rem;font-weight:300;line-height:1.65;margin-bottom:32px;max-width:320px}.footer-newsletter-label{color:#fff6;font-size:.68rem;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.footer-newsletter-form{border:1px solid #ffffff2e;display:flex;gap:0;max-width:380px}.footer-email-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.8rem;font-weight:300;padding:12px 16px}.footer-email-input::placeholder{color:#ffffff40}.footer-signup-btn{background:#fff;border:none;color:#000;cursor:none;font-size:.68rem;font-weight:500;letter-spacing:.1em;padding:12px 20px;text-transform:uppercase;transition:background .25s}.footer-signup-btn:hover{background:#ffffffd9}.footer-links-col h4{color:#ffffff4d;font-size:.68rem;font-weight:400;letter-spacing:.12em;margin-bottom:20px;text-transform:uppercase}.footer-link{color:#ffffff80;cursor:none;display:block;font-size:.82rem;font-weight:300;margin-bottom:12px;transition:color .25s}.footer-link:hover{color:#fff}.footer-bottom{align-items:center;display:flex;justify-content:space-between}.footer-copy{color:#fff3;font-size:.7rem;font-weight:300;letter-spacing:.06em}.footer-bismillah{color:#ffffff26;font-size:.8rem;letter-spacing:.06em}.footer-socials{display:flex;gap:24px}.footer-social{color:#ffffff4d;cursor:none;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;transition:color .25s}.footer-social:hover{color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .4s ease;z-index:9000}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:#0a0a0a;border:1px solid #ffffff1f;max-width:600px;padding:56px;position:relative;transform:translateY(40px);transition:transform .4s ease;width:100%}.modal-overlay.open .modal-box{transform:translateY(0)}.modal-close{color:#fff6;cursor:none;font-size:1.4rem;line-height:1;position:absolute;right:28px;top:24px;transition:color .2s}.modal-close:hover{color:#fff}.modal-title{color:#ffffff4d;font-size:.68rem;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.modal-heading{color:#fff;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:36px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-label{color:#ffffff59;display:block;font-size:.65rem;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.form-input,.form-textarea{background:#0000;border:none;border-bottom:1px solid #ffffff26;color:#fff;font-size:.88rem;font-weight:300;padding:10px 0;transition:border-color .25s;width:100%}.form-input:focus,.form-textarea:focus{border-bottom-color:#fff9}.form-textarea{height:80px;resize:none}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff2e}.form-submit{background:#fff;border:none;color:#000;cursor:none;font-size:.72rem;font-weight:500;letter-spacing:.12em;margin-top:28px;padding:14px;text-transform:uppercase;transition:background .25s;width:100%}.form-submit:hover{background:#ffffffe0}.fade-up{opacity:0;transform:translateY(48px);transition:opacity .9s ease,transform .9s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.section-heading{color:#fff;font-size:clamp(2rem,5vw,4.2rem);font-weight:300;letter-spacing:-.03em;line-height:1.08;margin-bottom:16px}.section-subheading{color:#ffffff73;font-size:clamp(.85rem,1.2vw,1rem);font-weight:300;line-height:1.65;margin-bottom:56px;max-width:480px}.stat-grid{border:1px solid #ffffff14;display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px}.stat-item{border-right:1px solid #ffffff14;padding:40px 32px}.stat-item:last-child{border-right:none}.stat-num{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;letter-spacing:-.04em;line-height:1;margin-bottom:8px}.stat-label{color:#ffffff4d;font-size:.68rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.info-grid{border:1px solid #ffffff14;display:grid;grid-template-columns:1fr 1fr;margin-top:40px}.info-cell{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;padding:24px}.info-cell:nth-child(2n){border-right:none}.info-cell:nth-last-child(-n+2){border-bottom:none}.info-cell-label{color:#ffffff38;font-size:.6rem;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.info-cell-value{color:#ffffffb8;font-size:.88rem;font-weight:300}@keyframes pageIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn .7s ease both}@media (max-width:768px){.navbar{padding:0 20px}.nav-links{gap:20px}.video-content{padding:0 20px 40px}.text-section{padding:80px 20px}.about-grid{gap:48px;grid-template-columns:1fr}.project-row{grid-template-columns:40px 1fr 40px}.project-cat{display:none}.footer{padding:60px 20px 40px}.footer-top{gap:48px}.footer-top,.stat-grid{grid-template-columns:1fr}.stat-item{border-bottom:1px solid #ffffff14;border-right:none}.modal-box{margin:20px;padding:36px 24px}.form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.53bdea6b.css.map*/