a.svelte-1kogeri{display:flex;flex-flow:column;height:100%;gap:var(--space-base);padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--border-radius-lg);box-shadow:1px 1px 3px var(--color-bg-shadow);transition:box-shadow .4s ease-out,transform .4s ease-out;color:var(--color-content-default);text-decoration:none}a.svelte-1kogeri:hover,a.svelte-1kogeri:focus{color:var(--color-content-subtle);transform:translateY(-3px);box-shadow:2px 6px 14px var(--color-bg-shadow)}a.svelte-1kogeri:active{transform:translateY(0);box-shadow:inset -1px -1px 3px #ebebeb,inset 1px 1px 3px #919191}h2.svelte-1kogeri{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);line-height:1.2}p.svelte-1kogeri{margin-bottom:var(--space-sm)}img.svelte-1kogeri{width:min-content;max-width:100%;max-height:260px;align-self:center}.code-card.svelte-nc5xeb.svelte-nc5xeb{display:block;aspect-ratio:1/1;perspective:800px;text-decoration:none}.cube.svelte-nc5xeb.svelte-nc5xeb{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.code-card.svelte-nc5xeb:hover .cube.svelte-nc5xeb,.code-card.svelte-nc5xeb:focus-visible .cube.svelte-nc5xeb{transform:rotateX(8deg) rotateY(-10deg) scale(1.04)}.code-card.alt.svelte-nc5xeb:hover .cube.svelte-nc5xeb,.code-card.alt.svelte-nc5xeb:focus-visible .cube.svelte-nc5xeb{transform:rotateX(-8deg) rotateY(10deg) scale(1.04)}.face.svelte-nc5xeb.svelte-nc5xeb{position:relative;width:100%;height:100%;overflow:hidden;background:#0d0d0d;border-radius:4px;box-shadow:3px 5px #0d0d0d40;transition:box-shadow .4s ease-out}.code-card.svelte-nc5xeb:hover .face.svelte-nc5xeb,.code-card.svelte-nc5xeb:focus-visible .face.svelte-nc5xeb{box-shadow:7px 11px #0d0d0d4d}img.svelte-nc5xeb.svelte-nc5xeb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.face.svelte-nc5xeb.svelte-nc5xeb:not(.has-image){display:flex;align-items:center;justify-content:center;background:#e5e7f5}@media (prefers-reduced-motion: reduce){.cube.svelte-nc5xeb.svelte-nc5xeb{transition:none}.code-card.svelte-nc5xeb:hover .cube.svelte-nc5xeb,.code-card.svelte-nc5xeb:focus-visible .cube.svelte-nc5xeb,.code-card.alt.svelte-nc5xeb:hover .cube.svelte-nc5xeb,.code-card.alt.svelte-nc5xeb:focus-visible .cube.svelte-nc5xeb{transform:none}}.backdrop.svelte-xk2cla{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--scroll-bg, var(--color-bg-page))}.title.svelte-xk2cla{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);line-height:1.3;margin-bottom:var(--space-lg);grid-column:span 2}.subtitle.svelte-xk2cla{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:1.6}.content.svelte-xk2cla{grid-column:span 12;padding:0 var(--space-sm)}.cards.svelte-xk2cla{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-top:var(--space-xl)}@media screen and (min-width: 769px){.cards.svelte-xk2cla{grid-template-columns:repeat(2,1fr)}}.hp-section.svelte-xk2cla{padding-bottom:var(--space-3xl)}.design-code-title.svelte-xk2cla{font-family:Bungee Inline,sans-serif;font-size:var(--font-size-3xl);margin-bottom:var(--space-2xl)}.code-grid.svelte-xk2cla{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media screen and (min-width: 640px){.code-grid.svelte-xk2cla{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 913px){.code-grid.svelte-xk2cla{grid-template-columns:repeat(4,1fr)}}