.blog-hub,.post-page{position:relative;z-index:var(--z-content);max-width:var(--container-max);margin:0 auto;padding:calc(var(--space-3xl) + var(--space-md) + env(safe-area-inset-top,0px)) var(--container-padding) var(--space-4xl);display:flex;flex-direction:column;gap:var(--space-2xl)}.blog-hub__head{display:flex;flex-direction:column;gap:var(--space-md)}.blog-hub__headline{font-family:var(--font-display);font-size:clamp(2.25rem,6vw,5rem);font-weight:600;line-height:.95;letter-spacing:-.035em;max-width:22ch}.blog-hub__headline span{display:block;overflow:visible;padding:0 .2em 0 0}.blog-hub__intro{font-size:var(--font-size-lg);line-height:var(--line-height-body);max-width:64ch;color:var(--color-text);margin-top:var(--space-md)}.blog-hub__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-xl) 0 0}.blog-hub__item{background:#5e5a5229;backdrop-filter:saturate(1.1) blur(6px);-webkit-backdrop-filter:saturate(1.1) blur(6px);border:1px solid rgba(94,90,82,.18);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--ease-out-expo)}.blog-hub__item:hover{border-color:var(--color-accent)}.blog-hub__link{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:var(--space-lg);row-gap:var(--space-xs);align-items:baseline;padding:var(--space-lg) var(--space-xl);color:var(--color-text)}.blog-hub__meta{grid-column:1;grid-row:1;font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent)}.blog-hub__title{grid-column:1;grid-row:2;margin:0;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.875rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--color-text);max-width:28ch;transition:color var(--duration-base) var(--ease-out-expo)}.blog-hub__item:hover .blog-hub__title{color:var(--color-accent)}.blog-hub__excerpt{grid-column:1;grid-row:3;margin:0;font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-text-muted);max-width:64ch}.blog-hub__arrow{grid-row:1 / 4;grid-column:2;align-self:center;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);color:var(--color-accent);transition:transform var(--duration-base) var(--ease-out-expo)}.blog-hub__item:hover .blog-hub__arrow{transform:translate(6px)}.post__head{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.post__eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-muted)}.post__title{font-family:var(--font-display);font-size:clamp(2.25rem,6vw,5rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;max-width:22ch;color:var(--color-text)}.post__excerpt{font-size:var(--font-size-lg);line-height:var(--line-height-body);max-width:64ch;color:var(--color-text)}.post__author{margin-top:var(--space-sm)}.post__author-link{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text);border-bottom:1px solid var(--color-border-strong);padding-bottom:2px;transition:color var(--duration-base) var(--ease-out-expo)}.post__author-link:hover{color:var(--color-accent)}.post__body{display:flex;flex-direction:column;gap:var(--space-md);max-width:72ch;font-size:var(--font-size-lg);line-height:1.65;color:var(--color-text)}.post__body h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;letter-spacing:-.02em;margin-top:var(--space-md);color:var(--color-text)}.post__body h3{font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:600;letter-spacing:-.015em;margin-top:var(--space-sm);color:var(--color-text)}.post__body p{max-width:72ch}.post__body .post__lead{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--space-md)}.post__body blockquote{margin:var(--space-md) 0;padding-left:var(--space-md);border-left:3px solid var(--color-accent)}.post__body blockquote p{font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--color-text);max-width:60ch}.post__body ul,.post__body ol{padding-left:1.3em;display:flex;flex-direction:column;gap:var(--space-xs)}.post__body a{color:var(--color-text);border-bottom:1px solid var(--color-text-muted);transition:color var(--duration-base) var(--ease-out-expo),border-color var(--duration-base) var(--ease-out-expo)}.post__body a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.post__body strong{color:var(--color-text);font-weight:600}.post__body em{color:var(--color-accent);font-style:italic;font-weight:500}.post__body table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--font-size-md);margin-top:var(--space-sm)}.post__body th,.post__body td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:top}.post__body th{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-strong)}.post__footer{padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.post__share{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-muted)}.post__share a{color:var(--color-text);border-bottom:1px solid currentColor;padding-bottom:2px}.post__share a:hover{color:var(--color-accent)}@media (max-width: 768px){.blog-hub,.post-page{gap:var(--space-2xl);padding:calc(var(--space-2xl) + env(safe-area-inset-top)) var(--container-padding) var(--space-2xl)}.blog-hub__link{padding:var(--space-md);column-gap:var(--space-md)}.blog-hub__arrow{display:none}.post__body{font-size:var(--font-size-md)}.post__body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media (max-width: 480px){.blog-hub,.post-page{gap:var(--space-xl);padding:calc(var(--space-xl) + env(safe-area-inset-top)) var(--container-padding) var(--space-xl)}.blog-hub__title{font-size:clamp(1.125rem,5vw,1.5rem)}.blog-hub__excerpt{font-size:var(--font-size-sm)}.post__title{font-size:clamp(2rem,9vw,3rem)}.post__excerpt{font-size:var(--font-size-md)}}