.blog-page{background:var(--void);color:var(--ink)}
.blog-page .studio-header{background:#091e2e;color:#f6ecda;border-bottom-color:#29404f}
.blog-page .studio-brand,.blog-page .studio-nav>a{color:#f6ecda}
.blog-page .brand-symbol i{background:#f6ecda}
.blog-page .brand-sub{color:#d2dade}
.blog-page .studio-nav>a:hover,.blog-page .studio-nav>a[aria-current="page"]{color:#efd2aa}
.blog-page .studio-nav>a[aria-current="page"]{border-bottom-color:#efd2aa}
.blog-hero{background:#091e2e;color:#f6ecda;border-bottom:1px solid #29404f;padding:clamp(4.5rem,10vw,9rem) 0 clamp(4rem,8vw,7rem);position:relative;overflow:hidden}
.blog-hero::before{content:"FIELD NOTES";position:absolute;right:-.05em;bottom:-.23em;color:#ffffff08;font-size:clamp(7rem,19vw,18rem);font-weight:800;letter-spacing:-.08em;line-height:.8;pointer-events:none}
.blog-hero .studio-shell{position:relative;z-index:1}
.blog-kicker{color:#d1a46d;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.5rem}
.blog-hero h1{font-size:clamp(3.2rem,8vw,8rem);line-height:.94;letter-spacing:-.065em;max-width:8ch;margin:0;color:#f6ecda}
.blog-hero h1 em{font-family:var(--editorial);font-weight:400;color:#d1a46d;letter-spacing:-.04em}
.blog-deck{max-width:48ch;margin:2.2rem 0 0;color:#c8d2d5;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.7}
.blog-index{padding-block:clamp(4.5rem,9vw,8rem)}
.blog-index-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3.2rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem}
.blog-index-head h2{font-size:clamp(2.2rem,4vw,4rem);margin:0;letter-spacing:-.055em}
.blog-index-head p{max-width:35ch;color:var(--ink-3);font-size:.8rem;margin:0;line-height:1.7}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.blog-card{background:var(--void);min-height:390px;padding:clamp(1.4rem,3vw,2.5rem);display:flex;flex-direction:column;position:relative;transition:background .35s var(--ease),transform .35s var(--ease)}
.blog-card:hover{background:#e5e8dc;transform:translateY(-4px);z-index:1}
.blog-card:nth-child(2){background:#dfe5d9}.blog-card:nth-child(2):hover{background:#d4ddcf}.blog-card:nth-child(3){background:#d6ddcf}.blog-card:nth-child(4){background:#e8e9e0}
.blog-card-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--ink-3);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.blog-card-index{color:var(--signal);font-weight:700}
.blog-card h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1.06;letter-spacing:-.055em;max-width:15ch;margin:4rem 0 1.2rem}
.blog-card p{color:var(--ink-2);font-size:.88rem;line-height:1.75;max-width:43ch;margin:0}
.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:2rem}
.blog-card-note{font-size:.67rem;color:var(--ink-3)}
.blog-card-link{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);font-size:.72rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:.35rem}
.blog-card-link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.blog-card:hover .blog-card-link svg{transform:translate(3px,-3px)}
.blog-disclaimer{border-top:1px solid var(--line);padding-top:1.4rem;margin-top:clamp(3rem,6vw,6rem);color:var(--ink-3);font-size:.72rem;line-height:1.7;max-width:72ch}
.blog-disclaimer strong{color:var(--ink-2)}
.blog-page .studio-footer{background:#091e2e;color:#c8d2d5;border-top:1px solid #29404f}
.blog-page .footer-name,.blog-page .footer-bottom a{color:#f6ecda}
@media(max-width:700px){
  .blog-hero h1{max-width:10ch}.blog-index-head{display:block}.blog-index-head p{margin-top:1rem}
  .blog-grid{grid-template-columns:1fr}.blog-card{min-height:355px}.blog-card h3{margin-top:3.2rem}
}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}
.post-hero h1{max-width:20ch;font-size:clamp(2.4rem,5.5vw,5.5rem);line-height:1.12;letter-spacing:-.045em}
.post-hero::before{display:none}
.post-back{display:inline-block;color:#ecd3af;margin-bottom:2.5rem;font-size:.85rem}
.post-back:hover{color:white}
.post-body{max-width:780px;margin:auto;padding:clamp(2.5rem,6vw,5rem) 24px;color:#20392d;font-size:1.05rem;line-height:1.85;overflow-wrap:anywhere}
.post-body p,.post-body ul,.post-body ol{margin:0 0 1.5rem}
.post-body h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;margin:2.8rem 0 1rem}
.post-body ul,.post-body ol{padding-left:1.4rem}.post-body li{margin-bottom:.8rem}
.post-body .post-lead{font-size:1.25rem;line-height:1.7}
.post-body a{text-decoration:underline}.post-references{font-size:.92rem}
.post-end{border-top:1px solid #c7cdbd;margin-top:3rem;padding-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.85rem}