.portfolio.journal-page{--journal-reading-width:46rem;background:var(--page);color:var(--text);flex-direction:column;min-height:100svh;padding-top:0;display:flex}body:has(.journal-page) .site-masthead{background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid color-mix(in srgb, var(--text) 8%, transparent)}.journal-index{flex:1}.journal-index,.journal-article{padding-block:calc(var(--header-height,100px) + clamp(48px, 7vw, 100px)) clamp(64px, 8vw, 128px)}.journal-intro{max-width:760px;margin-bottom:clamp(48px,6vw,88px)}.journal-page h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin-block:20px 28px;font-size:clamp(3rem,6vw,6.5rem);font-weight:700;line-height:1.06}.journal-intro>p:not(.eyebrow),.journal-deck{color:var(--text-secondary);font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.65}.journal-page .eyebrow{color:var(--text-secondary)}.journal-posts{gap:48px;display:grid}.journal-pagination{justify-items:center;gap:16px;margin-top:48px;display:grid}.journal-load-more{border:1px solid var(--control-border);background:var(--text);min-height:48px;color:var(--page);font:inherit;cursor:pointer;border-radius:6px;padding:12px 28px}.journal-load-more:hover{opacity:.85}.journal-load-more:disabled{opacity:.6;cursor:wait}.journal-page .journal-pagination-status{color:var(--text-secondary);font-size:.875rem}.journal-card{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,64px);padding-block:40px;display:grid}.journal-card:not(:has(>a)){grid-template-columns:minmax(0,1fr)}.journal-card :is(h2,h3){letter-spacing:-.04em;margin-block:20px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.16}.journal-card :is(h2,h3) a{color:inherit;text-decoration:none}.journal-card :is(h2,h3) a:hover{text-underline-offset:5px;text-decoration:underline}.journal-card-copy>p,.journal-empty p{max-width:65ch;color:var(--text-secondary);font-size:1.125rem;line-height:1.75}.journal-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px 24px;font-size:.875rem;line-height:1.6;display:flex}.journal-card .journal-topics{margin-block:24px;font-size:.875rem}.journal-page .quiet-link{min-height:44px;color:var(--text);align-items:center;gap:12px;display:inline-flex}.journal-empty{border-top:1px solid var(--border);padding-block:40px}.journal-related{margin-top:32px}.journal-related>h2{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(1.8rem,3vw,2.6rem)}.journal-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.journal-related .journal-card{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding-top:24px}.journal-related .journal-card h3{font-size:clamp(1.5rem,2.5vw,2rem)}.journal-related .journal-card-copy>p{font-size:1rem}.journal-empty h2{margin-bottom:20px;font-size:1.75rem}.journal-article{max-width:1040px;padding-top:calc(var(--header-height,100px) + clamp(20px, 3vw, 40px))}.journal-article-navigation{justify-content:flex-end;margin-bottom:16px;display:flex}.journal-feature-image{margin-bottom:clamp(40px,5vw,64px)}.journal-article-header{margin-inline:auto;max-width:860px;margin-bottom:48px}.journal-back{margin-bottom:40px}.journal-article-header h1{font-size:clamp(2.6rem,5.3vw,5rem)}.journal-article-header .journal-meta{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.journal-figure{margin:0}.journal-figure img{border-radius:12px;width:100%;height:auto;display:block}.journal-article-footer{max-width:var(--journal-reading-width);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 24px;margin:0 auto 40px;padding-top:16px;display:flex}.journal-page .journal-article-tags{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.8}.journal-article-tags>span{color:var(--text);margin-right:12px}.journal-share{color:var(--text-secondary);margin-left:auto;font-size:.875rem}.journal-share-links{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.journal-share-links :is(a,button){min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.journal-share-links button{min-width:44px}.journal-share-links :is(a,button):hover{color:var(--text-secondary)}.journal-share-status{text-align:right;min-height:1.5em;display:block}.journal-share input{border:1px solid var(--border);background:var(--page);width:100%;color:var(--text);padding:8px}.journal-prose{max-width:var(--journal-reading-width);overflow-wrap:anywhere;margin:clamp(40px,5vw,72px) auto;font-size:clamp(1.125rem,1.6vw,1.25rem);line-height:1.85;display:flow-root}.journal-page .journal-prose>*{margin-block:0}.journal-page .journal-prose>*+*{margin-top:clamp(24px,2.8vw,36px)}.journal-page .journal-prose>:is(h2,h3){color:var(--text);letter-spacing:-.03em;margin-top:clamp(40px,5vw,64px);line-height:1.2}.journal-page .journal-prose>:is(h2,h3)+*{margin-top:20px}.journal-page .journal-prose>:first-child{margin-top:0}.journal-page .journal-prose>.journal-figure:not(:first-child),.journal-page .journal-prose>.journal-figure+*{margin-top:clamp(36px,4.5vw,56px)}.journal-page .journal-prose h2{font-size:clamp(1.8rem,3vw,2.6rem)}.journal-page .journal-prose h3{font-size:1.6rem}.journal-page .journal-prose :is(p,li){color:var(--text-secondary);font-size:inherit;line-height:inherit}.journal-prose :is(ul,ol){padding-left:1.4em}.journal-prose ul{list-style:outside}.journal-prose ol{list-style:decimal}.journal-prose li+li{margin-top:8px}.journal-prose a{color:var(--text);text-underline-offset:4px;text-decoration:underline}.journal-prose blockquote{border-left:2px solid var(--control-border);padding-left:24px;font-style:italic}.journal-prose code{font-family:var(--font-portfolio-mono), monospace;background:var(--surface-alternate);border-radius:4px;padding:2px 5px;font-size:.85em}.journal-page :is(a,button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}@media (max-width:767px){.journal-related-grid{grid-template-columns:minmax(0,1fr);gap:16px}.journal-share{margin-left:0}.journal-card{grid-template-columns:minmax(0,1fr)}.journal-index,.journal-article{padding-top:calc(var(--header-height,80px) + 48px)}.journal-article{padding-top:calc(var(--header-height,80px) + 16px)}.journal-meta{gap:8px 16px}}
