.portrait{border:2px solid var(--gray);width:100%;max-width:320px;box-shadow:6px 6px 0 var(--yellow);background:#fff;border-radius:8px;margin:0;transition:box-shadow .3s;overflow:hidden}.portrait--tea{box-shadow:6px 6px 0 var(--teal)}.portrait__frame{border-bottom:2px solid var(--gray);display:grid}.portrait__img{grid-area:1/1;width:100%;height:auto;transition:opacity .4s;display:block}.portrait__img--tea,.portrait--tea .portrait__img--hi{opacity:0}.portrait--tea .portrait__img--tea{opacity:1}.portrait__caption{justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:22px;display:flex}.portrait__button{border:2px solid var(--teal);min-height:44px;color:var(--gray);font:inherit;cursor:pointer;background:#fff;border-radius:4px;padding:0 12px;font-size:20px}.portrait__button:hover{background:#e6f3f5}.portrait__button:focus-visible{outline:2px solid var(--gray);outline-offset:2px}.portrait__button[aria-pressed=true]{background:var(--dark-teal);color:#fff}
.home{justify-content:center;align-items:center;gap:48px 80px;margin:100px 10% 60px;display:flex}.home__hi{margin-bottom:0;font-size:60px}.home__role{color:var(--dark-teal);margin-bottom:16px;font-size:22px}.home__facts{margin:0 0 24px;padding:0;font-size:20px;line-height:1.3;list-style:none}.home__links{flex-wrap:wrap;gap:14px 16px;display:flex}@media (max-width:767.98px){.home{flex-direction:column;align-items:stretch;margin:40px 0;padding:0 20px}.home .portrait{align-self:center;max-width:260px}}