@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900");:root{--color-primary-rgb: 242, 238, 235;--color-secondary-rgb: 4, 36, 64;--color-tertiary-rgb: 255, 255, 255;--color-bg-primary: rgba(var(--color-primary-rgb));--color-bg-secondary: rgba(var(--color-secondary-rgb));--color-bg-tertiary: rgba(var(--color-tertiary-rgb));--color-text-primary: rgba(var(--color-secondary-rgb));--color-text-secondary: rgba(var(--color-primary-rgb));--color-text-primary-muted: rgba(var(--color-secondary-rgb), 0.8);--color-text-secondary-muted: rgba(var(--color-primary-rgb), 0.8);--color-shadow: rgba(var(--color-secondary-rgb), 0.4);--navbar-height: 80px;--container-max-width: 1024px;--container-min-width: 375px;--rounded-xs: 6px;--rounded-sm: 12px;--rounded-md: 24px;--rounded-lg: 48px;--spacer-xs: 4px;--spacer-sm: 8px;--spacer-md: 16px;--spacer-lg: 32px;--spacer-xl: 64px;--spacer-2xl: 72px;--spacer-3xl: 128px;--grid-template-left: 300px 1fr;--grid-template-right: 1fr 300px;--font-family-primary: 'Jost', sans-serif;--font-size-base: 18px;--font-size-sm: .9rem;--font-size-md: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--regular: 400;--semibold: 600;--bold: 800;--duration-fast: 200ms;--duration-normal: 300ms;--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-fade: opacity var(--duration-fast) var(--ease-standard);--transition-transform: transform var(--duration-normal) var(--ease-standard);--border-primary: 1px solid var(--color-text-primary);--border-primary-muted: 1px solid var(--color-text-primary-muted);--border-secondary: 1px solid var(--color-text-secondary);--border-secondary-muted: 1px solid var(--color-text-secondary-muted);--rounded-btn: 8px;--inline-icon: calc(1.5 * var(--font-size-base))}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.btn-primary{color:var(--color-text-primary-muted);display:flex;align-items:center;justify-content:center;padding:var(--spacer-md) var(--spacer-lg);gap:var(--spacer-sm);border:var(--border-primary);border-radius:var(--rounded-btn);transition:background-color 0.2s ease;text-decoration:none}.btn-primary:hover{color:var(--color-text-primary);background-color:var(--color-bg-primary)}.btn-secondary{color:var(--color-text-secondary-muted);display:flex;align-items:center;justify-content:center;padding:var(--spacer-md) var(--spacer-lg);gap:var(--spacer-sm);border:var(--border-secondary-muted);border-radius:var(--rounded-btn);transform:border .2s ease;text-decoration:none}.btn-secondary:hover{color:var(--color-text-secondary);border:var(--border-secondary)}.s-project{padding-top:var(--spacer-lg);padding-bottom:var(--spacer-2xl);padding-left:var(--spacer-md);padding-right:var(--spacer-md);display:flex;flex-direction:column;gap:var(--spacer-md)}.s-project .project-title h1{font-size:var(--font-size-4xl);font-weight:var(--bold)}.s-project .project-image{width:100%;border-radius:var(--rounded-md);overflow:hidden}.s-project .project-description{display:flex;flex-direction:column;gap:var(--spacer-md)}.s-project .project-meta{display:flex;flex-direction:column;gap:var(--spacer-lg)}.s-project .project-links{display:flex;flex-direction:column;gap:var(--spacer-md)}.s-project .project-links a{display:flex;align-items:center;gap:var(--spacer-xs)}.s-project .project-links a svg{width:var(--font-size-base);height:var(--font-size-base)}@media (min-width: 768px){.s-project .project-description{display:grid;grid-template-columns:var(--grid-template-left)}.s-project .project-links{flex-direction:row}}