.projectGrid{column-gap:10px;row-gap:15px;grid-template-columns:repeat(2, 45vw);-webkit-column-gap:10px;grid-auto-flow:dense}.projectGrid > .ZStack{background-color:var(--backgroundAccent);border:2px solid var(--uiElementPrimary);border-radius:15px}.projectContent{justify-content:flex-start;align-items:center;margin-top:1vw}.projectImage{border-radius:15px;padding-top:0;margin-bottom:0.5rem;aspect-ratio:16 / 9}.projectInfo{text-align:left;margin-bottom:1.5rem;padding:0.5rem;overflow-y:scroll;background-color:var(--backgroundColor);border-radius:15px;margin-top:0.75rem}.projectTitle{font-weight:500;color:var(--backgroundColor)}@media (orientation: portrait){.projectGrid{grid-template-columns:repeat(1, 90vw)}.projectGrid > .ZStack{width:90vw;height:calc(50vw + (850px / 100vw) * 40vw);height:auto;min-width:10rem}.projectGrid > .ZStack > .innerTile{height:auto;min-height:35rem * (1 + (100vh / 150vw))}.projectImage{width:95%}.projectInfo{width:calc(90vw - 3rem);height:auto;margin-bottom:0.125rem}}@media (orientation: landscape){.projectGrid{grid-template-columns:repeat(2, 45vw)}.projectGrid > .ZStack{width:calc(45vw - 10px);height:auto}.projectGrid > .ZStack > .innerTile{height:auto}.projectImage{width:95%}.projectInfo{width:calc(45vw - 10px - 3rem);height:auto;margin-bottom:0}@media (max-width: 950px){.projectGrid{grid-template-columns:repeat(1, 90vw)}.projectGrid > .ZStack{width:90vw;height:calc(50vw + (850px / 100vw) * 40vw);height:auto}.projectGrid > .ZStack > .innerTile{height:auto;min-height:35rem * (1 + (100vh / 150vw))}.projectImage{width:calc(90vw - 2rem);min-width:15rem}.projectInfo{width:calc(90vw - 3rem);min-width:16rem;height:auto;margin-bottom:0}}}