:root{--font-sans: "Google Sans", "Google Sans Text", "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--color-primary: #1a1a1a;--color-secondary: #5f6368;--color-accent: #4785ff;--color-bg: #fbfcff;--color-surface: #fbfcff;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: clamp(2rem, 5vw, 4rem);--radius: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app>*:not(.footer){flex:1}.hero{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-surface)}.hero h1{font-size:clamp(2rem,8vw,4rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.hero p{font-size:clamp(1rem,3vw,1.5rem);opacity:.9}.filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg);justify-content:center;border-bottom:1px solid rgba(0,0,0,.1)}.filters button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border-radius:var(--radius)}.filters button:hover,.filters button.active{background:var(--color-primary);color:var(--color-surface)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1rem,3vw,2rem);padding:var(--spacing-lg);flex:1}.project-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.image-container{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-secondary)}.image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .5s ease;position:relative;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:fadeEffect 4s ease-in-out infinite}@keyframes fadeEffect{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.image-container img.loaded{opacity:1}.project-card:hover .image-container img{transform:scale(1.05)}.content{padding:var(--spacing-md)}.category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:600}.content h3{font-size:1.25rem;font-weight:600;margin:var(--spacing-sm) 0}.location{font-size:.875rem;color:var(--color-secondary)}footer{padding:var(--spacing-lg);text-align:center;border-top:1px solid rgba(0,0,0,.1);font-size:.875rem;color:var(--color-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.building-viewer{position:relative;width:100%}.building-viewer__sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.building-viewer__image-container{position:relative;width:100%;max-width:1200px;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:#fbfcff;overflow:hidden}.building-viewer__image-container:before,.building-viewer__image-container:after{content:"";position:absolute;top:0;bottom:0;width:15%;pointer-events:none;z-index:10}.building-viewer__image-container:before{left:0;background:linear-gradient(90deg,rgba(251,252,255,1) 0%,rgba(251,252,255,.8) 40%,transparent 100%)}.building-viewer__image-container:after{right:0;background:linear-gradient(270deg,rgba(251,252,255,1) 0%,rgba(251,252,255,.8) 40%,transparent 100%)}.building-viewer__image{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.building-viewer__image.loaded{opacity:1}.building-viewer__video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .3s ease;z-index:5}.building-viewer__video.loaded{opacity:1}.building-viewer__loader{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-secondary);font-size:.875rem}.building-viewer__spinner{width:40px;height:40px;border:3px solid var(--color-bg);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.building-viewer__blur-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.building-viewer__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.building-viewer__skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.building-viewer__loader-text{position:absolute;bottom:30%;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:5}.building-viewer__loader-progress{font-size:.875rem;font-weight:600;color:var(--color-accent)}.building-viewer__progress{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:200px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.building-viewer__progress-bar{height:100%;background:var(--color-accent);transition:width .1s ease-out}.building-viewer__progress-text{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--color-secondary);white-space:nowrap}.building-viewer__instructions{position:absolute;bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-secondary);font-size:.875rem;animation:fadeInUp 1s ease .5s both}.building-viewer__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;width:100%;height:100%;background:linear-gradient(135deg,#fbfcff 0% 100%);border-radius:var(--radius);color:var(--color-primary)}.building-viewer__placeholder-icon{width:120px;height:120px;margin-bottom:1.5rem;color:var(--color-accent);opacity:.8}.building-viewer__placeholder-icon svg{width:100%;height:100%}.building-viewer__placeholder h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--color-primary)}.building-viewer__placeholder p{font-size:1rem;color:var(--color-secondary);margin-bottom:2rem}.building-viewer__placeholder-instructions{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#0000000d;border-radius:var(--radius);font-size:.875rem}.building-viewer__placeholder-instructions code{font-family:monospace;background:#0000001a;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;color:var(--color-secondary)}.building-viewer__progress-text{font-size:.75rem;color:var(--color-secondary);margin-top:.5rem}.building-viewer__scroll-icon{width:24px;height:24px;animation:bounce 2s ease-in-out infinite}.building-viewer__scroll-icon svg{width:100%;height:100%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.building-viewer__image-container{max-width:95%;aspect-ratio:4 / 3}.building-viewer__progress{width:150px}.building-viewer__instructions{bottom:3rem;font-size:.75rem}}.navbar{position:fixed;top:7px;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 14px);max-width:896px;transition:all .3s ease}.navbar--scrolled{width:calc(100% - 14px);max-width:896px}.navbar__container{display:flex;align-items:center;justify-content:space-between;padding:.35rem .7rem;background:#fbfcffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(228,228,231,.6);border-radius:9999px;box-shadow:0 2px 12px #0000000f}.navbar__logo-section{display:flex;align-items:center;gap:2.1rem}.navbar__logo{text-decoration:none;display:flex;align-items:center}.navbar__logo-full{font-family:var(--font-sans);font-size:.7875rem;font-weight:var(--font-weight-semibold);color:#12161f;letter-spacing:-.01em;transition:opacity .3s ease}.navbar__logo-full.hidden{opacity:0;width:0;overflow:hidden}.navbar__logo-placeholder{font-family:var(--font-sans);font-size:.7875rem;font-weight:var(--font-weight-bold);color:#12161f;letter-spacing:-.01em;opacity:0;width:0;overflow:hidden;transition:all .3s ease}.navbar__logo-placeholder.visible{opacity:1;width:auto}.navbar__links{display:flex;align-items:center;gap:.35rem}.navbar__link{text-decoration:none;font-family:var(--font-sans);font-size:.735rem;font-weight:var(--font-weight-medium);color:#5f6368;padding:.35rem .525rem;border-radius:.2625rem;transition:all .15s ease}.navbar__link:hover,.navbar__link.active{background:#0000000a;color:#202124}.navbar__actions{display:flex;align-items:center;gap:.35rem}.navbar__button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.4375rem .875rem;background:transparent;color:#5f6368;text-decoration:none;font-family:var(--font-sans);font-size:.735rem;font-weight:var(--font-weight-medium);border-radius:9999px;border:1px solid #e8eaed;transition:all .15s ease}.navbar__button-secondary:hover{background:#f1f3f4;border-color:#dadce0}.navbar__button-primary{display:inline-flex;align-items:center;justify-content:center;padding:.4375rem .875rem;background:#1a73e8;color:#fff;text-decoration:none;font-family:var(--font-sans);font-size:.735rem;font-weight:var(--font-weight-medium);border-radius:9999px;transition:all .15s ease}.navbar__button-primary:hover{background:#1557b0}.navbar__mobile-toggle{display:none;background:none;border:none;padding:.35rem;cursor:pointer}.navbar__hamburger{display:flex;flex-direction:column;gap:3.5px;width:16.8px}.navbar__hamburger span{display:block;width:100%;height:1.4px;background:#202124;transition:all .3s ease;border-radius:1.4px}.navbar__hamburger.open span:nth-child(1){transform:rotate(45deg) translate(3.5px,3.5px)}.navbar__hamburger.open span:nth-child(2){opacity:0}.navbar__hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(3.5px,-3.5px)}.navbar__mobile-menu{display:none;position:fixed;top:56px;left:7px;right:7px;background:#fbfcff;border-radius:.7rem;border:1px solid #e8eaed;box-shadow:0 8px 28px #0000001f;padding:.7rem;flex-direction:column;gap:.7rem}.navbar__mobile-menu.open{display:flex}.navbar__mobile-links{display:flex;flex-direction:column;gap:.175rem}.navbar__mobile-link{text-decoration:none;font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-medium);color:#5f6368;padding:.525rem .7rem;border-radius:.35rem;transition:all .15s ease}.navbar__mobile-link:hover,.navbar__mobile-link.active{background:#f1f3f4;color:#202124}.navbar__mobile-actions{display:flex;flex-direction:column;gap:.35rem;padding-top:.35rem;border-top:1px solid #e8eaed}.navbar__mobile-button{width:100%;text-align:center}@media (max-width: 1023px){.navbar__links,.navbar__actions{display:none}.navbar__mobile-toggle{display:block}.navbar__mobile-menu{display:none}.navbar__mobile-menu.open{display:flex}}.page-content{padding-top:70px;min-height:100vh}.page{padding:4rem 1.5rem 3rem;max-width:1200px;margin:0 auto}.page__header{text-align:center;margin-bottom:3rem}.page__title{font-family:var(--font-sans);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);color:#202124;letter-spacing:-.02em;margin-bottom:.75rem}.page__subtitle{font-family:var(--font-sans);font-size:clamp(.875rem,2vw,1rem);font-weight:var(--font-weight-regular);color:#5f6368;max-width:600px;margin:0 auto;line-height:1.6}.home-page{min-height:100vh}#building-section{margin-top:0}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:2rem}.landing-page__title{font-family:var(--font-sans);font-size:clamp(2.5rem,8vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:#fff;margin-bottom:1rem;text-shadow:0 2px 30px rgba(0,0,0,.5),0 0 60px rgba(0,0,0,.3)}.landing-page__title span{color:#4785ff}.landing-page .home-hero__title{color:#0d1117;text-shadow:0 4px 20px rgba(0,0,0,.08)}.landing-page__subtitle{font-family:var(--font-sans);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:var(--font-weight-regular);color:#1c1e21;margin-bottom:3rem;max-width:500px;text-shadow:0 2px 16px rgba(0,0,0,.06)}.landing-page__cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#1a73e8;color:#fff;text-decoration:none;font-family:var(--font-sans);font-size:1rem;font-weight:var(--font-weight-medium);border-radius:9999px;transition:all .2s ease;cursor:pointer;border:none}.landing-page__cta:hover{background:#1557b0;transform:translateY(-2px);box-shadow:0 8px 20px #1a73e84d}.landing-page__cta svg{width:20px;height:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;min-height:calc(100vh - 70px)}.home-hero__title{font-family:var(--font-sans);font-size:clamp(1.875rem,6vw,3rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:#202124;line-height:1.15;margin-bottom:1rem}.home-hero__title span{color:#4785ff}.home-hero__description{font-family:var(--font-sans);font-size:clamp(1rem,2vw,1.25rem);font-weight:var(--font-weight-regular);color:#5f6368;max-width:600px;line-height:1.6;margin-bottom:2rem}.home-hero__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a73e8;color:#fff;text-decoration:none;font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-medium);border-radius:4px;transition:all .15s ease}.home-hero__cta:hover{background:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.home-hero__cta svg{width:18px;height:18px;transition:transform .15s ease}.home-hero__cta:hover svg{transform:translate(3px)}.projects-page{padding:6rem 2rem 4rem}.projects-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.projects-filters button{padding:.625rem 1.25rem;border:1px solid rgba(0,0,0,.12);background:transparent;color:var(--color-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:6px}.projects-filters button:hover,.projects-filters button.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:2rem}.about-page{padding:6rem 2rem 4rem}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-primary)}.about-text p{color:var(--color-secondary);line-height:1.8;margin-bottom:1rem}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.about-stat{text-align:center;padding:2rem;background:var(--color-surface);border-radius:12px;box-shadow:0 4px 12px #0000000d}.about-stat__number{font-size:3rem;font-weight:700;color:var(--color-accent);line-height:1}.about-stat__label{font-size:.875rem;color:var(--color-secondary);margin-top:.5rem}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem}}.services-page{padding:6rem 2rem 4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:2rem}.service-card{padding:2.5rem;background:var(--color-surface);border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.service-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,#a88a4a 100%);border-radius:12px;margin-bottom:1.5rem;color:#fff}.service-card__title{font-size:1.375rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem}.service-card__description{font-size:.9375rem;color:var(--color-secondary);line-height:1.7}.contact-page{padding:6rem 2rem 4rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-primary)}.contact-info p{color:var(--color-secondary);line-height:1.8;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;color:var(--color-secondary)}.contact-item__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c9a9621a;border-radius:8px;color:var(--color-accent)}.contact-form{background:var(--color-surface);padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}.contact-form__group{margin-bottom:1.5rem}.contact-form__label{display:block;font-size:.875rem;font-weight:500;color:var(--color-primary);margin-bottom:.5rem}.contact-form__input,.contact-form__textarea{width:100%;padding:.875rem 1rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:var(--color-bg)}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a9621a}.contact-form__textarea{min-height:150px;resize:vertical}.contact-form__submit{width:100%;padding:1rem;background:var(--color-primary);color:var(--color-surface);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.contact-form__submit:hover{background:var(--color-accent)}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}}.footer{padding:1.5rem 2rem;background:#fbfcff;border-top:1px solid #e8eaed;margin-top:auto;position:relative;z-index:100;width:100%}.footer__container{max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.footer__credits{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.footer__text{font-family:var(--font-sans);font-size:.75rem;font-weight:var(--font-weight-regular);color:#5f6368;margin:0}.footer__separator{color:#80868b;font-size:.75rem}.footer__credits-link{background:none;border:none;color:#5f6368;font-family:var(--font-sans);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:underline;padding:0}.footer__credits-link:hover{color:#1a73e8}.footer__link{color:#1a73e8;text-decoration:none;font-weight:var(--font-weight-medium)}.footer__link:hover{text-decoration:underline}.credits-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.credits-modal{background:#fbfcff;border-radius:12px;padding:2rem;max-width:400px;width:90%;position:relative;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credits-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;color:#5f6368;border-radius:50%;transition:background .2s ease}.credits-modal__close:hover{background:#0000000d}.credits-modal__title{font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--font-weight-bold);color:#202124;margin:0 0 1rem}.credits-modal__text{font-family:var(--font-sans);font-size:1rem;color:#5f6368;margin:0 0 .75rem;line-height:1.6}.credits-modal__link{color:#1a73e8;text-decoration:none;font-weight:var(--font-weight-medium)}.credits-modal__link:hover{text-decoration:underline}.credits-modal__subtext{font-family:var(--font-sans);font-size:.875rem;color:#80868b;margin:0 0 1.5rem;line-height:1.5}.credits-modal__backlink{display:flex;justify-content:center}.credits-modal__button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#1a73e8;color:#fff;text-decoration:none;font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-medium);border-radius:6px;transition:background .2s ease}.credits-modal__button:hover{background:#1557b0}