.own-remotely { position: relative; overflow: hidden; background: var(--terracotta); color: var(--cream); padding: 120px 0; }
.own-remotely .container { position: relative; z-index: 1; }

.own-remotely__header { margin-bottom: 64px; }
.own-remotely .section-header__eyebrow { color: var(--cream); }

.own-remotely__grid { display: grid; grid-template-columns: 44fr 56fr; gap: 64px; align-items: start; }

.own-remotely__media img,
.own-remotely__placeholder { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.own-remotely__placeholder { background: rgba(0,0,0,0.15); }

.own-remotely__body { font-size: 16px; line-height: 1.7; color: #ffffff; margin: 0 0 28px; }

.own-remotely__benefits-label { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; color: var(--cream); margin-bottom: 16px; }

.own-remotely__benefits { display: flex; flex-direction: column; gap: 16px; margin: 0 0 32px; }
.own-remotely__benefits li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--cream); }

.own-remotely__leaf {
	position: absolute;
	right: -30px;
	bottom: -190px;
	width: 210px;
	height: auto;
	pointer-events: none;
	z-index: 0;
}

@media (max-width: 900px) {
	.own-remotely__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.own-remotely { padding: 40px 0; }
}
