:root{--max-width:1200px;--prose-width:600px;--section-spacing:80px;--color-text:#111;--color-text-secondary:#333;--color-text-muted:#555;--color-text-faint:#999;--color-bg:#fff;--color-border:#ddd;--color-border-light:#eee;--font-body:1.25rem;--hover-opacity:0.5;--transition-fast:150ms;--transition-normal:200ms;--transition-slow:350ms}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-text);color:var(--color-bg)}.container{max-width:var(--max-width);margin:0 auto}section{padding:var(--section-spacing)0}header{padding:40px 0 0}header .container{position:relative}.logo{font-size:clamp(3rem,8vw,6.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-text);text-decoration:none;display:block;text-wrap:balance}.menu-toggle{display:none;background:0 0;border:0;cursor:pointer;padding:8px;position:absolute;top:8px;right:0;z-index:11}.menu-toggle svg{width:24px;height:24px}.menu-toggle .menu-bot,.menu-toggle .menu-top{transition:transform 300ms ease,opacity 200ms ease;transform-origin:center}.menu-toggle.open .menu-top{transform:translateY(5px) rotate(45deg)}.menu-toggle.open .menu-bot{transform:translateY(-5px) rotate(-45deg)}nav,nav a::after{position:absolute;right:12px}nav,nav a{display:flex}nav{gap:8px;top:8px}nav a{font-size:.875rem;font-weight:500;text-decoration:none;color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;min-height:40px;align-items:center;position:relative;transition-property:scale;transition-duration:var(--transition-fast);transition-timing-function:ease-out}nav a::after{content:"";bottom:6px;left:12px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal) ease-out}nav a:hover::after{transform-origin:left}nav a:active{scale:.96}nav a.active::after,nav a:hover::after{transform:scaleX(1)}nav a.nav-cta{border:1px solid var(--color-text);border-radius:100px;padding:8px 20px}nav a.nav-cta::after{display:none}nav a.nav-cta:hover{background:var(--color-text);color:var(--color-bg)}.hero{padding-top:100px}.hero p{max-width:680px;font-size:1.375rem;font-weight:450;line-height:1.7;color:var(--color-text-secondary);text-wrap:pretty}.hero p+p{margin-top:16px}.page-title,.section-label{font-weight:700;text-wrap:balance}.section-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:40px;text-decoration:underline;text-underline-offset:4px}.page-title{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:48px}.accordion{border-top:1px solid var(--color-border)}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-trigger{max-width:var(--max-width);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 0;background:0 0;border:0;cursor:pointer;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;font-family:inherit;color:var(--color-text);text-align:left;transition-property:opacity;transition-duration:var(--transition-normal);transition-timing-function:ease-out}.accordion-trigger:hover{opacity:.6}.accordion-trigger svg{width:28px;height:28px;transition-property:transform;transition-duration:300ms;transition-timing-function:ease;flex-shrink:0}.accordion-item.open .accordion-trigger svg{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition-property:max-height;transition-duration:var(--transition-slow);transition-timing-function:ease}.accordion-content-inner{max-width:var(--max-width);margin:0 auto;padding:0 0 24px;color:var(--color-text-muted);font-size:var(--font-body);line-height:1.7;text-wrap:pretty}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border)}.project-card{background:var(--color-bg);padding:32px}.project-name{font-size:1.1rem;font-weight:600;margin-bottom:4px}.project-platform{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:16px}.project-desc,.prose p{font-size:var(--font-body);line-height:1.7;color:var(--color-text-secondary);text-wrap:pretty}.project-tech{font-size:.8rem;color:var(--color-text-faint);margin-top:16px}@media (max-width:640px){.project-grid{grid-template-columns:1fr}}.prose{max-width:var(--prose-width)}.prose p{line-height:1.75}.prose p+p{margin-top:20px}.content-link{color:var(--color-text);font-weight:500;text-decoration:underline;text-underline-offset:3px;transition-property:opacity;transition-duration:var(--transition-normal);transition-timing-function:ease-out}.content-link:hover{opacity:var(--hover-opacity)}footer{padding:40px 0;border-top:1px solid var(--color-border-light)}footer p{font-size:.8rem;color:var(--color-text-faint)}@media (max-width:1200px){.accordion-content-inner,.accordion-trigger,.container{padding-left:24px;padding-right:24px}}@media (max-width:640px){:root{--section-spacing:60px;--font-body:1.1rem}header{padding:24px 0 0}header .container{position:relative}.hero p{font-size:1.125rem;font-weight:400}.menu-toggle{display:block}nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg);flex-direction:column;align-items:center;justify-content:center;gap:0;z-index:10;opacity:0;pointer-events:none;transition:opacity var(--transition-normal) ease-out}nav.open{opacity:1;pointer-events:auto}nav a,nav a.nav-cta{font-size:clamp(1.5rem,6vw,2rem);padding:16px}nav a{font-weight:500;letter-spacing:.02em}nav a::after{bottom:12px;left:16px;right:16px}nav a.nav-cta{border:0}nav a.nav-cta:hover{background:0 0;color:var(--color-text)}}