.blog-hero{position:relative;isolation:isolate;padding:88px 0 56px;overflow:hidden;background:linear-gradient(180deg,var(--bg-cream, #fdfbf3) 0%,color-mix(in oklab,var(--accent) 4%,var(--bg-cream, #fdfbf3)) 100%)}.blog-hero .orbs{position:absolute;inset:0;z-index:-1;pointer-events:none;filter:blur(72px)}.blog-hero .orb{position:absolute;border-radius:50%;opacity:.45;will-change:transform}.blog-hero .orb.pink{width:460px;height:460px;background:var(--candy-pink);top:-30%;left:-8%;animation:blog-orb-a 26s ease-in-out infinite}.blog-hero .orb.yellow{width:380px;height:380px;background:var(--candy-yellow);top:-10%;right:-4%;animation:blog-orb-b 30s ease-in-out infinite}.blog-hero .orb.cyan{width:320px;height:320px;background:var(--candy-cyan);bottom:-40%;left:38%;animation:blog-orb-c 28s ease-in-out infinite}@keyframes blog-orb-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.05)}}@keyframes blog-orb-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.07)}}@keyframes blog-orb-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.04)}}@media(prefers-reduced-motion:reduce){.blog-hero .orb{animation:none!important}}.blog-hero:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(180deg,transparent 0%,var(--bg-cream, #fdfbf3) 100%);z-index:-1}.blog-hero-inner{max-width:780px;margin:0 auto;text-align:center;padding:0 24px}.blog-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-secondary);background:#ffffffbf;border:1px solid color-mix(in oklab,var(--accent) 20%,transparent);border-radius:999px;padding:7px 14px 7px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin:0 0 24px}.blog-hero .eyebrow .dots{display:inline-flex;gap:3px}.blog-hero .eyebrow .dots span{width:6px;height:6px;border-radius:50%}.blog-hero .eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.blog-hero .eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.blog-hero .eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.blog-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.04;letter-spacing:-.025em;color:var(--text-primary);margin:0 0 14px}.blog-hero h1 em{font-style:italic;color:var(--accent);font-weight:600;position:relative;display:inline-block}.blog-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:color-mix(in oklab,var(--accent) 28%,transparent);border-radius:4px;z-index:-1}.blog-hero-sub{font-size:17px;line-height:1.55;color:var(--text-secondary);margin:0 auto 32px;max-width:580px;text-wrap:balance}.blog-hero-search{max-width:520px;margin:0 auto;position:relative}.blog-hero-search .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.blog-hero-search input{width:100%;padding:16px 20px 16px 48px;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);background:#ffffffeb;border:1px solid color-mix(in oklab,var(--accent) 18%,transparent);border-radius:999px;outline:none;box-shadow:0 1px #fffc inset,0 8px 24px -12px color-mix(in oklab,var(--accent) 40%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.blog-hero-search input::placeholder{color:var(--text-muted)}.blog-hero-search input:focus{border-color:var(--accent);box-shadow:0 1px #fffc inset,0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent),0 12px 28px -12px color-mix(in oklab,var(--accent) 50%,transparent)}.blog-chip-bar{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--bg-cream, #fdfbf3) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent)}.blog-chip-row{max-width:1120px;margin:0 auto;padding:10px 24px;display:flex;gap:6px;flex-wrap:wrap}.blog-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:999px;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-chip:hover{color:var(--text-primary);background:color-mix(in oklab,var(--accent) 8%,transparent);text-decoration:none}.blog-chip.is-current{color:var(--accent);background:var(--accent-light);border-color:color-mix(in oklab,var(--accent) 25%,transparent);font-weight:600}.blog-chip .chip-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);background:color-mix(in oklab,var(--text-primary) 5%,transparent);padding:1px 6px;border-radius:999px}.blog-chip.is-current .chip-count{color:var(--accent-text);background:color-mix(in oklab,var(--accent) 18%,white)}.blog-body{max-width:1120px;margin:0 auto;padding:32px 24px 24px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-featured{--card-accent: var(--candy-pink);--card-accent-2: var(--candy-yellow);grid-column:span 2;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;background:var(--surface);border:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}@media(max-width:600px){.blog-featured{grid-template-columns:1fr;grid-column:span 1}}.blog-featured:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);opacity:.95;z-index:2}.blog-featured:hover{border-color:color-mix(in oklab,var(--card-accent) 30%,transparent);box-shadow:0 16px 32px -22px color-mix(in oklab,var(--card-accent) 50%,transparent);transform:translateY(-2px);text-decoration:none;color:inherit}.blog-featured .art{min-height:280px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,color-mix(in oklab,var(--card-accent) 60%,transparent),transparent 55%),radial-gradient(circle at 18% 82%,color-mix(in oklab,var(--card-accent-2) 55%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in oklab,var(--card-accent) 18%,white),color-mix(in oklab,var(--card-accent) 6%,white));border-right:1px solid color-mix(in oklab,var(--card-accent) 14%,transparent)}@media(max-width:600px){.blog-featured .art{border-right:none;border-bottom:1px solid color-mix(in oklab,var(--card-accent) 14%,transparent)}}.blog-featured .art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.45) 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.4;pointer-events:none}.blog-featured .art img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured .art .icon{position:absolute;bottom:22px;right:24px;display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:20px;color:color-mix(in oklab,var(--card-accent) 75%,var(--candy-navy, #1e1b4b));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px -10px color-mix(in oklab,var(--card-accent) 60%,transparent)}.blog-featured .art .icon svg{width:38px;height:38px}.blog-featured .body{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}.blog-featured .meta{display:flex;align-items:center;gap:10px;margin:0}.blog-featured .tag{font-size:11px;font-weight:700;color:color-mix(in oklab,var(--card-accent) 70%,var(--candy-navy, #1e1b4b));text-transform:uppercase;letter-spacing:.06em}.blog-featured .date{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);margin-left:auto}.blog-featured h2{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance;color:var(--text-primary)}.blog-featured p{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0;text-wrap:pretty}.blog-rss-promo{position:relative;background:repeating-linear-gradient(135deg,#fff 0 22px,color-mix(in oklab,var(--candy-pink) 8%,white) 22px 44px);border:1px solid color-mix(in oklab,var(--candy-pink) 25%,white);border-radius:14px;padding:30px 32px;display:flex;flex-direction:column;overflow:hidden;transform:rotate(-.3deg);box-shadow:0 1px 2px #00000008,0 18px 40px -24px #ed4d9266}.blog-rss-promo .rss-stamp{position:absolute;top:-18px;right:-14px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7eb1,var(--candy-pink) 70%);display:inline-flex;align-items:center;justify-content:center;color:#fff;transform:rotate(8deg);box-shadow:inset 0 -6px 10px #0000002e,inset 0 5px 8px #ffffff73,0 10px 26px -8px #1343804d;z-index:2}.blog-rss-promo .rss-stamp:after{content:"";position:absolute;top:14%;left:22%;width:26%;height:18%;background:#ffffff8c;border-radius:50%;filter:blur(2px);transform:rotate(-22deg)}.blog-rss-promo .rss-stamp svg{width:28px;height:28px}.blog-rss-promo .tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--candy-pink);background:#ffffffb3;border:1px solid color-mix(in oklab,var(--candy-pink) 30%,white);border-radius:999px;padding:4px 12px;margin:0 0 12px;position:relative;z-index:2}.blog-rss-promo h3{font-family:var(--font-sans);font-weight:800;font-size:clamp(24px,2vw,30px);line-height:1.05;letter-spacing:-.025em;margin:0 0 12px;color:var(--text-primary);text-wrap:balance;position:relative;z-index:2}.blog-rss-promo h3 em{font-style:italic;color:var(--candy-pink);font-weight:800;position:relative;display:inline-block}.blog-rss-promo h3 em:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:8px;background:var(--candy-yellow);border-radius:999px;z-index:-1;transform:skew(-6deg)}.blog-rss-promo p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0 0 18px;max-width:28ch;text-wrap:pretty;position:relative;z-index:2}.blog-rss-promo .signup-form{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;position:relative;z-index:2}.blog-rss-promo .signup-form input{flex:1;min-width:0;padding:11px 14px;background:#fff;border:1px solid color-mix(in oklab,var(--candy-navy) 18%,white);border-radius:10px;font:inherit;font-size:14px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.blog-rss-promo .signup-form input::placeholder{color:var(--text-muted)}.blog-rss-promo .signup-form input:focus{outline:none;border-color:var(--candy-pink);box-shadow:0 0 0 3px color-mix(in oklab,var(--candy-pink) 18%,transparent)}.blog-rss-promo .signup-form button{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border:none;border-radius:10px;background:var(--candy-pink);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 -3px 6px #0000001f,inset 0 2px 4px #ffffff47,0 8px 20px -6px #ed4d9280;transition:transform .15s ease}.blog-rss-promo .signup-form button:hover{transform:translateY(-1px)}.blog-rss-promo .signup-form button .arrow{transition:transform .15s ease}.blog-rss-promo .signup-form button:hover .arrow{transform:translate(2px)}.blog-rss-promo .signup-form.is-sweet button{background:var(--success-text, #047857)}.blog-rss-promo .signup-fine{font-size:12.5px;color:var(--text-secondary);margin:0;position:relative;z-index:2}.blog-rss-promo .signup-fine a{color:var(--candy-pink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--candy-pink) 30%,transparent);text-underline-offset:2px;font-weight:600}.blog-rss-promo .signup-fine a:hover{text-decoration-color:var(--candy-pink);color:var(--candy-pink)}.blog-rss-promo .lollipop{position:absolute;right:-42px;bottom:-52px;width:168px;height:auto;opacity:.85;transform:rotate(-14deg);pointer-events:none;z-index:1}@media(max-width:800px){.blog-rss-promo .lollipop{width:140px;right:-32px;bottom:-42px}}.blog-card{--card-accent: var(--candy-cyan);--card-accent-2: var(--candy-pink);position:relative;display:flex;flex-direction:column;padding:0;background:var(--surface);border:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.blog-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);opacity:.9;z-index:2}.blog-card:hover{border-color:color-mix(in oklab,var(--card-accent) 30%,transparent);box-shadow:0 16px 32px -22px color-mix(in oklab,var(--card-accent) 50%,transparent);transform:translateY(-2px);text-decoration:none;color:inherit}.blog-card:nth-of-type(4n+1){--card-accent: var(--candy-pink);--card-accent-2: var(--candy-yellow)}.blog-card:nth-of-type(4n+2){--card-accent: var(--candy-yellow);--card-accent-2: var(--candy-cyan)}.blog-card:nth-of-type(4n+3){--card-accent: var(--candy-cyan);--card-accent-2: var(--candy-pink)}.blog-card:nth-of-type(4n+4){--card-accent: var(--accent);--card-accent-2: var(--candy-yellow)}.blog-card .art{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,color-mix(in oklab,var(--card-accent) 60%,transparent),transparent 55%),radial-gradient(circle at 18% 82%,color-mix(in oklab,var(--card-accent-2) 55%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in oklab,var(--card-accent) 18%,white),color-mix(in oklab,var(--card-accent) 6%,white));border-bottom:1px solid color-mix(in oklab,var(--card-accent) 14%,transparent)}.blog-card .art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.45) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.4;pointer-events:none}.blog-card .art img{width:100%;height:100%;object-fit:cover;display:block}.blog-card .art .icon{position:absolute;bottom:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:18px;color:color-mix(in oklab,var(--card-accent) 75%,var(--candy-navy, #1e1b4b));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 22px -10px color-mix(in oklab,var(--card-accent) 60%,transparent)}.blog-card .art .icon svg{width:30px;height:30px}.blog-card .body{padding:18px 22px 24px}.blog-card .meta{display:flex;align-items:center;gap:10px;margin:0 0 10px}.blog-card .tag{font-size:10.5px;font-weight:700;color:color-mix(in oklab,var(--card-accent) 70%,var(--candy-navy, #1e1b4b));text-transform:uppercase;letter-spacing:.05em}.blog-card .date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-left:auto}.blog-card h3{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em;line-height:1.25;text-wrap:balance;color:var(--text-primary)}.blog-card p{font-size:13.5px;line-height:1.5;color:var(--text-secondary);margin:0;text-wrap:pretty}.blog-card[hidden],.blog-featured[hidden]{display:none}.blog-empty{text-align:center;padding:64px 24px;color:var(--text-muted);font-size:14px}.blog-empty strong{display:block;margin-bottom:6px;color:var(--text-primary);font-size:16px;font-weight:600}.blog-bottom-signup{position:relative;max-width:1120px;margin:48px auto;padding:56px 56px 60px;background:repeating-linear-gradient(135deg,#fff 0 22px,color-mix(in oklab,var(--candy-pink) 8%,white) 22px 44px);border:1px solid color-mix(in oklab,var(--candy-pink) 25%,white);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #00000008,0 22px 50px -28px #ed4d9266}.blog-bottom-signup .inner{position:relative;z-index:2;max-width:560px}.blog-bottom-signup .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--candy-pink);background:#ffffffb3;border:1px solid color-mix(in oklab,var(--candy-pink) 30%,white);border-radius:999px;padding:4px 12px;margin:0 0 16px}.blog-bottom-signup h2{font-family:var(--font-sans);font-weight:800;font-size:clamp(36px,4vw,52px);line-height:1.02;letter-spacing:-.03em;margin:0 0 16px;color:var(--text-primary);text-wrap:balance}.blog-bottom-signup h2 em{font-style:italic;color:var(--candy-pink);font-weight:800;position:relative;display:inline-block}.blog-bottom-signup h2 em:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:10px;background:var(--candy-yellow);border-radius:999px;z-index:-1;transform:skew(-6deg)}.blog-bottom-signup p{font-size:16px;line-height:1.55;color:var(--text-secondary);margin:0 0 22px;text-wrap:pretty}.blog-bottom-signup .signup-form{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;max-width:460px}.blog-bottom-signup .signup-form input{flex:1;min-width:220px;padding:13px 16px;background:#fff;border:1px solid color-mix(in oklab,var(--candy-navy) 18%,white);border-radius:10px;font:inherit;font-size:15px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.blog-bottom-signup .signup-form input::placeholder{color:var(--text-muted)}.blog-bottom-signup .signup-form input:focus{outline:none;border-color:var(--candy-pink);box-shadow:0 0 0 3px color-mix(in oklab,var(--candy-pink) 18%,transparent)}.blog-bottom-signup .signup-form button{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:none;border-radius:10px;background:var(--candy-pink);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 -3px 6px #0000001f,inset 0 2px 4px #ffffff47,0 10px 24px -8px #ed4d9280;transition:transform .15s ease}.blog-bottom-signup .signup-form button:hover{transform:translateY(-1px)}.blog-bottom-signup .signup-form button .arrow{transition:transform .15s ease}.blog-bottom-signup .signup-form button:hover .arrow{transform:translate(2px)}.blog-bottom-signup .signup-form.is-sweet button{background:var(--success-text, #047857)}.blog-bottom-signup .signup-fine{font-size:13px;color:var(--text-secondary);margin:0}.blog-bottom-signup .signup-fine a{color:var(--candy-pink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--candy-pink) 30%,transparent);text-underline-offset:2px;font-weight:600}.blog-bottom-signup .signup-fine a:hover{text-decoration-color:var(--candy-pink);color:var(--candy-pink)}.blog-bottom-signup .lollipop{position:absolute;right:-50px;bottom:-80px;width:280px;height:auto;opacity:.9;transform:rotate(-12deg);pointer-events:none;z-index:1}@media(max-width:1100px){.blog-bottom-signup{margin:48px 24px}}@media(max-width:800px){.blog-bottom-signup{padding:40px 32px 48px;margin:32px 24px 48px}.blog-bottom-signup .lollipop{width:200px;right:-40px;bottom:-60px}}@media(max-width:600px){.blog-bottom-signup{padding:32px 24px 40px;margin:24px 16px 32px}.blog-bottom-signup .lollipop{display:none}}