.blog-page{width:min(1100px,calc(100% - 40px));margin:0 auto;padding-bottom:90px}.blog-hero{padding:85px 0 55px;max-width:900px}.blog-hero__identity{display:flex;align-items:center;gap:30px}.blog-hero__identity img{width:105px;height:105px;flex:0 0 105px;object-fit:cover;border-radius:50%;border:1px solid #304565;filter:saturate(.85)}.blog-hero h1{margin:0;font-size:clamp(2.7rem,6vw,5rem);line-height:.98;letter-spacing:-.055em}.blog-hero h1 span{color:#7da7ff}.blog-hero>p:last-child{max-width:680px;margin:24px 0 0;color:#8997ad;font-size:1.08rem;line-height:1.75}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden;min-height:520px;padding:32px;border:1px solid #1d2b42;border-radius:12px;background:linear-gradient(145deg,rgba(13,22,37,.94),rgba(6,11,19,.96))}.project-card:hover{border-color:#41639a}.project-card__meta{display:flex;justify-content:space-between;gap:15px;color:#61728d;font:.72rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}.project-card h2{margin:55px 0 12px;font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.035em}.project-card__lede{color:#aab5c7;line-height:1.7}.project-card__architecture{margin:28px 0;padding:18px;border-left:2px solid #45689f;background:rgba(5,10,18,.6);font:.75rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8291a9;white-space:pre-line}.project-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.project-card__tags span{padding:5px 8px;border:1px solid #253653;border-radius:4px;color:#8798b3;font:.7rem ui-monospace,SFMono-Regular,Menlo,monospace}.project-card__link{position:absolute;left:32px;bottom:30px;color:#8eb5ff;font-weight:700;font-size:.85rem}.engineering-note{margin-top:90px;padding-top:45px;border-top:1px solid #1b273b}.engineering-note h2{margin:0;font-size:2rem}.engineering-note p{max-width:750px;color:#8997ad;line-height:1.8}@media (max-width: 800px){.project-grid{grid-template-columns:1fr}}@media (max-width: 600px){.blog-page{width:min(100% - 24px,1100px)}.blog-hero{padding-top:55px}.blog-hero__identity{align-items:flex-start;gap:18px}.blog-hero__identity img{width:76px;height:76px;flex-basis:76px}.project-card{min-height:500px;padding:25px}.project-card__link{left:25px}}