.app2027 { margin-top:52px; padding-top:32px; border-top:1px solid var(--line); scroll-margin-top:24px; }
.app2027__heading { margin-bottom:24px; }
.app2027__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; align-items:start; }
.app2027__card { min-width:0; }
.app2027__media { aspect-ratio:9/17; display:flex; align-items:center; justify-content:center; padding:8px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--app-panel,var(--panel)); }
.app2027__screen { display:block; width:100%; height:100%; object-fit:contain; border-radius:5px; }
.app2027__copy { padding-top:12px; }
.app2027__card h3 { font:400 20px/1.4 var(--sans); letter-spacing:-.015em; margin:0; color:var(--ink); }
.app2027__description { font-size:16px; line-height:1.65; color:var(--body); margin-top:5px; }
.portfolio-intro { margin-top:14px; font-size:17px; line-height:1.8; color:var(--body); }
.portfolio-inner > .horoworld-project { margin-top:30px; padding-top:0; border-top:0; }
@media(min-width:700px) { .app2027__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 20px; } }
@media(min-width:1100px) { .app2027__grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }