:root{--text: #111;--muted: rgba(17, 17, 17, .75);--link: #111;--bg: #fff;--focus: rgba(17, 17, 17, .22)}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow-x:hidden}body{min-height:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:EB Garamond,Times New Roman,Georgia,serif}::selection{background:#1111111f}.page{min-height:100%;display:flex;flex-direction:column}.topNav{position:sticky;top:0;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(17,17,17,.08);padding:clamp(10px,2.5vw,14px) clamp(12px,4vw,18px)}.topNavInner{position:relative;width:100%;display:flex;align-items:center;min-height:48px}.siteLogo{display:flex;align-items:center;flex-shrink:0;z-index:1}.siteLogo img{display:block;height:40px;width:auto;margin-top:4px}.topNavTabsWrap{position:absolute;left:50%;transform:translate(-50%);width:min(560px,100%);display:flex;align-items:center;justify-content:center;pointer-events:none}.topNavTabsWrap .topNavTabs{pointer-events:auto}.topNavTabs{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,56px)}.tab{color:#1111118c;text-decoration:none;font-size:16px;padding:6px 2px;position:relative}.tab:hover{color:#111111c7}.tabActive{color:var(--text)}.tabActive:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--text)}.tab:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:8px}.contentWrap{flex:1;display:grid;place-items:start center;padding:clamp(24px,8vw,64px) clamp(16px,5vw,24px);width:100%}.content{width:100%;max-width:min(560px,calc(100vw - (2*clamp(16px,5vw,24px))));text-align:left}.homeIntro{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(16px,4vw,24px) clamp(20px,5vw,32px)}.homeText{flex:1;min-width:0}.homePhoto{flex-shrink:0}.homePhoto img{display:block;width:100px;height:100px;object-fit:cover;border-radius:12px}.pageTitle{margin:0 0 10px;font-size:clamp(34px,4vw,48px);font-weight:700;letter-spacing:-.03em}.pageIntro{margin:0 0 28px;font-size:15px;color:var(--muted)}.projectsSubTabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px}.projectsSubTab{padding:8px 14px;font-size:14px;font-weight:500;color:#1111118c;background:none;border:none;border-radius:8px;cursor:pointer;position:relative}.projectsSubTab:hover{color:#111111c7;background:#1111110a}.projectsSubTabActive{color:var(--text);background:#1111110f}.projectsSubTabActive:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--text);border-radius:1px}.projectsSubTab:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pageDivider{height:1px;width:100%;background:#1111111a;margin:14px 0 18px}.pageDividerTight{margin-bottom:8px}.pageBody{margin-top:0}.homeBodyText{margin-bottom:20px;font-size:15px;line-height:1.5;color:var(--muted)}.harunkhanOrgProfile{display:flex;align-items:center;gap:16px}.harunkhanOrgPhotoLink{display:block;line-height:0;padding:0;border:none;background:none;cursor:pointer}.harunkhanOrgPhotoLink:hover{opacity:.9}.harunkhanOrgPhotoLink:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:10px}.harunkhanOrgPhoto{width:64px;height:64px;object-fit:cover;border-radius:10px;flex-shrink:0}.harunkhanOrgNameBlock{display:flex;flex-direction:column;gap:2px}.harunkhanOrgInitials{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.harunkhanOrgName{font-size:15px;color:var(--muted)}.harunkhanOrgParagraphs{display:flex;flex-direction:column;gap:24px}.harunkhanOrgParagraph{margin:0;color:var(--muted);line-height:1.6;font-size:15px}.harunkhanOrgParagraph .link,.harunkhanOrgParagraph .linkButton{font-size:inherit}.linkButton{background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:2px;color:var(--link)}.linkButton:hover{opacity:.8}.contentHarunkhanOrg{position:relative}.contentHarunkhanOrg .sectionBody{font-size:15px}.harunkhanOrgPageHeadlineRow{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:12px 20px;margin-top:16px}.harunkhanOrgPageHeadlineRow>.pageIntro{min-width:0}.harunkhanOrgPageHeadlineCol{display:flex;flex-direction:column;min-width:0}.harunkhanOrgPageHeadline{margin:0;font-size:15px;font-weight:700;color:var(--text);line-height:1.5}.harunkhanOrgPageBody{margin:12px 0 0;font-size:13px;color:var(--muted);line-height:1.6}.harunkhanOrgPageBody .link{font-size:inherit}.harunkhanOrgPageBackAndLogo{display:flex;flex-direction:column;align-items:center;gap:8px}.harunkhanOrgPageLogoLink{display:block;padding:0;border:none;background:none;cursor:pointer;line-height:0}.harunkhanOrgPageLogoLink:hover{opacity:.9}.harunkhanOrgPageLogoLink:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.harunkhanOrgPageLogo{display:block;width:48px;height:48px;object-fit:contain}.harunkhanOrgPopupBox{position:absolute;left:0;z-index:101;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);padding:16px 28px;background:var(--bg);border:1px solid var(--muted);border-radius:0;box-sizing:border-box}.experienceList{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%}.experienceCard{width:100%;max-width:100%;box-sizing:border-box;background:#1111110a;border:1px solid rgba(17,17,17,.08);border-radius:12px;padding:clamp(10px,2.5vw,12px) clamp(14px,4vw,20px)}.experienceCardHeader{display:flex;align-items:flex-start;gap:clamp(8px,2vw,12px)}.experienceCardToggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-4px -4px -4px auto;padding:0;background:none;border:none;border-radius:8px;color:var(--muted);cursor:pointer}.experienceCardToggle:hover{color:var(--text);background:#1111110f}.experienceCardToggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.experienceCardChevron{display:block;transition:transform .2s ease}.experienceCardChevronExpanded{transform:rotate(180deg)}.experienceCardDivider{height:1px;width:100%;background:#1111111a;margin:10px 0 0}.experienceCardLogo{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.experienceCardLogoPlaceholder{display:flex;align-items:center;justify-content:center;background:#11111114;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.experienceCardTitleBlock{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.experienceCardTitle{margin:0 0 2px;font-size:16px;font-weight:600;letter-spacing:-.01em}.experienceCardMeta{margin:0;font-size:13px;color:var(--muted)}.experienceCardLinks{margin:6px 0 0;font-size:12px}.experienceCardLink{color:var(--link);text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:2px}.experienceCardLink:hover{opacity:.8}.experienceCardBody{margin:10px 0 0;padding-left:0;color:var(--muted);font-size:11px;line-height:1.5;text-align:left}.experienceCardBullets{margin:10px 0 0;padding-left:18px;list-style-type:disc;color:var(--muted);font-size:11px;line-height:1.5}.experienceCardBullets .experienceCardBody{margin:0 0 4px}.experienceCardBullets .experienceCardBody:last-child{margin-bottom:0}.contactBlock{margin-top:28px}.contactSocials,.contactEmails{display:flex;flex-direction:column;gap:8px}.contactHeading{margin:0 0 12px;font-size:16px;font-weight:600}.title{font-size:clamp(38px,4.5vw,56px);font-weight:600;letter-spacing:-.02em;margin:0 0 14px}.subtitle{margin:0 0 26px;line-height:1.35;color:var(--muted);font-size:16px}.links{display:grid;gap:10px;justify-items:start;margin:0 0 26px}.link{color:var(--link);text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:2px;font-size:14px}.link:hover{opacity:.75}.social{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:clamp(6px,1.5vw,10px);margin:0 0 22px}.iconLink{display:inline-flex;align-items:center;justify-content:flex-start;color:var(--text);text-decoration:none;border-radius:10px;padding:6px;gap:8px}.iconLink:hover{background:#1111110f}.iconLink:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.icon{display:block}.harunkhanOrgPopupBox .icon{object-fit:contain}.iconLabel{font-size:14px;color:#111111bf}.sectionTitle{margin:0 0 12px;font-size:30px;font-weight:600;letter-spacing:-.01em}.sectionBody{margin:0;color:var(--muted);line-height:1.5;font-size:16px}.frontPage{width:100%;max-width:620px;margin:0 auto;padding:clamp(40px,10vh,96px) clamp(20px,5vw,32px);font-size:15px;line-height:1.55;color:var(--text)}.frontPage p{margin:0 0 1.4em}.frontPage p:last-child{margin-bottom:0}.frontPage a{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.frontPage a:hover{opacity:.65}.frontPageInterests{list-style:none;padding:0;margin:0 0 1.4em}.frontPageInterests li{margin-bottom:.15em}.frontPageBullets{list-style:disc;padding-left:1.4em;margin:0 0 1.4em}.frontPageBullets li{margin-bottom:.15em}.frontPageFooter{margin-top:1.4em}@media(max-width:480px){.frontPage{font-size:14px;padding:32px 20px}}@media(max-width:480px){.pageTitle{font-size:clamp(28px,8vw,34px)}.homeBodyText,.pageIntro{font-size:14px}.experienceCardTitle{font-size:15px}.experienceCardMeta,.experienceCardBody,.experienceCardBullets,.iconLabel{font-size:12px}}