*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:"Montserrat",sans-serif;font-weight:400;color:#e8eae9;background-color:#1e2433;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:opacity 0.3s ease}a:hover{opacity:0.85}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.main{padding-top:72px;padding-bottom:4rem;min-height:50vh}.page-content h1{font-family:"Montserrat",sans-serif;font-weight:600;font-size:clamp(1.75rem, 4vw, 2.5rem);margin-top:0;margin-bottom:1rem}.page-content p{margin-top:0;margin-bottom:1rem;color:#b8bdc4;max-width:65ch}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;padding:0 1.5rem;background:transparent;transition:background 0.3s ease}body.header-scrolled .site-header{background:#1e2433}.header-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-logo{display:block;font-family:"Montserrat",sans-serif;font-weight:600;font-size:1.5rem;letter-spacing:0.08em;color:#e8eae9;-webkit-tap-highlight-color:transparent}.page-home .site-logo{visibility:hidden;pointer-events:none}body.hero-title-anchored .site-logo{display:none}.logo-word{display:inline-block;color:transparent;-webkit-text-stroke:1px #e8eae9;text-stroke:1px #e8eae9}.nav-toggle{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;color:#e8eae9;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:102}.nav-toggle span{display:block;width:24px;height:1.5px;background:currentColor;transition:transform 0.3s ease,opacity 0.3s ease}.site-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;visibility:hidden;opacity:0;transition:visibility 0.3s ease,opacity 0.3s ease}.site-nav:target{visibility:visible;opacity:1}.nav-panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:320px;padding:calc(72px + 1rem) 2rem 2rem;background:#2a3142;display:flex;flex-direction:column;gap:2rem;box-shadow:-4px 0 24px rgba(0,0,0,0.3)}.nav-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:block;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8eae9' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center no-repeat;-webkit-tap-highlight-color:transparent}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}.nav-list a{font-family:"Montserrat",sans-serif;font-size:1.125rem;letter-spacing:0.12em;color:#e8eae9;display:block;padding:0.5rem 0}.nav-social{margin-top:auto;display:flex;align-items:center;gap:1rem}.nav-social a{display:inline-flex;color:#e8eae9;width:24px;height:24px}.nav-social a svg{width:100%;height:100%}@media (min-width: 768px){.nav-toggle{display:none}.site-nav{position:static;visibility:visible;opacity:1;background:none}.nav-panel{position:static;max-width:none;flex-direction:row;align-items:center;gap:2.5rem;padding:0;background:none;box-shadow:none}.nav-close{display:none}.nav-list{flex-direction:row;gap:2rem}.nav-social{margin-top:0}}.hero-wrap{min-height:100vh;display:flex;flex-direction:column;padding-top:72px;overflow:visible}.hero{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 72px);padding:0 1.5rem;position:relative;overflow:visible}.hero-bg{position:absolute;top:-72px;left:0;right:0;bottom:0;height:calc(100% + 72px);background:#2a3142;z-index:0;overflow:hidden}.hero-bg-slide{background-size:cover;background-position:center;background-repeat:no-repeat}.hero-bg-slide--fade{position:absolute;inset:0;width:100%;height:100%}.hero-bg-slide--fade:nth-child(1){animation:hero-bg-fade-1 15s ease-in-out infinite}.hero-bg-slide--fade:nth-child(2){animation:hero-bg-fade-2 15s ease-in-out infinite}.hero-bg-slide--fade:nth-child(3){animation:hero-bg-fade-3 15s ease-in-out infinite}.hero-bg-slide--single{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-bg-overlay{position:absolute;inset:0;background:rgba(30,36,51,0.42);z-index:1;pointer-events:none}@keyframes hero-bg-fade-1{0%, 22%{opacity:1}33.33%, 89%{opacity:0}100%{opacity:1}}@keyframes hero-bg-fade-2{0%, 22%{opacity:0}33.33%, 55.5%{opacity:1}66.66%, 100%{opacity:0}}@keyframes hero-bg-fade-3{0%, 55.5%{opacity:0}66.66%, 89%{opacity:1}100%{opacity:0}}.hero-content{position:absolute;inset:0;z-index:1;max-width:1200px;margin:0 auto;width:calc(100% - 3rem);left:50%;transform:translateX(-50%);pointer-events:none;overflow:visible}.hero-title{position:absolute;left:0;right:auto;width:auto;font-family:"Montserrat",sans-serif;font-weight:600;font-size:clamp(2rem, 8vw, 4rem);line-height:1;letter-spacing:0.02em;margin:0;color:transparent;-webkit-text-stroke:1.5px #e8eae9;text-stroke:1.5px #e8eae9;top:50%;transform:translateY(-1.5em);z-index:101;white-space:nowrap}.hero-title-link{color:inherit;text-decoration:none;-webkit-text-stroke:inherit;text-stroke:inherit;display:inline-block;pointer-events:auto}.hero-title-link:hover{opacity:0.85}.hero-tagline{position:absolute;left:0;right:0;font-family:"Montserrat",sans-serif;font-size:clamp(1rem, 2.5vw, 1.5rem);letter-spacing:0.2em;margin:0;color:#e8eae9;top:50%;transform:translateY(-0.35em)}.hero--animate .hero-title{animation:hero-title-in 1.2s ease 1s forwards}.hero--animate .hero-tagline{animation:hero-tagline-in 1.2s ease 1s forwards}@keyframes hero-title-in{from{top:50%;left:0;transform:translateY(-1.5em);font-size:clamp(2rem, 8vw, 4rem);letter-spacing:0.02em;-webkit-text-stroke:1.5px #e8eae9}to{top:calc(-72px / 2 - 0.5em);left:0;transform:translate(0, 0);font-size:1.5rem;letter-spacing:0.08em;-webkit-text-stroke:1px #e8eae9}}.site-header .hero-title{position:static;top:auto;left:auto;transform:none;font-size:1.5rem;letter-spacing:0.08em;-webkit-text-stroke:1px #e8eae9;animation:none}.site-header .hero-title-link{display:inline-block}.hero-contact-block{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;pointer-events:auto;z-index:2}.hero-contact-location,.hero-contact-phone{font-family:"Montserrat",sans-serif;margin:0;color:#e8eae9}.hero-contact-location{font-size:clamp(1.25rem, 3vw, 1.75rem);letter-spacing:0.08em;font-weight:600}.hero-contact-phone{font-size:clamp(1rem, 2.5vw, 1.25rem);letter-spacing:0.05em;margin-top:0.35rem;color:#b8bdc4}.hero-cta-btn{display:inline-block;margin-top:1.5rem;padding:0.75rem 1.5rem;font-family:"Montserrat",sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#e8eae9;background:transparent;border:1.5px solid #e8eae9;cursor:pointer;transition:opacity 0.3s ease,color 0.3s ease,border-color 0.3s ease,background 0.3s ease;-webkit-tap-highlight-color:transparent}.hero-cta-btn:hover{opacity:1;color:#1e2433;background:#e8eae9;border-color:#e8eae9}@keyframes hero-tagline-in{from{top:50%;transform:translateY(-0.35em)}to{top:calc(100% - 6rem);transform:translateY(0)}}.hero-scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:0.5rem;color:#e8eae9;background:transparent;border:1.5px solid #e8eae9;border-radius:50%;transition:color 0.3s ease,border-color 0.3s ease,background 0.3s ease;-webkit-tap-highlight-color:transparent}.hero-scroll-indicator:hover{color:#1e2433;background:#e8eae9;border-color:#e8eae9}.hero-scroll-indicator svg{display:block;animation:hero-scroll-bounce 2s ease-in-out infinite}@keyframes hero-scroll-bounce{0%, 100%{transform:translateY(0)}50%{transform:translateY(4px)}}.section-hero{position:relative;min-height:45vh;display:flex;align-items:flex-end;padding:2rem 1.5rem 3rem;margin:0 calc(-1 * $container-padding) 3rem;margin-bottom:3rem}.section-hero-bg{position:absolute;inset:0;background:#2a3142;z-index:0}.section-hero-title{position:relative;z-index:1;font-family:"Montserrat",sans-serif;font-weight:600;font-size:clamp(2rem, 6vw, 4rem);letter-spacing:0.08em;margin:0;color:#e8eae9}@media (min-width: 768px){.section-hero{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:max(1.5rem, calc(50vw - 600px));padding-right:max(1.5rem, calc(50vw - 600px))}}.site-footer{padding:2rem 1.5rem;border-top:1px solid rgba(255,255,255,0.12);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{font-size:0.8125rem;letter-spacing:0.12em;color:#b8bdc4}.footer-copy{margin:0;font-size:0.75rem;color:#b8bdc4;letter-spacing:0.05em}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem;list-style:none;margin:0;padding:0}@media (min-width: 600px){.projects-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 992px){.projects-grid{grid-template-columns:repeat(3, 1fr)}}.project-card-wrap{list-style:none}.project-card{display:block;position:relative;width:100%;aspect-ratio:4/3;background:#2a3142;border:1px solid rgba(255,255,255,0.12);overflow:hidden;cursor:pointer;padding:0;border:none;text-align:left;font:inherit;color:inherit}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.project-card:hover img{transform:scale(1.03)}.project-card-title{position:absolute;top:0;left:0;right:0;padding:1.25rem 1.5rem;margin:0;font-family:"Montserrat",sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:0.04em;color:#e8eae9;background:linear-gradient(rgba(0,0,0,0.65), transparent);z-index:1}.project-card-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Montserrat",sans-serif;font-size:1rem;letter-spacing:0.1em;color:#b8bdc4}.project-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.project-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:0}.project-modal-box{position:relative;z-index:1;width:100%;max-width:1200px;max-height:calc(100vh - 2rem);background:#2a3142;border:1px solid rgba(255,255,255,0.12);display:flex;flex-direction:column;overflow:hidden}.project-modal-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;z-index:10;background:rgba(0,0,0,0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8eae9' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center no-repeat;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 0.3s ease}.project-modal-close:hover{background-color:rgba(0,0,0,0.75)}.project-modal-body{display:flex;flex:1;min-height:0}.project-modal-gallery{position:relative;flex:0 0 55%;min-width:0;background:#1e2433}.project-modal-gallery img{width:100%;height:100%;min-height:320px;max-height:85vh;object-fit:cover;display:block}.project-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,0,0,0.5);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 0.3s ease;z-index:2}.project-modal-arrow:hover{background:rgba(0,0,0,0.75)}.project-modal-arrow::after{content:'';position:absolute;inset:0;margin:auto;width:12px;height:12px;border-left:2px solid #e8eae9;border-bottom:2px solid #e8eae9}.project-modal-arrow--prev{left:1rem}.project-modal-arrow--prev::after{transform:rotate(45deg);margin-left:6px}.project-modal-arrow--next{right:1rem}.project-modal-arrow--next::after{transform:rotate(-135deg);margin-right:6px}.project-modal-content{flex:1;padding:2rem;overflow-y:auto}.project-modal-title{margin:0 0 1rem;font-family:"Montserrat",sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:0.04em;color:#e8eae9}.project-modal-description{font-size:0.9375rem;line-height:1.6;color:#b8bdc4}.project-modal-description p{margin:0 0 0.75rem}.project-modal-description p:last-child{margin-bottom:0}@media (max-width: 767px){.project-modal-body{flex-direction:column}.project-modal-gallery{flex:0 0 auto}.project-modal-gallery img{max-height:40vh}.project-modal-content{padding:1.5rem}}.contact-form-wrap{max-width:32rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:0.875rem;letter-spacing:0.06em;color:#b8bdc4;margin-bottom:0.5rem}.form-group input,.form-group textarea{width:100%;padding:0.75rem 1rem;font-family:"Montserrat",sans-serif;font-size:1rem;color:#e8eae9;background:#2a3142;border:1px solid rgba(255,255,255,0.12);border-radius:0;-webkit-appearance:none;appearance:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#b8bdc4;opacity:0.8}.form-group textarea{min-height:140px;resize:vertical}.btn{display:inline-block;padding:0.875rem 1.75rem;font-family:"Montserrat",sans-serif;font-size:0.8125rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:#1e2433;background:#e8eae9;border:none;cursor:pointer;transition:opacity 0.3s ease,background 0.3s ease}.btn:hover{opacity:0.95;background:#b8bdc4}#app-contact{margin-top:1rem}