.demo-directory_page__rQPWX{min-height:100dvh;background:#17191c;color:#f5f5f2}.demo-directory_header__xx5oE,.demo-directory_main__F8xga{width:min(1280px,calc(100% - 48px));margin-inline:auto}.demo-directory_header__xx5oE{display:flex;align-items:center;justify-content:space-between;min-height:80px;border-bottom:1px solid #35383d;gap:20px}.demo-directory_brand__OiICK{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1.125rem;font-weight:700}.demo-directory_header__xx5oE nav{display:flex;gap:4px}.demo-directory_header__xx5oE nav a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:6px;color:#bfc2c8;font-size:.8125rem}.demo-directory_header__xx5oE nav a[aria-current=page]{color:#f4b67d;background:#35281f}.demo-directory_main__F8xga{padding-block:40px}.demo-directory_intro__FiQX0{max-width:780px;margin-bottom:36px}.demo-directory_intro__FiQX0 h1{margin:14px 0 18px;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:650;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.demo-directory_intro__FiQX0 p{margin:0;color:#bfc2c8;font-size:1rem;line-height:1.6}.demo-directory_intro__FiQX0 p:first-child{font-size:.8125rem;color:#f4b67d}.demo-directory_grid__bVIG9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-directory_card__sn7D1{min-width:0;border:1px solid #35383d;border-radius:14px;overflow:hidden;background:#202327}.demo-directory_preview__7pWNR{display:block;aspect-ratio:3/2;overflow:hidden;background:#f0f0f3}.demo-directory_preview__7pWNR img{width:100%;height:100%;object-fit:contain;outline:1px solid rgb(0 0 0/.1);outline-offset:-1px}.demo-directory_cardBody__I_yVI{padding:24px}.demo-directory_cardBody__I_yVI h2{margin:0 0 12px;font-size:1.375rem;line-height:1.3;font-weight:650;letter-spacing:-.02em}.demo-directory_cardBody__I_yVI p{margin:0;max-width:65ch;color:#bfc2c8;font-size:.9375rem;line-height:1.6}.demo-directory_actions__4zWfR{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.demo-directory_actions__4zWfR a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:#bfc2c8}.demo-directory_actions__4zWfR .demo-directory_open__sSo1_{justify-content:space-between;gap:18px;padding:10px 16px;border-radius:8px;color:#17191c;background:#f0a15b;font-weight:650}.demo-directory_home__teS78{display:inline-flex;align-items:center;min-height:44px;margin-top:32px;color:#bfc2c8;font-size:.875rem}.demo-directory_page__rQPWX a:focus-visible{outline:2px solid #f4b67d;outline-offset:4px}@media (max-width:640px){.demo-directory_header__xx5oE,.demo-directory_main__F8xga{width:calc(100% - 32px)}.demo-directory_main__F8xga{padding-top:28px}.demo-directory_grid__bVIG9{grid-template-columns:minmax(0,1fr);gap:20px}.demo-directory_intro__FiQX0{margin-bottom:28px}.demo-directory_cardBody__I_yVI{padding:20px}}@media (hover:hover) and (pointer:fine){.demo-directory_actions__4zWfR .demo-directory_open__sSo1_:hover{background:#ffdfb5}.demo-directory_actions__4zWfR a:hover,.demo-directory_home__teS78:hover{color:#f4b67d}}@media (prefers-reduced-motion:no-preference){.demo-directory_actions__4zWfR .demo-directory_open__sSo1_{transition:scale .15s ease-out}.demo-directory_actions__4zWfR .demo-directory_open__sSo1_:active{scale:.96}}