/* Project showcase. Original screenshot proportions are preserved. */
.apps{background:#f0e8f4}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.app-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:26px;align-items:center;padding:32px;border:1px solid #d6c7db;border-radius:32px;min-width:0;background:linear-gradient(145deg,#fffaf7,#e9f4ef)}.app-discovery{background:linear-gradient(145deg,#fffaf7,#f6e6d9)}.app-copy{min-width:0}.app-category{text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:700;color:#68516c;margin-bottom:12px}.app-copy h3{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.06em;line-height:1.1;margin-bottom:14px}.app-tagline{font-family:Georgia,serif;font-size:1.2rem;line-height:1.4;color:#492057}.app-copy>p:not(.app-category):not(.app-tagline){font-size:.9rem;color:#68516c;line-height:1.7}.app-features{padding-left:18px;margin:22px 0;font-size:.8rem;color:#68516c}.app-features li{margin:8px 0}.app-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #c8b8d1;background:#fffaf7;border-radius:999px;padding:6px 12px;font-size:.73rem;font-weight:650;color:#492057}.app-status:before{content:"";height:6px;width:6px;background:#7541a7;border-radius:50%}.app-preview{margin:0;min-width:0;text-align:center}.app-preview a{display:block;border-radius:25px;box-shadow:0 20px 35px #35213f25;overflow:hidden;background:#080e19;transition:transform .2s}.app-preview a:hover{transform:translateY(-4px)}.app-preview img{display:block;width:100%;height:auto}.app-preview figcaption{font-size:.65rem;color:#68516c;line-height:1.5;margin-top:14px}.apps-note{text-align:center;font-size:.8rem;color:#68516c;margin:30px 0 0}@media(max-width:1100px){.apps-grid{grid-template-columns:1fr}.app-card{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);gap:45px;padding:36px}.app-preview{width:100%;max-width:245px;justify-self:center}.app-copy h3{font-size:2.7rem}}@media(max-width:550px){.app-card{grid-template-columns:1fr;gap:28px;padding:28px 24px;border-radius:28px}.app-preview{max-width:245px}.app-category{font-size:.68rem}.app-copy h3{font-size:2.5rem}.app-copy>p:not(.app-category):not(.app-tagline){font-size:.95rem}.app-features{font-size:.85rem}.apps-note{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.app-preview a{transition:none}}
