*{box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;background-color:#fff;line-height:1.6;margin:0}.wrapper{display:flex;min-height:100vh}.sidebar{width:25rem;padding:3rem 2rem;background-color:#f8f8f8;border-right:1px solid #e5e5e5;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar img{display:block;width:128px;height:128px;border-radius:50%;margin:0 auto 2rem auto}.sidebar h1{font-size:1.1rem;text-align:center;margin:0 0 0.5rem 0;letter-spacing:-0.02em}.sidebar p{font-size:0.75rem;color:#666;text-align:center;margin-bottom:2rem}.sidebar ul.view{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:1rem}.sidebar ul.view li a{color:#1a1a1a;font-size:0.95rem;text-decoration:none;transition:opacity 0.2s ease}.sidebar ul.view li a:hover{opacity:0.6}.sidebar .sidebar-footer{margin-top:auto;padding-top:2rem;font-size:0.75rem;color:#666;text-align:left}.sidebar .sidebar-footer a{color:#666}main{flex:1;padding:4rem 5%;max-width:900px}section{margin-bottom:5rem}section h2{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.2em;color:#666;border-bottom:1px solid #e5e5e5;padding-bottom:0.5rem;margin-bottom:2rem}.hero{margin-bottom:6rem}.hero h1{font-size:3.5rem;line-height:1.1;letter-spacing:-0.04em;margin:0 0 2rem 0;font-weight:700}.hero p{font-size:1.5rem;line-height:1.4;color:#666;max-width:600px}.pillars{display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem}.pillars h2{grid-column:1 / -1}.pillars .pillar h3{font-size:1.1rem;margin:0 0 0.75rem 0;font-weight:600}.pillars .pillar p{font-size:0.95rem;color:#666;line-height:1.5}.transformations .transformation{margin-bottom:4rem}.transformations .transformation h3{font-size:1.75rem;margin:0 0 1rem 0;letter-spacing:-0.02em}.transformations .transformation .context{font-style:italic;color:#666;margin-bottom:1.5rem;font-size:1rem}.transformations .transformation ul{padding-left:1.2rem}.transformations .transformation ul li{margin-bottom:0.75rem}.timeline .event{display:flex;margin-bottom:2rem}.timeline .event .date{width:15%;font-size:0.9rem;color:#666;padding-top:0.25rem}.timeline .event .details{flex:1}.timeline .event .details h4{margin:0 0 0.25rem 0;font-size:1.1rem;font-weight:600}.timeline .event .details p{margin:0;color:#666;font-size:0.95rem}@media (max-width: 768px){.wrapper{flex-direction:column}.sidebar{width:100%;padding:2rem;height:auto;position:relative;border-right:none;border-bottom:1px solid #e5e5e5}main{padding:3rem 1.5rem}}