.intro{position:relative;max-width:1000px;margin:0 auto;padding-top:80px;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.intro__img{box-shadow:0 10px 25px -5px rgba(0,0,0,.12),0 8px 10px -6px rgba(0,0,0,.07);border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;width:160px;height:160px;object-fit:cover;display:block;position:relative;z-index:2;margin-bottom:-1.2em}@media (hover:hover){.intro__img:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(0,0,0,.18),0 10px 12px -5px rgba(0,0,0,.1)}}.section__title--intro strong{display:block;font-weight:700;letter-spacing:-.02em}.section__subtitle--intro{background:var(--clr-accent);padding:.45em 1.2em;font-size:var(--fs-h3);position:relative;z-index:1;width:100%;box-sizing:border-box;text-align:center;text-align-last:center;hyphens:none;border-radius:6px;letter-spacing:.01em}@media (min-width:600px){.intro{display:grid;width:auto;max-width:850px;margin:0 auto;padding-top:90px;text-align:left;grid-template-columns:250px 1fr;grid-template-rows:1fr auto;grid-template-areas:"img title""img subtitle";column-gap:1.5em}.intro__img{grid-area:img;grid-row:1/3;width:250px;height:250px;margin-bottom:0;z-index:2}.section__title--intro{grid-area:title;align-self:end;margin-bottom:.35em;padding-bottom:0;font-size:clamp(1.2rem,2.5vw,2.5rem)}.section__subtitle--intro{grid-area:subtitle;align-self:start;z-index:1;text-align:right;text-align-last:right;padding:.4em 1.2em;margin-left:calc(-250px - 1.5em);padding-left:calc(250px + 1.5em);width:auto;margin-bottom:0;border-radius:0 6px 6px 0}}