*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#92938e;--bg-secondary:#161614;--text-primary:#f4f4f2;--text-secondary:#92938e;--border-subtle:#333331;--accent:#fff}body{color:var(--text-primary);background:var(--bg-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:440;line-height:24px;transition:background .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding-bottom:32px}.content-wrapper{max-width:680px;margin:0 auto;padding:100px 72px 32px}.avatar-stack{cursor:pointer;width:fit-content;margin-bottom:8px;display:flex}.avatar-item{transition:transform .6s;position:relative}.avatar-stack:hover .avatar-item{transform:translate(0)!important}.avatar{object-fit:cover;object-position:center;border:4px solid var(--bg-secondary);border-radius:50%;width:48px;height:48px;display:block}h1{letter-spacing:-.09008px;margin-bottom:4px;font-size:20px;font-weight:500;line-height:24px}h2{letter-spacing:-.09008px;font-size:16px;font-weight:440;line-height:24px}.subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:16px;font-weight:440}p{margin-bottom:24px}header{max-width:582px;margin-bottom:24px}.intro{margin-bottom:80px}.product-link{color:var(--text-secondary);font-weight:540;text-decoration:none;transition:all .2s}.product-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--text-secondary);text-decoration-color:var(--text-secondary);text-underline-offset:4px;text-decoration-thickness:2px}em{color:var(--text-secondary);font-style:italic;font-weight:500}.social-links-inline{align-items:center;gap:24px;display:flex}.social-link-inline{color:var(--text-primary);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:0;font-family:inherit;font-size:16px;font-weight:440;-webkit-text-decoration:underline #232323;text-decoration:underline #232323;text-decoration-thickness:2px;transition:color .3s}.social-link-inline:hover{color:#82c38c;text-underline-offset:4px;-webkit-text-decoration:underline #82c38c;text-decoration:underline #82c38c;text-decoration-thickness:2px}.statusbadge-sociallink-wrapper{flex-wrap:wrap;align-items:baseline;gap:138px;margin-top:24px;margin-bottom:32px;display:flex}@media (max-width:768px){.statusbadge-sociallink-wrapper{gap:24px}}.projects-section{max-width:100%;margin:0 auto;padding:0}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;margin-bottom:32px;display:grid}.project-card{background:#1f1f1d;border:1px solid #333331;border-radius:20px;transition:transform .3s,box-shadow .3s;overflow:hidden}.project-card:hover{transform:translateY(-2px)}.project-image{background:var(--card);border-radius:20px;width:100%;height:400px;position:relative;overflow:hidden}.project-image img{object-fit:cover;border-radius:20px;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.05)}.project-video{object-fit:cover;width:100%;height:100%;display:block}.project-content{padding:16px}.project-header{justify-content:space-between;align-items:center;display:flex}.project-title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.4}.project-button{color:var(--text-secondary);border-radius:16px;align-items:center;width:fit-content;padding:0;font-size:14px;font-weight:480;text-decoration:none;transition:all .2s;display:inline-flex}.project-button:hover{color:var(--text-primary)}.project-button svg{transition:transform .2s}.project-button:hover svg{transform:translate(2px,-2px)}.inline-link{color:#82c38c;text-underline-offset:2px;font-weight:540;-webkit-text-decoration:underline #82c38c4d;text-decoration:underline #82c38c4d;text-decoration-thickness:2px;transition:all .2s}.inline-link:hover{text-decoration-color:#82c38c}.back-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:48px;padding:0;font-family:inherit;font-size:16px;font-weight:480;transition:color .2s;display:inline-flex}.back-button:hover{color:var(--text-primary)}.back-button:hover svg{transform:translate(-1px)}.back-button svg{transition:transform .2s}@media (max-width:768px){.back-button{margin-bottom:32px}}.writings-header{margin-bottom:56px}.writings-header h1{margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.1}.writings-intro{color:var(--text-secondary);max-width:520px;margin-bottom:0;font-size:16px;line-height:1.6}.letters-list{counter-reset:letter-counter;flex-direction:column;gap:0;display:flex}.letter-item{counter-increment:letter-counter;justify-content:space-between;align-items:start;gap:32px;padding:24px 0;display:flex}.letter-item:first-child{padding-top:0}.letter-item:last-child{border-bottom:none}.letter-item-content{flex-direction:column;flex:1;gap:8px;min-width:0;padding-left:48px;display:flex;position:relative}.letter-item-content:before{content:counter(letter-counter,decimal-leading-zero);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;position:absolute;top:2px;left:0}.letter-item h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:500;line-height:1.6;overflow:hidden}.letter-item h2 a{color:var(--text-primary);text-decoration:none;transition:color .2s}.letter-item h2 a:hover{color:#82c38c;text-underline-offset:2px;-webkit-text-decoration:underline #82c38c4d;text-decoration:underline #82c38c4d;text-decoration-thickness:2px}.letter-content{max-width:640px;margin:0 auto}.letter-header{margin-bottom:32px}.letter-header time{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:8px;margin-bottom:16px;font-size:14px;display:block}.letter-header h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.1}.letter-body{font-size:16px;line-height:1.7}.letter-body p{color:var(--text-primary);margin-bottom:24px}@media (max-width:768px){.writings-header h1{font-size:18px}.writings-intro{font-size:14px}.letter-item{gap:16px;padding:16px 0}.letter-item-content{padding-left:40px}.letter-item-content:before{font-size:13px;top:3px}.letter-item h2{white-space:normal;font-size:16px}.letter-header h1{font-size:18px}.letter-body{font-size:16px}}.article-image{width:100%;margin:48px 0}.article-image img{background:0 0;width:100%;height:auto;display:block}.related-articles{margin-top:80px;padding-top:0}.related-divider{background:#ffb400;border-radius:32px;width:32px;height:3px;margin-bottom:24px}.related-articles h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px;font-size:14px;font-weight:500}.related-list{flex-direction:column;gap:16px;list-style:none;display:flex}.related-list li a{color:var(--text-primary);font-size:16px;font-weight:480;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.related-list li a:hover{color:#ffb400}@media (max-width:768px){.related-articles{margin-top:64px}.related-divider{width:32px;height:3px;margin-bottom:24px}.related-articles h3{margin-bottom:20px;font-size:14px}.related-list{gap:16px}.related-list li a{font-size:14px}.container{padding-bottom:16px}.content-wrapper{max-width:582px;margin:0 auto;padding:48px 48px 0}.intro{margin-bottom:56px}.projects-section{margin-bottom:0;padding:18px}.projects-grid{grid-template-columns:1fr}}.fullscreen-overlay{z-index:9999;background:#f4f4f2;justify-content:center;align-items:center;padding:40px;animation:.4s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-close{color:#161614;cursor:pointer;z-index:10000;background:#fff;border:2px solid #eaeaeab3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;top:24px;right:24px}.fullscreen-close:hover{transform:scale(1.1)}.fullscreen-content{border:2px solid #eaeaea4d;border-radius:20px;justify-content:center;align-items:center;width:auto;max-width:90vw;height:auto;max-height:90vh;position:relative;overflow:hidden}.fullscreen-video{clip-path:inset(0 0 1px);width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.fullscreen-content img{border-radius:20px;max-width:90vw;max-height:90vh;object-fit:contain!important;width:auto!important;height:auto!important;position:relative!important}@media (max-width:768px){.fullscreen-overlay{padding:20px}.fullscreen-close{width:40px;height:40px;top:16px;right:16px}}.case-study{max-width:720px;margin:0 auto}.case-study-header{margin-bottom:32px}.case-study-meta{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.case-study-header h1{letter-spacing:-.02em;margin-bottom:16px;font-size:24px;font-weight:600;line-height:1.1}.case-study-overview{color:var(--text-secondary);font-size:18px;line-height:1.6}.case-study-content{flex-direction:column;gap:32px;display:flex}.case-study-section h3{text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px;font-size:16px;font-weight:600}.case-study-section p{color:var(--text-primary);margin-bottom:32px;font-size:16px;line-height:1.7}.cutout{border:1px dashed var(--border-subtle);margin-top:8px;margin-bottom:8px}.case-study-section ul{margin:16px 0;padding:0;list-style:none}.case-study-section li{margin-bottom:12px;padding-left:24px;font-size:16px;line-height:1.7;position:relative}.case-study-section li:before{content:"→";color:#ffb400;position:absolute;left:0}.case-study-image,.case-study-image1{width:100%;margin:0}.case-study-image1 img{border-radius:12px;width:100%;max-height:600px;display:block}.case-study-image1 figcaption{color:var(--text-secondary);text-align:center;margin-top:8px;margin-bottom:32px;font-size:14px}.case-study-image img{border-radius:12px;width:100%;height:auto;display:block}.case-study-outcome{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;margin-top:32px;padding:32px}.case-study-outcome h3{margin-bottom:12px;font-size:18px;font-weight:600}.case-study-outcome p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.6}@media (max-width:768px){.case-study-header h1{font-size:20px}.case-study-overview{font-size:16px}.case-study-intro-grid{grid-template-columns:1fr;gap:32px}.case-study-image-grid{grid-template-columns:1fr}.case-study-outcome{padding:24px}}
