:root{--bg-primary: #FAFAF5;--bg-hero: #FAFAF5;--bg-card: #ffffff;--navbar-bg: rgba(250, 250, 245, .8);--text-primary: #121212;--text-secondary: #888888;--text-muted: #aaaaaa;--grid-plus: #222222;--pill-red: #ff8a80;--pill-yellow: #ffe082;--tag-internship: #c5cae9;--tag-product-design: #ffcdd2;--tag-web: #c8e6c9;--tag-saas: #e1bee7;--tag-assignment: #bbdefb;--tag-branding: #ffe0b2;--tag-ios: #b3e5fc;--section-padding: 80px;--container-max: 640px;--transition-fast: .2s ease;--transition-medium: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23222222' fill-opacity='0.08'%3E%3Cpath d='M20 23h8v2H20z'/%3E%3Cpath d='M23 20h2v8h-2z'/%3E%3C/g%3E%3C/svg%3E");background-size:56px 56px}#root{position:relative;z-index:1}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}.heading-xl{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary)}.heading-lg{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.heading-md{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;line-height:1.3;color:var(--text-primary)}.text-body{font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-secondary)}.text-small{font-size:.875rem;font-weight:500;line-height:1.5}.container{max-width:var(--container-max);margin:0 auto;padding:0}.section{padding:var(--section-padding) 0}.navbar-wrapper{position:sticky;top:0;left:0;right:0;z-index:1000;padding:24px 24px 0;transition:padding var(--transition-medium)}@media(max-width:890px){.navbar-wrapper{padding:24px;top:0}}.navbar{position:relative;left:0;right:24px;z-index:1001}.navbar-container{max-width:640px;height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:60px;border:1px solid rgba(18,18,18,.06)}.navbar-logo{font-size:1rem;font-weight:500;color:var(--text-primary);letter-spacing:-.02em;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.7}.navbar-links{display:flex;align-items:center;gap:32px}.navbar-link{font-size:16px;font-weight:500;color:var(--text-primary);transition:opacity var(--transition-fast);position:relative}.navbar-link:hover{opacity:.6}.navbar-link.active{font-weight:600}.navbar-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.navbar-hamburger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-medium);transform-origin:center}.navbar-hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(5px) translate(5px)}.navbar-hamburger.active span:nth-child(2){opacity:0}.navbar-hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-5px) translate(5px)}@media(max-width:890px){.navbar{height:52px}.navbar-container{width:100%;max-width:100%;height:52px;padding:10px 24px;border-radius:28px;display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;right:0;background:#fafaf5e6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(18,18,18,.06);transition:height .4s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:1005}.navbar-container.open{height:220px}.navbar-top-row{display:flex;justify-content:space-between;align-items:center;width:100%;height:32px;flex-shrink:0}.navbar-hamburger{display:flex;margin-left:auto}.navbar-links{display:none;flex-direction:column;align-items:flex-end;gap:16px;margin-top:24px;padding-bottom:20px;opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar-links.open{display:flex;opacity:1;transform:translateY(0)}.navbar-links .navbar-link{font-size:20px;font-weight:600;opacity:0;transform:translate(10px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.navbar-links.open .navbar-link{opacity:1;transform:translate(0)}.navbar-links.open li:nth-child(1) .navbar-link{transition-delay:.1s}.navbar-links.open li:nth-child(2) .navbar-link{transition-delay:.15s}.navbar-links.open li:nth-child(3) .navbar-link{transition-delay:.2s}}.hero{background-color:transparent;padding:128px 24px;position:relative;overflow:hidden}.hero-content{max-width:640px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.hero-greeting{font-size:32px;font-weight:600;line-height:1;color:var(--text-primary);margin-bottom:0}.hero-name{font-size:74px;font-weight:700;line-height:72px;margin-bottom:0;letter-spacing:.04em;font-stretch:100%}.hero-bio{max-width:100%;margin-bottom:0;font-size:16px;font-weight:500;line-height:1.5;color:#787876}.hero-pills{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero-pill{display:inline-block;padding:8px 12px;border-radius:8px;font-size:18px;font-weight:500;line-height:1.2em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.hero-pill--red{background-color:var(--pill-red);color:var(--text-primary)}.hero-pill--yellow{background-color:var(--pill-yellow);color:var(--text-primary)}@media(max-width:890px){.hero{padding:124px 24px 48px}.hero-bio{max-width:100%}}.tag{display:inline-block;padding:4px 8px;border-radius:100px;font-size:16px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}@media(max-width:810px){.tag{font-size:12px}}.project-card{display:block;background:var(--bg-card);border-radius:45px;overflow:hidden;box-shadow:0 4.5307px 9.0614px #1212121f,0 0 0 1px #12121208;transition:transform var(--transition-medium),box-shadow var(--transition-medium);cursor:pointer;max-width:640px;margin:0 auto}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #12121214,0 0 0 1px #1212120a}.project-card__image-wrapper{width:100%;height:385px;overflow:hidden;border-radius:0}.project-card__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--transition-medium)}.project-card:hover .project-card__image{transform:scale(1.02)}.project-card__content{padding:24px}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.project-card__title{margin-bottom:12px;font-size:24px;font-weight:600;line-height:1.2}.project-card__description{font-size:16px;font-weight:500;line-height:1.5;color:#787876}@media(max-width:890px){.project-card{border-radius:32px}.project-card__image-wrapper{height:220px}.project-card__image{object-fit:cover}.project-card__content{padding:20px}.project-card__title{font-size:18px}.project-card__description{font-size:12px}}.archives{padding:60px 0 80px}.archives__header{max-width:640px;margin:0 auto 40px;padding:0 24px}.archives__title{font-size:32px;font-weight:700;line-height:1.5}.archives__carousel{overflow:hidden;padding:0;width:100%}.archives__track{display:flex;gap:16px;width:max-content;padding:4px 16px;will-change:transform}.archives__item{flex-shrink:0;width:auto;height:400px;border-radius:0;overflow:hidden;box-shadow:0 2px 12px #1212120f;transition:transform var(--transition-medium)}.archives__item:hover{transform:scale(1.03)}.archives__image{height:100%;width:auto;display:block}.footer{padding:80px 24px 100px;text-align:center}.footer__content{margin-bottom:80px}.footer__heading{font-size:32px;font-weight:700;line-height:1.5;color:var(--text-primary);margin-bottom:24px}.footer__subtext{font-size:16px;font-weight:500;color:#787878;line-height:1.5}.footer__socials{display:flex;justify-content:center;gap:56px;flex-wrap:wrap}.footer__social-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:18px;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.footer__social-icon:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #12121226}.footer__social-icon--linkedin{background-color:#0a66c2;color:#fff}.footer__social-icon--medium{background-color:#121212;color:#fff}.footer__social-icon--gmail{background-color:#fff;color:#121212;border:1px solid rgba(18,18,18,.12)}.footer__social-icon--x{background-color:#121212;color:#fff}@media(max-width:810px){.footer{padding:60px 20px 80px}.footer__content{margin-bottom:60px}.footer__heading{font-size:24px}.footer__subtext{font-size:14px}.footer__socials{gap:24px}.footer__social-icon{width:64px;height:64px;border-radius:14px}.footer__social-icon svg{width:24px;height:24px}}.featured-work{padding:60px 24px 40px}.featured-work__heading{margin-bottom:48px;font-size:32px;font-weight:700;line-height:1.5}.featured-work__cards{display:flex;flex-direction:column;gap:48px;padding:0 24px}@media(max-width:890px){.featured-work{padding:40px 0 24px}.featured-work__heading{padding:0 24px;margin-bottom:32px}.featured-work__cards{gap:32px;padding:0 24px}}.me-page{min-height:100vh}.me-hero{background-color:transparent;padding:128px 24px 78px;position:relative;overflow:hidden}.me-hero__content{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:0 40px;position:relative;z-index:1}.me-hero__header{grid-column:1;grid-row:1;margin:0}.me-hero__greeting{font-size:32px;font-weight:600;color:var(--text-primary);line-height:1;margin-bottom:12px}.me-hero__name{font-size:74px;font-weight:700;line-height:72px;letter-spacing:.04em;margin:0}.me-hero__image-wrapper{grid-column:2;grid-row:1 / span 2;width:248px;height:248px;border-radius:40px;overflow:hidden;align-self:center}.me-hero__bio{grid-column:1;grid-row:2;font-size:16px;font-weight:500;line-height:1.5;color:#787876;max-width:100%;margin-top:12px}.me-hero__image{width:100%;height:100%;object-fit:cover}.me-section{padding:78px 24px}.me-section__content{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.me-section__heading{grid-column:1;grid-row:1;margin-top:0;margin-bottom:12px;font-size:32px;font-weight:700;color:var(--text-primary)}.me-section__text{grid-column:1;grid-row:2;flex:1}.me-section--reverse .me-section__content{grid-template-columns:1fr 1fr}.me-section--reverse .me-section__heading,.me-section--reverse .me-section__text{grid-column:2}.me-section__heading{margin-top:0;margin-bottom:12px;font-size:32px;font-weight:700;color:var(--text-primary)}.me-section__body{margin-bottom:12px;font-size:16px;font-weight:500;color:#787876}.me-section__image-wrapper{flex-shrink:0;width:230px;height:auto;border-radius:20px;overflow:hidden}.me-section__image{width:100%;height:auto;object-fit:contain}.me-section__media{grid-column:2;grid-row:1 / span 2;width:100%}.me-section--reverse .me-section__media{grid-column:1;grid-row:1 / span 2}#education .me-grid,#dabbling .me-grid,#leadership .me-grid,#fest .me-grid{width:100%}#leadership .me-section__media,#fest .me-section__media{width:300px}#current .me-section__media{width:211px}.me-grid{display:flex;flex-direction:column;gap:8px}.me-grid__row{display:flex;gap:8px}.me-grid__item{flex:1;border-radius:12px;overflow:hidden;background-color:transparent}.me-grid__item img{width:100%;height:100%;object-fit:cover;display:block}.me-grid--education .me-grid__row:first-child .me-grid__item{aspect-ratio:3/4}.me-grid--education .me-grid__row:last-child .me-grid__item{aspect-ratio:16/10}.me-grid--dabbling .me-grid__row:first-child .me-grid__item{aspect-ratio:16/9}.me-grid--dabbling .me-grid__row:last-child .me-grid__item{aspect-ratio:4/3;background-color:#fff}.me-grid--leadership,.me-grid--fest{flex-direction:row;height:300px}.me-grid__col{display:flex;flex-direction:column;gap:8px}.me-grid__col--main{flex:1.5}.me-grid__col--main img{width:100%;height:100%;object-fit:cover;border-radius:12px}.me-grid__col--side{flex:1}.me-grid__col--side img{flex:1;width:100%;height:50%;object-fit:cover;border-radius:12px}#current .me-section__media{width:310px}.me-section__image-wrapper--full{width:310px;height:210px;border-radius:12px;overflow:hidden}.me-section__image-wrapper--full img{width:100%;height:100%;object-fit:cover}.text-link{color:var(--text-primary);text-decoration:underline;font-weight:600}@media(max-width:890px){.me-hero{padding:124px 24px 78px}.me-hero__content{display:flex;flex-direction:column;align-items:stretch;gap:12px}.me-hero__header,.me-hero__bio,.me-hero__image-wrapper{grid-column:auto;grid-row:auto}.me-hero__greeting{margin-bottom:12px}.me-hero__image-wrapper{width:100%;aspect-ratio:1 / 1;height:auto;margin:0;border-radius:40px}.me-hero__bio{margin-top:0}.me-section__content{display:flex!important;flex-direction:column!important;gap:12px}.me-section__heading,.me-section__media,.me-section__text{grid-column:auto!important;grid-row:auto!important;width:100%!important;order:unset!important}.me-section__body{font-size:14px!important}#current .me-section__media,.me-section__image-wrapper--full{width:100%!important;height:auto!important}.me-grid,.me-grid__row,.me-grid__col{gap:8px!important}#education .me-grid__row,#dabbling .me-grid__row{flex-direction:row!important}}@media(max-width:390px){.me-hero{padding:156px 24px 78px}.me-hero__name{font-size:74px;line-height:72px}.me-hero__greeting{font-size:24px;margin-bottom:24px}}.app{min-height:100vh}