.shell-about-btn{position:relative}.shell-about-btn::after{content:'About';position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background-color:var(--color-charcoal,#1e293b);color:var(--color-white);font-size:0.7rem;font-weight:500;line-height:1;padding:0.25rem 0.45rem;border-radius:0.25rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.08s;z-index:300}.shell-about-btn:hover::after{opacity:1}#about-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--color-black-50);z-index:500;opacity:0;pointer-events:none;transition:opacity 0.15s}#about-modal.is-open{opacity:1;pointer-events:auto}.about-modal-card{background-color:var(--color-surface);border-radius:1rem;width:100%;max-width:52rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px var(--color-black-50)}.about-modal-body{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2.5rem}.about-section{display:flex;flex-direction:column;gap:0.75rem}.about-section-title{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-charcoal);margin-bottom:0.125rem}.about-section-heading{font-size:1.25rem;font-weight:700;color:var(--color-navy);line-height:1.25;margin-bottom:0.25rem}.about-section p{font-size:0.9rem;line-height:1.65;color:var(--color-charcoal)}.about-team-subtitle{font-size:0.8125rem;color:var(--color-gray-500);margin-top:-0.375rem}.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:0.5rem}.about-team-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;background-color:var(--color-gray-50,#f8fafc);border:1px solid var(--color-gray-200);border-radius:0.875rem;padding:1.25rem 1rem 1rem;text-align:center}.about-team-photo{width:4.5rem;height:4.5rem;border-radius:50%;background-color:var(--color-gray-200);flex-shrink:0;overflow:hidden}.about-team-photo img{width:100%;height:100%;object-fit:cover}.about-team-name{font-size:0.9375rem;font-weight:700;color:var(--color-navy);line-height:1.2}.about-team-year{display:inline-block;font-size:0.6875rem;font-weight:600;color:var(--color-navy);background-color:var(--color-primary-100);border-radius:9999px;padding:0.15rem 0.625rem;line-height:1.4}.about-team-roles{display:flex;flex-direction:column;gap:0.125rem;margin-top:0.125rem}.about-team-roles span{font-size:0.6875rem;color:var(--color-gray-500);line-height:1.4}.about-team-roles span + span::before{content:'·';margin-right:0.25rem;color:var(--color-gray-300)}.about-team-email{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:0.3rem;border-radius:0.375rem;color:var(--color-gray-400);text-decoration:none;transition:color 0.12s,background-color 0.12s}.about-team-email:hover{color:var(--color-navy);background-color:var(--color-primary-100)}.about-team-links{display:flex;gap:0.25rem;margin-top:auto}.about-team-github{display:inline-flex;align-items:center;justify-content:center;padding:0.3rem;border-radius:0.375rem;color:var(--color-gray-400);text-decoration:none;transition:color 0.12s,background-color 0.12s}.about-team-github:hover{color:var(--color-navy);background-color:var(--color-primary-100)}.about-team-linkedin{display:inline-flex;align-items:center;justify-content:center;padding:0.3rem;border-radius:0.375rem;color:var(--color-gray-400);text-decoration:none;transition:color 0.12s,background-color 0.12s}.about-team-linkedin:hover{color:var(--color-navy);background-color:var(--color-primary-100)}.about-placeholder{font-size:0.8125rem;color:var(--color-gray-400);font-style:italic;padding:1rem;border:1px dashed var(--color-gray-300);border-radius:0.5rem;text-align:center}.about-contact-footer{font-size:0.75rem;color:var(--color-gray-400);text-align:center;padding-top:0.5rem;border-top:1px solid var(--color-gray-200)}.about-contact-footer a{color:var(--color-gray-500);text-decoration:underline}.about-contact-footer a:hover{color:var(--color-navy)}@media (max-width:640px){.about-modal-body{padding:1.25rem;gap:2rem}.about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:400px){.about-team-grid{grid-template-columns:1fr}}