.blog-x{position:relative}.blog-x:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 8% 0%, color-mix(in srgb, var(--lagoon) 38%, transparent), transparent 60%), radial-gradient(60% 50% at 96% 4%, color-mix(in srgb, var(--mint) 34%, transparent), transparent 58%), radial-gradient(80% 60% at 80% 100%, color-mix(in srgb, var(--lilac-soft) 42%, transparent), transparent 64%);opacity:.5;position:fixed;inset:0}.blog-x .blog-head{padding-top:clamp(var(--s-7), 7vw, var(--s-9));padding-bottom:var(--s-2)}.blog-x .blog-head .eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s-4);gap:12px}.blog-x .blog-head .eyebrow:before{background:var(--lime);border:none;border-radius:0;width:28px;height:2px}.blog-x .blog-head .hub-h1{letter-spacing:-.03em;margin-top:0;font-size:clamp(44px,7vw,84px);line-height:1}.blog-x .blog-head .hub-sub{color:var(--ink-2);max-width:40ch;font-size:clamp(17px,1.9vw,21px)}.blog-x .blog-list{margin-top:clamp(var(--s-6), 5vw, var(--s-8));border-top:1px solid var(--border-hair);padding-top:clamp(var(--s-6), 5vw, var(--s-8));gap:clamp(var(--s-5), 4vw, var(--s-7))}.blog-x .blog-card{border:1px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-riso-sm);transition:transform var(--dur-out) var(--ease-out), box-shadow var(--dur-out) var(--ease-out);overflow:hidden}.blog-x .blog-card:hover{box-shadow:var(--shadow-riso);transform:translate(-3px,-4px)}.blog-x .blog-card-media{border-right:1px solid var(--ink);position:relative}.blog-x .blog-card-media:after{content:"";pointer-events:none;background:linear-gradient(160deg, transparent 55%, color-mix(in srgb, var(--ink) 22%, transparent) 100%);opacity:0;transition:opacity var(--dur-out) var(--ease-out);position:absolute;inset:0}.blog-x .blog-card:hover .blog-card-media:after{opacity:1}.blog-x .blog-card-body{gap:var(--s-4)}.blog-x .blog-card-title{color:var(--fg);font-size:clamp(26px,3vw,40px);line-height:1.04}.blog-x .blog-card-desc{color:var(--ink-2);font-size:clamp(15px,1.6vw,17px);line-height:var(--lh-body)}.blog-x .blog-card-cta{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink);margin-top:var(--s-2);align-items:center}.blog-x .blog-card-cta span[aria-hidden]{color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--lime);width:22px;height:22px;transition:transform var(--dur-out) var(--ease-out);place-items:center;font-size:12px;line-height:1;display:inline-grid}.blog-x .blog-card:hover .blog-card-cta span[aria-hidden]{transform:translate(3px)}.blog-x .post{max-width:760px;padding-top:clamp(var(--s-6), 5vw, var(--s-8))}.blog-x .post .eyebrow .post-back,.blog-x .post-back{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tr-label);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--ink-3);transition:color var(--dur-out) var(--ease-out)}.blog-x .post-back:hover{color:var(--ink)}.blog-x .post-title{letter-spacing:-.03em;margin:var(--s-5) 0 0;font-size:clamp(38px,6.4vw,70px);line-height:1}.blog-x .post-byline{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.02em;text-transform:none;color:var(--ink-3);margin-top:var(--s-5);flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.blog-x .post-byline .post-author{color:var(--ink);font-weight:var(--fw-bold);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:2px;text-decoration-thickness:2px}.blog-x .post-byline .post-author:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.blog-x .post-byline time{color:var(--ink-2)}.blog-x .post-desc{font-family:var(--font-display);font-size:clamp(20px,2.6vw,27px);font-style:italic;line-height:var(--lh-snug);color:var(--fg);margin:var(--s-5) 0 0;padding-left:var(--s-4);border-left:3px solid var(--lime);text-wrap:pretty}.blog-x .post-hero{margin:clamp(var(--s-6), 5vw, var(--s-7)) 0;border-radius:var(--radius-lg);border:1px solid var(--ink);box-shadow:var(--shadow-riso);position:relative}.blog-x .post-hero:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(0deg, color-mix(in srgb, var(--ink) 16%, transparent) 0%, transparent 30%);position:absolute;inset:0}.blog-x .prose{font-size:19px;line-height:var(--lh-loose);color:var(--ink-2)}.blog-x .prose>*+*{margin-top:var(--s-5)}.blog-x .prose h2{font-size:clamp(28px,3.6vw,38px);line-height:var(--lh-snug);letter-spacing:-.02em;color:var(--fg);margin-top:clamp(var(--s-7), 6vw, var(--s-8))}.blog-x .prose h2:before{content:"";background:var(--lime);width:40px;height:2px;margin-bottom:var(--s-3);display:block}.blog-x .prose h3{color:var(--fg);margin-top:var(--s-7);font-size:clamp(22px,2.6vw,28px)}.blog-x .prose p{color:var(--ink-2)}.blog-x .prose strong{color:var(--ink);font-weight:var(--fw-semi);box-shadow:inset 0 -.5em 0 color-mix(in srgb, var(--punch) 45%, transparent)}.blog-x .prose a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:3px;transition:text-decoration-color var(--dur-out) var(--ease-out), background var(--dur-out) var(--ease-out);text-decoration-thickness:2px}.blog-x .prose a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);background:color-mix(in srgb, var(--lime) 22%, transparent)}.blog-x .prose ul,.blog-x .prose ol{color:var(--ink-2);padding-left:1.25em}.blog-x .prose li+li{margin-top:var(--s-2)}.blog-x .prose li::marker{color:var(--lime);font-weight:var(--fw-bold)}.blog-x .prose blockquote{margin-block:var(--s-6);padding:var(--s-5) var(--s-6);border:1px solid var(--ink);border-left:4px solid var(--lime);border-radius:var(--radius-md);background:color-mix(in srgb, var(--shell) 60%, var(--paper));box-shadow:var(--shadow-riso-sm);font-family:var(--font-display);font-size:clamp(21px,2.4vw,26px);font-style:italic;line-height:var(--lh-snug);color:var(--fg)}.blog-x .prose blockquote p{color:var(--fg)}.blog-x .prose code{font-family:var(--font-mono);background:var(--shell);color:var(--ink);border-radius:var(--radius-sm);border:1px solid var(--border-hair);padding:2px 6px;font-size:.86em}.blog-x .prose hr{background:var(--border-hair);height:1px;margin-block:clamp(var(--s-6), 5vw, var(--s-7));border:none}.blog-x .prose img{border-radius:var(--radius-md);border:1px solid var(--ink);box-shadow:var(--shadow-riso-sm)}.blog-x .post-related{max-width:1080px;margin-inline:auto;margin-top:clamp(var(--s-8), 8vw, var(--s-9));padding-top:clamp(var(--s-6), 5vw, var(--s-7));border-top:1px solid var(--border-hair)}.blog-x .post-related .hub-h3{margin-bottom:var(--s-5);font-size:clamp(24px,3vw,34px)}.blog-x .post-related-list{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.blog-x .post-related-list li{margin:0}.blog-x .post-related-list a{align-items:flex-start;gap:var(--s-3);border:1px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);min-height:100%;box-shadow:var(--shadow-riso-sm);font-family:var(--font-display);color:var(--fg);transition:transform var(--dur-out) var(--ease-out), box-shadow var(--dur-out) var(--ease-out), background var(--dur-out) var(--ease-out);padding:clamp(18px,2.2vw,26px);font-size:clamp(19px,2.2vw,24px);font-style:italic;line-height:1.1;text-decoration:none;display:flex}.blog-x .post-related-list a:before{content:"→";font-family:var(--font-mono);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--lime);width:26px;height:26px;transition:transform var(--dur-out) var(--ease-out);flex:none;place-items:center;font-size:14px;font-style:normal;line-height:1.6;display:inline-grid}.blog-x .post-related-list a:hover{box-shadow:var(--shadow-riso);background:color-mix(in srgb, var(--mint-soft) 60%, var(--paper));transform:translate(-2px,-3px)}.blog-x .post-related-list a:hover:before{transform:translate(2px)}.blog-x .post-cta{max-width:1080px;margin-inline:auto;margin-top:clamp(var(--s-7), 7vw, var(--s-9));text-align:center;border:1px solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-riso);background:radial-gradient(120% 130% at 50% -20%, color-mix(in srgb, var(--lime) 16%, transparent), transparent 60%), var(--g-sand);padding:clamp(40px,6vw,72px) clamp(24px,5vw,56px);position:relative;overflow:hidden}.blog-x .post-cta .hub-h3{margin-bottom:var(--s-3);color:var(--fg);font-size:clamp(28px,4vw,46px);line-height:1.02}.blog-x .post-cta .hub-sub{color:var(--ink-2);margin-inline:auto;margin-top:var(--s-4);max-width:46ch}.blog-x .post-cta .btn{margin-top:clamp(var(--s-5), 4vw, var(--s-6));border-radius:var(--radius-pill);border:1px solid var(--ink);background:var(--lime-grad);color:var(--ink);font-weight:var(--fw-bold);letter-spacing:-.01em;box-shadow:6px 6px 0 var(--ink);transition:transform var(--dur-out) var(--ease-out), box-shadow var(--dur-out) var(--ease-out);align-items:center;gap:12px;padding:17px 30px;font-size:16px;display:inline-flex}.blog-x .post-cta .btn span[aria-hidden]{transition:transform var(--dur-out) var(--ease-out)}.blog-x .post-cta .btn:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-2px,-2px)}.blog-x .post-cta .btn:hover span[aria-hidden]{transform:translate(4px)}.blog-x .post-cta .btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}@media (prefers-reduced-motion:reduce){.blog-x .blog-card,.blog-x .blog-card-media:after,.blog-x .blog-card-cta span[aria-hidden],.blog-x .post-related-list a,.blog-x .post-related-list a:before,.blog-x .post-cta .btn,.blog-x .post-cta .btn span[aria-hidden],.blog-x .prose a{transition:none}.blog-x .blog-card:hover,.blog-x .blog-card:hover .blog-card-cta span[aria-hidden],.blog-x .post-related-list a:hover,.blog-x .post-related-list a:hover:before,.blog-x .post-cta .btn:hover,.blog-x .post-cta .btn:hover span[aria-hidden]{transform:none}}