@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";.portfolio__card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 12px 24px #0000000f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.portfolio__card:hover{transform:translateY(-4px);border-color:#d1d5db;box-shadow:0 16px 40px #0000001f}.portfolio__card-title h3{font-family:var(--font-family);font-size:18px;font-weight:700;color:#111827;margin-bottom:.75rem}.portfolio__card-skills{margin-bottom:1.5rem}.portfolio__card-label{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:#6b7280;margin-bottom:.25rem}.portfolio__card-skills p{font-family:var(--font-family);font-size:14px;color:#4b5563}.portfolio__card-link{font-weight:600;color:#111827;display:inline-flex;align-items:center;gap:.4rem}.portfolio__card-link:after{content:"";transition:transform .2s ease}.portfolio__card-link:hover:after{transform:translate(4px)}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:center;padding:calc(1.5rem + var(--safe-area-top) + var(--iphone-island-gap)) 2.5rem 1.5rem;position:sticky;top:0;background:#f6f7fbe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.nav__brand{justify-self:start}.nav__logo{font-family:var(--font-family);font-weight:700;font-size:18px;color:#111827}.nav__links{display:flex;gap:1.5rem;justify-content:center;font-weight:600;color:#374151}.nav__links a{transition:color .2s ease}.nav__links a:hover{color:#111827}.nav__menu{display:none;position:relative;justify-self:end}.nav__dropdown{position:absolute;right:0;top:40px;display:flex;flex-direction:column;gap:1rem;background:#fff;padding:1.25rem;border-radius:10px;box-shadow:0 10px 30px #0000001f;min-width:180px}@media screen and (max-width: 768px){.nav{display:flex;justify-content:space-between;padding:calc(1.25rem + var(--safe-area-top) + var(--iphone-island-gap)) 1.5rem 1.25rem}.nav__links{display:none}.nav__menu{display:block}}.backToTop_button button{position:fixed;bottom:32px;right:32px;height:44px;width:44px;font-size:20px;color:#fff;background-color:#111827;border-radius:999px;border:none;box-shadow:0 12px 24px #0000002e;animation:fadein .4s}.backToTop_button button:hover{background-color:#0b1020}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.portfolio__projectList{max-width:1100px;margin:0 auto;padding:0 1.5rem}.portfolio__projectList-heading{text-align:center;margin-bottom:2.5rem}.portfolio__projectList--closed .portfolio__projectList-heading{margin-bottom:.25rem}.portfolio__projectList-toggle{margin-top:1rem}.portfolio__projectList-heading h2{font-size:40px;line-height:1.2;font-family:var(--font-family);font-weight:700;color:#111827}.portfolio__projectList-container{display:flex;justify-content:center}.portfolio__projectList-container_groupB{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;width:100%}@media screen and (max-width: 600px){.portfolio__projectList-heading h2{font-size:32px}}.portfolio__footer{max-width:1100px;margin:0 auto;padding:3rem 1.25rem 3.75rem}.portfolio__footer_header{font-size:36px;font-weight:700;color:#111827;margin-bottom:.5rem}.portfolio__footer-content{text-align:center}.portfolio__footer-content-contacts{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.portfolio__contact-card{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;padding:1.5rem;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 12px 24px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.portfolio__contact-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0000001f}.portfolio__contact-label{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:#6b7280}.portfolio__contact-value{font-size:16px;font-weight:600;color:#111827}@media screen and (max-width: 600px){.portfolio__footer_header{font-size:30px}}.portfolio__header{display:flex;justify-content:center;align-items:center;padding:5rem 1.5rem 4rem}.portfolio__header-content{max-width:840px;text-align:center}.portfolio__eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.2em;color:#6b7280;font-weight:700;margin-bottom:1rem;line-height:1.5;padding-inline:.5rem;overflow-wrap:anywhere}.portfolio__header h1{font-family:var(--font-family);color:#111827;font-weight:800;font-size:64px;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.portfolio__header-lead{font-family:var(--font-family);font-weight:400;font-size:20px;line-height:1.8;color:#4b5563;margin-bottom:2rem}.portfolio__header-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 768px){.portfolio__header h1{font-size:46px}.portfolio__header-lead{font-size:18px}}@media screen and (max-width: 480px){.portfolio__header h1{font-size:38px}.portfolio__header-lead{font-size:16px}.portfolio__eyebrow{font-size:12px;letter-spacing:.12em;padding-inline:.75rem}}.portfolio__projectDetails{max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.portfolio__projectDetails-heading{text-align:center;margin-bottom:2.5rem}.portfolio__projectDetails-heading h2{font-size:38px;line-height:1.2;font-family:var(--font-family);font-weight:700;color:#111827}.portfolio__projectDetails-container_group{display:flex;flex-direction:column;gap:2rem}@media screen and (max-width: 600px){.portfolio__projectDetails-heading h2{font-size:30px}}.portfolio__project-container{background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 16px 40px #00000014;padding:2rem}.portfolio__project-container-content{display:flex;flex-direction:column;gap:1.5rem}.portfolio__project-container-content h3{font-family:var(--font-family);font-size:26px;font-weight:700;color:#111827;margin-bottom:.75rem}.portfolio__project-container-content p{font-family:var(--font-family);font-size:15px;line-height:1.7;color:#4b5563}.portfolio__project-container-content-image-and-text{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;align-items:center}.portfolio__project-container-content-image-and-text--text-only{grid-template-columns:1fr}.portfolio__project-container-content-text{display:flex;flex-direction:column;gap:1rem}.portfolio__project-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.portfolio__project-status{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .8rem;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portfolio__project-container-content-text p a,.portfolio__project-container-content-text ul a{color:#111827;text-decoration:underline}.portfolio__project-container-content-logos{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.portfolio__project-container-content-logos img{height:36px;width:36px}.portfolio__project-container-content-image img{width:100%;border-radius:12px;box-shadow:0 10px 24px #0000001f}.portfolio__project-container-content-image video{width:100%;border-radius:12px;box-shadow:0 10px 24px #0000001f;background:#0f172a}.portfolio__project-image--tall{max-height:420px;object-fit:contain}.portfolio__project-actions{display:flex;gap:.75rem;flex-wrap:wrap}.portfolio__project-actions .button{font-size:14px;padding:8px 14px}@media screen and (max-width: 900px){.portfolio__project-container-content-image-and-text{grid-template-columns:1fr}}@media screen and (max-width: 600px){.portfolio__project-container{padding:1.5rem}.portfolio__project-container-content h3{font-size:22px}}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{background:var(--color-main);color:var(--color-text)}a{color:inherit;text-decoration:none}.gradient__bg{background:#f6f7fb}.section__padding,.section__wrap{padding:4rem 0}.section__wrap--projects{padding:2rem 0 1.5rem}.section__alt{background:#fafafa;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee}.section__label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin-bottom:.75rem;font-weight:700}.section__subtext{font-size:16px;line-height:1.7;color:#4b5563;max-width:720px;margin:.5rem auto 0}main{display:block}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-center{0%{transform:scale(.96);opacity:.6}to{transform:scale(1);opacity:1}}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;background:#111827;color:#fff;font-weight:600;font-size:16px;border:1px solid #111827;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0000001f}.button--ghost{background:transparent;color:#111827}@media screen and (max-width: 768px){.section__padding,.section__wrap{padding:3rem 0}.section__wrap--projects{padding:1.25rem 0 1rem}.section__subtext{padding:0 1.5rem}}:root{--font-family: "Manrope", sans-serif;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--iphone-island-gap: 0px;--gradient-text: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);--gradient-bar: linear-gradient(103.22deg, #AE67FA -13.86%, #F49867 99.55%);--color-bg: #040C18;--color-footer: #031B34;--color-blog: #042c54;--color-text: #000000;--color-subtext: #FF8A71;--color-main: #ffffff;--color-card: #efefef}