@import url(/assets/fonts/stylesheet.css);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}h1 small,h1 strike,h1 strong,h1 sub,h1 sup,h1 tt,h1 var,h1 b,h1 u,h1 i,h1 center,h2 small,h2 strike,h2 strong,h2 sub,h2 sup,h2 tt,h2 var,h2 b,h2 u,h2 i,h2 center,h3 small,h3 strike,h3 strong,h3 sub,h3 sup,h3 tt,h3 var,h3 b,h3 u,h3 i,h3 center,h4 small,h4 strike,h4 strong,h4 sub,h4 sup,h4 tt,h4 var,h4 b,h4 u,h4 i,h4 center,h5 small,h5 strike,h5 strong,h5 sub,h5 sup,h5 tt,h5 var,h5 b,h5 u,h5 i,h5 center{font-weight:inherit !important;font-style:normal !important}body{background:#e3e3e3;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;background-repeat:repeat;--max-width: calc(min(800px, 100vw - 40px));--margin-left: calc(max(20px,min(150px, 100vw - var(--max-width) - 20px)));--margin-top: 150px}body main{max-width:var(--max-width);margin-left:var(--margin-left);margin-top:50px}@media (max-width: 700px){body{--margin-top: 20px}}.main-nav{margin-left:var(--margin-left);margin-top:var(--margin-top);display:flex;align-items:center;max-width:var(--max-width)}.main-nav h1{margin-left:auto;font:600 30px "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.hero{display:flex;flex-direction:column}.hero .logo{display:flex;margin-bottom:40px;width:100%}.hero .logo svg{width:150px;height:auto !important}.hero h2{font-size:24px;font-weight:600;margin-bottom:12px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.hero p{font-size:22px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;margin-bottom:40px;line-height:1.3;letter-spacing:0.1px}.video{position:relative;margin-bottom:40px}.video video{width:100%;height:auto;display:block}.video .overlay{position:absolute;background:black;color:white;bottom:-10px;right:-10px;padding:10px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;font-size:14px;z-index:2}.video .project-description{position:absolute;bottom:60px;left:20px;right:20px;background:rgba(240,240,240,0.5);backdrop-filter:blur(10px);color:black;padding:24px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:3}.video .project-description h3{font-size:20px;font-weight:600;margin-bottom:12px;color:black}.video .project-description p{font-size:16px;line-height:1.5;margin-bottom:12px;color:rgba(0,0,0,0.8)}.video .project-description p:last-child{margin-bottom:0}@media (max-width: 700px){.video .project-description{bottom:40px}}.video .hover-hint{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin-top:12px;font-size:10px;color:#666;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;opacity:0.7;transition:opacity 0.2s ease;position:absolute}.video .hover-hint svg{color:#666;transform:rotate(-15deg)}.video .hover-hint span{font-size:10px}@media (max-width: 700px){.video .hover-hint{margin-top:30px}}.video:hover .project-description{opacity:1;visibility:visible}.video:hover .hover-hint{opacity:0.4}@media (max-width: 768px){.video .project-description{bottom:40px;left:10px;right:10px;padding:16px}.video .project-description h3{font-size:18px}.video .project-description p{font-size:14px}.video .hover-hint{font-size:12px}.video .hover-hint span{font-size:11px}}.text-and-title{margin-top:150px;display:flex}.text-and-title>h2{width:100%;font-size:30px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600}.text-and-title>.text{width:100%;display:flex;flex-direction:column;gap:50px}.text-and-title>.text .item h2{font-size:20px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;margin-bottom:15px}.text-and-title>.text .item p{line-height:1.5}@media (max-width: 700px){.text-and-title{flex-direction:column;gap:40px}.text-and-title>.text{gap:20px}}.contact{margin-top:80px;margin-bottom:60px;padding:40px;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)}.contact h2{font-size:32px;font-weight:600;margin-bottom:20px;color:#000;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.contact p{font-size:20px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;line-height:1.4;margin-bottom:40px;color:#333}.contact .contact-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px}.contact .contact-info .contact-item h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.contact .contact-info .contact-item a,.contact .contact-info .contact-item p{font-size:18px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;color:#666;text-decoration:none;line-height:1.3;margin:0}.contact .contact-info .contact-item a:hover,.contact .contact-info .contact-item p:hover{color:#00B2E7;transition:color 0.2s ease}.contact .contact-info .contact-item p{color:#666}@media (max-width: 768px){.contact{margin-top:60px;margin-bottom:40px;padding:30px}.contact h2{font-size:28px}.contact p{font-size:18px}.contact .contact-info{gap:30px}.contact .contact-info .contact-item h3{font-size:14px}.contact .contact-info .contact-item a,.contact .contact-info .contact-item p{font-size:16px}}.page-insights .featured-post h3{font:600 20px "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin-bottom:8px}.page-insights .posts-grid{margin-top:100px;margin-bottom:150px}.page-insights .posts-grid h3{font:600 20px "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin-bottom:8px}.page-insights .posts-grid .grid{display:flex;flex-wrap:wrap;--gap: 40px;gap:var(--gap)}.page-insights .posts-grid .grid .post-card{max-width:calc((100% - var(--gap)) / 2)}@media (max-width: 700px){.page-insights .posts-grid .grid{gap:20px}.page-insights .posts-grid .grid .post-card{max-width:100%}}.post-page .post-header{margin-bottom:60px}.post-page .post-header .post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:60px}@media (max-width: 768px){.post-page .post-header .post-meta{flex-direction:column;align-items:flex-start;gap:16px}}.post-page .post-header h1{font-size:48px;font-weight:600;line-height:1.1;margin-bottom:20px;color:#000;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (max-width: 768px){.post-page .post-header h1{font-size:36px}}.post-page .post-header .post-hero-image{margin-bottom:0}.post-page .post-header .post-hero-image img{width:100%;height:400px;object-fit:cover;border-radius:8px}@media (max-width: 768px){.post-page .post-header .post-hero-image img{height:250px}}.post-page .post-header .post-info{display:flex;align-items:center;gap:8px;font-size:14px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;color:#999;margin-bottom:40px}.post-page .post-header .post-info span{color:#ccc}.post-page .post-header .post-image{margin-bottom:20px}.post-page .post-header .post-image img{width:100%;height:400px;object-fit:cover;border-radius:4px}@media (max-width: 768px){.post-page .post-header .post-image img{height:250px}}.post-page .post-content{font-size:16px;line-height:1.7;color:#333}.post-page .post-content>p:first-child{font-size:20px}.post-page .post-content h2,.post-page .post-content h3,.post-page .post-content h4,.post-page .post-content h5,.post-page .post-content h6{color:#000;font-weight:600;margin:40px 0 20px;line-height:1.3;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.post-page .post-content h2{font-size:32px;padding-bottom:0px;margin-top:60px}.post-page .post-content h3{font-size:24px}.post-page .post-content h4{font-size:20px}.post-page .post-content p{margin-bottom:24px}.post-page .post-content a{color:#00B2E7;text-decoration:none}.post-page .post-content a:hover{text-decoration:underline}.post-page .post-content strong,.post-page .post-content b{font-weight:600;color:#000}.post-page .post-content em,.post-page .post-content i{font-style:italic;color:#333}.post-page .post-content strong em,.post-page .post-content b i,.post-page .post-content em strong,.post-page .post-content i b{font-weight:600;font-style:italic;color:#000}.post-page .post-content ul,.post-page .post-content ol{margin:24px 0;padding-left:0;list-style:none}.post-page .post-content ul li,.post-page .post-content ol li{margin-bottom:12px;padding-left:32px;position:relative;line-height:1.6}.post-page .post-content ul li::before,.post-page .post-content ol li::before{position:absolute;left:0;top:0;color:#00B2E7;font-weight:600}.post-page .post-content ul li::before{content:"•";font-size:18px;top:-2px;color:#000}.post-page .post-content ol{counter-reset:list-counter}.post-page .post-content ol li{counter-increment:list-counter}.post-page .post-content ol li::before{content:counter(list-counter) ".";font-size:14px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;min-width:20px}.post-page .post-content ul ul,.post-page .post-content ol ol,.post-page .post-content ul ol,.post-page .post-content ol ul{margin:8px 0}.post-page .post-content ul ul li,.post-page .post-content ol ol li,.post-page .post-content ul ol li,.post-page .post-content ol ul li{margin-bottom:6px;font-size:15px}.post-page .post-content ul ul li::before,.post-page .post-content ol ol li::before,.post-page .post-content ul ol li::before,.post-page .post-content ol ul li::before{color:#666}.post-page .post-content ul ul li::before{content:"◦";font-size:16px}.post-page .post-content blockquote{border-left:4px solid #00B2E7;margin:32px 0;padding:20px 0 20px 24px;background:rgba(0,178,231,0.05);font-style:italic;color:#666;font-size:16px}.post-page .post-content blockquote p{white-space:pre-wrap;word-wrap:break-word}.post-page .post-content blockquote p:last-child{margin-bottom:0}.post-page .post-content code{background:rgba(0,0,0,0.05);padding:2px 6px;border-radius:3px;font-family:"SF Mono","JetBrains Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;font-size:16px;color:#e83e8c}.post-page .post-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:24px;overflow-x:auto;margin:32px 0}.post-page .post-content pre code{background:none;padding:0;color:#333;font-size:14px;line-height:1.5}.post-page .post-content img{max-width:100%;height:auto;border-radius:4px;margin:32px 0;display:block;margin-left:auto;margin-right:auto}.post-page .post-content table{width:100%;border-collapse:collapse;margin:32px 0}.post-page .post-content table th,.post-page .post-content table td{border:1px solid black;padding:12px;text-align:left}.post-page .post-content table th{background:black;color:white;font-weight:600}.post-page .post-content hr{border:none;height:2px;background:#f0f0f0;margin:60px 0}.post-page .post-footer{margin-top:80px;padding-top:40px;border-top:2px solid rgba(0,0,0,0.1)}.post-page .post-footer .back-to-insights a{color:black;text-decoration-color:#00B2E7;margin-top:40px}@media (max-width: 768px){.post-page .post-content table th,.post-page .post-content table td{font-size:14px;padding:6px}}.lede{margin-top:150px}.lede h2{width:100%;font-size:30px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;margin-bottom:40px}.lede .text{display:flex;flex-direction:column;gap:20px}.lede .text b{font-size:22px;font-weight:600}.lede .text u{text-decoration-color:#00B2E7}.lede .text p{line-height:1.5}.featured-insights{margin-top:150px;margin-bottom:150px}.featured-insights h2{width:100%;font-size:30px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;margin-bottom:40px}.featured-insights .view-all{margin-top:30px;padding:10px 14px;background:black;color:white;display:inline-block;text-decoration:none;border:1px solid black;transition:background 0.3s ease, color 0.3s ease}.featured-insights .view-all:hover{background:transparent;color:black}.featured-insights .posts{display:flex;flex-wrap:wrap;--gap: 40px;gap:var(--gap)}.featured-insights .posts .post-card{max-width:calc((100% - var(--gap)) / 2)}@media (max-width: 700px){.featured-insights .posts{flex-direction:column}.featured-insights .posts .post-card{max-width:100%}}.post-card:hover .post-image img{transform:scale(1.05)}.post-card:hover h3{text-decoration:underline}.post-card .post-content h3{margin-top:20px;width:100%;font-size:20px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;margin-bottom:8px;line-height:1.5}.post-card .post-content h3 a{text-decoration:none;color:inherit}.post-card .post-content p{font-size:16px;line-height:1.5}.post-card .post-content date{display:block;font-size:14px;opacity:0.8;margin-bottom:20px}.post-card .post-image{aspect-ratio:16 / 10;overflow:hidden}.post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}[data-scroll]{opacity:0;transform:translateY(100px);transition:opacity 2s ease, transform 1s ease}[data-scroll].-scroll-visible{opacity:1;transform:translateY(0)}
