@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f3f4f1;color:#111;font-family:'DM Sans',sans-serif}.blog-nav{height:76px;padding:0 max(24px,5vw);display:flex;align-items:center;gap:34px;border-bottom:1px solid #d8dcd7;background:#fafbf8;position:sticky;top:0;z-index:10}.blog-brand{display:flex;align-items:center;gap:12px;color:#111;text-decoration:none}.blog-brand img{width:38px;height:38px;border-radius:9px}.blog-brand span{height:35px;border-left:2px solid #171717}.blog-brand b{font:700 18px 'Space Grotesk'}.blog-nav nav{display:flex;gap:25px;margin-left:auto}.blog-nav nav a{color:#68706d;text-decoration:none;font-weight:600;font-size:14px}.blog-nav nav a.active{color:#111}.open-studio{padding:12px 18px;background:#111;color:#fff;text-decoration:none;border-radius:8px;font:700 11px 'Space Grotesk'}.blog-hero{padding:100px max(24px,8vw) 75px;background:linear-gradient(130deg,#edf1ed,#fafbf7)}.blog-hero p,.post-meta{color:#285fff;font:700 11px 'Space Grotesk';letter-spacing:.15em}.blog-hero h1{font:700 clamp(42px,7vw,90px)/.95 'Space Grotesk';letter-spacing:-.055em;margin:20px 0;max-width:1050px}.blog-hero span{font-size:18px;color:#67706c}.blog-filter{padding:28px max(24px,8vw);display:flex;gap:9px;flex-wrap:wrap}.blog-filter button{border:1px solid #d3d8d3;background:#fafbf8;border-radius:99px;padding:10px 17px;cursor:pointer;font-weight:700;color:#69716d}.blog-filter button.active{background:#111;color:#fff;border-color:#111}.post-grid{padding:15px max(24px,8vw) 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce0dc;border-radius:16px;overflow:hidden;text-decoration:none;color:#111;transition:.2s}.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #27322a16}.post-media{aspect-ratio:16/9;background:#16191c;overflow:hidden}.post-media img,.post-media video{width:100%;height:100%;object-fit:cover}.post-media .fallback{height:100%;display:grid;place-items:center;color:#fff;font:700 38px 'Space Grotesk';background:linear-gradient(135deg,#142552,#244fff)}.post-copy{padding:24px}.post-copy small{color:#285fff;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.post-copy h2{font:700 24px/1.05 'Space Grotesk';letter-spacing:-.03em;margin:13px 0}.post-copy p{color:#6a716e;line-height:1.6}.post-copy time{display:block;margin-top:20px;color:#9aa09d;font-size:12px}.blog-loading{grid-column:1/-1;padding:70px;text-align:center;color:#727a76}.post-view{max-width:920px;margin:0 auto;padding:70px 24px 120px}.back{color:#59625e;text-decoration:none;font-size:12px;font-weight:800}.article-head{margin:45px 0}.article-head h1{font:700 clamp(40px,6vw,72px)/1 'Space Grotesk';letter-spacing:-.05em;margin:18px 0}.article-head p{font-size:20px;color:#68716c;line-height:1.6}.article-media{width:100%;border-radius:16px;margin:20px 0 42px;overflow:hidden;background:#111;aspect-ratio:16/9}.article-media img,.article-media video,.article-media iframe{width:100%;height:100%;object-fit:cover;border:0}.article-content{white-space:pre-wrap;font-size:18px;line-height:1.85;color:#303633}.article-content:first-letter{font-size:3em;font-weight:700;float:left;line-height:.8;margin:10px 10px 0 0}footer{padding:40px max(24px,8vw);border-top:1px solid #d9ddd9;display:flex;gap:20px;align-items:center}footer span{color:#777f7b}footer a{margin-left:auto;color:#111}@media(max-width:850px){.post-grid{grid-template-columns:1fr 1fr}.blog-nav nav{display:none}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}.blog-hero{padding-top:65px}.open-studio{margin-left:auto}.blog-brand b{display:none}footer{align-items:flex-start;flex-direction:column}footer a{margin-left:0}}
