@media (min-width: 768px){main.svelte-x0f12o{width:50vw;margin:0 auto}}main.svelte-x0f12o h1:where(.svelte-x0f12o){text-align:center;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);margin-left:auto;margin-right:auto}@media (min-width: 768px){main.svelte-x0f12o h1:where(.svelte-x0f12o){width:40vw}}main.svelte-x0f12o .overview:where(.svelte-x0f12o){background-color:var(--clr-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-4xl);margin-top:var(--spacing-lg)}main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o){display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .detail-item:where(.svelte-x0f12o){display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 768px){main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .detail-item:where(.svelte-x0f12o){flex-direction:row;align-items:center}}main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .detail-label:where(.svelte-x0f12o){font-weight:var(--fw-semibold);color:var(--clr-txt-primary-on-bg-secondary);margin-bottom:var(--spacing-xxs)}@media (min-width: 768px){main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .detail-label:where(.svelte-x0f12o){margin-right:var(--spacing-xs);margin-bottom:0}}main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .detail-value:where(.svelte-x0f12o){color:var(--clr-txt-secondary-on-bg-secondary);font-size:var(--fs-base)}main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .tech-tags:where(.svelte-x0f12o){display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}@media (min-width: 768px){main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .tech-tags:where(.svelte-x0f12o){margin-top:0}}main.svelte-x0f12o .overview:where(.svelte-x0f12o) .overview-details-grid:where(.svelte-x0f12o) .tech-tags:where(.svelte-x0f12o) .tech-tag:where(.svelte-x0f12o){background-color:var(--clr-bg-tertiary);color:var(--clr-txt-tertiary-on-bg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xxs);white-space:nowrap}main.svelte-x0f12o .content:where(.svelte-x0f12o){margin-top:var(--spacing-lg)}main.svelte-x0f12o .image-gallery-section:where(.svelte-x0f12o){margin-top:var(--spacing-6xl);margin-bottom:var(--spacing-9xl);padding-right:32px;padding-left:32px}@media (min-width: 768px){main.svelte-x0f12o .image-gallery-section:where(.svelte-x0f12o){padding-right:96px;padding-left:96px}}@media (min-width: 1024px){main.svelte-x0f12o .image-gallery-section:where(.svelte-x0f12o){padding-right:180px;padding-left:180px}}@media (min-width: 1280px){main.svelte-x0f12o .image-gallery-section:where(.svelte-x0f12o){padding-right:240px;padding-left:240px}}main.svelte-x0f12o .gallery-heading:where(.svelte-x0f12o){font-size:var(--fs-xl);text-align:center;margin-bottom:var(--spacing-lg);color:var(--clr-txt-primary-on-bg-primary)}main.svelte-x0f12o .image-gallery:where(.svelte-x0f12o){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--spacing-md);grid-auto-rows:minmax(150px,auto)}main.svelte-x0f12o .gallery-item:where(.svelte-x0f12o){position:relative;overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--shadow);background-color:var(--clr-bg-tertiary);display:flex;justify-content:center;align-items:center;cursor:pointer}main.svelte-x0f12o .gallery-item:where(.svelte-x0f12o) img:where(.svelte-x0f12o){width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--animation-speed-normal) var(--animation-fn-ease-in-out)}main.svelte-x0f12o .gallery-item:where(.svelte-x0f12o):hover img:where(.svelte-x0f12o){transform:scale(1.05)}main.svelte-x0f12o .gallery-item:where(.svelte-x0f12o) figcaption:where(.svelte-x0f12o){position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-sm);background:linear-gradient(to top,#000000b3,#0000);color:var(--clr-txt-primary-on-bg-primary);font-size:var(--fs-xs);text-align:center;opacity:0;transition:opacity var(--animation-speed-fast) var(--animation-fn-ease-in-out);pointer-events:none}main.svelte-x0f12o .gallery-item:where(.svelte-x0f12o):hover figcaption:where(.svelte-x0f12o){opacity:1}main.svelte-x0f12o .no-images-message:where(.svelte-x0f12o){text-align:center;font-size:var(--fs-md);color:var(--clr-txt-secondary-on-bg-primary);padding:var(--spacing-6xl) 0}
