.layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:180px;height:100vh;padding:2rem 1.2rem;display:flex;flex-direction:column;justify-content:center;gap:0;border-right:none;z-index:10;background:#fff}.nav-item{background:none;border:none;color:#999;font-family:inherit;font-size:1.4rem;padding:.3rem 0;cursor:pointer;text-align:left}.nav-item:hover{color:#222}.nav-item.active{color:#222;text-decoration:underline}.content{margin-left:180px;flex:1;padding:2.5rem 3rem}.section-title{font-size:1rem;font-weight:400;text-transform:lowercase;margin-bottom:1.5rem;border-bottom:1px solid #ccc;padding-bottom:.3rem}.placeholder{width:100%;max-width:400px;height:260px}.placeholder-sm{width:100%;max-width:350px;height:140px}.divya-intro{margin-bottom:1.5rem;max-width:500px;color:#555}.divya-placeholder{background-color:#b8a9c9;border:1px solid #aaa}.timeline{display:flex;flex-direction:column;gap:1.8rem}.timeline-entry{display:flex;flex-direction:column;gap:.8rem}.timeline-year{font-size:2.5rem;font-weight:600;color:#999}.timeline-body{flex:1;display:flex;flex-wrap:wrap;gap:.8rem}.project-thumb{position:relative;background:none;border:none;padding:0;cursor:pointer;width:400px;max-width:100%;height:300px;overflow:hidden;display:block}.project-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.project-thumb-fallback{background-color:#a8d8c8}.project-thumb-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-family:inherit;font-size:.85rem;font-weight:500;opacity:0;padding:.5rem;text-align:center}.project-thumb:hover .project-thumb-label{opacity:1}@media (hover: none){.project-thumb-label{opacity:1;background:none;top:auto;right:auto;left:0;bottom:0;padding:.4rem .6rem;background:#0009;align-items:flex-end;justify-content:flex-start}}.timeline-placeholder{background-color:#a8d8c8;border:1px solid #aaa}.back-link{background:none;border:none;font-family:inherit;font-size:inherit;font-weight:inherit;color:#00f;cursor:pointer;padding:0;margin-bottom:1.5rem;display:block}.back-link:hover{color:#000}.project-detail-title{font-size:1.2rem;font-weight:600;margin-bottom:.6rem}.project-detail-desc{color:#555;margin-bottom:1.5rem;max-width:500px}.project-media{display:flex;flex-direction:column;gap:1.5rem}.project-media-img{max-width:100%;height:auto;display:block}.video-wrapper{position:relative;width:100%;max-width:720px;aspect-ratio:16 / 9;padding-bottom:56.25%;height:0}@supports (aspect-ratio: 16 / 9){.video-wrapper{padding-bottom:0;height:auto}}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.friends-grid{display:flex;flex-direction:column;gap:1.2rem}.friend-card{padding:.8rem 0;border-bottom:1px dashed #ccc}.friend-card:last-child{border-bottom:none}.friend-name{margin-bottom:.2rem}.friend-projects{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.friend-project-tag{font-size:.85rem;color:#888}.friend-project-tag:before{content:"~ "}.artist-statement{color:#555;max-width:500px;margin-bottom:2rem}.about-subheading{font-size:.9rem;font-weight:400;color:#999;text-transform:lowercase;margin-bottom:.5rem}.about-list{list-style:none;display:flex;flex-direction:column;gap:.2rem;margin-bottom:2rem}.about-list li{color:#555}@media (max-width: 900px){.project-thumb{width:300px;height:225px}.content{padding:2rem}.timeline-year{font-size:2rem}}@media (max-width: 600px){.layout{flex-direction:column}.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:auto;flex-direction:row;justify-content:space-around;padding:.6rem .5rem;border-right:none;border-top:1px solid #ddd}.nav-item{font-size:1rem;padding:.3rem .5rem}.content{margin-left:0;padding:1.2rem 1rem 4rem}.project-thumb{width:100%;height:auto;aspect-ratio:4 / 3}.timeline-year{font-size:1.6rem}.divya-intro,.artist-statement,.project-detail-desc,.video-wrapper{max-width:100%}}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:500;font-size:16px;color:#222;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;-webkit-text-size-adjust:100%}#root{min-height:100vh}a{color:#00f}a:visited{color:purple}