.cog-autopromo.engagements-contents .inner{background:var(--primary-color);flex-flow:column;max-width:340px;margin:100px auto 120px;display:flex}:is(.cog-autopromo.engagements-contents .inner) figure{background:var(--primary-color);width:100%;height:220px;padding:20px 20px 0;display:block;position:relative}:is(:is(.cog-autopromo.engagements-contents .inner) figure) .blurred-visual{position:absolute;inset:0;overflow:hidden}:is(:is(:is(.cog-autopromo.engagements-contents .inner) figure) .blurred-visual) img{filter:blur(20px);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.2)}:is(:is(.cog-autopromo.engagements-contents .inner) figure) .main-visual{position:absolute;inset:20px 20px 0}:is(:is(:is(.cog-autopromo.engagements-contents .inner) figure) .main-visual) img{-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center;width:100%;height:100%;display:block;position:relative}:is(:is(.cog-autopromo.engagements-contents .inner) figure) .humans{width:200px;display:block;position:absolute;inset:auto auto 0 20px;overflow:hidden}:is(:is(:is(.cog-autopromo.engagements-contents .inner) figure) .humans) img{width:100%;height:auto;margin-left:-20px;display:block}:is(.cog-autopromo.engagements-contents .inner) .text-part{border:20px solid var(--primary-color-less);border-top:0;flex-flow:column;align-items:flex-start;width:100%;padding:36px 24px 24px;display:flex}:is(:is(.cog-autopromo.engagements-contents .inner) .text-part) .new{background:var(--secondary-yellow-color);color:#fff;text-transform:uppercase;padding:4px 8px;font-size:16px;font-weight:600;line-height:20px;display:inline-block}:is(:is(.cog-autopromo.engagements-contents .inner) .text-part) h2{color:#fff;margin:8px 0 24px;font-family:Sora,sans-serif;font-size:28px;line-height:32px}:is(:is(:is(.cog-autopromo.engagements-contents .inner) .text-part) h2) span{color:var(--primary-color-less);display:block}:is(:is(.cog-autopromo.engagements-contents .inner) .text-part) p{color:#fff;margin:0 0 24px;font-family:Sora,sans-serif;font-size:20px;font-weight:600;line-height:24px}:is(:is(.cog-autopromo.engagements-contents .inner) .text-part) a{color:var(--primary-color);text-transform:none;background:#fff;border-radius:24px;width:auto;height:48px;margin:0;font-size:16px;font-weight:700;display:inline-flex}@media screen and (width>=900px){.cog-autopromo.engagements-contents .inner{flex-flow:row;max-width:900px;min-height:340px}:is(.cog-autopromo.engagements-contents .inner) figure{z-index:2;flex:none;width:327px;height:auto;padding:20px 0 20px 20px}:is(:is(.cog-autopromo.engagements-contents .inner) figure) .main-visual{inset:20px 0 20px 20px}:is(:is(.cog-autopromo.engagements-contents .inner) figure) .humans{inset:auto auto 20px 20px}:is(:is(:is(.cog-autopromo.engagements-contents .inner) figure) .humans) img{margin-left:-10px}:is(.cog-autopromo.engagements-contents .inner) .text-part{border:20px solid var(--primary-color-less);border-left:0;justify-content:center;padding:24px 24px 24px 44px}}@media screen and (width>=1280px){:is(.cog-autopromo.engagements-contents .inner) figure{width:400px}}