.project-section{width:100%;min-height:100vh;min-height:calc(100dvh - (var(--space-96) + 48px + env(safe-area-inset-bottom,0px)));padding:60px var(--space-40)0;background-color:var(--white);flex-direction:column;display:flex}.project-container{max-width:1200px;min-height:0;padding:0 var(--space-40);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.project-header{justify-content:space-between;align-items:baseline;gap:var(--space-24);flex-wrap:wrap;flex-shrink:0;margin-bottom:20px;display:flex}.project-title{font-family:var(--font-mono);font-size:24px;font-weight:var(--medium);color:var(--black);margin:0;line-height:1}.project-reading-time{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--light);color:var(--black);opacity:.85;margin:0}.project-hero{flex:1;width:100%;min-height:0;margin-bottom:40px;position:relative}.project-hero-image{border:var(--border-subtle);border-radius:4px}.project-meta{flex-shrink:0;padding-top:0;padding-bottom:8px}.project-meta-grid{gap:var(--space-110);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.project-meta-item{min-width:0;margin:0}.project-meta-item dt{font-family:var(--font-mono);font-size:20px;font-weight:var(--medium);color:var(--black);margin-bottom:var(--space-4)}.project-meta-item dd{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--light);color:var(--black);margin:0}@media (max-width:1024px){.project-section{padding:60px var(--space-30)var(--space-64)}.project-container{padding:0 var(--space-30)}.project-header{margin-bottom:20px}.project-hero{margin-bottom:40px}.project-meta-grid{gap:var(--space-24);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-section{padding:60px 0 var(--space-48)}.project-container{padding:0 28px}.project-title{font-size:20px}.project-header{align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-8);flex-direction:column}.project-reading-time{font-size:var(--text-sm)}.project-hero{margin-bottom:40px}.project-meta{padding-top:0}.project-meta-grid{gap:var(--space-24);grid-template-columns:repeat(2,1fr)}.project-meta-item dt{font-size:14px}.project-meta-item dd{font-size:var(--text-sm)}}
.introduction{width:100%;padding:var(--space-60)var(--space-40)var(--space-60);background:0 0}.introduction-container{max-width:1200px;padding:0 var(--space-40);gap:var(--space-48);grid-template-columns:1fr 1fr;align-items:start;margin:0 auto;display:grid}.introduction-content{min-width:0}.introduction-heading{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--light);color:var(--black);margin:0;line-height:1.5}.introduction-heading strong{font-weight:var(--medium)}.introduction-left-footer{margin-top:var(--space-24)}.introduction--center .introduction-container{align-items:center}.introduction-right{background:0 0;flex-shrink:0;min-width:0}.introduction-right-text-group{gap:var(--space-16);flex-direction:column;display:flex}.introduction-right-text{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--light);color:var(--black);margin:0;line-height:1.6}.introduction-image{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}@media (max-width:1024px){.introduction{padding:var(--space-48)var(--space-30)var(--space-48)}.introduction-container{padding:0 var(--space-30);gap:var(--space-32)}}@media (max-width:768px){.introduction{padding:var(--space-40)var(--space-20)var(--space-40)}.introduction-container{padding:0 var(--space-20);gap:var(--space-24);grid-template-columns:1fr}.introduction-heading{margin-bottom:var(--space-8);font-size:18px;line-height:1.5}}