.about-layout > div:first-child { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 460px; }
.about-layout > div:first-child > h2 { position: relative; z-index: 1; width: 68%; margin: 0 0 0 32%; font-size: clamp(36px,3.6vw,60px); line-height: 1.25; }
.about-layout > div:first-child > h2 > span { font-size: .43em; margin-top: 18px; line-height: 1.4; }
.about-layout .about-photo { display: block; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border-radius: 0; z-index: -1; pointer-events: none; overflow: hidden; mask-image: radial-gradient(ellipse at 30% 53%,#000 20%,transparent 73%); -webkit-mask-image: radial-gradient(ellipse at 30% 53%,#000 20%,transparent 73%); }
.about-layout .about-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 60% center; transform: none; opacity: .3; filter: saturate(.65); }
.about-layout .about-photo { mask-image: linear-gradient(90deg,transparent,#000 22%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 76%,transparent); mask-composite: intersect; -webkit-mask-image: linear-gradient(90deg,transparent,#000 22%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 76%,transparent); -webkit-mask-composite: source-in; }
#about > .contact-feature { background: transparent; border: 0; }
.contact-feature-portrait img { mask-image: linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent); mask-composite: intersect; -webkit-mask-image: linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent); -webkit-mask-composite: source-in; }
.contact-feature-portrait::after { display: none; }
@media(max-width:700px) {
  .about-layout > div:first-child { min-height: 350px; }
  .about-layout > div:first-child > h2 { margin-left: 25%; width: 75%; font-size: 36px; }
}