.about-section{padding:5rem 0;position:relative;overflow:hidden}.about-section:before,.about-section:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.about-section:before{filter:blur(120px);background:#0356ba33;width:350px;height:350px;top:-120px;left:-120px}.about-section:after{filter:blur(180px);background:#0356ba26;width:450px;height:450px;bottom:-180px;right:-180px}.about-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.hyperlink-color{color:#add8e6}.bio-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border-radius:12px;height:fit-content;padding:2rem 1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 24px #ffb86b33}.bio-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #ffb86b99}.bio-card:before{content:"";background:var(--accent);border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:4px;position:absolute;top:0;left:0}.bio-card h2{color:var(--accent);text-align:center;letter-spacing:.5px;margin-bottom:1.5rem;font-size:1.75rem}.bio-card p{color:#eee;margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.photo-timeline{padding:2rem 1rem 4rem;position:relative;overflow:visible}.photo-timeline h2{text-align:center;color:var(--accent);margin-bottom:2rem;font-size:1.75rem}.photo-timeline .timeline{max-width:800px;margin:0 auto;padding-left:2rem;position:relative}.photo-timeline .timeline:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.photo-timeline .timeline-item{width:calc(50% - 2rem);margin-bottom:3rem;display:flex;position:relative}.photo-timeline .timeline-item:nth-child(odd){text-align:right;justify-content:flex-end;left:0}.photo-timeline .timeline-item:nth-child(2n){text-align:left;justify-content:flex-start;left:50%}.photo-modal{z-index:1200;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.photo-modal.active{display:flex}.photo-modal-blur{-webkit-backdrop-filter:blur(8px);z-index:1;background:#14141eb3;position:absolute;inset:0}.photo-modal-content{z-index:2;background:#ffffff1f;border-radius:16px;flex-direction:column;align-items:flex-end;max-width:90vw;max-height:90vh;padding:1.5rem;display:flex;position:relative;box-shadow:0 8px 40px #000000b3}.photo-modal-content img{background:#222;border-radius:12px;max-width:80vw;max-height:70vh;margin-top:.5rem;box-shadow:0 4px 24px #0009}.photo-modal-close{color:#222;cursor:pointer;background:#fff;border:none;border-radius:50%;align-self:flex-end;width:2.5rem;height:2.5rem;margin-bottom:.5rem;font-size:2rem;transition:background .2s;box-shadow:0 2px 8px #0003}.photo-modal-close:hover{color:#222;background:#ffd580}.photo-timeline .timeline-item:before{content:"";border:3px solid var(--surface);z-index:1;opacity:1;background:#676767;border-radius:50%;width:10px;height:10px;transition:opacity .3s;position:absolute;top:.5rem;left:50%;transform:translate(-50%,-50%)}.photo-timeline .timeline-item:hover:before{opacity:0}.photo-timeline .timeline-item img{border-radius:12px;width:100%;max-width:280px;height:auto;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 24px #000000b3}.photo-timeline .timeline-item:hover img{filter:brightness(1.25)contrast(1.1);z-index:2;transform:translateY(-5px)scale(1.05);box-shadow:0 0 #0000,0 0 40px 20px #ffffdc73,0 0 120px 40px #ffffdc40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.8s forwards fadeInUp}@media (width<=768px){.photo-timeline .timeline-item:before{width:6px;height:6px}.about-wrapper{grid-template-columns:1fr}}@media (width<=262px){.about-section{padding:2rem 0}.about-wrapper{grid-template-columns:1fr;gap:1.5rem;min-width:200px;padding:0 .5rem}.bio-card{width:95%;margin:0 auto;padding:1rem .75rem;font-size:.9rem}.bio-card h2{letter-spacing:.3px;margin-bottom:1rem;font-size:1.25rem}.bio-card p{margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.photo-timeline{padding:1rem .5rem 2rem}.photo-timeline h2{margin-bottom:1.5rem;font-size:1.25rem}.photo-timeline .timeline-item img{max-width:200px}.photo-modal-content{max-width:95vw;padding:1rem}.photo-modal-close{width:2rem;height:2rem;font-size:1.5rem}}@media (height<=262px){.about-section{padding:1rem 0}.bio-card{padding:.75rem}.photo-modal-content{max-height:95vh}.photo-modal-content img{max-height:80vh}}
/*# sourceMappingURL=bio.588deb50.css.map */