.cx-transactions{position:relative;isolation:isolate;margin:36px 0 0;padding:88px 5% 80px;background:#20343f url('/our-vision.jpg') center 55%/cover;color:#f6f1ea;text-align:center}
.cx-transactions:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10232cc9,#10232ceb)}
.cx-transactions-kicker{color:#dcc29a;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.cx-transactions h2{max-width:900px;margin:18px auto!important;font:400 clamp(32px,4vw,48px)/1.15 'Times New Roman',serif!important;color:#f6f1ea!important}
.cx-transactions-intro{max-width:600px;margin:0 auto;font-size:17px;line-height:1.6;color:#e2e5e3}
.cx-transaction-board{display:flex;gap:22px;max-width:1320px;margin:44px auto 0;overflow-x:auto;padding:0 0 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bba078 #ffffff16;text-align:left}
.cx-transaction-row{flex:0 0 290px;min-width:0;overflow:hidden;border:1px solid #dcc29a38;border-radius:8px;background:#20343f;scroll-snap-align:start;display:flex;flex-direction:column}
.cx-transaction-photo{display:block;width:100%;height:210px;object-fit:cover;object-position:center}
.cx-transaction-copy{padding:24px 24px 0;flex:1}
.cx-transaction-type{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#dcc29a;margin-bottom:12px}
.cx-transaction-person{font:400 25px/1.15 'Times New Roman',serif;color:#f6f1ea}
.cx-transaction-property{font-size:14px;line-height:1.6;color:#c6cece;margin-top:12px}
.cx-transaction-value{display:block;padding:24px;font:25px 'Times New Roman',serif;color:#f6f1ea}
.cx-transaction-controls{display:flex;justify-content:center;gap:14px;margin-top:26px}
.cx-transaction-controls button{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #dcc29a55;border-radius:50%;background:#f6f1ea08;color:#f6f1ea;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff08;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.cx-transaction-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
@media(hover:hover){.cx-transaction-controls button:hover{background:#f6f1ea;border-color:#f6f1ea;color:#20343f;box-shadow:0 4px 14px #07151d26}.cx-transaction-controls button:first-child:hover svg{transform:translateX(-2px)}.cx-transaction-controls button:last-child:hover svg{transform:translateX(2px)}}
.cx-transaction-controls button:active{background:#dcc29a;color:#20343f}
@media(prefers-reduced-motion:reduce){.cx-transaction-controls button,.cx-transaction-controls svg{transition:none}}
.cx-transaction-controls button:focus-visible,.cx-transaction-board:focus-visible{outline:2px solid #dcc29a;outline-offset:4px}
.cx-transaction-empty{width:100%;padding:40px 16px;text-align:center}
.cx-transaction-empty h3{font:400 25px 'Times New Roman',serif;color:#dcc29a}
@media(max-width:767px){.cx-transactions{padding:60px 24px;margin-top:20px}.cx-transaction-board{gap:16px;margin-top:32px}.cx-transaction-row{flex-basis:280px}.cx-transactions-intro{font-size:15px}}