@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=Syne:wght@600;700&display=swap";.blog-layout{max-width:1040px;margin:0 auto;padding:3.5rem 1.5rem 4rem;--font-display: "Syne", "Segoe UI", sans-serif;--font-tech: "Space Grotesk", "Segoe UI", sans-serif}.blog-layout--post{padding-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-header{margin-bottom:2.5rem}.blog-header__content{display:grid;gap:.85rem;max-width:720px}.blog-header:not(.blog-header--hero) h1{font-family:var(--font-display, var(--font-serif));font-size:clamp(2.4rem,4.4vw,3.5rem);line-height:.95;margin:0}.blog-header:not(.blog-header--hero) p{margin:0;font-size:1.05rem;color:var(--color-muted)}.blog-header--hero{position:relative;overflow:hidden;border-radius:0;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-block:clamp(3rem,7vw,5.5rem);padding-inline:max(1.5rem,calc(50vw - 520px + 1.5rem));min-height:clamp(360px,55vw,560px);display:flex;align-items:flex-end;color:#fdf7ef;background:var(--blog-hero-image, url(/assets/hero/hero-02.jpg));background-size:cover;background-position:center;box-shadow:0 30px 70px #0a0a0c59;--hero-accent: #ffd600}.blog-header--hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#070810d9,#07081040)}.blog-header--hero .blog-header__content{position:relative;z-index:1;max-width:760px}.blog-hero-title{display:grid;gap:.35rem;margin:0;color:#fff8ef;text-shadow:0 12px 30px rgba(0,0,0,.45)}.blog-hero-title__main{font-family:var(--font-display, var(--font-serif));font-size:clamp(3rem,6.8vw,5.4rem);line-height:.9}.blog-hero-title__sub{font-family:var(--font-display, var(--font-serif));font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:500;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;color:#fff8efbf}.blog-hero-kicker{color:var(--hero-accent);font-size:1.1rem;max-width:48ch;margin:0}.blog-meta{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-tech, var(--font-sans));font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-muted);margin:0;text-decoration:none}.blog-header--hero .blog-meta{color:#fff8efb8}.blog-header--hero .blog-meta-row{margin-top:.5rem}.blog-home-link:hover{color:var(--color-accent)}.blog-shell{--toc-width: 220px;--toc-gap: 2rem;--toc-offset: calc((var(--toc-width) + var(--toc-gap)) / 2);display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:2rem;align-items:start}.blog-article{background:transparent;border-radius:0;padding:0;box-shadow:none}.blog-stroke{position:relative;overflow:visible;padding:clamp(2.75rem,6vw,4.5rem) 0;z-index:0}.blog-stroke--light{background:transparent}.blog-stroke--muted{background:#efe7dd;box-shadow:0 0 0 100vmax #efe7dd;clip-path:inset(0 -100vmax)}.blog-stroke--primary{background:#e6e9e5;box-shadow:0 0 0 100vmax #e6e9e5;clip-path:inset(0 -100vmax)}.blog-stroke--dark{background:#1a1816;color:#f9f4ed;box-shadow:0 0 0 100vmax #1a1816;clip-path:inset(0 -100vmax)}.blog-stroke--dark .blog-stroke__inner h1,.blog-stroke--dark .blog-stroke__inner h2,.blog-stroke--dark .blog-stroke__inner h3,.blog-stroke--dark .blog-stroke__inner p,.blog-stroke--dark .blog-stroke__inner li,.blog-stroke--dark .blog-stroke__inner strong{color:#fffdf8}.blog-stroke--dark .checklist-card{background:#28231e99;border-color:#ffffff26}.blog-stroke--dark .checklist-card__item{background:#322d28bf;border-color:#fff3}.blog-stroke--dark .checklist-card__item-title,.blog-stroke--dark .checklist-card__item p,.blog-stroke--dark .checklist-card__item-plus{color:#f9f4ed}.blog-stroke--dark .checklist-card__label{background:#fffdf8;color:#1a1816}.blog-stroke--parallax{padding:0;background:transparent;box-shadow:none;clip-path:none;--stroke-inline: 1.5rem}.blog-stroke__parallax{height:clamp(180px,32vh,360px);width:100vw;margin-left:calc(50% - 50vw + var(--toc-offset));margin-right:calc(50% - 50vw + var(--toc-offset));background-image:url(/assets/hero/jupiter_surreal_02.png);background-size:cover;background-position:center calc(50% + var(--parallax-shift, 0px));background-repeat:no-repeat;background-attachment:scroll;position:relative;z-index:0;display:flex;align-items:flex-end;overflow:hidden}.blog-stroke__parallax:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08070626,#080706bf)}.blog-stroke__parallax-content{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:clamp(1.8rem,4vw,2.6rem) var(--stroke-inline);transform:translate(calc(-1 * var(--toc-offset)));color:#fff9f1;text-shadow:0 12px 30px rgba(0,0,0,.45);text-align:left}.blog-stroke__parallax-title{font-family:var(--font-serif);font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:600;margin:0}.blog-stroke__parallax-subtitle{margin:.5rem 0 0;font-style:italic;font-size:1rem;color:#fff8f0e6}.blog-stroke--parallax .blog-stroke__inner{padding-top:0}.blog-stroke--parallax .expression-contrast{margin-top:0}.blog-stroke--parallax+.blog-stroke{padding-top:0!important;margin-top:0!important}.blog-stroke--parallax+.blog-stroke .expression-contrast{margin-top:0!important}.blog-stroke--parallax+.blog-stroke .blog-stroke__inner{padding-top:0!important}.blog-article .blog-stroke__parallax-subtitle{color:#fff9f1}.blog-stroke__inner{max-width:760px;margin:0 auto;--stroke-inline: 1.5rem;padding:0 var(--stroke-inline);display:grid;gap:1.25rem;position:relative;z-index:1;align-items:start;text-align:left}.blog-stroke__inner h1,.blog-stroke__inner h2,.blog-stroke__inner h3,.blog-stroke__inner p,.blog-stroke__inner ul,.blog-stroke__inner ol,.blog-stroke__inner blockquote,.blog-stroke__inner pre,.blog-stroke__inner .blog-highlight,.blog-stroke__inner .divider{margin:0}@media (max-width: 900px),(prefers-reduced-motion: reduce){.blog-stroke__parallax{background-attachment:scroll}}.blog-highlight{border:1px solid rgba(173,79,42,.35);border-radius:16px;padding:1.1rem 1.4rem;background:#fffdf8b3;color:var(--color-ink);font-family:var(--font-serif);font-size:1.05rem;line-height:1.75}.blog-highlight strong{color:var(--color-accent);font-weight:600}.expression-contrast{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin:1.5rem 0 0;background:transparent}.expression-contrast__panel{display:grid;gap:.9rem;padding:clamp(1.6rem,4vw,2.6rem) var(--stroke-inline);margin:0 calc(-1 * var(--stroke-inline));position:relative}.expression-contrast__panel--low{background:#151311;color:#f9f4ed;--panel-accent: #ffb66b;box-shadow:0 0 0 100vmax #151311;clip-path:inset(0 -100vmax)}.expression-contrast__panel--high{background:#fffdf8;color:var(--color-ink);--panel-accent: var(--color-accent);box-shadow:0 0 0 100vmax #fffdf8;clip-path:inset(0 -100vmax)}.expression-contrast__panel h3{font-family:var(--font-serif);font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:600}.expression-contrast__panel strong{color:var(--panel-accent)}.expression-contrast__panel p{font-size:1rem;line-height:1.75}.expression-contrast__divider{display:block;border:0;height:1px;background:#ffffff1f;margin:0}.checklist-card{position:relative;border:1px solid rgba(30,26,22,.35);padding:clamp(2rem,4vw,3rem);background:#efe7dd99;box-shadow:0 24px 50px #12100e1f}.checklist-card__label{position:absolute;top:0;left:clamp(1.5rem,4vw,2.75rem);transform:translateY(-50%);background:#151311;color:#f9f4ed;font-family:var(--font-tech, var(--font-sans));font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:.4rem .75rem}.checklist-card__title{font-family:var(--font-serif);font-size:clamp(1.2rem,2.2vw,1.6rem);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem}.checklist-card__title-sub{display:block;font-size:.8em;letter-spacing:.04em;text-transform:none;font-weight:400;color:var(--color-muted);margin-top:.35rem}.checklist-card__lead{margin:0 0 1.5rem;color:var(--color-muted);font-size:.9rem;line-height:1.6}.checklist-card__items{display:grid;gap:1rem}.checklist-card__item{position:relative;border:1px solid rgba(30,26,22,.6);padding:1rem 2.5rem 1rem 1.25rem;background:#e9dfd1bf;transition:background .2s ease,color .2s ease}.checklist-card__item-title{font-family:var(--font-tech, var(--font-sans));font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .5rem;display:flex;gap:.5rem;align-items:center;color:var(--color-ink)}.checklist-card__item-number{font-weight:600;color:var(--color-accent)}.checklist-card__item p{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-ink);transition:color .2s ease}.checklist-card__item-plus{position:absolute;right:1rem;top:.85rem;font-size:1.1rem;color:var(--color-ink);transition:color .2s ease}.checklist-card__item:hover{background:#151311;border-color:#ffffff2e}.checklist-card__item:hover .checklist-card__item-title,.checklist-card__item:hover .checklist-card__item-plus,.checklist-card__item:hover p{color:#f9f4ed}.checklist-card__item:hover .checklist-card__item-number{color:#ffd0a1}.checklist-card__rule{border:0;height:1px;background:#1e1a1633;margin:2rem 0 0}.case-cards{display:grid;gap:1.5rem;margin-top:.5rem}.case-card{position:relative;border:1px solid rgba(30,26,22,.35);padding:1.6rem 1.75rem 1.4rem;background:#fffdf8b3;box-shadow:0 14px 28px #12100e14;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.case-card__label{position:absolute;top:0;left:1.5rem;transform:translateY(-50%);background:#151311;color:#f9f4ed;font-family:var(--font-tech, var(--font-sans));font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:.35rem .65rem}.case-card__title{font-family:var(--font-serif);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:600;margin:0 0 .6rem}.case-card__quote{font-style:italic;margin:0 0 .75rem;color:var(--color-muted)}.case-card p{margin:0 0 .5rem;font-size:.95rem;line-height:1.65;color:var(--color-ink)}.case-card ul{margin:0 0 .75rem;padding-left:1.25rem;color:var(--color-ink)}.case-card li{margin:.35rem 0}.case-card p:last-child{margin-bottom:0}.case-card__note{margin:0;font-style:italic;color:var(--color-muted)}.case-card:hover{background:#151311;border-color:#ffffff2e;box-shadow:0 18px 36px #0000004d;transform:translateY(-2px)}.case-card:hover p,.case-card:hover h3,.case-card:hover strong,.case-card:hover .case-card__quote,.case-card:hover .case-card__note,.case-card:hover li{color:#f9f4ed}.case-card--static:hover{background:#fffdf8b3;border-color:#1e1a1659;box-shadow:0 14px 28px #12100e14;transform:none}.case-card--static:hover p,.case-card--static:hover h3,.case-card--static:hover strong,.case-card--static:hover .case-card__quote,.case-card--static:hover .case-card__note,.case-card--static:hover li{color:var(--color-ink)}.figure-split{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:center;margin:1.5rem 0}.figure-split--reverse{grid-template-columns:1fr minmax(200px,260px)}.figure-split--reverse .figure-split__media{order:2}.figure-split__frame{background:#fffdf8cc;border:1px solid rgba(30,26,22,.25);border-radius:16px;padding:.8rem;box-shadow:0 18px 36px #12100e1f}.figure-split__frame img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px}.figure-split__content{display:grid;gap:.75rem}.figure-split__content p{margin:0}.blog-meta-row{font-family:var(--font-tech, var(--font-sans));font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;color:#fff8efb3;display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.blog-article h1{font-family:var(--font-serif);font-size:clamp(2.2rem,3vw,3rem);line-height:1.1;margin:0}.blog-article h2,.blog-article h3,.blog-article h4{font-family:var(--font-serif);margin:0;font-weight:600}.blog-article p,.blog-article li{font-size:1.05rem;line-height:1.8;color:var(--color-ink)}.blog-article .expression-contrast__panel--low,.blog-article .expression-contrast__panel--low p,.blog-article .expression-contrast__panel--low li,.blog-article .expression-contrast__panel--low h3,.blog-article .expression-contrast__panel--low h4{color:#f9f4ede6}.blog-article .expression-contrast__panel--low strong{color:#ffd0a1}.blog-article ul,.blog-article ol{padding-left:1.4rem}.blog-article blockquote{margin:0;padding:1.25rem 1.5rem;border-left:4px solid var(--color-accent);background:#ad4f2a14;font-style:italic}.blog-article code{font-family:Fira Mono,Courier New,monospace;background:#1e1a160f;padding:.1rem .3rem;border-radius:6px}.blog-article pre{background:#1e1a1614;padding:1rem 1.25rem;overflow-x:auto;border-radius:12px}.blog-index{display:grid;gap:1.5rem}.blog-card{padding:1.5rem 2rem;background:var(--color-card);border-radius:18px;box-shadow:var(--shadow-soft)}.blog-card h2{margin:0 0 .5rem;font-family:var(--font-serif)}.blog-card p{margin:0;color:var(--color-muted)}.blog-toc{position:sticky;top:2rem;padding:1.5rem;background:#fbf8f2;border-radius:16px;border:1px solid rgba(30,26,22,.12);z-index:2}.blog-toc__title{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);margin:0 0 1rem}.blog-toc ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.blog-toc a{color:var(--color-ink);font-size:.95rem}.blog-toc a:hover{color:var(--color-accent)}aside.callout{margin:2rem 0;padding:1.5rem;border-radius:14px;background:#1e1a160f;border-left:4px solid var(--color-accent)}p.note{margin:1.5rem 0;padding:1rem 1.25rem;background:#ad4f2a14;border-radius:12px}.divider{height:1px;background:#1e1a161f;margin:2.5rem 0}.quiz-placeholder{margin:2rem 0;padding:1.5rem;border-radius:16px;background:#1e1a1614}@media (max-width: 900px){.blog-header__content{max-width:100%}.blog-header--hero{padding-inline:2.25rem;min-height:320px}.blog-shell{--toc-width: 0px;--toc-gap: 0px;--toc-offset: 0px;grid-template-columns:1fr}.blog-toc{position:static;order:-1}.expression-contrast{border-radius:22px;box-shadow:0 16px 32px #12100e1f}.expression-contrast__panel{padding:1.35rem}.checklist-card{padding:1.75rem}.checklist-card__label{left:1.5rem}.figure-split,.figure-split--reverse{grid-template-columns:1fr}.figure-split--reverse .figure-split__media{order:0}}@media (max-width: 700px){.blog-layout{padding:2rem 1rem 3rem}.blog-layout--post{padding-top:0}.blog-stroke{padding:2.25rem 0}.blog-stroke__inner{--stroke-inline: 1.25rem;gap:1rem}.blog-header--hero{padding-inline:1.75rem;min-height:280px}.blog-article{padding:2rem 1.5rem}}
