.blog{background:var(--ground)}.blog-main{padding:clamp(128px,14vw,200px) var(--m) clamp(96px,11vw,168px)}.blog-head{max-width:72rem}.blog .blog-h{max-width:16ch;font-size:clamp(2.25rem,1.2rem + 4.6vw,6rem);line-height:.92;letter-spacing:-.05em}.blog-lead{margin-top:28px;max-width:38em;font-size:var(--step-lead);line-height:1.4}.blog-list{display:flex;flex-direction:column;gap:24px;margin-top:clamp(56px,7vw,104px)}.blog-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--panel);color:var(--ink);text-decoration:none;transition:background-color var(--t-hover) ease}.blog-card-pic,.blog-card:hover{background:var(--panel-2)}.blog-card-pic{position:relative;min-height:clamp(260px,30vw,440px);overflow:hidden}.blog-card-pic img{object-fit:cover;transition:transform .7s var(--ease-out)}.blog-card:hover .blog-card-pic img{transform:scale(1.03)}.blog-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(24px,3.2vw,48px)}.blog-card-date{color:var(--muted);font-size:var(--step-small);font-variant-numeric:tabular-nums}.blog .blog-card-h{font-size:clamp(1.625rem,1.2rem + 1.6vw,2.5rem);line-height:1.02;letter-spacing:-.035em}.blog-card-text{max-width:65ch;color:var(--muted)}.blog-card-read{margin-top:auto}.blog-card:hover .blog-card-read{background:var(--gold-up);transform:translateY(-2px)}@media (max-width:860px){.blog-main{padding:112px 16px 80px}.blog-card{grid-template-columns:1fr}.blog-card-pic{min-height:0;aspect-ratio:2016/576}.blog-card-body{padding:24px 16px 28px}.blog-card-read{margin-top:8px;align-self:stretch}}@media (prefers-reduced-motion:reduce){.blog-card-pic img,.blog-card-read{transition:none}}