.blog-visual{position:relative;display:flex;min-height:218px;overflow:hidden;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--color-border);background:#f6f5f1;color:var(--color-text);isolation:isolate}.blog-visual:before,.blog-visual:after{position:absolute;z-index:-1;content:"";pointer-events:none}.blog-visual:before{top:-42px;right:-24px;width:170px;height:170px;border:1px solid currentColor;border-radius:50%;opacity:.08}.blog-visual:after{right:24px;bottom:24px;width:52px;height:3px;background:var(--color-primary)}.blog-visual--dark{border-color:#2c2c2f;background:var(--color-dark);color:#fff}.blog-visual--warm{background:#ece9e2}.blog-visual__topline{display:flex;position:relative;z-index:2;justify-content:space-between;gap:18px;font-size:.59rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-visual__topline span:last-child{opacity:.58}.blog-visual__title{position:relative;z-index:2;max-width:380px;margin-top:40px;font-size:clamp(1.35rem,2.35vw,2.45rem);font-weight:650;letter-spacing:-.045em;line-height:1.02}.blog-visual__steps{display:flex;position:relative;z-index:2;flex-wrap:wrap;align-items:center;gap:7px;margin-top:26px}.blog-visual__steps span{padding:6px 9px;border:1px solid currentColor;font-size:.58rem;font-weight:700;opacity:.72}.blog-visual__steps b{color:var(--color-primary);font-size:.72rem}.blog-visual__image{position:absolute;z-index:0;inset:0;opacity:.3}.blog-visual__image:after{position:absolute;inset:0;background:linear-gradient(90deg,#151517f5,#151517b8 52%,#15151761);content:""}.blog-visual__image img{width:100%;height:100%;object-fit:cover;object-position:top center}.blog-visual__image span{display:none}.blog-visual--compact{min-height:168px;padding:20px}.blog-visual--compact .blog-visual__title{max-width:300px;margin-top:26px;font-size:clamp(1.12rem,1.6vw,1.55rem)}.blog-visual--compact .blog-visual__steps{margin-top:20px}.blog-proof-rail{padding:18px;border:1px solid var(--color-border);background:#fff}.blog-proof-rail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 2px 16px}.blog-proof-rail__head span{color:var(--color-primary);font-size:.61rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.blog-proof-rail__head strong{max-width:250px;font-size:.78rem;line-height:1.35;text-align:right}.blog-proof-rail__grid{display:grid;grid-template-columns:1.16fr .84fr;grid-template-rows:1fr 1fr;gap:10px;min-height:360px}.blog-proof{position:relative;overflow:hidden;margin:0;background:#ecece8}.blog-proof--main{grid-row:1 / 3}.blog-proof img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.78) contrast(1.02);transition:transform .65s cubic-bezier(.22,1,.36,1)}.blog-proof:hover img{transform:scale(1.025)}.blog-proof figcaption{position:absolute;right:10px;bottom:10px;left:10px;padding:8px 10px;background:#121214d6;color:#fff;font-size:.56rem;font-weight:750;letter-spacing:.04em}@media(max-width:900px){.blog-proof-rail__grid{min-height:310px}}@media(max-width:640px){.blog-proof-rail__grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 150px;min-height:0}.blog-proof--main{grid-column:1 / 3;grid-row:auto}.blog-proof-rail__head{display:block}.blog-proof-rail__head strong{display:block;margin-top:8px;text-align:left}}@media(prefers-reduced-motion:reduce){.blog-proof img{transition:none}}.blog-article__visual{margin:0 0 42px}.blog-visual--has-image{display:grid;min-height:330px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);padding:0}.blog-visual--has-image:before,.blog-visual--has-image:after{display:none}.blog-visual--has-image .blog-visual__image{position:relative;z-index:0;inset:auto;min-height:330px;overflow:hidden;opacity:1;background:#e9e8e3}.blog-visual--has-image .blog-visual__image:after{display:none}.blog-visual--has-image .blog-visual__image img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:top center;filter:saturate(.86) contrast(1.02)}.blog-visual--has-image .blog-visual__image span{display:block;position:absolute;right:12px;bottom:12px;left:12px;padding:8px 10px;background:#121214db;color:#fff;font-size:.56rem;font-weight:750;letter-spacing:.04em}.blog-visual__body{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:24px}.blog-visual--has-image .blog-visual__title{margin-top:36px}.blog-visual--compact.blog-visual--has-image,.blog-visual--compact.blog-visual--has-image .blog-visual__image,.blog-visual--compact.blog-visual--has-image .blog-visual__image img{min-height:250px}@media(max-width:760px){.blog-visual--has-image{grid-template-columns:1fr}.blog-visual--has-image .blog-visual__image,.blog-visual--has-image .blog-visual__image img{min-height:230px}}
