:root{--ink: #1a1a18;--parchment: #f4f1eb;--rust: #c45d3e;--steel: #5a6068;--moss: #4a6741;--bone: #e8e3da;--shadow: rgba(26, 26, 24, .08);--font-display: "Libre Baskerville", Georgia, serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--parchment);color:var(--ink);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}.container{max-width:820px;margin:0 auto;padding:0 2rem}header{padding:6rem 0 4rem;border-bottom:1px solid var(--bone)}.brand{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--steel);margin-bottom:2.5rem}.brand span{color:var(--rust)}h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.25;color:var(--ink);margin-bottom:1.5rem;max-width:680px}.tagline{font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:var(--steel);max-width:540px;line-height:1.6}section{padding:4rem 0;border-bottom:1px solid var(--bone)}section:last-of-type{border-bottom:none}.section-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-bottom:1.5rem}h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1.35;margin-bottom:1.2rem}p+p{margin-top:1rem}.principles{display:grid;gap:2rem;margin-top:2rem}.principle{padding:1.8rem 2rem;background:#fff;border:1px solid var(--bone);border-left:3px solid var(--rust);position:relative}.principle h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:.6rem}.principle p{color:var(--steel);font-size:.95rem;line-height:1.65}.structure{display:flex;align-items:center;gap:0;margin:2rem 0;flex-wrap:wrap;justify-content:center}.role-block{text-align:center;padding:1rem 1.2rem}.role-block .role-title{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:.3rem}.role-block .role-desc{font-size:.82rem;color:var(--steel)}.arrow{font-size:1.2rem;color:var(--rust);font-family:var(--font-mono);flex-shrink:0}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}}.project-card{padding:2rem;background:var(--ink);color:var(--parchment);position:relative;overflow:hidden;transition:transform .2s ease}.project-card:hover{transform:translateY(-2px)}.project-card .project-status{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin-bottom:1rem;display:inline-block}.project-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.8rem;color:var(--parchment)}.project-card p{font-size:.9rem;color:#a09c94;line-height:1.6}.modal-trigger{display:inline-block;font-family:var(--font-mono);font-size:.82rem;font-weight:500;color:var(--rust);text-decoration:none;cursor:pointer;transition:border-color .2s;background:none;border:none;border-bottom:1px solid transparent;padding:0;letter-spacing:.02em}.modal-trigger:hover{border-bottom-color:var(--rust)}.modal-trigger:after{content:" →"}.modal-overlay{position:fixed;inset:0;background:#1a1a18b3;backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal{background:var(--parchment);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;padding:3rem;position:relative}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-family:var(--font-mono);font-size:1.2rem;color:var(--steel);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--ink)}.modal h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1.5rem}.modal h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-top:1.8rem;margin-bottom:.6rem}.modal p,.modal li{font-size:.95rem;color:var(--steel);line-height:1.7}.modal ol,.modal ul{padding-left:1.5rem;margin-top:.8rem}.modal li{margin-bottom:.6rem}.modal li strong{color:var(--ink)}.pull-quote{padding:3rem 0;text-align:center}.pull-quote blockquote{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--steel);max-width:560px;margin:0 auto;line-height:1.55;position:relative}.pull-quote blockquote:before{content:"";display:block;width:40px;height:2px;background:var(--rust);margin:0 auto 1.5rem}footer{padding:3rem 0;border-top:1px solid var(--bone);text-align:center}footer .footer-brand{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--steel)}footer .footer-brand span{color:var(--rust)}footer .footer-note{font-size:.82rem;color:#b0aba2;margin-top:.6rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeUp .6s ease forwards}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}@media(max-width:600px){header{padding:4rem 0 3rem}section{padding:3rem 0}.modal{padding:2rem}.structure{gap:.5rem}.role-block{padding:.8rem}}
