.blog{flex-direction:column;max-width:720px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(16px,4vw,48px) clamp(72px,10vw,128px);display:flex}.blog__back{align-self:flex-start;align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.2;display:flex}.blog__header{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:clamp(32px,5vw,56px);display:flex}.blog__title{color:var(--ink);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:800;font-stretch:112%;line-height:1.1}.blog__note{white-space:nowrap;font-size:26px;transform:rotate(-3deg)}.blog__years{flex-direction:column;gap:clamp(32px,5vw,44px);margin-top:clamp(32px,5vw,48px);display:flex}.blog__year{margin:0 0 6px;font-size:clamp(28px,3vw,34px);display:inline-block;transform:rotate(-4deg)}.blog__list{margin:0;padding:0;list-style:none}.post{color:var(--ink);justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;display:flex}.post__title{letter-spacing:-.015em;text-wrap:pretty;min-width:0;font-size:clamp(16px,1.7vw,18px);font-weight:600;line-height:1.35}.post:hover .post__mark,.post:focus-visible .post__mark{text-underline-offset:.2em;-webkit-text-decoration:underline #3b3a5559;text-decoration:underline #3b3a5559}.post__date{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--muted);font-size:12px;font-weight:500;line-height:1.3}@media (width<=600px){.blog{padding-inline:20px}.blog__header{flex-wrap:nowrap;gap:10px}.blog__title{flex:none;font-size:clamp(22px,7vw,30px);font-stretch:100%}.blog__note{flex:none;font-size:clamp(18px,5.6vw,26px)}.blog__header [data-rule]{flex:1 1 0;min-width:12px}.post{gap:14px}}