html,body{margin:0;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box}:root{--deep-teal: #36464B;--dark-slate: #272B2B;--tan: #B99A76;--beige: #DAC4B0;--cream: #F3E9DB;--font-title: "Unica One", sans-serif;--font-body: "Josefin Sans", sans-serif;--fade-time: .8s}body{background:linear-gradient(var(--deep-teal),var(--deep-teal)),url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23B99A76' stroke-width='2'%3E%3Cpath d='M60 0 L120 60 L60 120 L0 60 Z'/%3E%3C/g%3E%3C/svg%3E");background-size:cover,180px;background-attachment:fixed;color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--tan);text-decoration:none}a:hover{color:var(--cream)}.navbar{width:100%;padding:1.2rem 2rem;display:flex;justify-content:center;gap:2.6rem;background:var(--dark-slate);box-shadow:0 3px 10px #00000040;position:sticky;top:0;z-index:20}.navbar a{position:relative;font-family:var(--font-title);letter-spacing:.16em;font-size:1.1rem;color:var(--cream);padding-bottom:6px}.navbar a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--tan);transform:translate(-50%);transition:width .3s ease}.navbar a:hover:after{width:60%}section{padding:4rem 2rem;text-align:center;animation:fadeIn var(--fade-time) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-centered{display:flex;flex-direction:column;align-items:center}.hero-photo-small{width:160px;height:160px;object-fit:cover;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--tan),var(--cream),var(--tan),var(--cream));box-shadow:0 0 0 4px var(--deep-teal),0 4px 12px #00000059;margin-bottom:1.3rem}.hero-logo-small{width:120px;margin-bottom:1.3rem}.hero-title{font-family:var(--font-title);font-size:2.4rem;letter-spacing:.14em;margin:.2rem 0 1rem}.hero-contact{font-size:.95rem;color:var(--beige);line-height:1.4rem;margin-bottom:1.6rem}.divider{width:160px;height:3px;margin:1.6rem auto 2rem;background:linear-gradient(to right,transparent,var(--tan),var(--cream),var(--tan),transparent)}.hero-subtitle{max-width:680px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.55rem}.coming-soon-big{font-family:var(--font-title);font-size:2rem;letter-spacing:.18em;color:var(--tan);margin-top:1rem;text-transform:uppercase}.section-title{position:relative;font-family:var(--font-title);font-size:2.2rem;letter-spacing:.18em;margin-bottom:2.4rem;color:var(--cream);display:inline-block}.section-title:before,.section-title:after{content:"";position:absolute;top:50%;width:70px;height:2px;background:var(--tan)}.section-title:before{left:-85px}.section-title:after{right:-85px}@media(max-width:550px){.section-title:before,.section-title:after{width:45px;left:-55px;right:-55px}}.about-text{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6rem}.projects-grid{max-width:900px;width:100%;margin:2rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;box-sizing:border-box}.project-card{background:var(--dark-slate);border:3px solid var(--tan);padding:1.8rem;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000059;transition:.3s ease}.project-card:hover{transform:translateY(-5px);border-color:var(--cream)}.project-card:before,.project-card:after{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--tan)}.project-card:before{top:-3px;left:-3px;border-bottom:none;border-right:none}.project-card:after{bottom:-3px;right:-3px;border-top:none;border-left:none}.project-title{font-family:var(--font-title);font-size:1.4rem;letter-spacing:.1em;margin-bottom:1rem}.project-desc{color:var(--beige);font-size:1rem;line-height:1.5rem}.article-content{color:var(--cream);font-size:1.05rem;line-height:1.7rem}.article-content h1,.article-content h2,.article-content h3{font-family:var(--font-title);letter-spacing:.12em;color:var(--cream)}.article-content p{margin-bottom:1.3rem}.article-content code{background:var(--dark-slate);padding:3px 6px;border-radius:4px;color:var(--cream)}.footer{padding:2rem;margin-top:4rem;background:var(--dark-slate);color:var(--cream);font-size:.85rem;text-align:center;letter-spacing:.08em}@media(max-width:768px){.hero-photo-small{width:140px;height:140px}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.coming-soon-big{font-size:1.6rem}}.article-content{max-width:900px;margin:6rem auto 4rem;padding:3rem 3.5rem;background:#272b2b;border-radius:18px;border:3px solid #B99A76;box-shadow:0 22px 55px #0009;text-align:left;line-height:1.8;font-size:1.08rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-family:Unica One,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f3e9db;margin-top:2.5rem;margin-bottom:1rem;text-align:left}.article-content h1{font-size:2.1rem;text-align:center;margin-bottom:2rem}.article-content h2{font-size:1.4rem;border-top:1px solid #b99a76;padding-top:1.5rem}.article-content p{margin:.4rem 0 .9rem;color:#f3e9db}.article-content ul,.article-content ol{margin:.6rem 0 1.2rem 1.5rem;padding-left:1.2rem}.article-content li{margin:.25rem 0}.article-content code{font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#00000059;padding:.1rem .3rem;border-radius:4px;font-size:.9em}.article-content pre{background:#1f2629;padding:1rem 1.3rem;border-radius:10px;overflow-x:auto;border:2px solid #b99a76;margin:1.2rem 0}.article-content pre code{background:transparent;padding:0}.article-content img{max-width:100%;height:auto;display:block;margin:0 auto 2rem;border-radius:12px;border:2px solid #b99a76}.hero-more{margin-top:2.5rem;max-width:720px;margin-left:auto;margin-right:auto;text-align:left}.hero-more-heading{font-family:Unica One,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#b99a76;font-size:.95rem}.hero-more-text{margin-top:.75rem;color:#f3e9db;font-size:.95rem}.hero-more-list{margin:.5rem 0 .5rem 1.3rem;padding-left:1rem;font-size:.95rem}.hero-latest-wrapper{margin-top:1.4rem;padding-top:.9rem;border-top:1px solid rgba(185,154,118,.6);display:flex;flex-direction:column;gap:.2rem}.hero-latest-label{font-family:Unica One,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;color:#dac4b0}.hero-latest-link{font-size:.98rem;color:#f3e9db;text-decoration:none;font-weight:500}.hero-latest-link:hover{text-decoration:underline;color:#ffe2b2}.hero-latest-date{font-size:.8rem;color:#b99a76}.hero-header{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero-photo-wrapper{width:220px;height:220px;border-radius:50%;border:3px solid #B99A76;overflow:hidden;margin:0 auto 1.5rem;box-shadow:0 15px 35px #0009}.hero-photo{width:100%;height:100%;object-fit:cover;display:block}.hero-working-section{margin-top:3rem;display:flex;justify-content:center}.hero-working-card{max-width:1000px;width:100%;padding:2.3rem 2.8rem;background:#272b2b;border-radius:18px;border:3px solid #B99A76;box-shadow:0 18px 45px #0009;text-align:left;line-height:1.7;font-size:1.02rem}.hero-working-card:before{content:"";display:block;height:2px;width:100px;margin:0 auto 1rem;background:linear-gradient(to right,transparent,#b99a76,#dac4b0,#b99a76,transparent)}.hero-working-title{font-family:Unica One,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:1.7rem;color:#f3e9db;text-align:center;margin-bottom:1.1rem}.hero-working-list{margin:.4rem 0 1.4rem 1.5rem;padding-left:1.1rem;color:#f3e9db;font-size:1.02rem}.hero-working-list li{margin-bottom:.25rem}.hero-working-latest{padding-top:.9rem;border-top:1px solid rgba(185,154,118,.6)}.hero-working-latest-title{font-family:Unica One,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:1.15rem;color:#dac4b0;margin-bottom:.5rem}.hero-working-latest-link{font-size:1.02rem;color:#f3e9db;text-decoration:none;font-weight:500}.hero-working-latest-list li{margin-bottom:.3rem}.hero-working-latest-link{font-size:.98rem;color:#f3e9db;text-decoration:none;font-weight:500}.hero-working-latest-link:hover{text-decoration:underline;color:#ffe2b2}.hero-working-latest-date{display:block;font-size:.8rem;color:#b99a76}