.blog{max-width:var(--max);padding:clamp(32px, 7vw, 80px) var(--gutter) 0;margin:0 auto}.blog-head{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-bottom:clamp(40px,7vw,72px);display:flex;position:relative}.blog-head:before{content:"";z-index:-1;filter:blur(24px);pointer-events:none;background:radial-gradient(40% 50% at 40%,#e8a8a82e,#0000 70%),radial-gradient(35% 45% at 65% 60%,#a9bc981f,#0000 70%);position:absolute;inset:-40% 10% -10%}.blog-head h1{max-width:12ch;font-size:clamp(2.8rem,8vw,5.4rem);line-height:1}.blog-head h1 em{color:var(--rose);font-style:normal}.post-card{color:inherit;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out);flex-direction:column;gap:18px;text-decoration:none;display:flex}.post-card:active{transform:scale(.985)}.post-cover{aspect-ratio:16/10;background:var(--card);isolation:isolate;border-radius:24px;position:relative;overflow:hidden}.post-cover img{object-fit:cover;transition:transform .7s var(--ease-out)}.post-card-body{flex-direction:column;gap:10px;padding:0 4px;display:flex}.post-card h2,.post-card h3{font-size:clamp(1.4rem,2.4vw,1.7rem);line-height:1.15;transition:color .2s}.post-card p{color:var(--sand-70);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.98rem;display:-webkit-box;overflow:hidden}.post-card .post-meta{display:flex}@media (hover:hover) and (pointer:fine){.post-card:hover .post-cover img{transform:scale(1.04)}.post-card:hover :is(h2,h3){color:var(--rose)}}.post-meta{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.post-card.featured{background:var(--cocoa-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:36px;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(10px,1.4vw,16px);display:grid}.post-card.featured .post-cover{aspect-ratio:4/3;border-radius:26px}.post-card.featured .post-card-body{gap:14px;padding-right:clamp(8px,3vw,40px)}.post-card.featured h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05}.post-card.featured p{-webkit-line-clamp:4;font-size:1.05rem}@media (max-width:820px){.post-card.featured{grid-template-columns:1fr}.post-card.featured .post-card-body{padding:4px 10px 14px}}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(36px,5vw,56px) clamp(20px,3vw,32px);margin-top:clamp(48px,7vw,80px);padding:0;list-style:none;display:grid}.blog-empty{background:var(--cocoa-2);box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:36px;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;display:flex}.blog-empty h2{font-size:clamp(1.8rem,4vw,2.4rem)}.blog-empty p{color:var(--sand-70)}.blog-empty .btn{min-width:0;margin-top:8px}.article{padding-top:clamp(24px,5vw,56px)}.article-head{max-width:820px;padding:0 var(--gutter);text-align:center;flex-direction:column;align-items:center;gap:20px;margin:0 auto;display:flex}.crumbs{color:var(--muted);gap:10px;font-size:.88rem;display:flex}.crumbs a{color:var(--sage);font-weight:600;text-decoration:none}.crumbs a:hover{text-underline-offset:3px;text-decoration:underline}.article-head h1{font-size:clamp(2.5rem,6.4vw,4.4rem);line-height:1.02}.dek{max-width:36rem;color:var(--sand-70);font-size:clamp(1.1rem,2vw,1.3rem)}.byline{text-align:left;align-items:center;gap:12px;display:flex}.byline>img,.avatars>*{object-fit:cover;width:36px;height:36px;box-shadow:0 0 0 2px var(--cocoa);border-radius:50%}.avatars{display:flex}.avatars>*+*{margin-left:-10px}.avatars i,.author-card>i{background:var(--card);color:var(--rose);font-family:var(--font-serif), serif;place-items:center;font-style:normal;display:grid}.byline-text{flex-direction:column;line-height:1.35;display:flex}.byline-text b{font-size:.95rem;font-weight:600}.byline .post-meta{font-size:.84rem}.article-cover{width:min(1100px, 100% - 2 * var(--gutter));aspect-ratio:2;background:var(--card);border-radius:clamp(24px,4vw,40px);margin:clamp(36px,6vw,64px) auto 0;position:relative;overflow:hidden}.article-cover[data-theme]{aspect-ratio:5}.article-cover img{object-fit:cover}.article-body{padding:clamp(40px, 7vw, 72px) var(--gutter) 0;grid-template-columns:minmax(0,680px);justify-content:center;gap:64px;display:grid}@media (min-width:1180px){.article-body:has(.toc){grid-template-columns:200px minmax(0,680px) 200px}}.toc{align-self:start;font-size:.88rem;position:sticky;top:100px}@media (max-width:1179px){.toc{display:none}}.toc b{color:var(--sage);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.toc ol{box-shadow:inset 1px 0 0 var(--line);margin-top:14px;padding:0;list-style:none;display:grid}.toc a{color:var(--muted);padding:6px 0 6px 14px;line-height:1.35;text-decoration:none;transition:color .2s,box-shadow .2s;display:block;box-shadow:inset 1px 0 #0000}.toc [data-level="3"] a{padding-left:26px}.toc a:hover{color:var(--sand)}.toc a[aria-current]{color:var(--sand);box-shadow:inset 1px 0 0 var(--rose)}.prose{color:color-mix(in srgb, var(--sand) 86%, transparent);font-size:1.125rem;line-height:1.75}.prose>*+*{margin-top:1.3em}.prose h2{color:var(--sand);margin-top:2.2em;scroll-margin-top:96px;font-size:clamp(1.75rem,3.4vw,2.25rem)}.prose h3{color:var(--sand);margin-top:1.8em;scroll-margin-top:96px;font-size:1.4rem}.prose :is(h2,h3)+*{margin-top:.6em}.prose a{color:var(--rose);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{text-decoration-thickness:2px}.prose strong{color:var(--sand);font-weight:600}.prose :is(ul,ol){padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--sage)}.prose>blockquote{box-shadow:inset 2px 0 0 var(--rose);color:var(--sand);font-family:var(--font-serif), serif;padding-left:24px;font-size:1.5rem;line-height:1.35}.prose hr{text-align:center;border:0;height:auto;margin-block:2.4em}.prose hr:after{content:"✦ ✦ ✦";color:var(--muted);letter-spacing:.8em;font-size:.75rem}.prose code{background:var(--card);border-radius:6px;padding:2px 6px;font-size:.9em}.prose figcaption{color:var(--muted);text-align:center;margin-top:12px;font-size:.9rem}.b-figure,.b-affirmation,.b-video{margin-inline:min(0px, (100% - min(800px, 100vw - 2 * var(--gutter))) / 2)}.b-figure img{border-radius:24px;width:100%;height:auto}.b-video iframe{aspect-ratio:16/9;background:var(--cocoa-3);border:0;border-radius:24px;width:100%;display:block}.b-affirmation{aspect-ratio:16/9;isolation:isolate;border-radius:32px;place-items:center;padding:40px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.b-affirmation img{z-index:-2;object-fit:cover}.b-affirmation:after{content:"";z-index:-1;background:#00000040;position:absolute;inset:0}.b-affirmation[data-dark]:after{display:none}.b-affirmation blockquote{color:#fff;text-align:center;text-wrap:balance;max-width:18ch;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.2}.b-affirmation blockquote:not([data-font]){font-family:var(--font-serif), serif}.b-affirmation[data-dark] blockquote{color:var(--cocoa)}.b-affirmation .copy-btn{position:absolute;bottom:16px;right:16px}@media (max-width:600px){.b-affirmation{aspect-ratio:4/5}}.copy-btn{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:40px;height:40px;transition:transform .16s var(--ease-out), background-color .2s ease, color .2s ease;background:#00000047;border-radius:999px;place-items:center;display:grid}.copy-btn:active{transform:scale(.95)}.copy-btn svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.swap-icon{transition:opacity .2s ease, transform .2s var(--ease-out), filter .2s ease;grid-area:1/1;display:grid}.swap-icon+.swap-icon,.copy-btn[data-copied] .swap-icon:first-child{opacity:0;filter:blur(4px);transform:scale(.6)}.copy-btn[data-copied] .swap-icon+.swap-icon{opacity:1;filter:none;transform:none}.b-list{background:var(--cocoa-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;padding:clamp(16px,3vw,24px)}.b-list h3{margin:4px 0 12px 12px}.prose .b-list ol{gap:2px;padding:0;list-style:none;display:grid}.prose .b-list li{border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0;padding:10px 8px 10px 14px;transition:background-color .2s;display:grid}.b-list li>span{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:.78rem}.b-list li>p{color:var(--sand);font-family:var(--font-serif), serif;font-size:1.25rem;line-height:1.35}.b-list .copy-btn{width:36px;height:36px;color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.b-list .copy-btn[data-copied]{color:var(--sage)}@media (hover:hover) and (pointer:fine){.prose .b-list li:hover{background:var(--line)}.b-list .copy-btn:hover{color:var(--sand)}}.b-callout{--tint:var(--sage);background:color-mix(in srgb, var(--tint) 9%, var(--cocoa-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 22%, transparent);border-radius:24px;padding:20px 24px}.b-callout[data-tone=try]{--tint:var(--rose)}.b-callout[data-tone=note]{--tint:var(--muted)}.b-callout>b{color:var(--tint);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.b-callout h4{color:var(--sand);margin-top:6px;font-size:1.1rem;font-weight:600}.b-callout p{margin-top:6px;font-size:1.02rem}.b-app{background:radial-gradient(80% 120% at 0% 50%, #e8a8a82e, transparent 70%), var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:18px 22px 18px 14px;display:grid}.b-app img{width:84px;height:auto}.b-app h3{color:var(--sand);margin:0;font-size:1.5rem}.b-app p{color:var(--sand-70);margin-top:4px;font-size:.98rem;line-height:1.5}.prose .b-app .btn{min-width:0;color:var(--cocoa);justify-content:center;text-decoration:none}@media (max-width:640px){.b-app{grid-template-columns:auto 1fr}.b-app .btn{grid-column:1/-1}}.b-faq h3{margin-bottom:14px}.b-faq details+details{margin-top:10px}.prose .b-faq summary{font-size:1.05rem}.article-foot{width:min(680px, 100% - 2 * var(--gutter));gap:20px;margin:56px auto 0;display:grid}.share-row{box-shadow:inset 0 1px 0 var(--line);flex-wrap:wrap;gap:10px;padding-top:28px;display:flex}.pill{color:var(--sand);transition:transform .16s var(--ease-out), background-color .2s ease;border-radius:999px;align-items:center;padding:9px 18px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #f5ebe22e}.pill:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.pill:hover{background:var(--line)}}.author-card{background:var(--cocoa-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;grid-template-columns:56px 1fr;gap:16px;padding:20px;display:grid}.author-card>img,.author-card>i{object-fit:cover;border-radius:50%;width:56px;height:56px;font-size:1.5rem}.author-card b{display:block}.author-card span{color:var(--muted);font-size:.88rem}.author-card p{color:var(--sand-70);margin-top:8px;font-size:.98rem}.related{max-width:var(--max);padding:0 var(--gutter);margin:clamp(88px,12vw,128px) auto 0}.related h2{text-align:center;font-size:clamp(2rem,4vw,2.8rem)}.related .post-grid{margin-top:40px}.preview-bar{z-index:70;box-shadow:inset 0 0 0 1px var(--line), 0 20px 40px -20px #0009;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#382d2be6;border-radius:999px;align-items:center;gap:14px;padding:8px 8px 8px 18px;font-size:.88rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.preview-bar a{background:var(--cta);color:var(--cocoa);border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none}.read-progress{display:none}@supports (animation-timeline:scroll()){.read-progress{z-index:60;background:var(--rose);transform-origin:0;height:2px;animation:linear both read-progress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto;transform:scaleX(0)}@keyframes read-progress{to{transform:scaleX(1)}}}@media (prefers-reduced-motion:no-preference){.blog-head>*,.blog>.post-card.featured,.blog-empty,.article-head>*,.article-cover{animation:blog-rise .6s var(--ease-out) both}.blog-head>:nth-child(2),.article-head>:nth-child(2){animation-delay:50ms}.blog-head>:nth-child(3),.article-head>:nth-child(3){animation-delay:.1s}.blog>.post-card.featured,.blog-empty,.article-head>:nth-child(4){animation-delay:.15s}.article-cover{animation-delay:.2s}@keyframes blog-rise{0%{opacity:0;transform:translateY(12px)}}}