:where(.portfolio-root) *{box-sizing:border-box;margin:0;padding:0}.portfolio-root{background-color:var(--color-page-bg);justify-content:center;align-items:center;height:100vh;margin:0;padding:1.25rem;display:flex}.portfolio-root .business-card{background-color:var(--color-navy);width:100%;max-width:31.25rem;color:var(--color-text-on-navy);box-shadow:var(--shadow-card);border-radius:.5rem;flex-direction:column;padding:1.875rem;font-family:Arial,sans-serif;transition:transform .5s,margin-bottom .5s;display:flex;position:relative}.portfolio-root .business-card.moved-up{margin-bottom:.625rem;transform:translateY(-2.5rem)}.portfolio-root .accordion{width:31.25rem}.portfolio-root .accordion .accordion-collapse{visibility:visible}.portfolio-root .accordion .accordion-body ol{margin:.5rem 0 .75rem;padding-left:1.5rem;list-style-type:decimal;list-style-position:outside}.portfolio-root .accordion .accordion-body ul{margin:.5rem 0 .75rem;padding-left:1.5rem;list-style-type:disc;list-style-position:outside}.portfolio-root .accordion .accordion-body ol>li,.portfolio-root .accordion .accordion-body ul>li{margin:.35rem 0;padding-left:.25rem;display:list-item}.portfolio-root .accordion .project-site-link{vertical-align:middle;align-items:center;gap:.375rem;display:inline-flex}.portfolio-root .accordion .project-site-favicon{object-fit:contain;border-radius:.125rem;flex-shrink:0;width:1rem;height:1rem}.portfolio-root .name{color:var(--color-accent);text-transform:uppercase;margin:0;font-family:Georgia,serif;font-size:1.75rem;font-weight:700}.portfolio-root .title{color:var(--color-text-subtle);margin-top:-.3125rem;margin-bottom:1.25rem;font-size:1rem}.portfolio-root .contact-info{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.portfolio-root .contact-info h5 a{color:var(--color-accent);margin-right:.625rem;text-decoration:none;position:relative}.portfolio-root .contact-info p{margin:.25rem 0}.portfolio-root .email-link{color:inherit;text-decoration:none}.portfolio-root .email-link:hover{color:var(--color-link-email-hover);text-decoration:underline;transition:color .2s ease-in-out}.portfolio-root .phone-link{color:inherit;text-decoration:none}.portfolio-root .phone-link:hover{color:var(--color-link-phone-hover);text-decoration:underline;transition:color .2s ease-in-out}.portfolio-root .photo-frame{background-color:var(--color-photo-frame);border-radius:51% 49% 30% 33%/64% 65% 26% 26%;width:8.4375rem;height:12.375rem;position:absolute;top:2.8125rem;right:1.875rem;overflow:hidden}.portfolio-root .photo-frame img{object-fit:cover;width:100%;height:100%}.portfolio-root .contact-info h5 a:hover{color:var(--color-text-on-navy)}.portfolio-root .contact-info h5 a:after{content:attr(data-tooltip);background-color:var(--color-photo-frame);color:var(--color-text-on-navy);opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:opacity .3s,visibility .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.portfolio-root .contact-info h5 a:hover:after{opacity:1;visibility:visible}.portfolio-root .contact-info h5 button.icon-as-link{color:var(--color-accent);cursor:pointer;font:inherit;background:0 0;border:none;margin-right:.625rem;padding:0;position:relative}.portfolio-root .contact-info h5 button.icon-as-link:hover{color:var(--color-text-on-navy)}.portfolio-root .contact-info h5 button.icon-as-link:after{content:attr(data-tooltip);background-color:var(--color-photo-frame);color:var(--color-text-on-navy);opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:opacity .3s,visibility .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.portfolio-root .contact-info h5 button.icon-as-link:hover:after{opacity:1;visibility:visible}.portfolio-root .name .pronounce-btn{color:var(--color-pronoun);cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:.5rem;padding:.3125rem;font-size:.8em;transition:all .3s}.portfolio-root .name .pronounce-btn:hover{color:var(--color-interactive-blue);transform:scale(1.1)}@media (width<=48rem){.portfolio-root .business-card{max-width:90%;padding:1.25rem}.portfolio-root .name{font-size:1.5rem}.portfolio-root .name span{top:-.7rem!important;left:0!important}.portfolio-root .title{margin-bottom:.9375rem;font-size:.875rem}.portfolio-root .contact-info{font-size:.8125rem}.portfolio-root .photo-frame{width:6.25rem;height:8.75rem;top:1.25rem;right:1.25rem}.portfolio-root .accordion{width:28.125rem}}@media (width<=30rem){.portfolio-root .name span{top:-.5rem!important;left:0!important}}@media (width<=36rem){.portfolio-root .business-card{max-width:100%;padding:.9375rem}.portfolio-root .name{font-size:1.25rem}.portfolio-root .title,.portfolio-root .contact-info{font-size:.75rem}.portfolio-root .photo-frame{width:5.3125rem;height:8.1875rem;top:3.125rem;right:1.5625rem}.portfolio-root .accordion{width:18.75rem}}