@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--white: #ffffff;--black: #000000;--indigo-dark: #1e50a2;--indigo-darker: #163d7d;--indigo-base: #1e50a2;--indigo-light: #2863b8;--gray-light: rgba(255, 255, 255, .6);--gray-lighter: rgba(255, 255, 255, .4);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--header-height: 100px;--container-max: 1400px;--easing: cubic-bezier(.25, .46, .45, .94);--easing-out: cubic-bezier(.215, .61, .355, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overscroll-behavior:none}body{font-family:var(--font-main);color:var(--white);background-color:var(--indigo-dark);line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.02em}.App{min-height:100vh;position:relative;background:var(--indigo-dark)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--indigo-dark);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity 1s var(--easing-out)}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-logo-img{width:200px;height:auto;opacity:0;animation:fadeInScale .8s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.header-main{position:fixed;top:0;left:0;width:100%;height:140px;background:transparent;z-index:1000;transition:all .6s var(--easing);padding:0 120px}.header-main.scrolled{background:transparent}.header-container{max-width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:1.2rem;text-decoration:none;color:var(--white)}.logo-img{height:100px;width:auto;opacity:.9}.logo-text{font-size:.95rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.nav-main{display:flex;gap:4rem;align-items:center}.nav-link{color:var(--white);text-decoration:none;font-weight:300;font-size:.8rem;position:relative;transition:all .4s var(--easing);letter-spacing:.1em;text-transform:uppercase;opacity:.9}.nav-link:hover{opacity:1}.nav-link:hover{color:var(--white)}.hero-section{height:100vh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;background:var(--indigo-dark);padding:0;margin-bottom:0}.hero-background{position:absolute;top:120px;left:120px;right:120px;height:calc(100vh - 180px);max-height:900px;z-index:1;overflow:hidden}.hero-bg-img{width:100%;height:100%;object-fit:cover;opacity:.9}.hero-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#1e50a20d,#1e50a21a,#1e50a233);z-index:2}.hero-container{position:relative;z-index:3;text-align:center;max-width:fit-content;padding:2rem 2.5rem;background:#1e50a214;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;margin:0 0 0 240px;border:1px solid rgba(30,80,162,.1)}.hero-heading{font-size:clamp(2rem,3.5vw,3rem);font-weight:200;line-height:1;letter-spacing:.02em;margin-bottom:1rem;color:var(--indigo-dark);opacity:0;transform:translateY(60px);animation:slideUpFade 1.2s var(--easing-out) .3s forwards}.hero-heading span{display:block}.hero-subheading{font-size:clamp(.875rem,1vw,1rem);font-weight:300;color:#1e50a2d9;opacity:0;transform:translateY(40px);animation:slideUpFade 1.2s var(--easing-out) .6s forwards;letter-spacing:.05em;line-height:1.6;max-width:400px;margin:0 auto}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:60px;left:120px;color:var(--gray-lighter);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;opacity:.5;z-index:4}.section-main{padding:40px 120px 80px;position:relative;background:var(--indigo-dark)}.section-about{margin-top:0}.section-label-vertical{position:relative;text-align:center;font-size:1.125rem;font-weight:400;letter-spacing:.15em;color:var(--white);text-transform:uppercase;opacity:.9;margin-bottom:40px}.container-main{max-width:var(--container-max);margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start;margin-top:0;padding-top:25px}.section-heading{font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:400;line-height:1.4;letter-spacing:.05em;margin-bottom:3rem;margin-top:0;color:var(--white);text-transform:uppercase}.about-desc{font-size:1.25rem;color:var(--gray-light);line-height:2.2;font-weight:300;letter-spacing:.02em}.about-visual{position:relative;height:400px;overflow:hidden;border-radius:0}.about-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.5s var(--easing-out)}.about-visual:hover .about-img{transform:scale(1.05)}.works-list{display:flex;flex-direction:column;gap:0;margin-bottom:0;padding-top:25px}.work-card{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-bottom:100px;align-items:flex-start;position:relative}.work-card:last-child{margin-bottom:0}.work-card:nth-child(2n){grid-template-columns:1fr 1.5fr}.work-card:nth-child(2n) .work-visual{order:2}.work-card:nth-child(2n) .work-details{order:1;padding-left:120px;padding-right:80px;padding-top:0}.work-visual{position:relative;height:450px;overflow:hidden;cursor:pointer;border-radius:0}.work-img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--easing-out)}.work-visual:hover .work-img{transform:scale(1.05)}.work-details{padding-top:0}.work-card:nth-child(2n) .work-details{padding-left:0;padding-right:0}.work-tag{font-size:.75rem;color:var(--gray-lighter);letter-spacing:.15em;margin-bottom:1.5rem;margin-top:0;font-weight:400;text-transform:uppercase}.work-name{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:300;color:var(--white);margin-bottom:1.2rem;letter-spacing:0;line-height:1.3}.work-desc{font-size:1.125rem;color:var(--gray-light);line-height:2;font-weight:300;max-width:500px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:flex-start;margin-top:0;padding-top:25px}.contact-content h3{font-size:clamp(1.8rem,2.5vw,2.5rem);font-weight:200;margin-bottom:2rem;margin-top:0;letter-spacing:0;color:var(--white);line-height:1.3}.contact-desc{font-size:1.25rem;color:var(--gray-light);line-height:2.2;font-weight:300;margin-bottom:4rem}.contact-info-list{display:flex;flex-direction:column;gap:3rem}.info-label{font-size:.75rem;letter-spacing:.15em;color:var(--gray-lighter);font-weight:400;text-transform:uppercase;margin-bottom:.5rem}.info-value{font-size:1.25rem;color:var(--white);font-weight:300;letter-spacing:.02em}.form-container{display:flex;flex-direction:column;gap:3rem}.form-field{position:relative}.form-input,.form-textarea,.form-select{width:100%;padding:1.5rem 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);font-family:var(--font-main);font-size:1rem;color:var(--white);transition:all .4s var(--easing);font-weight:300;letter-spacing:.02em}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='rgba(255,255,255,0.6)' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0 center;cursor:pointer}.form-select option{background:var(--indigo-dark);color:var(--white);padding:.5rem}.form-select option:hover,.form-select option:focus,.form-select option:checked{background:#fff3;color:var(--white)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-bottom-color:#fffc}.form-label{position:absolute;top:1.5rem;left:0;font-size:1rem;color:#ffffffb3;pointer-events:none;transition:all .4s var(--easing);font-weight:300;letter-spacing:.02em}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label,.form-textarea:focus+.form-label,.form-textarea:not(:placeholder-shown)+.form-label,.form-select:focus+.form-label,.form-select:valid+.form-label,.form-label-active{top:-1rem;font-size:.75rem;color:var(--white);text-transform:uppercase;letter-spacing:.1em;left:0}.form-textarea{min-height:150px;resize:vertical}.char-counter{position:absolute;bottom:.5rem;right:0;font-size:.75rem;color:var(--gray-lighter);font-weight:300}.error-text{font-size:.875rem;color:#ff6b6b;margin-top:.5rem;display:block;font-weight:300}.submit-btn{margin-top:3rem;background:transparent;color:var(--white);padding:1.5rem 4rem;font-size:.875rem;font-weight:400;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .6s var(--easing);letter-spacing:.1em;text-transform:uppercase;align-self:center;display:block;margin-left:auto;margin-right:auto}.submit-btn:hover{border-color:var(--white);background:#ffffff1a}.footer-main{background:var(--indigo-dark);color:var(--white);padding:40px 120px 30px;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:80px;margin-bottom:100px}.footer-brand h3{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;letter-spacing:.05em}.footer-brand p{color:var(--gray-light);line-height:2;font-weight:300;font-size:.95rem}.footer-section h4{font-size:.75rem;margin-bottom:2.5rem;font-weight:400;letter-spacing:.15em;color:var(--gray-light);text-transform:uppercase}.footer-nav{display:flex;flex-direction:column;gap:1.2rem}.footer-link{color:var(--gray-light);text-decoration:none;transition:color .4s var(--easing);font-weight:300;font-size:.9rem;letter-spacing:.02em}.footer-link:hover{color:var(--white)}.footer-end{padding-top:0;border-top:none;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:var(--gray-lighter);font-weight:300;letter-spacing:.05em}.fade-in-up{opacity:0;transform:translateY(60px)}.fade-in-up.visible{opacity:1;transform:translateY(0);transition:all 1.2s var(--easing-out)}@media (max-width: 1200px){.header-main{padding:0 60px}.hero-background{left:60px;right:60px}.section-main{padding:60px}.section-label-vertical{margin-bottom:30px}.footer-main{padding:60px 60px 40px}}@media (max-width: 768px){.nav-main{display:none}.section-label-vertical{margin-bottom:20px;font-size:1rem}.hero-heading{font-size:clamp(3.5rem,18vw,7rem)}.hero-actions{flex-direction:column;align-items:flex-start}.about-grid,.contact-layout{grid-template-columns:1fr;gap:60px}.work-card,.work-card:nth-child(2n){grid-template-columns:1fr;min-height:auto}.work-visual{height:70vh}.work-details,.work-card:nth-child(2n) .work-details{padding:60px 40px}.footer-grid{grid-template-columns:1fr;gap:60px}}.mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.menu-icon{display:block;width:24px;height:20px;position:relative}.menu-icon span{display:block;width:100%;height:2px;background:var(--white);position:absolute;left:0;transition:all .3s var(--easing)}.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-icon span:nth-child(3){bottom:0}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--indigo-dark);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:right .4s var(--easing)}.mobile-nav.active{right:0}.mobile-nav-link{color:var(--white);text-decoration:none;font-size:1.5rem;font-weight:300;letter-spacing:.1em;opacity:0;transform:translate(50px);transition:all .4s var(--easing)}.mobile-nav.active .mobile-nav-link{opacity:1;transform:translate(0)}.mobile-nav-link:nth-child(1){transition-delay:.1s}.mobile-nav-link:nth-child(2){transition-delay:.2s}.mobile-nav-link:nth-child(3){transition-delay:.3s}@media (max-width: 768px){.mobile-menu-btn{display:block}}@media (max-width: 480px){.header-main{padding:0 20px}.section-main{padding:40px 20px}.hero-background{left:20px;right:20px}.footer-main{padding:30px 20px 20px}.hero-container{margin-left:20px;padding:1rem 1.5rem}.hero-heading{font-size:1.5rem}.hero-subheading{font-size:.8rem}.section-heading{font-size:1.1rem}.work-name{font-size:1.25rem}.contact-content h3{font-size:1.5rem}.submit-btn{padding:1rem 2rem}.about-grid,.works-list,.contact-layout{padding-top:15px}}