/* ClickUp 869f8x6gf: LP sales contact - photo left, contact rows with round icons right. */
.dev-sales-card{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:var(--space-lg,24px);align-items:center;width:100%;position:relative}
.dev-sales-card__photo{position:relative;align-self:stretch;min-height:400px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 66%,transparent 100%),linear-gradient(to bottom,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 66%,transparent 100%),linear-gradient(to bottom,#000 80%,transparent 100%);mask-composite:intersect}
.dev-sales-card__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:44% 16%}
.dev-sales-card__data{min-width:0;padding:var(--space-md,16px) 0}
.figma-view .dev-sales-card__name{margin:0 0 var(--space-lg,24px);font-weight:600;font-size:26px;line-height:34px;letter-spacing:-.2px;color:var(--text-primary,#25313a)}
.dev-sales-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm,12px)}
.dev-sales-card__list li{display:flex;align-items:center;gap:var(--space-md,16px);font-family:inherit;font-size:16px;line-height:24px;color:var(--text-primary,#25313a);overflow-wrap:anywhere}
.dev-sales-card__list a{color:inherit;text-decoration:none}
.dev-sales-card__list a:hover,.dev-sales-card__list a:focus-visible{color:var(--brand-primary,#556b2f);text-decoration:underline;text-underline-offset:3px}
.dev-sales-card__list li.is-address{margin-top:var(--space-sm,12px);padding-top:var(--space-lg,24px);border-top:1px solid var(--border-default,#dde2e6);align-items:flex-start}
.dev-sales-card__list li.is-address>span:last-child{padding-top:10px}
.dev-sales-card__icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,49,58,.07);color:var(--text-primary,#25313a)}

/* Tablet: full-width column, same two-part layout as the mockup. */
.design-tablet .dev-sales-card__photo{min-height:380px}

/* Mobile: photo on top fading into the section, contact rows below. */
.design-mobile .dev-sales-card{grid-template-columns:1fr;gap:0}
.design-mobile .dev-sales-card__photo{min-height:0;aspect-ratio:4/3.4;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-composite:source-over;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-composite:add}
.design-mobile .dev-sales-card__photo img{object-position:36% 12%}
.design-mobile .dev-sales-card__data{padding:0}
.figma-view.design-mobile .dev-sales-card__name{font-size:22px;line-height:30px;margin-bottom:var(--space-md,16px)}
.design-mobile .dev-sales-card__list li{font-size:15px}
.design-mobile .dev-sales-card__icon{flex-basis:40px;width:40px;height:40px}
.design-mobile .dev-sales-card__list li.is-address>span:last-child{padding-top:8px}
