.creations{padding-block:clamp(4rem,3rem + 5vw,7rem);border-block:1px solid var(--color-border);background-color:var(--color-surface)}.creations__inner{width:100%;max-width:calc(1240px + 2 * var(--container-gutter, clamp(1rem, 4vw, 2rem)));margin-inline:auto;padding-inline:var(--container-gutter, clamp(1rem, 4vw, 2rem))}.creations__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2.5rem,2rem + 2vw,3.5rem)}.creations__header .section-heading{margin-bottom:0}.creations__grid{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem}@media(min-width:768px){.creations__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.creations__grid{grid-template-columns:repeat(3,1fr)}}.creations__card{background-color:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-large);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s cubic-bezier(.2,.7,.2,1),border-color .25s cubic-bezier(.2,.7,.2,1)}.creations__card:hover,.creations__card:focus-within{transform:translate(-3px,-3px);border-color:var(--color-heading);box-shadow:3px 3px 0 var(--color-heading)}@media(prefers-reduced-motion:reduce){.creations__card:hover,.creations__card:focus-within{transform:none}}.creations__card{position:relative;display:flex;flex-direction:column;overflow:hidden}.creations__card-media{background-image:var(--gradient-hero);background-image:linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink)),linear-gradient(var(--color-ink),var(--color-ink));background-repeat:no-repeat;background-size:10px 1px,1px 10px,10px 1px,1px 10px,10px 1px,1px 10px,10px 1px,1px 10px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;margin:.75rem .75rem 0;border-bottom:0;background-color:var(--color-background)}.creations__card-logo{display:block;width:55%;height:45%;background-color:var(--color-heading);mask:var(--logo-mask) center/contain no-repeat;-webkit-mask:var(--logo-mask) center/contain no-repeat;transition:background-color .15s ease,transform .25s cubic-bezier(.2,.7,.2,1)}.creations__card:hover .creations__card-logo{background-color:var(--color-ink);transform:scale(1.04)}.creations__card-image{max-width:45%;max-height:70%;object-fit:contain}.creations__card-figure{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-weight:450;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;color:var(--color-muted);position:absolute;bottom:.625rem;left:.875rem;font-size:.625rem;color:var(--color-ink)}.creations__card-body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.5rem}.creations__card-title{font-family:Bricolage Grotesque Variable,Bricolage Fallback,system-ui,-apple-system,Segoe UI,sans-serif;font-optical-sizing:auto;color:var(--color-heading);font-weight:700;letter-spacing:-.03em;line-height:1.08;text-wrap:balance;font-size:1.25rem;font-weight:650;letter-spacing:-.02em;line-height:1.2;font-size:1.3125rem}.creations__card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:1}.creations__card-link{color:inherit;text-decoration:none}.creations__card-link:hover{color:inherit}.creations__card-link:focus-visible{box-shadow:none}.creations__card-link:focus-visible:after{box-shadow:var(--focus-ring)}.creations__card-summary{color:var(--color-text);font-size:.9375rem;line-height:1.65}.creations__card-metrics{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-weight:450;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;color:var(--color-muted);padding-top:.625rem;border-top:1px solid var(--color-border);color:var(--color-heading);font-size:.75rem}.creations__card-tags{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.375rem;padding-top:.5rem}