.iog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:44px}
.iosvg{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}
.iosvg .out,.iosvg .inn{transition:opacity .4s}
.inout[data-hl=out] .inn{opacity:.18}
.inout[data-hl=inn] .out{opacity:.18}
.iot{display:flex;flex-direction:column;gap:16px}
.ioc{all:unset;box-sizing:border-box;cursor:pointer;display:block;background:#fff;border-radius:16px;padding:22px 24px;border-left:6px solid var(--ak);box-shadow:0 22px 44px -36px rgba(48,48,48,.6);transition:transform .3s,box-shadow .3s}
.ioc:hover,.ioc:focus-visible{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(48,48,48,.7)}
.ioc[data-hl=out]{border-left-color:#14417b}
.ioc .kind{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.75;margin-bottom:8px}
.ioc b{display:block;font-family:'Adamina','Caladea',serif;font-weight:400;font-size:26px;margin-bottom:8px}
.ioc span:last-child{display:block;font-size:16px;line-height:1.55}
.inout[data-hl=out] .ioc[data-hl=out],.inout[data-hl=inn] .ioc[data-hl=inn]{box-shadow:0 0 0 3px var(--ak),0 30px 50px -34px rgba(48,48,48,.7)}
.iop{margin:10px 0 0;font-family:'Adamina','Caladea',serif;font-size:21px;line-height:1.45}
@media(max-width:820px){.iog{grid-template-columns:1fr;gap:32px}
}