body{font-weight:400}.siteHeader .navLinks a.navContactLink{background:var(--purple);color:#fff;border-color:#0000}.siteHeader .navLinks a.navContactLink:hover,.siteHeader .navLinks a.navContactLink:focus-visible,.siteHeader .navLinks a.navContactLink.active{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 38%,#fff);color:var(--purple)}.hero{padding-top:100px;padding-bottom:20px}.workSection{padding-bottom:80px}.heroFrame{box-shadow:none;background:0 0;border:0;border-radius:0}.heroFrame:before,.heroFrame:after,.heroFrame>.cardDot,.heroFrame>.dotConnector{display:none}.heroFrame{justify-items:start}.heroTitle{text-align:left;align-items:flex-start;width:min(720px,68%);padding-left:clamp(12px,4vw,56px)}.heroTitle .heroTypingTitle{width:100%}.heroTitle .heroCtaRow{justify-content:flex-start}.heroTitle .heroCtaRow .button{padding-top:14px;padding-bottom:14px}.heroTitle .heroButton{background:var(--purple);color:#fff;border-color:#0000;font-weight:300}.heroTitle .heroButton:hover{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 38%,#fff);color:var(--purple)}.heroTitle .heroAboutButton{background:var(--surface);font-weight:300}.heroTitle .heroAboutButton:hover{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 38%,#fff);color:var(--purple)}.projectDetailPage .projectDetailCard{height:auto;max-height:none;overflow:visible}.projectDetailCard .modalSplitLayout>*,.projectMeta>div,.caseMeta dl>div{min-width:0}.projectMeta dd,.caseMeta dd{overflow-wrap:anywhere}.projectMeta{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.projectDetailCard .modalSplitMedia video{object-fit:contain;max-height:calc(100dvh - 150px)}.projectDetailCard .modalSplitMedia{width:100%;margin-inline:0}.projectDetailCard .modalSections,.projectDetailCard .modalContentSection{max-width:100%}.projectDetailCard .modalProjectLink{white-space:normal;overflow-wrap:anywhere;max-width:100%}.heroTitle h1{font-family:var(--font-body),sans-serif;letter-spacing:0;color:var(--periwinkle);font-size:clamp(14px,1.7vw,19px);font-weight:300;line-height:1.3}.heroTitle .heroTypingTitle{width:min(850px,82vw);min-height:2.8em;font-family:var(--font-wordmark),serif;letter-spacing:0;margin-top:18px;margin-right:0;font-size:clamp(22px,3.4vw,40px);font-weight:400;line-height:1.38}.collectionCategory{overflow-wrap:anywhere;max-width:100%}.footer .footerContactButtons{flex-direction:row;justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.footer .footerContactButtons .button{background:var(--purple);color:#fff;border-color:#0000;justify-content:center;min-width:112px;min-height:36px;padding:8px 16px;font-size:10px;font-weight:300}.footer .footerContactButtons .button:hover{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 38%,#fff);color:var(--purple)}.footer{border-top:0;margin-top:0;padding-top:24px;padding-bottom:120px}.footer h2{font-size:clamp(18px,2.2vw,24px);font-weight:400}.experience>h1,.educationSection>h2{font-family:var(--font-body),sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:400}.footerDescription{color:var(--muted);margin:12px auto 0;font-size:15px;line-height:1.7}.footer .footerContactButtons .footerEmailButton{background:var(--purple);color:#fff;border-color:#0000}.footer .footerContactButtons .footerEmailButton:hover{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 38%,#fff);color:var(--purple)}.footer .footerContactButtons .footerLinkedInButton{border-color:var(--purple);background:var(--surface);color:var(--purple)}.heroTitle .typewriterPhrase{font-weight:600}.highlightedCopy h3{font-size:clamp(17px,1.8vw,22px);font-weight:500}.projectGrid .projectCopy h3{font-weight:600}.highlightedRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.highlightedCardLink{border-radius:24px;height:100%;display:block}.highlightedRow{border:1px solid var(--lavender-100);background:var(--surface);border-radius:24px;flex-direction:column;align-items:stretch;gap:0;height:100%;padding:0;transition:transform .22s,border-color .22s,background-color .22s;display:flex;overflow:hidden}.highlightedCardLink:hover .highlightedRow,.highlightedCardLink:focus-visible .highlightedRow{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 12%,var(--surface));transform:translateY(-4px)}.highlightedCardLink:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.highlightedPreview{aspect-ratio:16/10;border:0;border-bottom:1px solid var(--lavender-100);border-radius:0;width:100%}.highlightedPreview img,.highlightedPreview video,.highlightedPreviewFilled img,.highlightedPreviewFilled video{object-fit:cover}.highlightedPreviewTrimmed img,.highlightedPreviewTrimmed video{object-fit:contain;transform:scale(1.04)}.highlightedCopy{flex-direction:column;flex:1;padding:22px;display:flex}.highlightedCopy h3{margin:12px 0}.highlightedCopy>p{font-size:13px;line-height:1.7}.highlightedKicker,.highlightedKicker>span:first-child{font-weight:500}.highlightedCopy>p{margin-bottom:0;font-style:normal}.highlightedCategories{margin:10px 0 24px}.heroTitle h1,.heroTitle .heroButton,.heroTitle .heroAboutButton,.footer .footerContactButtons .button{font-weight:400}.pageHero{text-align:left;padding-top:72px;padding-bottom:72px}.pageHero h1,.archivePageHero h1{font-family:var(--font-body),sans-serif;letter-spacing:.02em;text-align:left;white-space:nowrap;overflow-wrap:normal;word-break:normal;margin:0 0 18px;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.15}.pageHero p{text-align:left;max-width:680px;margin:0}.aboutTop{max-width:900px}.aboutCard{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:30px;min-height:0;padding:30px 0 70px;display:flex}.aboutPhoto{aspect-ratio:3;border:0;border-radius:0;width:min(520px,88vw);padding:0;min-height:0!important}.aboutPhotoImage{object-fit:contain;width:100%;height:100%}.aboutCopy{align-self:center;width:min(100%,720px)}.aboutCopy .button,.aboutCopy a.button[href="/resume-katy-ngo.pdf"]{min-width:0;min-height:0;margin-top:4px;padding:14px 22px;font-size:11px;font-weight:400}.archiveCollectionHero h1{letter-spacing:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(28px,7vw,76px)}.archiveSliderCopy h3{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(22px,2.6vw,30px)}.casePageSidebar .caseSideNav{max-height:calc(100dvh - 140px)}.relatedProjects>h2{font-size:clamp(20px,2.5vw,30px)}.relatedProjects,.projectDetailPage{padding-bottom:30px}.relatedProjectGrid>.collectionProjectLink{border-radius:20px;height:100%;display:block}.relatedProjectGrid .collectionProject{border:1px solid var(--lavender-100);background:var(--surface);border-radius:20px;overflow:hidden}.relatedProjectGrid>.collectionProjectLink .collectionProject{height:100%;transition:transform .22s,border-color .22s,background-color .22s}.relatedProjectGrid>.collectionProjectLink:hover .collectionProject,.relatedProjectGrid>.collectionProjectLink:focus-visible .collectionProject{border-color:var(--purple);background:color-mix(in srgb,var(--pink) 12%,var(--surface));transform:translateY(-4px)}.relatedProjectGrid>.collectionProjectLink:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.relatedProjectGrid .collectionPreview{border:0;border-bottom:1px solid var(--lavender-100);border-radius:0;width:100%}.relatedProjectGrid .collectionCopy{padding:18px 22px 12px}.relatedProjectGrid .collectionTitle h3{color:var(--purple);font-weight:500}.relatedProjectGrid .collectionTitle{gap:16px}.relatedProjectGrid .collectionCopy>p{margin:18px 0 0}@media (max-width:1000px){.projectDetailCard .modalSplitLayout.landscapeVideo,.projectDetailCard .modalSplitLayout.portraitVideo{grid-template-columns:minmax(0,1fr);gap:36px}.projectDetailCard .modalSplitMedia{aspect-ratio:auto;width:100%;max-width:100%;position:static;top:auto}.projectDetailCard .modalSplitMedia video{width:100%;height:auto;max-height:70dvh}.caseHeroGrid,.casePageContent .decisionGrid,.casePageContent .featureLoopGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.hero{padding-top:58px;padding-bottom:46px}.workSection{padding-bottom:70px}.heroTitle{width:min(330px,88%);padding-left:12px}.heroTitle .heroTypingTitle{width:100%;font-size:clamp(19px,6vw,27px)}.projectMeta{grid-template-columns:minmax(0,1fr)}.projectDetailCard .modalSteps article{grid-template-columns:28px minmax(0,1fr);gap:12px}.footer .contactRow a{overflow-wrap:anywhere}.footer .footerContactButtons{flex-direction:row;gap:10px}.footer .footerContactButtons .button{min-width:0;padding-inline:20px}.footer{padding-bottom:90px}.highlightedCategories li{overflow-wrap:anywhere;max-width:100%}.highlightedRows{grid-template-columns:minmax(0,1fr);gap:20px}.highlightedRow{padding:0}}@media (max-height:600px){.projectDetailCard .modalSplitMedia{position:static}.casePageSidebarInner{top:110px}.casePageSidebar .caseSideNav{max-height:calc(100dvh - 120px)}}
.aboutTop:before,.aboutTop:after,.experience:after,.aboutCard:before,.aboutCard:after,.aboutCard>.cardDot,.aboutCard .placeholderStar{display:none}.aboutTop .aboutPhoto{aspect-ratio:auto;width:min(820px,96vw);overflow:visible}.aboutTop .aboutCard{gap:64px}.aboutTop .aboutCopy{text-align:center;flex-direction:column;align-items:center;width:min(100%,760px);display:flex}.aboutTop .aboutCopy h1{color:var(--purple);font-family:var(--font-body), sans-serif;margin:0 0 24px;font-size:clamp(24px,3.5vw,36px);font-weight:400;line-height:1.15}.aboutTop .aboutCopy p{margin:0 0 18px}.aboutTop .aboutCopy .button,.aboutTop .aboutCopy a.button[href="/resume-katy-ngo.pdf"]{background:var(--purple);color:#fff;cursor:pointer;border-color:#0000;min-width:0;min-height:0;margin:22px auto 0;padding:9px 16px;font-size:9px;font-weight:400;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.aboutTop .aboutCopy .button:hover,.aboutTop .aboutCopy .button:focus-visible{border-color:var(--purple);background:color-mix(in srgb, var(--pink) 38%, #fff);color:var(--purple);transform:translateY(-2px)}.aboutTop .aboutCopy .aboutResumeButton:hover,.aboutTop .aboutCopy .aboutResumeButton:focus-visible{border-color:var(--purple)!important;background:color-mix(in srgb, var(--pink) 38%, #fff)!important;color:var(--purple)!important;transform:translateY(-2px)!important}.aboutTop .aboutCopy .aboutResumeButton{font-weight:500}.experience>h1,.educationSection>h2{width:min(100%,850px);color:var(--purple);font-family:var(--font-body), sans-serif;text-align:left;margin:8px auto 60px;font-size:clamp(24px,3.5vw,36px);font-weight:400;line-height:1.15}.educationCard{width:min(100%,850px);color:var(--purple);margin:0 auto}.experienceList{width:min(100%,850px);margin:0 auto}.experienceCard+.experienceCard{border-top:1px solid var(--lavender-100);margin-top:44px;padding-top:44px}.experienceHeading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px;display:grid}.experienceHeading h3{color:var(--purple);margin:0 0 5px;font-size:18px;font-weight:400;line-height:1.4}.experienceHeading h4{color:var(--periwinkle);margin:0;font-size:14px;font-weight:400}.experienceDate{color:var(--periwinkle);text-align:right;justify-items:end;gap:4px;display:grid}.experienceDate time{white-space:nowrap;max-width:180px;font-size:14px}.experienceDate small{font-size:12px}.experienceCard ul{margin:22px 0 0;padding-left:18px}.experienceCard li{color:var(--text);margin:0 0 9px;font-size:14px;line-height:1.7}.educationHeading{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.educationHeading h3{margin:0;font-size:18px;font-weight:600;line-height:1.4}.educationHeading p,.educationHeading time{color:var(--periwinkle);margin:4px 0 0;font-size:16px;line-height:1.5}.educationHeading time{white-space:nowrap;flex:none;margin-top:0}.educationCard ul{margin:20px 0 0;padding-left:18px}.educationCard li{color:var(--purple);margin:3px 0;font-size:14px;line-height:1.5}@media (max-width:620px){.experienceHeading{gap:16px}.experienceHeading h3{font-size:16px}.experienceDate time{white-space:normal;max-width:108px;font-size:13px;line-height:1.5}.experienceCard li{font-size:13px}.educationHeading{grid-template-columns:minmax(0,1fr) auto;gap:16px;display:grid}.educationHeading h3{font-size:16px}.educationHeading p,.educationHeading time{font-size:14px}.educationHeading time{text-align:right;white-space:normal;max-width:92px;line-height:1.5}}@media (max-width:390px){.experienceHeading,.educationHeading{gap:10px}.experienceDate time,.educationHeading time{max-width:82px;font-size:12px}}.footer h2{color:var(--purple);font-family:var(--font-body), sans-serif;margin:0 0 24px;font-size:clamp(24px,3.5vw,36px);font-weight:400;line-height:1.15}.footer .ornament i{background:var(--purple);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.footer .ornament{margin-bottom:48px}.aboutIconArc{grid-template-columns:repeat(7,auto);justify-content:space-between;align-items:start;width:100%;min-height:142px;padding:8px 4px 28px;display:grid}.aboutIcon{justify-self:center;width:clamp(44px,6.5vw,62px);height:auto;transition:translate .18s;display:block}@media (hover:hover){.aboutIcon:hover{translate:0 -10px}}.aboutIcon56,.aboutIcon59{transform:translateY(28px)}.aboutIcon55,.aboutIcon58{transform:translateY(13px)}.aboutIcon54,.aboutIcon57{transform:translateY(4px)}.aboutIcon53{z-index:1;width:clamp(54px,7.8vw,74px);position:relative;transform:translateY(-5px)}@media (max-width:620px){.aboutTop .aboutPhoto{width:min(540px,98vw)}.aboutIconArc{padding-inline:0;min-height:98px;padding-bottom:18px}.aboutIcon{width:clamp(30px,8.5vw,44px)}.aboutIcon53{width:clamp(38px,10.5vw,54px);transform:translateY(-5px)}.aboutIcon56,.aboutIcon59{transform:translateY(18px)}.aboutIcon55,.aboutIcon58{transform:translateY(9px)}.aboutIcon54,.aboutIcon57{transform:translateY(4px)}}