@charset "UTF-8";main.svelte-1bgv1w9{margin-top:var(--navbar-height, 60px);padding-top:var(--space-m)}.works_section.svelte-1bgv1w9{padding:var(--space-xl) var(--space-m);max-width:1200px;margin:0 auto;box-sizing:border-box}.archive_section.svelte-1bgv1w9{padding-top:var(--space-2xl)}.section_header.svelte-1bgv1w9{text-align:left;margin-bottom:var(--space-xl);padding-bottom:var(--space-s);border-bottom:var(--basic-line-weight) solid var(--primary);font-size:var(--fs-4);font-weight:600;width:100%}.works_container.svelte-1bgv1w9{display:flex;flex-wrap:nowrap;gap:var(--space-l);overflow-x:auto;padding-bottom:var(--space-s);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.works_case_study.svelte-1bgv1w9{position:relative;display:flex;flex-direction:column;width:300px;height:360px;flex-shrink:0;scroll-snap-align:start;border:var(--basic-line-weight) solid var(--primary);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--primary);transition:transform .3s ease,box-shadow .3s ease;background:var(--bg-color)}.works_case_study.svelte-1bgv1w9:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.works_case_study.svelte-1bgv1w9:hover .works_overlay:where(.svelte-1bgv1w9){opacity:1;pointer-events:auto}.works_case_study.svelte-1bgv1w9:hover .works_overlay:where(.svelte-1bgv1w9) p:where(.svelte-1bgv1w9),.works_case_study.svelte-1bgv1w9:hover .works_overlay:where(.svelte-1bgv1w9) .button:where(.svelte-1bgv1w9){opacity:1;transform:translateY(0)}.works_img.svelte-1bgv1w9{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden;border-bottom:var(--basic-line-weight) solid var(--primary);background:rgba(var(--primary-rgb, 20, 23, 92),.03)}.works_img.svelte-1bgv1w9 img:where(.svelte-1bgv1w9){width:100%;height:100%;object-fit:cover}.works_info.svelte-1bgv1w9{height:100px;padding:var(--space-s) var(--space-m);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.works_info.svelte-1bgv1w9 h2:where(.svelte-1bgv1w9){font-size:var(--fs-2);margin:0 0 var(--space-3xs);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works_subtitle.svelte-1bgv1w9{font-size:var(--fs-0);opacity:.6;margin:0}#vistakine_works_card.svelte-1bgv1w9{font-family:IBM Plex Sans,sans-serif;border:1px solid rgba(0,77,159,.2);background:#fefeff;color:#1f2937}#vistakine_works_card.svelte-1bgv1w9:hover{box-shadow:0 8px 24px #00285024}#vistakine_works_card.svelte-1bgv1w9 .works_img:where(.svelte-1bgv1w9){background:#f0f8ff;border-bottom:1px solid rgba(0,77,159,.2);padding:var(--space-l)}#vistakine_works_card.svelte-1bgv1w9 .works_img:where(.svelte-1bgv1w9) img:where(.svelte-1bgv1w9){object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%}#vistakine_works_card.svelte-1bgv1w9 h2:where(.svelte-1bgv1w9){color:#004d9f}#vistakine_works_card.svelte-1bgv1w9 .works_overlay:where(.svelte-1bgv1w9){background:#fefeff}#vistakine_works_card.svelte-1bgv1w9 .works_overlay:where(.svelte-1bgv1w9) .button:where(.svelte-1bgv1w9){color:#004d9f;font-weight:700;border-top-color:#004d9f33}.works_overlay.svelte-1bgv1w9{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:var(--space-m);background:var(--bg-color);opacity:0;pointer-events:none;transition:opacity .3s ease;overflow:hidden}.works_overlay.svelte-1bgv1w9 p:where(.svelte-1bgv1w9){flex:1;overflow-y:auto;opacity:0;transform:translateY(12px);transition:opacity .3s ease .05s,transform .3s ease .05s;margin-top:0;margin-bottom:0;mask-image:linear-gradient(to bottom,black 55%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 95%)}.works_overlay.svelte-1bgv1w9 .button:where(.svelte-1bgv1w9){flex-shrink:0;width:100%;padding-top:var(--space-s);border-top:1px solid rgba(var(--primary-rgb, 28, 26, 20),.15);opacity:0;transform:translateY(12px);transition:opacity .3s ease .1s,transform .3s ease .1s;font-weight:600}.works_overlay.svelte-1bgv1w9 .button:where(.svelte-1bgv1w9):hover{text-decoration:underline;text-underline-offset:3px}.button.svelte-1bgv1w9{display:inline-flex;background:none;color:var(--primary);border:none;font-weight:600;cursor:pointer;padding:0;text-decoration:none}.works_illustration.svelte-1bgv1w9{position:relative;display:flex;flex-direction:column;width:300px;flex-shrink:0;scroll-snap-align:start;border:none;background:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-align:left}.works_illustration.svelte-1bgv1w9:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.works_illustration.svelte-1bgv1w9:hover img:where(.svelte-1bgv1w9){transform:scale(1.05);filter:brightness(1.1)}.works_illustration.svelte-1bgv1w9 img:where(.svelte-1bgv1w9){width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease}.works_illustration.svelte-1bgv1w9 h2:where(.svelte-1bgv1w9){font-size:var(--fs-2);margin:var(--space-s) 0 0;color:var(--primary);transition:color .3s ease}.illustration_modal.svelte-1bgv1w9{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color)}.modal_backdrop.svelte-1bgv1w9{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:none;cursor:pointer;z-index:0}.illustration_modal_content.svelte-1bgv1w9{position:relative;display:grid;grid-template-columns:minmax(200px,2fr) minmax(200px,1fr);gap:var(--space-l);background:var(--bg-color);padding:var(--space-l);border-radius:8px;width:min(1200px,95vw);max-height:85vh;overflow:hidden;z-index:1}.illustration_modal_image_container.svelte-1bgv1w9{display:flex;align-items:center;justify-content:center;overflow:hidden}.illustration_modal_image.svelte-1bgv1w9{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px}.illustration_modal_text_content.svelte-1bgv1w9{display:flex;flex-direction:column;gap:var(--space-s);overflow-y:auto}.illustration_modal_title.svelte-1bgv1w9{font-size:var(--fs-3);font-weight:700;margin:0}.illustration_modal_text.svelte-1bgv1w9{font-size:var(--fs-0);line-height:1.7;flex:1;margin:0;max-width:none}.illustration_modal_details.svelte-1bgv1w9{padding-top:var(--space-s);border-top:var(--basic-line-weight) solid var(--primary);opacity:.7}.illustration_modal_details.svelte-1bgv1w9 p:where(.svelte-1bgv1w9){margin:0 0 var(--space-3xs);font-size:var(--fs-0)}.illustration_modal_close.svelte-1bgv1w9{position:absolute;top:var(--space-s);right:var(--space-s);background:none;border:none;color:var(--primary);font-size:var(--fs-4);cursor:pointer;padding:var(--space-xs);line-height:1;z-index:2;transition:transform .2s ease}.illustration_modal_close.svelte-1bgv1w9:hover{transform:scale(1.1)}.illustrations_section.svelte-1bgv1w9 .works_container:where(.svelte-1bgv1w9){mask-image:linear-gradient(to right,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 75%,transparent 100%)}.archive_section.svelte-1bgv1w9 .section_header:where(.svelte-1bgv1w9){opacity:.5}.works_archived.svelte-1bgv1w9{opacity:.8;border:none;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.works_archived.svelte-1bgv1w9:hover{opacity:1}.works_archived.svelte-1bgv1w9 .works_img:where(.svelte-1bgv1w9){border-bottom:none}@media screen and (max-width: 1000px){.illustration_modal_content.svelte-1bgv1w9{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.illustration_modal_image.svelte-1bgv1w9{max-height:40vh}}@media screen and (max-width: 600px){.works_case_study.svelte-1bgv1w9,.works_illustration.svelte-1bgv1w9{width:min(260px,80vw)}}