/* Selected suit concept for the trajectory chapter; figures are illustrative. */
.intro{position:relative;isolation:isolate;overflow:hidden;background:#000}
.intro::before{content:"";position:absolute;z-index:-2;inset:0 0 0 42%;background:url('assets/figuras-traje-negro.webp') right center/cover no-repeat;opacity:.64}
.intro::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#000 14%,rgba(0,0,0,.97) 37%,rgba(0,0,0,.42) 66%,rgba(0,0,0,.12) 100%)}
.intro__grid{width:min(54vw,760px);margin-left:4.5vw;grid-template-columns:1fr;gap:22px;position:relative;z-index:2}
.intro__statement{padding-left:27px}
.intro__copy{max-width:610px;padding-left:27px}
.intro__copy p:first-child{font-size:1.13rem}
.intro__copy p{line-height:1.55;margin-bottom:12px}
@media(max-width:900px){
  .intro__grid{width:58vw;margin-left:5vw}
}
@media(max-width:650px){
  .intro{align-items:flex-end;padding-top:70px;padding-bottom:65px}
  .intro::before{inset:70px 0 0;background-position:53% top;background-size:100% auto;opacity:.72}
  .intro::after{background:linear-gradient(180deg,rgba(0,0,0,.12) 10%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.83) 49%,#000 65%)}
  .intro__grid{width:calc(100% - 40px);margin-inline:auto;gap:15px}
  .intro__statement{padding-left:19px}
  .intro__copy{padding-left:0}
  .intro__copy p:first-child{font-size:1.03rem}
  .intro__copy p{font-size:.93rem;line-height:1.48;margin-bottom:9px}
}
@media(max-width:650px) and (max-height:700px){
  .intro{padding-bottom:35px}
  .intro__grid{gap:10px}
  .intro__copy p:first-child{font-size:.98rem;line-height:1.4}
  .intro__copy p{font-size:.87rem;line-height:1.4;margin-bottom:6px}
  .intro__copy .text-link{margin-top:4px}
}

@media(max-width:650px){.floating-actions{flex-direction:row;right:10px;bottom:5px;gap:7px}.floating-actions a{width:44px;height:44px}}