@font-face{font-family:Polybit LINE Seed JP;font-display:block;font-style:normal;font-weight:400;src:url(/fonts/line-seed-jp/LINESeedJP-Regular.ttf)format("truetype")}@font-face{font-family:Polybit LINE Seed JP;font-display:block;font-style:normal;font-weight:700;src:url(/fonts/line-seed-jp/LINESeedJP-Bold.ttf)format("truetype")}@font-face{font-family:Polybit LINE Seed JP;font-display:block;font-style:normal;font-weight:800;src:url(/fonts/line-seed-jp/LINESeedJP-ExtraBold.ttf)format("truetype")}:root{--ink:#1d1d1f;--muted:#6e6e73;--soft-muted:#86868b;--line:#d2d2d7;--page-grey:#fff;--font-sans:"Polybit LINE Seed JP";--font-display:"Polybit LINE Seed JP";color:var(--ink);background:var(--page-grey);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal}*{box-sizing:border-box}html{overscroll-behavior:none;scroll-behavior:smooth;height:100%;overflow:hidden}body{overscroll-behavior:none;background:var(--page-grey);width:100%;min-width:320px;height:100%;min-height:100svh;margin:0;overflow:hidden}#root{overscroll-behavior:none;width:100%;min-height:100svh;overflow:hidden}a,button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.site-shell{--control-fill:#1d1d1f0d;--control-fill-hover:#1d1d1f14;--control-thumb:#fff;--desktop-app-icon-size:clamp(82px, 10.8svh, 112px);--desktop-body-size:clamp(21px, 2.8svh, 26px);--desktop-copy-gap:clamp(22px, 3.4svh, 34px);--desktop-copy-row-height:clamp(142px, 18svh, 182px);--desktop-phone-height:clamp(420px, calc(100svh - 320px), 90svh);--desktop-title-gap:clamp(18px, 2.6svh, 26px);--desktop-title-size:clamp(44px, min(4.1vw, 7svh), 71px);--desktop-work-picker-height:clamp(96px, 13svh, 132px);--page-max-width:1440px;--pill-button-height:44px;--font-baseline-shift:.035em;isolation:isolate;background-color:var(--page-background);grid-template-rows:auto minmax(0,1fr) auto;height:100svh;padding:36px clamp(22px,5vw,84px) clamp(22px,2.8svh,40px);display:grid;position:relative;overflow:visible}.initial-loader{z-index:10;background:var(--page-grey);pointer-events:all;place-items:center;min-width:320px;margin:0;display:grid;position:fixed;inset:0}.initial-loading-bar{--loader-track-width:48px;--loader-thumb-width:24px;width:var(--loader-track-width);background:#1d1d1f14;border-radius:999px;height:12px;position:relative;overflow:hidden}.initial-loading-bar-thumb{width:var(--loader-thumb-width);border-radius:inherit;background:#1d1d1f9e;animation:.686s cubic-bezier(.37,0,.63,1) infinite alternate initial-loading-bar-bounce;position:absolute;inset:0 auto 0 0}@keyframes initial-loading-bar-bounce{to{transform:translateX(calc(var(--loader-track-width) - var(--loader-thumb-width)))}}@media (prefers-reduced-motion:reduce){.initial-loading-bar-thumb{transform:translateX(calc((var(--loader-track-width) - var(--loader-thumb-width)) / 2));animation:none}}.background-layer{z-index:0;background-color:var(--page-background);pointer-events:none;position:absolute;inset:0}.masthead,.showcase-stage,.work-picker,.work-dots{z-index:1;position:relative}.masthead{z-index:3;width:min(100%, var(--page-max-width));grid-template-columns:1fr auto;align-items:start;height:92px;margin:0 auto;display:grid}.brand{cursor:pointer;background:0 0;border:0;grid-column:1;justify-self:start;align-items:start;height:100%;padding:0;display:grid}.brand img{width:clamp(136px,12vw,164px);height:auto;max-height:100%;display:block}.language-field{background:var(--control-fill);border:0;border-radius:999px;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:3px;margin:0;padding:3px;display:grid}.language-field label{width:82px;height:calc(var(--pill-button-height) - 6px);cursor:pointer;place-items:center;display:grid;position:relative}.language-field input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.language-text{z-index:1;width:100%;height:100%;color:var(--muted);letter-spacing:-.036em;text-wrap:balance;border-radius:999px;place-items:center;font-size:14px;font-weight:700;line-height:1;transition:color .16s;display:grid;position:relative}.language-thumb{z-index:0;background:var(--control-thumb);border-radius:999px;position:absolute;inset:0;box-shadow:0 1px 3px #1d1d1f24}.language-field input:checked~.language-text{color:var(--ink)}.language-field input:focus-visible~.language-text{outline:2px solid var(--ink);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.showcase-stage{min-height:0;display:grid;overflow:visible}.showcase-stage:before{content:"";z-index:2;background:var(--page-background);opacity:0;pointer-events:none;transition:opacity .78s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.site-shell.is-archive .showcase-stage:before{opacity:1}.showcase-stage>.showcase{grid-area:1/1}.showcase-carousel{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;grid-area:1/1;min-width:0;display:flex}.showcase-carousel:active{cursor:grabbing}.compact-content-carousel{touch-action:pan-y;min-width:0;overflow:hidden}.compact-device-layer{display:none}.carousel-slide{flex:0 0 100%}.showcase{grid-template-columns:minmax(0, 1fr) minmax(240px, min(520px, calc(var(--desktop-phone-height) * .62)));align-items:center;gap:clamp(40px,min(10vw,14svh),150px);width:min(1140px,100%);min-height:0;margin:0 auto;padding:clamp(18px,3.2svh,34px) 0 clamp(14px,2.8svh,28px);display:grid;overflow:visible;transform:translateY(clamp(-28px,6svh - 66px,-8px))}.archive-showcase{grid-template-columns:minmax(280px,560px);justify-content:center;transform:none}.showcase-overlay{z-index:3;grid-area:1/1;position:relative}.site-shell.is-archive .work-picker,.site-shell.is-archive .work-dots{z-index:4}.project-intro-stack{inline-size:min(100%,720px);min-inline-size:0;min-height:calc(var(--desktop-app-icon-size) + var(--desktop-copy-row-height));place-self:center end;display:grid;overflow:visible}.project-intro{--project-intro-effect-bleed:80px;grid-area:1/1;grid-template-rows:var(--desktop-app-icon-size) var(--desktop-copy-row-height);box-sizing:border-box;inline-size:calc(100% + var(--project-intro-effect-bleed) * 2);min-inline-size:0;margin:calc(var(--project-intro-effect-bleed) * -1);padding:var(--project-intro-effect-bleed);align-items:start;display:grid;overflow:visible}.title-row{align-items:center;gap:var(--desktop-title-gap);display:flex;overflow:visible}.app-icon-shadow{width:var(--desktop-app-icon-size);height:var(--desktop-app-icon-size);flex:none;display:block;position:relative;overflow:visible}.app-icon{z-index:1;filter:drop-shadow(0 18px 44px #1d1d1f24);object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:relative}.archive-icon{background:var(--accent);color:#fff;place-items:center;font-size:18px;font-weight:700;display:grid}.project-intro h1{color:var(--ink);font-family:var(--font-display);font-size:var(--desktop-title-size);letter-spacing:-.044em;text-wrap:balance;transform:translateY(var(--font-baseline-shift));white-space:nowrap;margin:0;font-weight:800;line-height:.95}.project-intro p{inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--muted);font-size:var(--desktop-body-size);letter-spacing:-.036em;text-wrap:wrap;margin:0;font-weight:400;line-height:1.5392}.project-copy{inline-size:min(100%,620px);min-inline-size:0;max-inline-size:100%;margin-top:var(--desktop-copy-gap);grid-row:2;align-self:start}.store-link,.contact-link{background:var(--control-fill);height:var(--pill-button-height);color:var(--ink);letter-spacing:-.036em;text-wrap:balance;border:0;border-radius:999px;align-items:center;margin-top:28px;padding:0 18px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.store-link:hover,.store-link:focus-visible,.contact-link:hover,.contact-link:focus-visible{background:var(--control-fill-hover)}.device-frame{width:min(100%, calc(var(--desktop-phone-height) * .62));aspect-ratio:.62;filter:drop-shadow(0 22px 56px #1d1d1f2e);justify-self:center;position:relative;overflow:visible;transform:translateY(clamp(-42px,8svh - 84px,-12px))}.device-canvas{pointer-events:none;background:0 0;width:100%;height:100%;display:block}.phone-debug{z-index:20;width:min(360px,100vw - 36px);color:var(--ink);pointer-events:auto;font-size:12px;position:fixed;bottom:18px;right:18px}.phone-debug-toggle,.phone-debug button{color:var(--ink);cursor:pointer;letter-spacing:-.036em;background:#ffffffb8;border:0;border-radius:999px;font-weight:700;box-shadow:0 10px 32px #1d1d1f24}.phone-debug-toggle{-webkit-backdrop-filter:blur(18px);justify-content:center;align-items:center;height:34px;margin-left:auto;padding:0 14px;display:flex}.phone-debug-panel{-webkit-backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #1d1d1f14;border-radius:8px;max-height:min(680px,100svh - 84px);margin-top:10px;padding:14px;display:grid;overflow:auto;box-shadow:0 18px 60px #1d1d1f29}.phone-debug-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.phone-debug-header button{height:28px;padding:0 12px}.phone-debug section+section{margin-top:14px}.phone-debug h2{color:var(--muted);letter-spacing:.049em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700;line-height:1}.phone-debug-control{grid-template-columns:76px minmax(0,1fr) 42px;align-items:center;gap:8px;min-height:28px;display:grid}.phone-debug-control input{width:100%}.phone-debug-control output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.archive-list{--accent:#6b58df;text-align:center;align-content:center;place-self:center;width:min(100%,560px);min-height:min(60svh,500px);display:grid}.archive-group+.archive-group{margin-top:30px}.archive-list .contact-link{margin-top:44px}.archive-list p{color:var(--muted);letter-spacing:-.036em;text-wrap:balance;margin:0;font-size:26px;font-weight:400;line-height:1.5392}.archive-list a{color:var(--ink);text-decoration:none}.archive-list a:hover,.archive-list a:focus-visible{color:var(--ink)}.work-picker{width:min(760px,100%);block-size:var(--desktop-work-picker-height);justify-content:center;align-items:flex-end;margin:0 auto;padding-top:0;display:flex;overflow:visible}.tile{--accent:#10bfc0;color:var(--muted);cursor:pointer;letter-spacing:-.036em;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex;position:relative;overflow:visible}.tile-icon-frame{display:block;position:relative;overflow:visible}.tile-icon-frame img{z-index:1;filter:drop-shadow(0 12px 28px #1d1d1f1f);object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:relative}.other-tile-icon{color:#a1a1a6;justify-content:center;align-items:center;gap:6px;transition:color .18s;display:flex}.other-dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:block}.tile.is-selected .other-tile-icon{color:var(--muted)}.tile.is-selected{color:var(--ink)}.tile-progress-track{z-index:3;background:var(--progress-track);pointer-events:none;border-radius:999px;width:30px;height:6px;display:block;position:absolute;bottom:-8px;left:50%;overflow:hidden;transform:translate(-50%)}.tile-progress-track .work-dot-fill{background:var(--muted)}.work-dots{justify-content:center;align-items:center;gap:4px;block-size:82px;margin:0 auto;display:flex}.work-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:auto;height:28px;padding:0;display:grid}.work-dot-track{background:color-mix(in srgb, var(--muted) 24%, transparent);border-radius:999px;width:6px;height:6px;transition:width .18s,background .18s;display:block;position:relative;overflow:hidden}.work-dot.is-selected .work-dot-track{background:var(--progress-track);width:30px;height:6px}.work-dot.is-archive.is-selected .work-dot-track{background:var(--muted);width:6px}.work-dot-fill{border-radius:inherit;background:var(--muted);transform-origin:0;position:absolute;inset:0}@media (width<=900px){.site-shell{overscroll-behavior:none;touch-action:none;height:100svh;min-height:100svh;padding-block:28px 22px;overflow:hidden}.showcase{text-align:center;grid-template-columns:1fr;gap:32px;margin-top:18px;padding:8px 0 0;transform:none}.showcase-stage{overscroll-behavior:none;touch-action:none;padding-top:18px;overflow:hidden}.showcase-carousel,.compact-content-carousel{touch-action:none}.showcase-carousel>.showcase{width:100%;margin:0}.title-row{justify-content:center;gap:22px}.project-intro{--project-intro-effect-bleed:48px;grid-template-rows:auto auto}.project-intro-stack{inline-size:min(360px,100vw - 32px);justify-self:center;min-height:auto}.project-intro p{inline-size:100%;margin-inline:auto}.project-copy{margin-top:22px}.store-link,.contact-link{height:var(--pill-button-height);margin-top:20px}.device-frame{order:-1;width:min(100%,320px);max-height:none;transform:none}.archive-list{text-align:center;width:min(100%,330px);min-height:auto}.work-picker{block-size:104px;flex-wrap:wrap;gap:24px 18px;min-height:0;margin-top:0;padding-top:0}.work-dots{block-size:58px}}@media (width<=560px){.site-shell{--compact-content-reserve:334px;--compact-phone-width:min(calc(100vw - 40px), 364px, clamp(168px, calc((100svh - var(--compact-content-reserve)) * .62), 364px));--compact-row-gap:clamp(2px, .75svh, 6px);--mobile-brand-height:calc(var(--pill-button-height) - 2px);padding-block:clamp(14px,2svh,18px) clamp(6px,1.1svh,10px);padding-inline:0}.initial-loading-bar{--loader-track-width:42px}.masthead{width:calc(100% - 32px);height:54px}.brand img{width:auto;height:var(--mobile-brand-height);max-height:none}.language-field label{width:68px;height:calc(var(--pill-button-height) - 6px)}.language-text{font-size:12px}.compact-showcase-stage{align-content:center;row-gap:var(--compact-row-gap);grid-template-rows:auto auto;padding-top:0;overflow:visible}.compact-content-carousel{grid-area:2/1;overflow:hidden}.site-shell.is-compact-archive .compact-content-carousel{pointer-events:none}.compact-content-carousel .showcase-carousel{grid-area:auto;overflow:visible}.compact-archive-placeholder{min-height:0}.compact-showcase-stage>.showcase:not(.showcase-overlay){grid-area:2/1}.compact-device-layer{z-index:1;pointer-events:none;grid-area:1/1;justify-items:center;display:grid;position:relative}.compact-showcase-stage .showcase-overlay{grid-area:1/1/3/2;align-self:center}.showcase{align-content:center;gap:12px;margin-top:0;padding:0;position:relative}.showcase:not(.archive-showcase){grid-template-columns:1fr;place-items:center;display:grid}.compact-showcase-stage .compact-archive-overlay{z-index:2;pointer-events:auto;grid-area:1/1/3/2;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:100%;margin:0;display:grid;position:absolute;inset:0;transform:none}.title-row{gap:12px}.app-icon-shadow{width:52px;height:52px}.project-intro h1{font-size:clamp(20.8px,6.56vw,25.6px)}.project-intro p,.archive-list p{text-wrap:pretty;font-size:20.4px;line-height:1.3728}.project-intro p{max-width:100%}.archive-list p{max-width:360px}.project-copy{margin-top:12px}.store-link,.contact-link{margin-top:14.4px;padding-inline:16px;font-size:15.36px}.device-frame{z-index:1;width:var(--compact-phone-width);position:relative;inset:auto;overflow:visible;transform:none}.project-intro{z-index:1;max-width:none;padding:calc(var(--project-intro-effect-bleed) + 4px) var(--project-intro-effect-bleed) var(--project-intro-effect-bleed);text-align:center;justify-items:center;display:grid;position:relative}.archive-list{z-index:1;position:relative}.site-shell.is-compact-archive .archive-list{text-align:center;width:min(100%,360px)}.site-shell.is-compact-archive .archive-group+.archive-group{margin-top:14px}.site-shell.is-compact-archive .contact-link{margin-top:22px}.site-shell.is-compact-archive .archive-list p{text-wrap:wrap;font-size:21.22px;line-height:1.48262}.work-picker{block-size:82px;flex-wrap:nowrap;gap:0;min-height:0}.work-dots{block-size:34px}.work-dot.is-selected .work-dot-track{width:24px}.work-dot.is-archive.is-selected .work-dot-track{width:6px}.other-tile-icon img{width:60%}}@media (width<=560px) and (height<=880px){.site-shell{--compact-content-reserve:334px;--compact-phone-width:min(calc(100vw - 50px), 338px, clamp(168px, calc((100svh - var(--compact-content-reserve)) * .62), 338px));--compact-row-gap:2px}}@media (width<=560px) and (height<=740px){.site-shell{--compact-content-reserve:276px;--compact-phone-width:min(calc(100vw - 36px), 296px, clamp(154px, calc((100svh - var(--compact-content-reserve)) * .62), 296px));--compact-row-gap:2px;--pill-button-height:38px}.masthead{height:50px}.brand img{width:auto;height:var(--mobile-brand-height)}.language-field label{width:62px}.language-text{font-size:11px}.app-icon-shadow{width:44px;height:44px}.project-intro h1{font-size:clamp(19.2px,5.92vw,23.2px)}.project-intro p,.archive-list p{font-size:18px;line-height:1.26}.project-intro p{max-width:100%}.archive-list p{max-width:min(342px,100vw - 48px)}.project-copy{margin-top:9.6px}.store-link,.contact-link{margin-top:9.6px;padding-inline:14px;font-size:14.4px}.work-dots{block-size:26px}}