*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f9fafb;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:#8891a0;--color-link:#2563eb;--color-link-hover:#1d4ed8;--color-card-bg:#ffffff;--font-size-sm:clamp(0.83rem, 0.44vw + 0.72rem, 1rem);--font-size-base:clamp(1rem, 0.34vw + 0.91rem, 1.2rem);--font-size-md:clamp(1.2rem, 0.41vw + 1.09rem, 1.44rem);--font-size-lg:clamp(1.44rem, 0.49vw + 1.31rem, 1.73rem);--font-size-xl:clamp(1.73rem, 0.59vw + 1.57rem, 2.07rem);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-xxl:6rem;--line-height-body:1.7;--line-height-heading:1.2;--max-width:1080px;--radius-card:0.75rem;--shadow-card:0 1px 3px rgba(0, 0, 0, 0.08),
                 0 4px 12px rgba(0, 0, 0, 0.04);--shadow-card-hover:0 2px 6px rgba(0, 0, 0, 0.1),
                       0 8px 24px rgba(0, 0, 0, 0.08)}@media(prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#64748b;--color-link:#60a5fa;--color-link-hover:#93bbfd;--color-card-bg:#1e293b;--shadow-card:none;--shadow-card-hover:none}.page-wrapper{--color-bg:#0f172a;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#64748b;--color-link:#60a5fa;--color-link-hover:#93bbfd;--color-card-bg:#1e293b;--shadow-card:none;--shadow-card-hover:none}}#dark-toggle:checked+.page-wrapper{--color-bg:#0f172a;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#64748b;--color-link:#60a5fa;--color-link-hover:#93bbfd;--color-card-bg:#1e293b;--shadow-card:none;--shadow-card-hover:none}@media(prefers-color-scheme:dark){#dark-toggle:checked+.page-wrapper{--color-bg:#f9fafb;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:#8891a0;--color-link:#2563eb;--color-link-hover:#1d4ed8;--color-card-bg:#ffffff;--shadow-card:0 1px 3px rgba(0, 0, 0, 0.08),
                   0 4px 12px rgba(0, 0, 0, 0.04);--shadow-card-hover:0 2px 6px rgba(0, 0, 0, 0.1),
                         0 8px 24px rgba(0, 0, 0, 0.08)}}body{font-family:system-ui,-apple-system,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-body);background:var(--color-bg);margin:0;padding:0}.page-wrapper{color:var(--color-text);background:var(--color-bg);min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl)var(--space-md)}h1{font-size:var(--font-size-xl);line-height:var(--line-height-heading);font-weight:700;margin-bottom:var(--space-xs)}h2{font-size:var(--font-size-lg);line-height:var(--line-height-heading);font-weight:700}p{font-size:var(--font-size-base);margin:var(--space-xs)0}a{color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--color-link-hover)}img{max-width:100%;height:auto;display:block}.site-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-lg)}.page-title{text-align:center}.tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-xl);font-weight:400}.project-cards{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-md)0}@media(min-width:481px){.project-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.project-cards{grid-template-columns:repeat(3,1fr)}}.project-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-lg);background:var(--color-card-bg);box-shadow:var(--shadow-card);transition:border-color .15s ease}.project-card:hover{border-color:var(--color-link)}@media(prefers-reduced-motion:no-preference){.project-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.project-logo{width:3rem;height:3rem;margin-bottom:var(--space-sm);object-fit:contain}.project-card h2{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.project-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.card-link{font-size:var(--font-size-sm)}.card-link::after{content:"";position:absolute;inset:0}.language-switch a{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.language-switch a:hover{color:var(--color-link)}.dark-toggle-btn{cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1;display:flex;align-items:center;padding:var(--space-xs);border-radius:.25rem;transition:color .15s ease}.dark-toggle-btn:hover{color:var(--color-text)}.toggle-icon--dark{display:none}.toggle-icon--light{display:inline}@media(prefers-color-scheme:dark){.toggle-icon--dark{display:inline}.toggle-icon--light{display:none}}#dark-toggle:checked+.page-wrapper .toggle-icon--dark{display:inline}#dark-toggle:checked+.page-wrapper .toggle-icon--light{display:none}@media(prefers-color-scheme:dark){#dark-toggle:checked+.page-wrapper .toggle-icon--dark{display:none}#dark-toggle:checked+.page-wrapper .toggle-icon--light{display:inline}}.bento-extras{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-md)0;margin-top:var(--space-lg)}.bento-cell{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-md)var(--space-lg);background:var(--color-card-bg);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);transition:border-color .15s ease}.bento-cell:hover{border-color:var(--color-link)}@media(prefers-reduced-motion:no-preference){.bento-cell{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.bento-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.bento-icon{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}