.project-icons,.project-icons picture{transition:var(--transition-all);width:100%}main{padding:0;margin:0}.projects{width:100%}.project-icons{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:stretch}.project-icons picture:nth-child(odd){border-right:var(--border-normal) var(--neutral-700)}.project-icons picture:nth-last-child(1):nth-child(odd){border-bottom:none}.project-icons picture,.title-row{border-bottom:var(--border-normal) var(--neutral-700)}.project-icons picture:hover{background-color:var(--neutral-100);box-shadow:var(--shadow-md)}.project-icons picture{display:flex;align-items:center;justify-content:center;padding-top:var(--space-7);padding-bottom:var(--space-7);cursor:pointer}.dark-mode p{color:var(--neutral-100)}.dark-mode .project-icons picture,.dark-mode .project-icons picture:nth-child(odd){border-color:var(--neutral-100)}.project-icons picture img{transition:var(--transition-transform);max-width:80%;height:auto}.project-icons picture:hover img{transform:scale(var(--scale-hover))}.maintenance-notice{background:rgba(255,193,7,.15);border-left:3px solid var(--yellow-400);padding:.75rem 1rem;border-bottom-right-radius:4px;border-top-right-radius:4px;display:flex;align-items:flex-start;gap:.75rem;max-width:380px;margin-top:1.5rem}.maintenance-notice .icon{width:18px;height:18px;color:var(--yellow-400);flex-shrink:0;margin-top:2px}.maintenance-notice p{margin:0;font-size:.9rem;line-height:1.4;color:#666}@media (max-width:768px){.project-icons{grid-template-columns:1fr}.project-icons picture:nth-child(odd){border-right:none}.maintenance-notice{position:static;max-width:100%;margin-top:1.5rem}}.dark-mode .project-links a:hover,.dark-mode picture:hover{background-color:var(--neutral-700)}.project-info{width:100%;height:100%;flex-direction:row-reverse;display:none;overflow-y:auto;min-height:92vh}article picture{margin:auto;display:flex;width:100%;height:100%;align-items:center;justify-content:center}article picture img{width:50%;height:auto;max-height:80%}.project-nav{width:20%;padding:var(--space-3);height:100%;overflow-y:auto;pointer-events:none;border-right:var(--border-normal) var(--neutral-700)}.project-nav li{pointer-events:auto;width:fit-content}.project-nav p{margin-top:0;margin-bottom:var(--space-1);color:var(--neutral-700);display:inline-block;font-weight:var(--font-normal);transition:all .3s ease;font-size:var(--text-xl)}.dark-mode .project-nav p{color:var(--neutral-400)}.project-nav a{padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);text-decoration:none;color:var(--neutral-700);font-weight:var(--font-normal);font-size:var(--text-lg);transition:all .3s ease}.project-nav a:hover{color:var(--blue-700);background-color:var(--blue-100)}.dark-mode .project-nav a:hover{color:var(--neutral-100);background-color:var(--blue-500)}.dark-mode .project-summary span,.project-title{color:var(--neutral-700)}.project-nav ul{list-style:none;padding:0;pointer-events:none;display:flex;flex-direction:column;gap:var(--space-3)}.project-title{font-family:var(--ff-text);flex:2;margin:0;font-size:var(--text-3xl);font-weight:var(--font-bold)}.dark-mode .project-title{color:var(--neutral-100);background-color:var(--neutral-700)}.top-column{display:flex;flex-direction:column;flex:3}.title-row{display:flex;padding:var(--space-2);width:100%;justify-content:center}.dark-mode .intro-info,.dark-mode .title-row{border-color:var(--neutral-100)}.intro-info,.top-row{border-bottom:var(--border-normal) var(--neutral-700);width:100%}.intro-info{display:flex;height:100%}.project{flex-direction:column;width:100%;display:none;height:100%;max-height:100%}.top-row{display:flex;padding-left:var(--space-2);padding-right:var(--space-2);justify-content:center}.project-links{display:flex;flex:4;width:100%;gap:var(--space-4);justify-content:flex-end}.one-link{flex:1}.project-links a,.tech-stack span{align-items:center;gap:var(--space-1)}.project-links a{font-size:var(--text-base);font-family:var(--ff-text);background-color:var(--blue-100);color:var(--blue-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-medium);display:flex}.project-links i{color:var(--blue-700);font-size:var(--text-base);transform:var(--transition-colors)}.dark-mode .project-links a,.dark-mode .project-links i{background-color:var(--blue-500);color:var(--neutral-100)}.project-links a:hover,.project-links a:hover i{background-color:var(--main-100);color:var(--main-700)}.dark-mode .project-links a:hover,.dark-mode .project-links a:hover i{background-color:var(--main-500);color:var(--neutral-100)}.dark-mode a,.dark-mode button{color:var(--neutral-100)}.text-container{width:100%;flex:2;font-weight:var(--font-semibold);padding-right:var(--space-1)}.project-summary{margin:0;font-size:var(--text-xl);padding:var(--space-5);line-height:var(--leading-normal);font-weight:var(--font-normal)}.tech-stack,.tech-stack span{display:flex;padding:var(--space-2)}.tech-stack{flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);flex:1;border-left:var(--border-normal) var(--neutral-700)}.tech-stack span{background-color:var(--neutral-200);border-radius:var(--radius-lg);height:fit-content;width:fit-content;font-size:var(--text-base)}.tech-stack img{width:var(--space-5);height:var(--space-5)}.return-to-projects{background:0 0;border:none;font-size:var(--text-xl);font-family:var(--ff-text);gap:var(--space-3);align-items:center;padding:0}#top{position:absolute;top:0}.project-summary span{font-family:var(--ff-text);background-color:var(--yellow-100)}@media (max-width:1024px) and (min-width:769px){.project-links,.project-links a,.project-links i,.project-nav a,.project-summary,.tech-stack span{font-size:var(--text-sm)}}@media (max-width:768px) and (min-width:481px){.project-title{width:100%;margin:auto;display:flex;font-size:var(--text-2xl)}.title-row{padding-left:var(--space-5);flex-direction:column;gap:var(--space-3)}.project-links{justify-content:flex-start}.project-links a,.project-links i,.project-summary,.tech-stack span{font-size:var(--text-sm)}.sum-info,.top-row{flex-direction:column}.top-column{border-right:var(--border-normal) var(--neutral-700)}.dark-mode .top-column{border-right:2px solid var(--neutral-100)}.tech-stack{padding:var(--space-3);border-left:none}.project-nav{display:none}}.dark-mode .project-links a,.dark-mode .project-links a:first-child:not(:only-child),.dark-mode .project-nav,.dark-mode .project-title,.dark-mode .sum-info,.dark-mode .tech-stack,.dark-mode .top-row{border-color:var(--neutral-100)}.dark-mode #main-projects,.dark-mode #miscellaneous{color:var(--neutral-100)}.dark-mode .tech-stack span{color:var(--neutral-700)}@media (max-width:480px){.project-title{border-right:none;width:100%;margin:auto;display:flex;justify-content:center}.intro-info,.project,.title-row{flex-direction:column}.title-row{gap:var(--space-4);border:none}article picture{padding:var(--space-5)}.project-links,.project-links a,.project-links i{font-size:var(--text-sm)}.project-links{justify-content:center}.tech-stack{padding:var(--space-3);border-left:none;border-top:var(--border-normal) var(--neutral-700)}.project-summary,.tech-stack span{font-size:var(--text-xl)}.project-nav{display:none}.sum-info,.top-row{flex-direction:column}.tech-stack span{padding:var(--space-1) var(--space-3)}}.overview-link a,.overview-link i{font-size:var(--text-sm)}.return-overview{display:flex;justify-content:center;align-items:center;gap:var(--space-1)}.overview-link{margin-top:var(--space-6)}