.blog-page header{position:relative;border-bottom:1px solid var(--line)}.blog-index,.blog-article{max-width:1200px;margin:auto;padding:65px 6% 100px}.blog-index h1,.blog-article h1{font-size:clamp(46px,6.5vw,92px);line-height:1.1;letter-spacing:-.055em;margin:25px 0 45px;pointer-events:auto}.blog-index h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.post-meta{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#aaa;display:block}.post-card{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:45px;padding:32px 0;border-top:1px solid #555}.post-card h2{font-size:clamp(28px,3.5vw,46px);line-height:1.18;letter-spacing:-.035em;margin:16px 0}.post-card p{font-size:16px}.post-art{background:#d9fa55;color:#151515;aspect-ratio:1.4;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(50px,6vw,85px);font-weight:700;letter-spacing:-.06em}.post-art span,.article-brand span{font-size:12px;letter-spacing:.15em;display:block;margin-top:20px}.post-card:hover h2{color:var(--lime)}.blog-preview{border-top:1px solid #444}.blog-preview .section-label{margin-bottom:25px}.blog-footer{max-width:1200px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #555;font-size:14px}.back-link{display:inline-block;margin-bottom:40px;font-size:14px;color:var(--lime)}.blog-article h1{max-width:1000px}.article-deck{font-size:22px;max-width:760px}.article-brand{margin:45px 0 60px;padding:65px 30px;background:var(--lime);color:#151515;text-align:center;font-size:clamp(64px,10vw,135px);letter-spacing:-.07em;font-weight:700;line-height:1.15}.article-copy{max-width:740px;margin:auto}.article-copy>p{font-size:18px;margin:0 0 24px;color:#d0d0ca;line-height:1.85}.article-copy h2{font-size:32px;line-height:1.2;margin:45px 0 20px;letter-spacing:-.03em}.inline-source{font-size:13px;white-space:nowrap;color:var(--lime)}.press-links{margin:30px 0}.press-links>a{display:block;border-top:1px solid #555;padding:22px 0}.press-links span{font-size:14px;color:var(--lime)}.press-links strong{display:block;font-size:20px;margin:7px 0;font-weight:500}.press-links small{color:#aaa;font-size:13px}.press-links a:hover strong{text-decoration:underline}@media(max-width:600px){.post-card{grid-template-columns:1fr;gap:25px}.post-art{aspect-ratio:1.8;font-size:70px}.blog-page nav{display:flex}.blog-page .connect-nav{display:none}.blog-index,.blog-article{padding-top:40px}.blog-article h1{font-size:44px}.article-deck{font-size:19px}.article-copy>p{font-size:17px}.blog-page header{height:80px}.blog-footer{flex-wrap:wrap}body:not(.blog-page) nav{display:flex;position:absolute;top:80px;left:5%;gap:16px}body:not(.blog-page) nav a{display:none}body:not(.blog-page) nav a[href="/blog/"]{display:block;font-size:13px;position:fixed;bottom:18px;right:18px;background:#d9fa55;color:#151515;padding:10px 20px;border-radius:40px;z-index:20}}

/* Brand logo tiles. The lime card ground gives white and cyan logos almost no
   contrast (1.1:1), so any tile carrying a real logo goes to ink instead. */
.post-art--logo,.article-brand--logo{background:var(--ink,#151515);color:#f3f3ef}
/* Fixed height, not intrinsic: the aTwist mark is 47px natively and would
   otherwise sit tiny beside the larger wordmarks. */
.post-art--logo img{height:clamp(44px,8vw,64px);width:auto;max-width:70%;object-fit:contain}
.article-brand--logo{padding:55px 30px}
.article-brand--logo img{height:clamp(72px,11vw,104px);width:auto;max-width:min(340px,70%);object-fit:contain}
.post-art--logo span,.article-brand--logo span{color:#f3f3ef;opacity:.75}