/* Выбранный концепт 01: оригинальная фотография и живой текст. */
.section.connection{
  position:relative;display:grid;grid-template-columns:47.5% minmax(0,1fr);
  align-items:center;gap:clamp(28px,3vw,48px);
  width:min(1536px,100vw);max-width:none;
  margin-inline:calc((100% - min(1536px,100vw))/2);
  border:0;padding:64px clamp(32px,4vw,64px) 64px 0;
}
.story-program+.connection{padding-top:64px}
.connection-portrait{
  position:relative;grid-column:1;grid-row:1;margin:0;min-width:0;
  height:clamp(620px,60vw,940px);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 76%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 76%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.connection-portrait img{
  display:block;position:absolute;height:100%;width:auto;max-width:none;
  top:0;left:50%;transform:translateX(-50%);
}
.connection-text{grid-column:2;grid-row:1;position:relative;min-width:0;max-width:760px;align-self:start;padding-top:clamp(110px,11.2vw,172px);padding-bottom:24px}
.connection .quote-copy{font-family:Arial,sans-serif;font-size:clamp(22px,1.9vw,29px);line-height:1.48;letter-spacing:-.008em}
.connection .body-copy{margin-top:clamp(36px,3.5vw,54px);font-size:clamp(20px,1.65vw,25px);line-height:1.52;letter-spacing:-.005em}
.connection .freedom-phrase{
  font-family:inherit;font-size:1.12em;line-height:inherit;letter-spacing:inherit;color:var(--ink);
  text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-skip-ink:none;
}
.connection+.conversation{border-top:0}
@media(max-width:899px){
  .section.connection{width:100%;margin-inline:0;grid-template-columns:1fr;gap:0;padding:40px 0 56px}
  .connection-portrait{grid-column:1;grid-row:1;height:clamp(360px,78vw,620px);width:100%;margin-bottom:-24px}
  .connection-text{grid-column:1;grid-row:2;padding:0}
  .connection .quote-copy{font-family:Arial,sans-serif;font-size:22px}
  .connection .body-copy{font-size:20px;margin-top:28px}
}