.projects-layout{display:flex;gap:1.5rem;flex-grow:1;overflow:hidden}.projects-sidebar{width:280px;background-color:var(--background-page);border-radius:15px;padding:1rem;overflow-y:auto;flex-shrink:0;transition:background-color .2s}.projects-sidebar h2{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border-subtle);text-align:center}.project-list{list-style:none}.project-list li a{display:block;padding:.75rem 1rem;margin-bottom:.5rem;color:var(--text-nav-links);text-decoration:none;border-radius:8px;font-weight:var(--font-weight-bold);transition:background-color .2s,color .2s,transform .1s;font-size:var(--font-size-md)}.project-list li a:hover{background-color:var(--primary-accent);color:var(--background-page);transform:translateX(5px)}.project-list li a.active{background-color:var(--primary-accent);color:var(--background-page);font-weight:var(--font-weight-bold)}.project-content-area{flex-grow:1;background-color:var(--background-card);border-radius:15px;overflow:hidden;display:flex;transition:background-color .2s;position:relative}#project-iframe{width:100%;height:100%;border:none}@media (max-width:900px){.project-content-area,.projects-layout{flex-direction:column;min-height:300px}.projects-sidebar{width:100%;padding-bottom:0;max-height:none}.projects-sidebar .project-list{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4, 0, .2, 1),opacity .3s;opacity:0;margin-bottom:0}.projects-sidebar.expanded .project-list{max-height:50vh;opacity:1}#sidebar-arrow{display:inline-block;transition:transform .2s}#project-iframe{flex:1 1 auto}}@media (min-width:901px){#sidebar-arrow{display:none!important}}#sidebar-arrow{transition:transform .2s}#sidebar-arrow i{transition:opacity .18s cubic-bezier(.4, 0, .2, 1)}