#about > .contact-feature {
  display: grid; grid-template-columns: 1.25fr .85fr; align-items: stretch;
  min-height: 500px; padding: 0; margin-top: 40px; gap: 0;
  background: linear-gradient(120deg,#171818,#191817 60%,#241b15);
  border-top: 1px solid #ffffff20; border-bottom: 1px solid #ffffff20;
}
#about .contact-feature > .contact-feature-copy {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  width: 100%; gap: 0; padding: 36px 20px 36px var(--contact-indent,26%); text-align: center;
}
.contact-heading { width: min(100%,390px); text-align: left; }
.contact-heading > .eyebrow { font-size: 9px; letter-spacing: 1.5px; }
.contact-feature .contact-feature-title { font-size: clamp(38px,3.8vw,64px); line-height: 1.05; color: var(--orange); margin: 20px 0 18px; font-weight: 700; }
.contact-feature .contact-feature-title > span { display: block; font-size: 13px; letter-spacing: 3px; margin-top: 8px; color: #fff; }
.contact-message { font-size: 16px; line-height: 1.6; margin: 0 0 24px; }
.contact-message > span { display: block; font-size: 11px; margin-top: 5px; }
.contact-methods { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 16px; width: 100%; max-width: 580px; }
.contact-method { display: flex; flex-direction: column; align-items: center; gap: 9px; background: transparent; border: 0; padding: 0; color: #fff; font: inherit; min-width: 0; cursor: pointer; }
.contact-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #ffffff70; border-radius: 50%; background: #ffffff08; transition: background .35s,box-shadow .35s,border-color .35s,transform .35s; }
.contact-icon svg { width: 20px; height: 20px; }
.contact-method:is(:hover,:focus-visible) .contact-icon { background: var(--orange); border-color: var(--orange); box-shadow: 0 0 25px #ff732d30; transform: translateY(-3px); }
.method-label { font-size: 11px; }
.method-label small { font-size: 10px; margin-left: 4px; }
.contact-method strong { font-size: clamp(11px,.9vw,14px); font-weight: 700; overflow-wrap: anywhere; }
.copy-hint { font-size: 10px; opacity: .8; }
.contact-status { width: min(100%,580px); font-size: 11px; min-height: 16px; margin: 8px 0 0; color: var(--orange); }
.contact-feature-portrait { position: relative; margin: 0; min-width: 0; overflow: hidden; }
.contact-feature-portrait img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: 65% center; mask-image: linear-gradient(90deg,transparent 0%,#000 40%); -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 40%); }
.contact-feature-portrait::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#191817e8,transparent 40%); pointer-events: none; }
.contact-feature-portrait figcaption { position: absolute; left: 12%; bottom: 30px; z-index: 1; text-align: left; font-size: 22px; font-weight: 700; }
.contact-feature-portrait figcaption span { display: block; font-size: 9px; letter-spacing: 1.5px; margin-top: 7px; }
@media(max-width:900px) {
  #about .contact-feature > .contact-feature-copy { padding-left: 24px; padding-right: 24px; align-items: center; }
  .contact-heading { text-align: center; }
  #about > .contact-feature { grid-template-columns: 1fr; }
  .contact-feature-portrait { height: 300px; }
  .contact-feature-portrait img { object-position: 65% 42%; mask-image: linear-gradient(180deg,transparent,#000 25%); -webkit-mask-image: linear-gradient(180deg,transparent,#000 25%); }
  .contact-feature-portrait::after { background: linear-gradient(180deg,#191817,transparent 25%),linear-gradient(0deg,#191817e8,transparent 50%); }
}
@media(max-width:500px) {
  #about .contact-feature > .contact-feature-copy { padding: 32px 10px 18px; }
  .contact-methods { grid-template-columns: 1fr; gap: 20px; }
  .contact-method { gap: 5px; }
  .contact-method strong { font-size: 15px; }
  .contact-message { font-size: 16px; }
  .contact-feature-portrait { height: 260px; }
}
