@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;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 12px 24px #0000000f}.portfolio__card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.portfolio__card-title h3{font-family:var(--font-family);color:#111827;margin-bottom:.75rem;font-size:18px;font-weight:700}.portfolio__card-skills{margin-bottom:1.5rem}.portfolio__card-label{text-transform:uppercase;letter-spacing:.15em;color:#6b7280;margin-bottom:.25rem;font-size:11px;font-weight:700}.portfolio__card-skills p{font-family:var(--font-family);color:#4b5563;font-size:14px}.portfolio__card-link{color:#111827;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.portfolio__card-link:after{content:"";transition:transform .2s}.portfolio__card-link:hover:after{transform:translate(4px)}.nav{padding:calc(1.5rem + var(--safe-area-top) + var(--iphone-island-gap)) 2.5rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#f6f7fbe6;grid-template-columns:1fr auto 1fr;justify-content:center;align-items:center;display:grid;position:sticky;top:0}.nav__brand{justify-self:start}.nav__logo{font-family:var(--font-family);color:#111827;font-size:18px;font-weight:700}.nav__links{color:#374151;justify-content:center;gap:1.5rem;font-weight:600;display:flex}.nav__links a{transition:color .2s}.nav__links a:hover{color:#111827}.nav__menu{justify-self:end;display:none;position:relative}.nav__dropdown{background:#fff;border-radius:10px;flex-direction:column;gap:1rem;min-width:180px;padding:1.25rem;display:flex;position:absolute;top:40px;right:0;box-shadow:0 10px 30px #0000001f}@media screen and (width<=768px){.nav{padding:calc(1.25rem + var(--safe-area-top) + var(--iphone-island-gap)) 1.5rem 1.25rem;justify-content:space-between;display:flex}.nav__links{display:none}.nav__menu{display:block}}.backToTop_button button{color:#fff;background-color:#111827;border:none;border-radius:999px;width:44px;height:44px;font-size:20px;animation:.4s fadein;position:fixed;bottom:32px;right:32px;box-shadow:0 12px 24px #0000002e}.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);color:#111827;font-weight:700}.portfolio__projectList-container{justify-content:center;display:flex}.portfolio__projectList-container_groupB{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;width:100%;display:grid}@media screen and (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{color:#111827;margin-bottom:.5rem;font-size:36px;font-weight:700}.portfolio__footer-content{text-align:center}.portfolio__footer-content-contacts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.portfolio__contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 24px #0000000f}.portfolio__contact-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0000001f}.portfolio__contact-label{text-transform:uppercase;letter-spacing:.15em;color:#6b7280;font-size:11px;font-weight:700}.portfolio__contact-value{color:#111827;font-size:16px;font-weight:600}@media screen and (width<=600px){.portfolio__footer_header{font-size:30px}}.portfolio__header{justify-content:center;align-items:center;padding:5rem 1.5rem 4rem;display:flex}.portfolio__header-content{text-align:center;max-width:840px}.portfolio__eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#6b7280;overflow-wrap:anywhere;margin-bottom:1rem;padding-inline:.5rem;font-size:14px;font-weight:700;line-height:1.5}.portfolio__header h1{font-family:var(--font-family);color:#111827;letter-spacing:-.02em;margin-bottom:1rem;font-size:64px;font-weight:800;line-height:1.1}.portfolio__header-lead{font-family:var(--font-family);color:#4b5563;margin-bottom:2rem;font-size:20px;font-weight:400;line-height:1.8}.portfolio__header-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media screen and (width<=768px){.portfolio__header h1{font-size:46px}.portfolio__header-lead{font-size:18px}}@media screen and (width<=480px){.portfolio__header h1{font-size:38px}.portfolio__header-lead{font-size:16px}.portfolio__eyebrow{letter-spacing:.12em;padding-inline:.75rem;font-size:12px}}.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);color:#111827;font-weight:700}.portfolio__projectDetails-container_group{flex-direction:column;gap:2rem;display:flex}@media screen and (width<=600px){.portfolio__projectDetails-heading h2{font-size:30px}}.portfolio__project-container{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:2rem;box-shadow:0 16px 40px #00000014}.portfolio__project-container-content{flex-direction:column;gap:1.5rem;display:flex}.portfolio__project-container-content h3{font-family:var(--font-family);color:#111827;margin-bottom:.75rem;font-size:26px;font-weight:700}.portfolio__project-container-content p{font-family:var(--font-family);color:#4b5563;font-size:15px;line-height:1.7}.portfolio__project-container-content-image-and-text{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:2rem;display:grid}.portfolio__project-container-content-image-and-text--text-only{grid-template-columns:1fr}.portfolio__project-container-content-text{flex-direction:column;gap:1rem;display:flex}.portfolio__project-heading{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.portfolio__project-status{color:#3730a3;letter-spacing:.08em;text-transform:uppercase;background:#eef2ff;border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:12px;font-weight:700;display:inline-flex}.portfolio__project-container-content-text p a,.portfolio__project-container-content-text ul a{color:#111827;text-decoration:underline}.portfolio__project-container-content-logos{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.portfolio__project-container-content-logos img{width:36px;height:36px}.portfolio__project-container-content-image img{border-radius:12px;width:100%;box-shadow:0 10px 24px #0000001f}.portfolio__project-container-content-image video{background:#0f172a;border-radius:12px;width:100%;box-shadow:0 10px 24px #0000001f}.portfolio__project-image--tall{object-fit:contain;max-height:420px}.portfolio__project-actions{flex-wrap:wrap;gap:.75rem;display:flex}.portfolio__project-actions .button{padding:8px 14px;font-size:14px}@media screen and (width<=900px){.portfolio__project-container-content-image-and-text{grid-template-columns:1fr}}@media screen and (width<=600px){.portfolio__project-container{padding:1.5rem}.portfolio__project-container-content h3{font-size:22px}}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}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 #eee;border-bottom:1px solid #eee}.section__label{letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin-bottom:.75rem;font-size:12px;font-weight:700}.section__subtext{color:#4b5563;max-width:720px;margin:.5rem auto 0;font-size:16px;line-height:1.7}main{display:block}.scale-up-center{animation:.4s cubic-bezier(.39,.575,.565,1) both scale-up-center}@keyframes scale-up-center{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.button{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0000001f}.button--ghost{color:#111827;background:0 0}@media screen and (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:#000;--color-subtext:#ff8a71;--color-main:#fff;--color-card:#efefef}