@charset "UTF-8";.works_section.svelte-1xaqwru{padding:var(--space-xl) var(--space-m);max-width:1200px;margin:0 auto;box-sizing:border-box}.archive_section.svelte-1xaqwru{padding-top:var(--space-2xl)}.section_header.svelte-1xaqwru{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-1xaqwru{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}.illustrations_section.svelte-1xaqwru .works_container:where(.svelte-1xaqwru){mask-image:linear-gradient(to right,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 75%,transparent 100%)}.works_case_study.svelte-tdy6g2{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);overflow:hidden;text-decoration:none;color:var(--primary);background:var(--bg-color)}.works_case_study.svelte-tdy6g2:hover{transform:translateY(-4px)}.works_case_study.svelte-tdy6g2:hover .works_overlay:where(.svelte-tdy6g2){opacity:1;pointer-events:auto}.works_case_study.svelte-tdy6g2:hover .works_overlay:where(.svelte-tdy6g2) p:where(.svelte-tdy6g2),.works_case_study.svelte-tdy6g2:hover .works_overlay:where(.svelte-tdy6g2) .button:where(.svelte-tdy6g2){opacity:1;transform:translateY(0)}.works_img.svelte-tdy6g2{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-tdy6g2 img:where(.svelte-tdy6g2){width:100%;height:100%;object-fit:cover}.works_info.svelte-tdy6g2{height:100px;padding:var(--space-xs) var(--space-2xs);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.works_info.svelte-tdy6g2 h2:where(.svelte-tdy6g2){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-tdy6g2{font-size:var(--fs-0);opacity:.6;margin:0}#vistakine_works_card.svelte-tdy6g2{font-family:IBM Plex Sans,sans-serif;border:1px solid rgba(0,77,159,.2);background:#fefeff;color:#1f2937}#vistakine_works_card.svelte-tdy6g2:hover{box-shadow:0 8px 24px #00285024}#vistakine_works_card.svelte-tdy6g2 .works_img:where(.svelte-tdy6g2){background:#f0f8ff;border-bottom:1px solid rgba(0,77,159,.2);padding:var(--space-l)}#vistakine_works_card.svelte-tdy6g2 .works_img:where(.svelte-tdy6g2) img:where(.svelte-tdy6g2){object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%}#vistakine_works_card.svelte-tdy6g2 h2:where(.svelte-tdy6g2){color:#004d9f}#vistakine_works_card.svelte-tdy6g2 .works_overlay:where(.svelte-tdy6g2){background:#fefeff}#vistakine_works_card.svelte-tdy6g2 .works_overlay:where(.svelte-tdy6g2) .button:where(.svelte-tdy6g2){color:#004d9f;font-weight:700;border-top-color:#004d9f33}.works_overlay.svelte-tdy6g2{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-tdy6g2 p:where(.svelte-tdy6g2){flex:1;overflow-y:auto;opacity:0;transform:translateY(12px);transition:opacity .3s ease .05s,transform .3s ease .05s;margin-top:0;padding-bottom:var(--space-xl);mask-image:linear-gradient(to bottom,black 55%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 95%)}.works_overlay.svelte-tdy6g2 .button:where(.svelte-tdy6g2){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-tdy6g2 .button:where(.svelte-tdy6g2):hover{text-decoration:underline;text-underline-offset:3px}.button.svelte-tdy6g2{display:inline-flex;background:none;color:var(--primary);border:none;font-weight:600;cursor:pointer;padding:0;text-decoration:none}.works_archived.svelte-tdy6g2{opacity:.8;border:none;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.works_archived.svelte-tdy6g2:hover{opacity:1}.works_archived.svelte-tdy6g2 .works_img:where(.svelte-tdy6g2){border-bottom:none}@media screen and (max-width: 600px){.works_case_study.svelte-tdy6g2{width:min(260px,80vw)}}.works_illustration.svelte-1r2r9rq{position:relative;display:flex;flex-direction:column;width:300px;flex-shrink:0;scroll-snap-align:start;border:none;background:none;padding:0;gap:var(--space-s);cursor:pointer;text-align:left}.works_illustration.svelte-1r2r9rq:hover .img_wrapper:where(.svelte-1r2r9rq) img:where(.svelte-1r2r9rq){transform:scale(1.05)}.works_illustration.svelte-1r2r9rq:hover h2:where(.svelte-1r2r9rq){text-decoration-color:var(--primary)}.img_wrapper.svelte-1r2r9rq{overflow:hidden}.img_wrapper.svelte-1r2r9rq img:where(.svelte-1r2r9rq){width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease}.works_info.svelte-1r2r9rq{padding:var(--space-xs) var(--space-2xs);display:flex;flex-direction:column;justify-content:center;background:var(--bg-color);overflow:hidden}.works_info.svelte-1r2r9rq h2:where(.svelte-1r2r9rq){font-size:var(--fs-2);margin:0;line-height:1.2;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:var(--basic-line-weight);transition:text-decoration-color .2s ease}@media screen and (max-width: 600px){.works_illustration.svelte-1r2r9rq{width:min(260px,80vw)}}.illustration_modal.svelte-1w1bo10{position:fixed;top:var(--navbar-height, 60px);left:0;right:0;bottom:0;z-index:var(--z-index-menu);display:flex;align-items:center;justify-content:center;background-color:var(--bg-color)}.modal_backdrop.svelte-1w1bo10{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:none;cursor:pointer;z-index:0}.illustration_modal_content.svelte-1w1bo10{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);width:min(1200px,95vw);height:min(640px,100vh - var(--navbar-height, 60px) - var(--space-2xl));overflow:hidden;z-index:1;cursor:pointer}.img_zoom_btn.svelte-1w1bo10{position:relative;display:inline-flex;align-self:center;justify-self:center;border:none;background:none;padding:0;cursor:zoom-in;overflow:hidden}.img_zoom_btn.svelte-1w1bo10 img:where(.svelte-1w1bo10){display:block;width:auto;height:auto;max-width:100%;max-height:calc(min(640px,100vh - var(--navbar-height, 60px) - var(--space-2xl)) - var(--space-l) * 2);transition:transform .3s ease}.img_zoom_btn.svelte-1w1bo10:hover img:where(.svelte-1w1bo10){transform:scale(1.02)}.img_zoom_btn.svelte-1w1bo10:hover .zoom_hint:where(.svelte-1w1bo10){opacity:1}.zoom_hint.svelte-1w1bo10{position:absolute;bottom:var(--space-s);right:var(--space-s);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-color);color:var(--primary);opacity:0;transition:opacity .2s ease;pointer-events:none}.illustration_modal_text_content.svelte-1w1bo10{display:flex;flex-direction:column;gap:var(--space-s);height:100%;overflow:hidden;cursor:default}.illustration_modal_title.svelte-1w1bo10{font-size:var(--fs-3);font-weight:700;margin:0;flex-shrink:0}.illustration_modal_text.svelte-1w1bo10{font-size:var(--fs-0);line-height:1.7;flex:1;min-height:0;margin:0;max-width:none;overflow-y:auto}.illustration_modal_details.svelte-1w1bo10{flex-shrink:0;padding-top:var(--space-s);border-top:var(--basic-line-weight) solid var(--primary);opacity:.7}.illustration_modal_details.svelte-1w1bo10 p:where(.svelte-1w1bo10){margin:0 0 var(--space-3xs);font-size:var(--fs-0)}.illustration_modal_close.svelte-1w1bo10{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-1w1bo10:hover{transform:scale(1.1)}.zoom_overlay.svelte-1w1bo10{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-index-menu) + 10);display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:none;cursor:zoom-out;padding:var(--space-l)}.zoom_image.svelte-1w1bo10{display:block;width:auto;height:auto;max-width:90vw;max-height:90vh;object-fit:contain}@media screen and (max-width: 1000px){.illustration_modal_content.svelte-1w1bo10{grid-template-columns:1fr;height:calc(100vh - var(--navbar-height, 60px));overflow-y:auto;cursor:default}.illustration_modal_text_content.svelte-1w1bo10{height:auto;overflow:visible}.illustration_modal_text.svelte-1w1bo10{overflow-y:visible;min-height:unset}.img_zoom_btn.svelte-1w1bo10{height:auto}.img_zoom_btn.svelte-1w1bo10 img:where(.svelte-1w1bo10){max-height:40vh}}main.svelte-h33gtp{margin-top:var(--navbar-height, 60px);padding-top:var(--space-m)}