.grid-gallery.svelte-1hwu0n8{grid-template-columns:repeat(9,1fr);grid-auto-rows:100px 200px;grid-auto-flow:dense;gap:1rem;display:grid}@media (width<1200px){.grid-gallery.svelte-1hwu0n8{grid-template-columns:repeat(6,1fr);grid-auto-rows:40px 150px}}.grid-gallery-container.svelte-1hwu0n8:first-child{grid-area:span 3/span 3}.grid-gallery-container.svelte-1hwu0n8:nth-child(2){grid-area:span 4/span 3}.grid-gallery-container.svelte-1hwu0n8:nth-child(3),.grid-gallery-container.svelte-1hwu0n8:nth-child(4),.grid-gallery-container.svelte-1hwu0n8:nth-child(5){grid-area:span 3/span 3}.grid-gallery-container.svelte-1hwu0n8:nth-child(6){grid-area:span 2/span 3}.grid-gallery-container.svelte-1hwu0n8 .gallery-item:where(.svelte-1hwu0n8){width:100%;height:100%;position:relative}.grid-gallery-container.svelte-1hwu0n8 .gallery-item:where(.svelte-1hwu0n8) .image:where(.svelte-1hwu0n8){border-radius:2rem;width:100%;height:100%;overflow:hidden}.grid-gallery-container.svelte-1hwu0n8 .gallery-item:where(.svelte-1hwu0n8) .image:where(.svelte-1hwu0n8) img:where(.svelte-1hwu0n8){object-fit:cover;object-position:50% 30%;cursor:pointer;width:100%;height:100%;transition:all .5s ease-in-out}.grid-gallery-container.svelte-1hwu0n8 .gallery-item:where(.svelte-1hwu0n8):hover .image:where(.svelte-1hwu0n8) img:where(.svelte-1hwu0n8){transform:scale(1.2)}@keyframes svelte-1hwu0n8-move-down{0%{top:10%}50%{top:35%}to{top:50%}}.about-section.svelte-1eq8dmg{max-width:var(--max-content-width);flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-inline:auto;padding-block:4rem;padding-inline:1rem;display:flex}.video-title.svelte-1eq8dmg{flex-direction:column;justify-content:space-evenly;align-items:center;gap:2rem;width:100%;display:flex}.video-title.svelte-1eq8dmg h2:where(.svelte-1eq8dmg){font-size:2rem;font-weight:var(--font-weight-bold);text-align:center;color:var(--foreground);line-height:normal}.video-title.svelte-1eq8dmg h2:where(.svelte-1eq8dmg) span:where(.svelte-1eq8dmg):nth-child(2){color:var(--secondary)}.video-title.svelte-1eq8dmg h2:where(.svelte-1eq8dmg) span:where(.svelte-1eq8dmg):nth-child(3){color:var(--primary)}.video-title.svelte-1eq8dmg video:where(.svelte-1eq8dmg){cursor:pointer;aspect-ratio:16/9;background-color:#000;border-radius:2rem;max-width:100%;height:100px;min-height:300px;max-height:800px}@media (width>880px){.about-section.svelte-1eq8dmg .video-title:where(.svelte-1eq8dmg){flex-direction:row}.about-section.svelte-1eq8dmg .video-title:where(.svelte-1eq8dmg) video:where(.svelte-1eq8dmg){aspect-ratio:16/9}}