.blog-post-hero{max-width:1200px;margin:0 auto clamp(24px,3vw,40px);padding:0 clamp(20px,4vw,60px)}.blog-post-hero img{display:block;width:100%;height:clamp(280px,42vw,520px);object-fit:cover;border-radius:4px;background:var(--color-surface-alt)}.blog-post-body{padding:clamp(40px,5vw,72px) clamp(20px,4vw,60px) clamp(48px,6vw,88px);background:var(--color-surface)}.blog-post-body__inner{max-width:760px;margin:0 auto}.blog-post-body__meta{font-family:Chivo,sans-serif;font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-blue);margin:0 0 clamp(18px,2vw,28px)}.blog-post-body h2{font-family:Arimo,sans-serif;font-weight:700;font-size:clamp(28px,2.2vw + 8px,40px);line-height:1.15;letter-spacing:-.005em;color:var(--color-ink);margin:clamp(48px,6vw,80px) 0 clamp(14px,1.6vw,22px);text-wrap:balance}.blog-post-body h2:first-child{margin-top:0}.blog-post-body h3{font-family:Arimo,sans-serif;font-weight:700;font-size:clamp(20px,1.4vw + 8px,26px);line-height:1.25;letter-spacing:-.002em;color:var(--color-ink);margin:clamp(32px,4vw,48px) 0 clamp(12px,1.2vw,18px)}.blog-post-body p{font-family:Chivo,sans-serif;font-size:clamp(16px,.6vw + 14px,18px);line-height:1.72;color:var(--color-ink-84);margin:0 0 clamp(16px,1.6vw,22px)}.blog-post-body strong{font-family:Arimo,sans-serif;font-weight:700;color:var(--color-ink)}.blog-post-body a{color:var(--color-blue);border-bottom:1px solid var(--color-blue-30);transition:border-color .18s ease}.blog-post-body a:hover,.blog-post-body a:focus-visible{border-bottom-color:var(--color-blue)}.blog-post-body ul,.blog-post-body ol{padding-left:1.4em;margin:clamp(8px,1vw,14px) 0 clamp(18px,2vw,26px);color:var(--color-ink-84);font-size:clamp(16px,.6vw + 14px,18px);line-height:1.72}.blog-post-body li{margin:0 0 clamp(8px,1vw,12px)}.blog-post-body li::marker{color:var(--color-blue)}.blog-post-body figure{margin:clamp(32px,4vw,56px) 0}.blog-post-body figure img,.blog-post-body img{display:block;width:100%;height:auto;border-radius:2px;background:var(--color-surface-alt)}.blog-post-body .article-photo-pair,.blog-post-body .article-photo-grid,.blog-post-body .construction-story{display:grid;gap:clamp(12px,2vw,20px);margin:clamp(32px,4vw,56px) 0}.blog-post-body .article-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post-body .article-photo-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-post-body .article-photo-pair figure,.blog-post-body .article-photo-grid figure,.blog-post-body .construction-story figure{margin:0}.blog-post-body .article-photo-pair img,.blog-post-body .article-photo-grid img{height:100%;min-height:220px;object-fit:cover}.blog-post-body .article-photo-wide img{max-height:540px;object-fit:cover}.blog-post-body .construction-story{grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:construction-step}.blog-post-body .construction-story--five figure:last-child{grid-column:1 / -1}.blog-post-body .construction-story figure{position:relative;overflow:hidden;border-radius:4px;background:var(--color-paper);box-shadow:0 8px 24px var(--color-ink-08)}.blog-post-body .construction-story figure>span{position:absolute;top:10px;left:10px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-blue);color:var(--color-paper);font:700 15px/1 Arimo,sans-serif;box-shadow:0 2px 8px var(--color-black-24)}.blog-post-body .construction-story img{aspect-ratio:4 / 3;object-fit:cover;border-radius:0}.blog-post-body .construction-story figcaption{padding:12px 14px 14px;color:var(--color-ink-82);font:600 14px/1.35 Chivo,sans-serif}@media(max-width:620px){.blog-post-body .article-photo-pair,.blog-post-body .article-photo-grid--three,.blog-post-body .construction-story{grid-template-columns:1fr}.blog-post-body .construction-story--five figure:last-child{grid-column:auto}.blog-post-body .article-photo-pair img,.blog-post-body .article-photo-grid img{min-height:0}}.blog-post-body__inner{opacity:0;transform:translateY(16px);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.blog-post-body__inner.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.blog-post-body__inner{opacity:1;transform:none;transition:none}}
