.icon.svelte-fmsiuw{display:block;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.button.svelte-j7t5qd{background:var(--blue-300);border-radius:.4rem;border:none;color:var(--white);cursor:pointer;font-size:1.4rem;padding:1.2rem;transition:.3s ease}@media (min-width: 768px){.button.svelte-j7t5qd{font-size:1.5rem}}.button.svelte-j7t5qd:hover{background:var(--cyan-400)}.button.transparent.svelte-j7t5qd{background:transparent}.backdrop.svelte-q1cq1h{background:rgba(0,0,0,.8);bottom:0;display:flex;flex-direction:column;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:10}.top-container.svelte-q1cq1h{background:rgba(0,0,0,.4)}.top-container-inner.svelte-q1cq1h{margin-left:auto;margin-right:auto;max-width:1040px;position:relative;width:100%;display:flex;justify-content:flex-end;padding:.4rem 0}@media (min-width: 768px){.top-container-inner.svelte-q1cq1h{padding-left:1.4rem;padding-right:1.4rem}}.image-container.svelte-q1cq1h{margin-left:auto;margin-right:auto;max-width:1040px;padding-left:.8rem;padding-right:.8rem;position:relative;width:100%;align-items:center;display:flex;flex:1}@media (min-width: 768px){.image-container.svelte-q1cq1h{padding-left:1.4rem;padding-right:1.4rem}}.image.svelte-q1cq1h{height:auto;width:100%}.project.svelte-i4phq9{display:grid;gap:2.4rem;grid-template-areas:"details" "preview";grid-template-columns:1fr}@media (min-width: 768px){.project.svelte-i4phq9{grid-template-areas:"details preview";grid-template-columns:1fr 1fr}}.project-details.svelte-i4phq9{align-items:flex-start;display:flex;flex-direction:column;grid-area:details}.project-preview.svelte-i4phq9{cursor:pointer;grid-area:preview;margin:1.2rem 0}@media (min-width: 768px){.project-preview.svelte-i4phq9{margin:0}}.preview.svelte-i4phq9{aspect-ratio:16/9;position:relative;width:100%}.preview-image.svelte-i4phq9{aspect-ratio:16/9;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:.4rem;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100%}@media (min-width: 768px){.preview-image.svelte-i4phq9{left:0;right:0;top:1rem;width:88%}}.preview-frame.svelte-i4phq9{aspect-ratio:16/9;display:none;left:0;position:absolute;top:0;width:100%}@media (min-width: 768px){.preview-frame.svelte-i4phq9{display:block}}.project-title.svelte-i4phq9{color:var(--white);font-size:2.4rem;font-weight:700;margin-bottom:.8rem}@media (min-width: 768px){.project-title.svelte-i4phq9{font-size:3rem}}.project-type.svelte-i4phq9{color:var(--cyan-400);font-size:1.6rem;font-weight:700;text-transform:uppercase}@media (min-width: 768px){.project-type.svelte-i4phq9{font-size:1.8rem}}.project-description.svelte-i4phq9{color:var(--white);font-size:1.6rem;font-weight:600;line-height:2.4rem;max-width:40rem}@media (min-width: 768px){.project-description.svelte-i4phq9{font-size:1.7rem}}.project-techniques.svelte-i4phq9{-moz-column-gap:2.4rem;column-gap:2.4rem;display:grid;grid-template-columns:1fr 1fr;margin-bottom:2.4rem;margin-top:1.8rem;max-width:40rem;row-gap:1.8rem}@media (min-width: 768px){.project-techniques.svelte-i4phq9{grid-template-columns:1fr 1fr 1fr}}.project-technique.svelte-i4phq9{align-items:center;color:var(--white);display:flex;font-size:1.6rem;gap:1.2rem}@media (min-width: 768px){.project-technique.svelte-i4phq9{font-size:1.7rem}}.project-button.svelte-i4phq9{align-items:center;background:var(--blue-300);border-radius:.4rem;color:var(--white);display:flex;font-size:1.5rem;gap:.8rem;line-height:2.4rem;margin-top:1.2rem;padding:.8rem 1.2rem;text-decoration:none;transition:.3s ease}@media (min-width: 768px){.project-button.svelte-i4phq9{font-size:1.6rem}}.project-button.svelte-i4phq9:hover{background:var(--cyan-400)}.section.svelte-11kx7bt.svelte-11kx7bt{background-color:var(--blue-400);min-height:60rem;width:100%}@media (min-width: 768px){.section.svelte-11kx7bt.svelte-11kx7bt{min-height:80rem}}.inner.svelte-11kx7bt.svelte-11kx7bt{margin-left:auto;margin-right:auto;max-width:1040px;padding-left:.8rem;padding-right:.8rem;position:relative;width:100%;display:flex;flex-direction:column;height:100%}@media (min-width: 768px){.inner.svelte-11kx7bt.svelte-11kx7bt{padding-left:1.4rem;padding-right:1.4rem}}.inner.left.svelte-11kx7bt.svelte-11kx7bt{justify-content:flex-start;text-align:left}.inner.center.svelte-11kx7bt.svelte-11kx7bt{justify-content:center;text-align:center}.inner.right.svelte-11kx7bt.svelte-11kx7bt{justify-content:flex-end;text-align:right}.header.svelte-11kx7bt.svelte-11kx7bt{padding-top:10rem;display:flex;flex-direction:column}.left.svelte-11kx7bt .header.svelte-11kx7bt{align-items:flex-start}.center.svelte-11kx7bt .header.svelte-11kx7bt{align-items:center}.right.svelte-11kx7bt .header.svelte-11kx7bt{align-items:flex-end}.subtitle.svelte-11kx7bt.svelte-11kx7bt{color:var(--white);font-size:1.6rem;margin-bottom:1rem;opacity:.7;text-transform:uppercase}@media (min-width: 768px){.subtitle.svelte-11kx7bt.svelte-11kx7bt{font-size:1.8rem}}.title.svelte-11kx7bt.svelte-11kx7bt{color:var(--white);font-family:var(--font-secondary);font-size:2.3rem;line-height:3.2rem;margin-top:0;max-width:30rem}@media (min-width: 768px){.title.svelte-11kx7bt.svelte-11kx7bt{font-size:2.5rem}}.content.svelte-11kx7bt.svelte-11kx7bt{padding-bottom:10rem}.controls.svelte-sqaec3{align-items:center;display:flex;margin-bottom:4.8rem}.control-button.svelte-sqaec3{align-items:center;background:var(--blue-300);border-radius:.4rem;border:none;cursor:pointer;display:flex;height:4rem;justify-content:center;overflow:hidden;position:relative;transition:.3s ease;width:4rem}.control-button.svelte-sqaec3:hover{background:var(--cyan-400)}.time-indicator.svelte-sqaec3{background:var(--cyan-400);bottom:0;height:.2rem;left:0;position:absolute;right:0}.progress.svelte-sqaec3{color:var(--white);display:flex;font-size:2rem;justify-content:center;width:10rem}.progress-total.svelte-sqaec3{opacity:.8}