:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Outfit", system-ui, -apple-system, sans-serif;--color-bg: #ffffff;--color-bg-alt: #fafafa;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #0f8572;--color-primary-hover: #0b6657;--color-primary-rgb: 15, 133, 114;--color-border: rgba(15, 23, 42, .06);--color-grid-line: rgba(15, 23, 42, .04);--color-grid-dot: rgba(15, 23, 42, .05);font-family:var(--font-sans);line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}button{font-family:var(--font-sans);border:none;background:none;cursor:pointer;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.grid-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--color-grid-dot) 1px,transparent 1px);background-size:24px 24px}.grid-line-h{position:absolute;left:0;width:100%;height:1px;background-image:linear-gradient(to right,rgb(230,228,228) 0px,rgb(230,228,228) 5px,transparent 5px,transparent 7px);background-size:7px 100%}.grid-line-h.top{top:80px}.grid-line-h.middle{top:50%}.grid-line-h.bottom{bottom:80px}.grid-line-v{position:absolute;top:0;width:1px;height:100%;background-image:linear-gradient(to bottom,rgb(230,228,228) 0px,rgb(230,228,228) 5px,transparent 5px,transparent 7px);background-size:100% 7px}.grid-line-v.v1{left:25%}.grid-line-v.v2{left:50%}.grid-line-v.v3{left:75%}@media (max-width: 1024px){.grid-line-v.v1{left:15%}.grid-line-v.v2{left:50%}.grid-line-v.v3{left:85%}}@media (max-width: 768px){.grid-line-v.v1{left:10%}.grid-line-v.v2{display:none}.grid-line-v.v3{left:90%}.grid-line-h.top{top:70px}.grid-line-h.bottom{bottom:70px}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;min-height:calc(100vh - 160px)}@media (max-width: 768px){.main-content{padding:70px 10px;min-height:calc(100vh - 140px)}}.site-header{position:fixed;top:0;left:0;width:100%;height:80px;display:grid;grid-template-columns:25% 50% 25%;align-items:center;z-index:1000;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.05)}.header-logo-section{padding-left:2.5rem;display:flex;align-items:center;height:100%}.header-logo{font-family:var(--font-sans);font-size:.95rem;color:var(--color-text);white-space:nowrap}.logo-name{font-weight:600}.logo-title{color:var(--color-text-muted);font-weight:400}.header-nav-section{display:flex;justify-content:center;align-items:center;height:100%}.nav-list{display:flex;gap:2.5rem;list-style:none}.nav-link{font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:var(--color-text);opacity:.8;position:relative;padding:.25rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.nav-link:hover,.nav-link.active{opacity:1}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.header-actions-section{padding-right:2.5rem;display:flex;align-items:center;justify-content:flex-end;gap:2.5rem;height:100%}.lang-switcher{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-muted)}.lang-btn{font-size:.9rem;font-weight:500;color:var(--color-text-muted);opacity:.7;transition:opacity .2s,color .2s}.lang-btn.active{color:var(--color-text);font-weight:600;opacity:1}.lang-btn:hover:not(.active){opacity:1;color:var(--color-text)}.lang-separator{-webkit-user-select:none;user-select:none;opacity:.5}.contact-btn{background-color:var(--color-primary);color:#fff;padding:.7rem 1.6rem;border-radius:9999px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #0f857240;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease,box-shadow .2s ease}.contact-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 18px #0f857259}.contact-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #0f857233}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-toggle .bar{width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:transform .3s ease,opacity .3s ease,background-color .3s ease;transform-origin:left center}.mobile-menu-toggle.active .bar{background-color:var(--color-text)}.mobile-menu-toggle.active .line-1{transform:rotate(45deg) translateY(-2px) translate(2px)}.mobile-menu-toggle.active .line-2{opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active .line-3{transform:rotate(-45deg) translateY(2px) translate(2px)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;animation:fadeInBackdrop .3s ease both}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.mobile-sidebar{position:fixed;top:0;right:0;width:290px;height:100vh;background-color:#fffffffa;box-shadow:-10px 0 40px #0f172a14;z-index:999;display:flex;flex-direction:column;padding:100px 40px 40px;transform:translate(100%);transition:transform .4s cubic-bezier(.25,1,.5,1)}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-nav{flex-grow:1}.mobile-nav-list{display:flex;flex-direction:column;gap:2rem;list-style:none}.mobile-nav-link{font-family:var(--font-sans);font-size:1.15rem;font-weight:500;color:var(--color-text);opacity:.8;transition:opacity .2s ease,color .2s ease;display:inline-block;position:relative;padding:.25rem 0}.mobile-nav-link.active{opacity:1;color:var(--color-primary);font-weight:600}.mobile-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.mobile-nav-link.active:after{transform:scaleX(1);transform-origin:left}.mobile-sidebar-actions{margin-top:auto;display:flex;flex-direction:column;width:100%}.mobile-contact-btn{width:100%;text-align:center;box-shadow:0 4px 14px #0f857233}@media (max-width: 1024px){.site-header{grid-template-columns:35% 30% 35%}.header-logo-section{padding-left:1.5rem}.header-actions-section{padding-right:1.5rem;gap:1.5rem}.nav-list{gap:1.5rem}}@media (max-width: 768px){.site-header{display:flex;justify-content:space-between;height:70px;padding:0 1.5rem}.header-logo-section{padding:0;height:auto}.header-nav-section,.header-actions-section{display:none}.mobile-menu-toggle{display:flex}}@media (max-width: 425px){.logo-title{display:none}}.deck-container{width:100%;max-width:1400px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.giant-background-text{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:9vw;font-weight:800;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#1e293b 25%,#fff0 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;letter-spacing:-.02em;text-transform:capitalize;transition:opacity .4s ease}.giant-background-text.visible{opacity:1}.deck-wrapper{display:flex;align-items:center;justify-content:center;padding:60px 0 20px;margin-top:40px;width:100%;z-index:2}.project-card{width:200px;height:290px;position:relative;margin:0 -20px;cursor:pointer;display:block;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .4s ease,filter .4s ease;will-change:transform,opacity}.project-card.is-hovered .card-animation-container{box-shadow:0 25px 50px #00000026,0 10px 20px #00000014}.project-card.is-dimmed{opacity:.95;filter:grayscale(15%) blur(.3px);transform:translateY(10px) scale(.95)}.card-animation-container{width:100%;height:100%;border-radius:18px;overflow:hidden;background-color:var(--color-bg);border:1px solid rgba(0,0,0,.05);box-shadow:0 6px 20px #0000000a,0 2px 6px #00000005;transition:transform .6s cubic-bezier(.25,1,.5,1),box-shadow .5s cubic-bezier(.25,1,.5,1);will-change:transform,box-shadow;position:relative}.project-card.is-hovered .card-image-wrapper:after{transform:translate(60%,60%);transition:transform .7s cubic-bezier(.25,1,.5,1)}@media (min-width: 769px){.card-animation-container.should-animate{animation:floatGiggle 3.2s ease-in-out infinite}.project-card:nth-child(1) .card-animation-container.should-animate{animation-duration:3.4s;animation-delay:-.3s}.project-card:nth-child(2) .card-animation-container.should-animate{animation-duration:3.9s;animation-delay:-1.2s}.project-card:nth-child(3) .card-animation-container.should-animate{animation-duration:3.1s;animation-delay:-.7s}.project-card:nth-child(4) .card-animation-container.should-animate{animation-duration:4.2s;animation-delay:-2.5s}.project-card:nth-child(5) .card-animation-container.should-animate{animation-duration:3.5s;animation-delay:-1.8s}.project-card:nth-child(6) .card-animation-container.should-animate{animation-duration:3.7s;animation-delay:-2.9s}.card-animation-container.should-animate .card-image-wrapper:after{animation:idleShine 3.2s ease-in-out infinite}.project-card:nth-child(1) .card-animation-container.should-animate .card-image-wrapper:after{animation-duration:3.4s;animation-delay:-.3s}.project-card:nth-child(2) .card-animation-container.should-animate .card-image-wrapper:after{animation-duration:3.9s;animation-delay:-1.2s}.project-card:nth-child(3) .card-animation-container.should-animate .card-image-wrapper:after{animation-duration:3.1s;animation-delay:-.7s}.project-card:nth-child(4) .card-animation-container.should-animate .card-image-wrapper:after{animation-duration:4.2s;animation-delay:-2.5s}.project-card:nth-child(5) .card-animation-container.should-animate .card-image-wrapper:after{animation-duration:3.5s;animation-delay:-1.8s}.project-card:nth-child(6) .card-animation-container.should-animate .card-image-wrapper:after{animation-duration:3.7s;animation-delay:-2.9s}@keyframes floatGiggle{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.1deg)}75%{transform:translateY(-3px) rotate(.6deg)}to{transform:translateY(0) rotate(0)}}@keyframes idleShine{0%,to{transform:translate(-45%,-45%)}50%{transform:translate(-25%,-25%)}}}.card-image-wrapper{width:100%;height:100%;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.project-card:hover .card-image{transform:scale(1.06)}.deck-bottom-text{margin-top:1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:var(--color-text-muted);z-index:3;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.02em;opacity:0;transition:opacity .3s ease}.deck-bottom-text.visible{opacity:1}@media (max-width: 1200px){.project-card{width:175px;height:250px;margin:0 -16px}.giant-background-text{font-size:11vw}.deck-wrapper{margin-top:30px}}@media (max-width: 1024px){.project-card{width:155px;height:220px;margin:0 -14px}.giant-background-text{font-size:11vw}}@media (max-width: 768px){.deck-container{padding:0 1rem}.giant-background-text{font-size:12vw}.deck-wrapper{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:20px 10px;gap:1.25rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;margin-top:20px}.project-card{width:170px;height:245px;margin:0!important;transform:none!important;flex-shrink:0;scroll-snap-align:center}.project-card.is-dimmed{opacity:1;filter:none;transform:none}.deck-bottom-text{margin-top:1rem;font-size:.85rem}.deck-wrapper::-webkit-scrollbar{display:none}.deck-wrapper{-ms-overflow-style:none;scrollbar-width:none}}.about-section{width:100%;max-width:1200px;margin:0 auto;padding:40px;position:relative;z-index:2;animation:fadeIn .8s cubic-bezier(.25,.46,.45,.94) both}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:0 auto}.about-left-col{display:flex;flex-direction:column}.about-title{font-family:var(--font-sans);font-size:.85rem;font-weight:700;color:var(--color-text-muted);letter-spacing:1.2px;margin-bottom:24px}.about-text-content{display:flex;flex-direction:column;gap:24px}.about-text-content p{font-family:var(--font-sans);font-size:1.05rem;line-height:1.8;color:var(--color-text);font-weight:400}.about-right-col{display:flex;flex-direction:column;gap:40px;padding-top:0}.about-group{display:flex;flex-direction:column}.group-title{font-family:var(--font-sans);font-size:.85rem;font-weight:700;color:var(--color-text);letter-spacing:1.2px;margin-bottom:20px}.capsule-grid{display:flex;flex-wrap:wrap;gap:10px}.capsule-tag{font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--color-text);padding:8px 18px;border-radius:9999px;border:1.2px solid rgba(15,23,42,.35);background-color:transparent;transition:all .25s ease;cursor:default;-webkit-user-select:none;user-select:none}.capsule-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0f857208}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:var(--color-primary);color:#fff;padding:12px 28px;border-radius:9999px;font-family:var(--font-sans);font-size:.95rem;font-weight:500;box-shadow:0 4px 14px #0f857233;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease,box-shadow .2s ease;margin-top:32px;align-self:flex-start;cursor:pointer}.download-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0f85724d}.download-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0f857226}.btn-icon{font-size:1.1rem;font-weight:700}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:50px}.about-left-col{align-items:flex-start}}@media (max-width: 768px){.about-section{padding:20px}.about-text-content p{font-size:1rem;line-height:1.7}}.projects-section{width:100%;max-width:1200px;margin:0 auto;padding:40px;position:relative;z-index:2;animation:fadeIn .8s cubic-bezier(.25,.46,.45,.94) both}.projects-main-title{font-family:var(--font-sans);font-size:.85rem;font-weight:700;color:var(--color-text-muted);letter-spacing:1.2px;margin-bottom:40px;border-left:3px solid var(--color-primary);padding-left:10px;text-transform:uppercase}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-card-link{display:block;text-decoration:none;color:inherit}.project-grid-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000005;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1),border-color .4s ease}.project-grid-card:hover{transform:translateY(-8px);box-shadow:0 16px 35px #0f857214;border-color:#0f857226}.project-img-wrapper{width:100%;height:200px;overflow:hidden;position:relative;background-color:var(--color-bg-alt)}.project-grid-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.project-grid-card:hover .project-grid-img{transform:scale(1.06)}.project-info{padding:24px;display:flex;flex-direction:column;flex-grow:1}.project-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:10px;line-height:1.4}.project-card-desc{font-family:var(--font-sans);font-size:.95rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:20px;flex-grow:1}.read-more-indicator{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:4px;transition:transform .2s ease}.project-grid-card:hover .read-more-indicator{transform:translate(4px)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:20px}.projects-section{padding:20px}}.blog-viewer-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 80px;display:flex;flex-direction:column;min-height:calc(100vh - 160px);z-index:2;position:relative;animation:fadeIn .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px}.blog-back-link{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:8px;transition:transform .2s cubic-bezier(.25,1,.5,1),color .2s ease}.blog-back-link:hover{color:var(--color-primary-hover);transform:translate(-4px)}.back-arrow{font-size:1.1rem}.blog-viewer-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0;text-transform:uppercase;letter-spacing:.5px}.blog-pdf-scroll-container{width:100%;display:flex;flex-direction:column;align-items:center}.blog-pdf-pages{width:100%;display:flex;flex-direction:column;gap:32px;margin-top:10px}.pdf-page-wrapper{width:100%;background-color:var(--color-bg);border-radius:12px;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000003;border:1px solid var(--color-border);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s cubic-bezier(.25,1,.5,1)}.pdf-page-wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014,0 2px 8px #00000005}.pdf-page-canvas{max-width:100%;height:auto!important;display:block}.blog-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;gap:20px}.blog-spinner{width:48px;height:48px;border:3px solid rgba(15,133,114,.08);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s cubic-bezier(.5,.1,.5,.9) infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-loading-text{font-family:var(--font-sans);font-size:.95rem;color:var(--color-text-muted);font-weight:500;letter-spacing:.5px}.blog-error-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#ef444403;border:1px dashed rgba(239,68,68,.2);border-radius:16px;gap:16px;max-width:500px;margin:40px auto}.blog-error-icon{font-size:2.5rem}.blog-error-message{font-family:var(--font-sans);font-size:1rem;color:#ef4444}.blog-download-btn{display:inline-block;padding:10px 24px;background-color:var(--color-primary);color:#fff!important;border-radius:30px;font-family:var(--font-sans);font-weight:600;font-size:.9rem;transition:background-color .2s ease,transform .2s ease}.blog-download-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}@media (max-width: 1024px){.blog-viewer-container{padding:30px 20px 60px}}@media (max-width: 768px){.blog-viewer-container{padding:20px 15px 40px;min-height:calc(100vh - 140px);height:auto}.blog-header-bar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.blog-viewer-title{font-size:1.15rem}.blog-pdf-pages{gap:20px}.pdf-page-wrapper{border-radius:8px}}.site-footer{position:absolute;bottom:0;left:0;width:100%;height:80px;display:grid;grid-template-columns:25% 50% 25%;align-items:center;z-index:10;border-top:1px solid transparent}.footer-socials-section{padding-left:2.5rem;display:flex;gap:2rem;align-items:center;height:100%}.social-link{font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.social-link:hover{color:var(--color-text)}.footer-spacer-section{height:100%}.footer-location-section{padding-right:2.5rem;display:flex;align-items:center;justify-content:flex-end;height:100%}.location-text{font-family:var(--font-sans);font-size:.9rem;font-weight:400;color:var(--color-text-muted)}.quote{font-family:var(--font-sans);font-size:1rem;font-weight:200;color:var(--color-text-muted);text-align:center}@media (max-width: 1024px){.site-footer{grid-template-columns:35% 30% 35%}.footer-socials-section{padding-left:1.5rem;gap:1.2rem}.footer-location-section{padding-right:1.5rem}}@media (max-width: 768px){.site-footer{display:flex;flex-direction:column;justify-content:center;gap:.75rem;height:70px;padding:0 1.5rem}.footer-socials-section,.footer-location-section{padding:0;height:auto;width:100%;justify-content:center}.footer-spacer-section{display:none}.footer-socials-section{gap:1.5rem}.location-text{font-size:.8rem}}