.dsb-conversion{background:#fff;color:#090a0c;border-top:1px solid #d8dbd8;border-bottom:1px solid #d8dbd8;padding:clamp(52px,6vw,96px) clamp(18px,2.6vw,42px)}
.dsb-conversion__head{display:grid;grid-template-columns:minmax(120px,.24fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,70px);align-items:end}
.dsb-conversion__head small{align-self:start;color:#767b76;font:600 9px/1.35 var(--dsb-font-mono);letter-spacing:.12em}
.dsb-conversion__head h2{max-width:840px;margin:0;font-size:clamp(38px,4.8vw,82px);line-height:.94;letter-spacing:-.058em;font-weight:850}
.dsb-conversion__head p{max-width:650px;margin:18px 0 0;color:#5c625c;font-size:14px;line-height:1.6}
.dsb-conversion__head>a{display:inline-flex;align-items:center;gap:12px;padding:13px 0 8px;border-bottom:1px solid #090a0c;color:#090a0c;font:600 10px/1 var(--dsb-font-mono);letter-spacing:.08em;white-space:nowrap}
.dsb-conversion__head>a span{font:500 18px/1 var(--dsb-font-sans);transition:transform .25s ease}.dsb-conversion__head>a:hover span{transform:translate(3px,-3px)}
.dsb-conversion__work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(42px,5vw,72px);background:#d8dbd8;border:1px solid #d8dbd8}
.dsb-conversion__card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;gap:10px;align-items:end;min-width:0;padding:14px;background:#fff;color:#090a0c;transition:background .24s ease}
.dsb-conversion__card:hover{background:#f5f6f4}.dsb-conversion__index{grid-column:1;color:#8a8e8a;font:600 8px/1 var(--dsb-font-mono)}
.dsb-conversion__media{grid-column:1/4;display:block;margin:-14px -14px 14px;overflow:hidden;background:#f5f6f4}.dsb-conversion__media img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;background:#fff;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.dsb-conversion__card:hover img{transform:scale(1.012)}
.dsb-conversion__meta{grid-column:2;color:#757a75;font:600 8px/1.3 var(--dsb-font-mono);letter-spacing:.06em}.dsb-conversion__card strong{grid-column:2;font-size:clamp(20px,2vw,34px);line-height:1;letter-spacing:-.045em}.dsb-conversion__card i{grid-column:3;grid-row:3/5;align-self:end;justify-self:end;font-style:normal;font-size:20px;transition:transform .24s ease}.dsb-conversion__card:hover i{transform:translate(3px,-3px)}
@media(max-width:900px){.dsb-conversion__head{grid-template-columns:1fr}.dsb-conversion__head>a{justify-self:start}.dsb-conversion__work{grid-template-columns:1fr 1fr}.dsb-conversion__card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:620px){.dsb-conversion{padding:48px 16px}.dsb-conversion__head h2{font-size:11vw}.dsb-conversion__work{grid-template-columns:1fr}.dsb-conversion__card:last-child:nth-child(odd){grid-column:auto}.dsb-conversion__media img{max-height:none}}
@media(prefers-reduced-motion:reduce){.dsb-conversion__card,.dsb-conversion__media img,.dsb-conversion__head>a span,.dsb-conversion__card i{transition:none!important}}
