*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f3f4f6;background:#0a0a0a;font-family:system-ui,sans-serif;line-height:1.6}:root{--heading-gap:1rem;--paragraph-gap:1rem}h1,h2,h3{margin-bottom:var(--heading-gap)}p+p{margin-top:var(--paragraph-gap)}h1{letter-spacing:-.01em;font-size:3rem;font-weight:700}#webgl{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}#app{z-index:2;position:relative}.pin-marker{position:relative}.pin-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:absolute;top:0;left:0}.pin-content h2{font-size:2.5rem}.pin-content p{max-width:60ch}.pin-runway{height:100vh}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #78aae6e6}.portrait{z-index:5;opacity:0;visibility:hidden;pointer-events:none;border:1px solid #ffffff40;border-radius:50%;width:220px;height:220px;margin-top:-110px;position:fixed;top:50vh;left:6vw;overflow:hidden;box-shadow:inset 0 0 30px #0009,0 0 40px #5a96dc4d}.portrait img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=860px){.portrait{width:150px;height:150px;margin-top:0;margin-left:-75px;top:8vh;left:50%}}@media (width<=860px) and (height<=750px){.portrait{display:none}}#pin-moon .pin-content{justify-content:flex-start;padding-top:3.5vh;position:relative}.intro h1{margin-bottom:.5rem;font-size:2rem}.about-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2.5rem;width:100%;display:flex}.intro{flex:0 460px;max-width:460px}.intro-subtitle{color:#ffffffbf;font-size:1.1rem}.intro-paragraph{color:#ffffffd9;font-size:.9rem}.stats-row{-webkit-backdrop-filter:blur(16px)saturate(140%);background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:640px;padding:1.5rem 2rem;display:grid}@media (width<=560px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{flex-direction:column;align-items:center;display:flex}.stat-number{color:#fff;font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:700}.stat-label{color:#fff9;text-align:center;max-width:140px;margin-top:.35rem;font-size:.75rem;line-height:1.4}.testimonials-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:900px;display:flex}.testimonial-card{opacity:0;flex:340px;max-width:400px;transform:translateY(24px)}.education-panel{flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:900px;display:flex}.education-entry{text-align:left;-webkit-backdrop-filter:blur(16px)saturate(140%);opacity:0;background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;flex:220px;max-width:260px;padding:1.25rem 1.5rem;display:flex;transform:translateY(24px)}.education-institution{color:#fff;font-size:1rem;font-weight:600}.education-qualification{color:#fffc;margin-top:.35rem;font-size:.85rem;line-height:1.4}.education-dates{color:#ffffff8c;margin-top:.5rem;font-size:.75rem}.skills-cards{flex-wrap:wrap;justify-content:center;gap:2.5rem;width:100%;max-width:960px;display:flex}.skills-card{opacity:0;flex:360px;max-width:440px;transform:translateY(24px)}#pin-satellites .card-body--structured ul{columns:3 110px;column-gap:1.25rem}#pin-satellites .card-body--structured li{break-inside:avoid;-webkit-column-break-inside:avoid;margin-top:0}@media (width<=560px){#pin-satellites .card-body--structured ul{columns:1}}.contact-block{text-align:left;max-width:420px}.contact-details{-webkit-backdrop-filter:blur(16px)saturate(140%);opacity:0;background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.5rem 1.75rem;list-style:none;display:flex;transform:translateY(24px)}.contact-details li{flex-direction:column;display:flex}.contact-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;margin-bottom:.2rem;font-size:.7rem}.contact-link{color:#fff;border-bottom:1px solid #ffffff4d;width:fit-content;font-size:.95rem;text-decoration:none}.contact-link:hover,.contact-link:focus-visible{border-bottom-color:#ffffffe6}.scroll-cards{--card-frame-height:300px;width:min(90vw,480px);height:300px;margin:1.5rem auto 0;position:relative}.scroll-card{text-align:left;-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;height:fit-content;max-height:100%;margin:auto;padding:1.5rem 1.75rem;position:absolute;inset:0;overflow-y:auto}.scroll-card--uniform{-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0}#pin-saturn .pin-content,#pin-mars .pin-content,#pin-venus .pin-content,#pin-jupiter .pin-content,#pin-satellites .pin-content{justify-content:flex-start;position:relative}.natural-scroll-list{flex-direction:column;align-items:center;gap:4rem;width:min(90vw,640px);margin:2rem auto 0;display:flex}.natural-scroll-list .card{width:100%}.scroll-card-image{aspect-ratio:3/2;background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex;overflow:hidden}.scroll-card-image img{object-fit:cover;width:100%;height:100%;display:block}.scroll-card-image-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffff59;font-size:.7rem}.scroll-cards-dots{justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.dot{background:#ffffff40;border-radius:50%;width:8px;height:8px;transition:background-color .3s,transform .3s}.dot.is-active{background:#ffffffe6;transform:scale(1.3)}.scroll-cards--stacked{flex-direction:column;gap:1rem;height:auto;max-height:70vh;display:flex;overflow-y:auto}.scroll-cards--stacked .scroll-card{opacity:1;max-height:none;position:static;overflow-y:visible}.card{height:100%;max-height:var(--card-frame-height,none);text-align:left;-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;min-height:0;padding:1.5rem 1.75rem;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.card{transition:border-color .3s,background .3s,box-shadow .3s}.card:hover{background:#ffffff12;border-color:#96c8ff59;box-shadow:0 0 24px #78b4ff40}}.card-image{aspect-ratio:3/2;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;display:block}.card-heading{color:#fff;flex-shrink:0;margin-bottom:.35rem;font-size:1.1rem;font-weight:600}.card-meta{color:#ffffff8c;flex-shrink:0;margin-bottom:.75rem;font-size:.8rem}.card-body-wrapper{flex-direction:column;flex:auto;min-height:0;display:flex}.card-body{color:#ffffffd9;flex:auto;min-height:0;font-size:.9rem;line-height:1.6;position:relative}.card-body--structured{flex-direction:column;gap:1rem;display:flex}.card-body-section{flex-direction:column;gap:.35rem;display:flex}.card-body-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;font-size:.7rem;font-weight:700}.card-body--structured ul{margin:0;padding-left:1.2rem;list-style:outside}.card-body--structured li+li{margin-top:.4rem}.card-body--clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-body--structured.card-body--clamped{-webkit-line-clamp:unset;max-height:4.3rem;display:block}.card-body--expanded{overflow-y:hidden}.card-body--clamped:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0c0e14eb);height:1.6em;position:absolute;bottom:0;left:0;right:0}.card-read-more{font:inherit;color:#ffffffbf;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;margin-top:.5rem;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.card-read-more:hover,.card-read-more:focus-visible{color:#fff}.card-read-more[hidden]{display:none}.card-scroll-arrows{z-index:2;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.card-scroll-arrows[hidden]{display:none}.card-scroll-arrow{color:#ffffffd9;cursor:pointer;background:#0a0c12cc;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.6rem;line-height:1;display:flex}.card-scroll-arrow:hover,.card-scroll-arrow:focus-visible{color:#fff;border-color:#fff6}.card-scroll-arrow:disabled{opacity:.35;cursor:default}.stop-nav{z-index:15;flex-direction:column;gap:.35rem;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.stop-nav-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .75rem;transition:border-color .3s,background .3s,box-shadow .3s;display:flex}.stop-nav-dot{background:#ffffff59;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s,box-shadow .3s}.stop-nav-label{white-space:nowrap;color:#ffffff8c;font-size:.72rem;transition:color .3s}@media (hover:hover) and (pointer:fine){.stop-nav-item:hover{background:#ffffff0d;border-color:#96c8ff4d}.stop-nav-item:hover .stop-nav-dot{background:#96c8ffe6;box-shadow:0 0 8px #78b4ff99}.stop-nav-item:hover .stop-nav-label{color:#dcebfff2}}.stop-nav-item:focus-visible{background:#ffffff0d;border-color:#96c8ff4d;outline:none}.stop-nav-item:focus-visible .stop-nav-dot{background:#96c8ffe6;box-shadow:0 0 8px #78b4ff99}.stop-nav-item:focus-visible .stop-nav-label{color:#dcebfff2}.stop-nav-item.is-active{background:#ffffff0f;border-color:#96c8ff66}.stop-nav-item.is-active .stop-nav-dot{background:#aad2ff;box-shadow:0 0 10px #78b4ffbf}.stop-nav-item.is-active .stop-nav-label{color:#fff;font-weight:600}@media (width<=700px){.stop-nav{gap:.3rem;right:.5rem}.stop-nav-label{display:none}.stop-nav-item{padding:.95rem}.stop-nav-dot{width:9px;height:9px}}@media (width<=700px) and (height<=500px){.stop-nav{gap:.15rem}.stop-nav-item{padding:.55rem}}