:root{--easing:cubic-bezier(.45, 0, .55, 1)}.page-container.svelte-8yfrj1.svelte-8yfrj1{display:flex;align-content:center;justify-content:center;height:100%;flex-direction:row}.index-page-container.svelte-8yfrj1.svelte-8yfrj1{padding-right:48px}.index-page-container.svelte-8yfrj1 .project-item-title.svelte-8yfrj1{display:block;color:inherit;text-decoration:none;width:100%;border-top:solid 1px #020000;padding:0;height:62px;align-content:center;cursor:pointer}.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end;height:auto}.index-page-container.svelte-8yfrj1 .vertical.svelte-8yfrj1{width:unset!important;height:75vh!important}.index-page-container.svelte-8yfrj1 .project-item-title span.svelte-8yfrj1{position:relative;display:inline-block;overflow:hidden}.index-page-container.svelte-8yfrj1 .project-item-title span.svelte-8yfrj1:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#020000;transform:translate(-100%);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.index-page-container.svelte-8yfrj1 .project-item-title:hover span.svelte-8yfrj1:after{transform:translate(0);opacity:1}.video.svelte-8yfrj1.svelte-8yfrj1{width:100%}.square-container.svelte-8yfrj1.svelte-8yfrj1{width:100px;margin-left:calc(100% - 100px);align-self:flex-end;display:flex;flex-direction:row-reverse;gap:6px;padding:0 0 16px;margin-top:-62px}.square-container.svelte-8yfrj1 .square.svelte-8yfrj1{border:1px solid #a8a8a8;width:16px;height:21px;margin:0;padding:0}.square-container.svelte-8yfrj1 .square.active.svelte-8yfrj1{background-color:#020000}.square-container.svelte-8yfrj1 .little-squares.svelte-8yfrj1{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;width:20px;height:20px;margin:0;padding:0}.square-container.svelte-8yfrj1 .little-squares .squares.svelte-8yfrj1{border:1px solid #020000;width:8px;height:8px}.square-container.svelte-8yfrj1 .little-squares.active .squares.svelte-8yfrj1{background-color:#020000}@media (max-width: 800px){.page-container.svelte-8yfrj1.svelte-8yfrj1{height:calc(100% - 48px);overflow-y:auto;padding-top:32px}.page-container.svelte-8yfrj1 .index-page-container.svelte-8yfrj1{padding:0 8px}.project-container.svelte-8yfrj1.svelte-8yfrj1{height:100%}.index-page-container.svelte-8yfrj1 .vertical.svelte-8yfrj1{height:100%!important}.imgs-container.svelte-8yfrj1.svelte-8yfrj1{display:flex;flex-direction:column;margin:0;gap:0;padding:0 0 36px}.imgs-container.svelte-8yfrj1 a.svelte-8yfrj1{width:100%;height:100%;display:flex;align-items:center;flex-direction:row;justify-content:center}.project-item-title.svelte-8yfrj1.svelte-8yfrj1:last-child{border-bottom:1px solid #020000}}@media (min-width: 800px){a.svelte-8yfrj1.svelte-8yfrj1{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:flex-start}a.svelte-8yfrj1.svelte-8yfrj1:first-child{padding-left:8px}a.svelte-8yfrj1.svelte-8yfrj1:last-child{padding-right:8px}.video.svelte-8yfrj1.svelte-8yfrj1{width:70vw}.project-item-panel.svelte-8yfrj1.svelte-8yfrj1{padding:4px 0}}.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1{--thumb-height:120px;--large-height:60vw;--large-max-width:100%;align-items:flex-start;margin-bottom:20px}.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1 .image{height:var(--thumb-height)!important;width:auto!important;max-width:none}.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1 .isLarge{max-width:var(--large-max-width)}.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1 .isLarge .image{height:var(--large-height)!important;max-width:100%;object-fit:contain}.index-page-container.svelte-8yfrj1 .project-item-panel .video.svelte-8yfrj1{width:auto!important;height:calc(var(--thumb-height) * 2 * var(--video-scale, 1))!important}.index-page-container.svelte-8yfrj1 .project-item-panel .video.svelte-8yfrj1 video{height:100%!important;width:auto!important}@media (min-width: 800px){.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1{--thumb-height:200px;--large-height:min(70vh, 35vw);--large-max-width: calc(50% - 2px) }}@media (min-width: 800px){.index-page-container.svelte-8yfrj1 .project-item-panel.svelte-8yfrj1{--thumb-height:200px}}