*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;background:linear-gradient(135deg,#0f172a,#1e3a5f 25%,#0d4d2b 50%,#1e293b);background-attachment:fixed;color:#e2e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.blog{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.header .site-title{margin-bottom:0}.blog .lang-switcher{display:flex;gap:.5rem;align-items:center}.blog .lang-switcher button{background:none;border:1px solid rgba(148,163,184,.35);border-radius:6px;padding:.35rem .5rem;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.85;transition:opacity .2s,border-color .2s}.blog .lang-switcher button:hover{opacity:1;border-color:rgba(148,163,184,.6)}.blog .lang-switcher button.active{opacity:1;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.site-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:#f8fafc;margin-bottom:.25rem}.site-subtitle{font-size:1rem;color:#94a3b8}.article{background:rgba(15,23,42,.6);border-radius:1rem;padding:2rem;border:1px solid rgba(148,163,184,.12);box-shadow:0 4px 24px rgba(0,0,0,.2)}.hero{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.hero-image-wrapper{border-radius:.75rem;overflow:hidden;aspect-ratio:3/4;max-height:420px;background:rgba(30,41,59,.5)}.hero-image{width:100%;height:100%;object-fit:cover}.hero-text h2{font-size:1.5rem;font-weight:600;color:#f8fafc;margin-bottom:.5rem}.hero-text .name-inline{white-space:nowrap}.hero-text .story-title{font-size:1.2rem;font-weight:600;color:#f8fafc;margin:1rem 0 .75rem}.hero-text .story-title+p,.hero-text .story-title~p{color:#cbd5e1;margin-bottom:.75rem}.projects,.story{margin-top:2rem}.projects h2,.story h2{font-size:1.35rem;font-weight:600;color:#f8fafc;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.2)}.projects-empty,.projects-intro,.story p{color:#cbd5e1;margin-bottom:1rem}.project-list{list-style:none}.project-item{padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.project-item:last-child{border-bottom:none}.project-item a{color:#38bdf8;text-decoration:none;transition:color .2s}.project-item a:hover{color:#7dd3fc;text-decoration:underline}.project-desc{color:#94a3b8;font-weight:400}.projects-empty{color:#94a3b8;font-style:italic}.footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.15);color:#64748b;font-size:.9rem}@media (min-width:640px){.hero{flex-direction:row;align-items:flex-start}.hero-image-wrapper{flex-shrink:0;width:280px;max-height:none}.hero-text{flex:1 1}}