@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Crimson Pro,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f1ed;color:#1a1a1a}html,body{height:100%}.container{max-width:680px;margin:0 auto;padding:60px 20px;min-height:100vh;display:flex;flex-direction:column}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;flex-shrink:0}.nav-links{display:flex;gap:24px}nav a{color:#666;text-decoration:none;font-size:14px;letter-spacing:.02em;transition:color .3s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase}nav a:hover{color:#1a1a1a}.nav-icon{width:28px;height:28px;opacity:.6}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}h1{font-size:clamp(28px,5vw,36px);font-weight:300;letter-spacing:-.02em;line-height:.9;margin-bottom:40px;text-transform:lowercase}p{font-size:clamp(16px,2.5vw,20px);line-height:1.7;color:#555;font-weight:300;margin-bottom:24px}strong{color:#1a1a1a;font-weight:400}blockquote{margin:32px 0;padding:0 0 0 24px;font-size:clamp(17px,2.5vw,21px);font-style:italic;font-weight:300;line-height:1.65;color:#444;border-left:2px solid rgba(26,26,26,.2)}blockquote:after{content:"— " attr(cite);display:block;margin-top:8px;font-size:clamp(14px,2vw,16px);font-style:normal;color:#888;font-weight:300}.project-link{color:#1a1a1a;text-decoration:none;border-bottom:1px solid rgba(26,26,26,.3);padding-bottom:1px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:400}.project-link:hover{border-bottom-color:#1a1a1a;opacity:.8}.cta{padding-top:32px;padding-bottom:32px;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0}.cta p{margin-bottom:16px;font-size:clamp(18px,3vw,22px)}.cta a{color:#1a1a1a;font-size:clamp(16px,2.5vw,20px);text-decoration:none;border-bottom:1px solid #1a1a1a;padding-bottom:2px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);text-transform:lowercase}.cta a:hover{opacity:.6}@media (max-width: 768px){.container{padding:40px 20px}nav{margin-bottom:40px}.nav-icon{width:24px;height:24px}h1{margin-bottom:32px}p{margin-bottom:20px}.cta{margin-top:40px;padding-top:24px}}@media (max-width: 480px){.container{padding:30px 16px}nav{margin-bottom:30px;font-size:13px}.nav-icon{width:20px;height:20px}h1{margin-bottom:24px}p{margin-bottom:16px}.cta{margin-top:32px;padding-top:20px}}