/* Układ strony /o-mnie. Nie używany poza tą podstroną. */

.me-intro{
  display:grid;grid-template-columns:1fr;
  gap:clamp(1.8rem,3.5vw,3rem);align-items:start;
}
.me-intro .about-photo{
  width:100%;
  max-width:none;
}
.me-intro-copy p{
  margin:0 0 1.05rem;color:var(--text-secondary);font-size:1.08rem;line-height:1.55;
  max-width:min(52ch,100%);
}
.me-intro-copy p:last-child{margin-bottom:0}
.me-intro-copy .me-aside{
  margin:1.65rem 0 0;
  padding-top:1.15rem;
  border-top:1px solid var(--rule);
  font-size:1.02rem;
  color:rgba(243,238,232,.62);
  max-width:min(44ch,100%);
}
.me-intro-copy a:not(.btn){
  color:inherit;text-decoration:none;
  border-bottom:1px solid var(--accent);padding-bottom:.05em;
}
.me-intro-copy a:not(.btn):hover{color:var(--accent)}
.me-intro .about-photo figcaption{max-width:36rem}
.me-actions{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:.75rem 1rem;
  margin:1.7rem 0 0;
}

@media (max-width:560px){
  .me-actions{flex-direction:column;align-items:stretch}
  .me-actions .btn{width:100%}
}

@media (min-width:900px){
  .me-intro{
    grid-template-columns:minmax(22rem,1.25fr) minmax(0,.95fr);
    gap:clamp(2.4rem,5vw,4.2rem);
  }
  .me-intro .about-photo{position:sticky;top:6.5rem}
}

@media (prefers-reduced-motion:reduce){
  .me-intro .about-photo{position:static}
}