.complete-post.svelte-ixtcyr{border:1px solid var(--clr-light-500);border-radius:var(--radius);padding:0 .05em}.complete-post.svelte-ixtcyr .title:where(.svelte-ixtcyr){font-family:var(--bronova-bold);color:var(--clr-gray-700);font-weight:800}.complete-post.svelte-ixtcyr .subtitle:where(.svelte-ixtcyr){font-family:var(--bronova);font-size:clamp(var(--sm), 1.15vw, var(--h5));color:var(--clr-light-400);font-weight:400}.complete-post.svelte-ixtcyr .post-image:where(.svelte-ixtcyr){border-radius:8px;max-width:100%;height:auto}.blog-title.svelte-ixtcyr{font-family:var(--bronova-bold);font-size:clamp(var(--h3), 5vw, var(--lg));letter-spacing:-.0075em;color:var(--clr-gray-600);margin-top:1.75em;padding:0;font-weight:700}@media (width<=980px){.blog-title.svelte-ixtcyr{margin-top:2.2em}}@media (width<=800px){.blog-title.svelte-ixtcyr{margin-top:3em}}.post-grid.svelte-ixtcyr{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1em;padding:1em 5em;display:grid}@media (width<=768px){.post-grid.svelte-ixtcyr{gap:0;margin:0;padding:0}}.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr){background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.05em;padding:0;display:flex;position:relative}.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) .title:where(.svelte-ixtcyr){font-family:var(--thunder);font-size:clamp(var(--h4), 2vw, var(--h2));text-transform:uppercase;margin-bottom:0;font-weight:800}@media (width<=768px){.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) .title:where(.svelte-ixtcyr){margin-top:.75em}}.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) .post-index:where(.svelte-ixtcyr){pointer-events:none;font-family:var(--ultra);color:var(--clr-dark-500);text-shadow:0 0 1px var(--clr-dark-500), -1px -1px 0 var(--clr-light-500), 1px -1px 0 var(--clr-light-500), -1px 1px 0 var(--clr-light-500), 1px 1px 0 var(--clr-light-500), -1px 0 0 var(--clr-light-500), 1px 0 0 var(--clr-light-500), 0 -1px 0 var(--clr-light-500), 0 1px 0 var(--clr-light-500);opacity:.125;justify-content:center;align-items:center;margin:0;font-size:clamp(5rem,7vw,8rem);display:flex;position:absolute;inset:0;transform:translateY(29%)}@media (width<=768px){.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) .post-index:where(.svelte-ixtcyr){transform:translateY(37%)}}.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) .subtitle:where(.svelte-ixtcyr){margin-block:0}@media (width<=768px){.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) .subtitle:where(.svelte-ixtcyr){margin-bottom:.05em}}.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) a:where(.svelte-ixtcyr){color:var(--clr-green-500);text-decoration:none}.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) a:where(.svelte-ixtcyr):focus,.post-grid.svelte-ixtcyr section:where(.svelte-ixtcyr) a:where(.svelte-ixtcyr):focus-visible{box-shadow:none;background-color:#0000}.examples-link.svelte-ixtcyr{block-size:fit-content;inline-size:30vw;position:absolute;top:9em;right:1em}@media (width<=1100px){.examples-link.svelte-ixtcyr{top:6em}}@media (width<=768px){.examples-link.svelte-ixtcyr{text-align:center;inline-size:auto;margin-top:-3em;position:static;top:auto;right:auto}}.examples-link.svelte-ixtcyr a:where(.svelte-ixtcyr){text-decoration:none}.examples-link.svelte-ixtcyr .examples:where(.svelte-ixtcyr){font-family:var(--thunder);font-size:clamp(var(--h1), 10vw, var(--xl));letter-spacing:-.025em;color:var(--clr-blue-500);text-shadow:0 0 1px var(--clr-dark-500), -2px -2px 0 var(--clr-dark-400), 2px -2px 0 var(--clr-dark-400), -2px 2px 0 var(--clr-dark-400), 2px 2px 0 var(--clr-dark-400), -2px 0 0 var(--clr-dark-400), 2px 0 0 var(--clr-dark-400), 0 -2px 0 var(--clr-dark-400), 0 2px 0 var(--clr-dark-400);text-wrap:nowrap;text-transform:uppercase;opacity:.85;margin:0;padding:0;font-weight:700;transition:opacity .3s ease-in-out;transform:rotate(15deg)}@media (width<=768px){.examples-link.svelte-ixtcyr .examples:where(.svelte-ixtcyr){letter-spacing:0;margin:1.5em 0 .75em;scale:.8}}.examples-link.svelte-ixtcyr .examples:where(.svelte-ixtcyr):hover{opacity:1}::view-transition-group(three-heading){animation-duration:.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(three-heading){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}