.component-showcase{margin-top:64px;border-top:1px solid var(--line)}
.component-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:62px 0;border-bottom:1px solid var(--line)}
.component-row-reverse .component-photo{order:2}
.component-photo{overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#090a0c}
.component-photo img{display:block;width:100%;aspect-ratio:1.47;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.component-row:hover .component-photo img{transform:scale(1.045);filter:brightness(1.12)}
.component-copy>span{color:var(--red);font-size:10px;font-weight:700;letter-spacing:1.3px}
.component-copy h3{font-size:clamp(36px,4vw,55px);line-height:.83;margin:14px 0 18px}
.component-copy h3 em{color:var(--red);font-style:italic}
.component-copy p{max-width:470px;color:#a9adb3;font-size:14px;line-height:1.68}
.component-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.component-tags b{border:1px solid rgba(255,255,255,.18);padding:8px 10px;color:#ececeb;text-transform:uppercase;font-size:9px;letter-spacing:.55px}
.component-tags b:before{content:'+';color:var(--red);margin-right:5px}
@media(max-width:800px){.component-row{grid-template-columns:1fr;gap:28px;padding:42px 0}.component-row-reverse .component-photo{order:0}.component-copy h3{font-size:42px}.component-showcase{margin-top:44px}}