.apps{background:#222e27;color:#eff2e7}.apps .section-aside,.apps .section-title>p{color:#b0b9a9}.apps .section-title h2 em{color:#bdd0af}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.app-preview{position:relative;width:100%;height:400px;padding:70px 32px 40px;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;text-align:left}.rabbithole-preview{background:#dce7ce}.koneku-preview{background:#ded6c7}.app-preview-top{position:absolute;left:26px;right:26px;top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#394536;font-size:11px}.app-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #8c98806b;padding:5px 8px;border-radius:20px;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.app-badge i{width:4px;height:4px;border-radius:50%;background:#3b6942}.app-preview .browser-preview{max-width:485px;transform:rotate(-2deg) translateY(3px)}.koneku-preview .browser-preview{transform:rotate(2deg) translateY(3px)}.app-preview .browser-preview img{aspect-ratio:1.6;object-fit:cover;object-position:top}.app-preview:hover .browser-preview{transform:rotate(0) translateY(-6px) scale(1.025)}.app-preview .preview-caption{color:#6c6357}.app-copy{padding-top:24px}.app-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.app-name h3{font-size:31px;font-weight:500;letter-spacing:-.04em}.app-name>span{font-size:10px;color:#acb9a4;text-align:right}.app-copy>p{max-width:460px;color:#b5beae;font-size:13px;line-height:1.8;margin-top:16px}.apps .tags>span{border-color:#6f826655;color:#bccbb2;font-size:9px}.app-action{display:inline-flex;align-items:center;gap:35px;font-size:12px;padding:0 0 9px;margin-top:28px;border-bottom:1px solid #a5b89c80;color:#eff2e7}.app-action>span{font-size:19px;transition:transform .35s var(--ease)}.app-action:hover>span{transform:translate(3px,-3px)}.app-card:nth-child(2){transition-delay:.12s}.project-dialog .button[hidden]{display:none}
@media(max-width:1000px){.app-preview{height:320px;padding:65px 22px 32px}.app-preview-top{left:22px;right:22px;font-size:9px}.app-badge{font-size:7px}.app-name{display:block}.app-name>span{display:block;text-align:left;margin-top:6px}}
@media(max-width:700px){.apps-grid{grid-template-columns:1fr;gap:45px}.app-preview{height:315px;padding:65px 24px 35px}.app-preview-top{left:23px;right:23px;font-size:10px}.app-name{display:flex}.app-name h3{font-size:29px}.app-name>span{text-align:right;max-width:120px;font-size:9px}.app-copy>p{font-size:12px}.app-card:nth-child(2){transition-delay:0}.app-copy .tags{gap:6px}.app-action{margin-top:23px}}

.apps .project-open{color:var(--ink)}