.cs-overlay{z-index:12000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cs-overlay[hidden]{display:none}html.cs-locked{overflow:clip}.cs-scrim{backdrop-filter:blur(14px)saturate(.9);opacity:0;background:#070a0cc2;transition:opacity .34s;position:absolute;inset:0}.cs-panel{background:var(--color-bg);border:1px solid var(--border-1);opacity:0;width:100%;min-width:0;max-width:1200px;max-height:94dvh;transition:opacity .3s ease, transform .42s var(--ease-out);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(26px);box-shadow:0 -30px 80px -40px #000000e6}.cs-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--rgb-ink), .18) transparent;min-height:0;overflow-y:auto}.cs-scroll::-webkit-scrollbar{width:10px}.cs-scroll::-webkit-scrollbar-track{margin:22px 0}.cs-scroll::-webkit-scrollbar-thumb{background:rgba(var(--rgb-ink), .16);background-clip:content-box;border:3px solid #0000;border-radius:99px}@media (width>=720px){.cs-overlay{align-items:center;padding:32px}.cs-panel{border:1px solid var(--border-1);border-radius:26px;max-height:min(92dvh,1040px);transform:translateY(20px)scale(.988);box-shadow:0 40px 90px -44px #000000eb}}.cs-overlay.is-open .cs-scrim{opacity:1}.cs-overlay.is-open .cs-panel{opacity:1;transition-delay:40ms;transform:none}.cs-overlay.is-closing .cs-scrim,.cs-overlay.is-closing .cs-panel{opacity:0;transition-duration:.24s;transition-delay:0s}.cs-close{z-index:3;float:right;border:1px solid rgba(var(--rgb-ink), .14);backdrop-filter:blur(10px);width:42px;height:42px;color:var(--text-2);cursor:pointer;transition:transform .3s var(--ease-out), background .25s ease, color .25s ease, border-color .25s ease;background:#080c0fdb;border-radius:50%;justify-content:center;align-items:center;margin:14px 14px -52px 0;font-size:15px;display:flex;position:sticky;top:14px}.cs-close:hover{border-color:rgba(var(--rgb-accent), .6);background:rgba(var(--rgb-accent), .12);color:var(--color-accent-soft);transform:scale(1.06)}.cs-panel :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.cs-yt:focus-visible,.cs-source:focus-visible{outline-offset:4px;border-radius:18px}.cs-close:focus-visible{border-radius:50%}.work-thumb img[data-lang-img=ja],.work-thumb img[data-lang-img=fr],.cs-yt img[data-lang-img=ja],.cs-yt img[data-lang-img=fr],html[lang=ja] .work-thumb img[data-lang-img=en],html[lang=fr] .work-thumb img[data-lang-img=en],html[lang=ja] .cs-yt img[data-lang-img=en],html[lang=fr] .cs-yt img[data-lang-img=en]{display:none}html[lang=ja] .work-thumb img[data-lang-img=ja],html[lang=fr] .work-thumb img[data-lang-img=fr],html[lang=ja] .cs-yt img[data-lang-img=ja],html[lang=fr] .cs-yt img[data-lang-img=fr]{display:block}.cs-panel img,.cs-panel video,.cs-panel iframe{max-width:100%}.cs-cols{grid-template-columns:minmax(0,1fr);gap:clamp(30px,3.4vw,48px);margin-top:clamp(26px,3.2vw,40px);display:grid}@media (width>=1000px){.cs-cols{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(36px,4vw,64px)}.cs-aside{align-self:start}}@media (width>=1000px) and (height>=880px){.cs-aside{position:sticky;top:clamp(20px,2.4vw,36px)}}.cs-text .cs-lede{color:var(--text-1);margin:0 0 18px;font-size:clamp(16px,1.5vw,17.5px);line-height:1.6}.cs-aside .cs-text{margin-top:0}.cs-body{padding:clamp(30px,4vw,48px) clamp(28px,4.4vw,56px) clamp(28px,4.4vw,56px)}.cs-rise{opacity:0;transition:opacity .38s ease, transform .46s var(--ease-out);transition-delay:calc(var(--i,0) * 42ms);transform:translateY(14px)}.cs-overlay.is-open .cs-rise{opacity:1;transform:none}.cs-kicker{margin-bottom:14px}.tl-on .cs-overlay.is-open .kicker:before{transform:scaleX(1)}.cs-title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.2vw,42px);font-weight:700;line-height:1.1}.cs-lede{max-width:62ch;color:var(--text-2);margin:16px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.65}.cs-stage{aspect-ratio:16/9;border:1px solid var(--border-1);background:var(--color-bg-deep);border-radius:18px;position:relative;overflow:hidden}.cs-stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.cs-yt{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.cs-yt[hidden]{display:none}.cs-yt img{object-fit:cover;filter:saturate(.86)brightness(.86);width:100%;height:100%;transition:filter .45s ease, transform .7s var(--ease-out);display:block}.cs-yt:hover img,.cs-yt:focus-visible img{filter:none;transform:scale(1.03)}.cs-yt-play{color:var(--color-bg-deep);pointer-events:none;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.cs-yt-play i{background:var(--color-accent);width:66px;height:66px;transition:transform .4s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;padding-left:4px;display:flex;transform:scale(.9)}.cs-yt:hover .cs-yt-play i,.cs-yt:focus-visible .cs-yt-play i{transform:scale(1)}.cs-yt-time,.cs-yt-out{backdrop-filter:blur(6px);font-family:var(--font-mono);color:rgba(var(--rgb-ink), .86);pointer-events:none;background:#070a0cbd;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px}.cs-yt-time{right:12px}.cs-yt-out{align-items:center;gap:7px;display:flex;left:12px}.cs-figures{margin:clamp(24px,3vw,32px) 0 0;padding:0}.cs-figures>div{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;display:flex}.cs-figures>div:first-child{border-top:1px solid var(--border-1)}.cs-figures dd{color:var(--text-3);order:1;align-items:baseline;gap:10px;margin:0;font-size:13.5px;line-height:1.3;display:flex}.cs-figures dt{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--color-accent);white-space:nowrap;flex:none;order:2;font-size:16px;font-weight:400}.cs-fig-icon{text-align:center;width:15px;color:rgba(var(--rgb-accent), .5);flex:none;font-size:12px}.cs-text{max-width:68ch;margin:clamp(30px,3.6vw,44px) 0 0}.cs-text p{color:var(--text-2);margin:0 0 15px;font-size:clamp(15px,1.4vw,16.5px);line-height:1.75}.cs-text p:last-child{margin-bottom:0}.cs-text strong{color:var(--text-1);font-weight:600}.cs-list{margin:clamp(20px,2.4vw,26px) 0 0;padding:0;list-style:none}.cs-list li{color:var(--text-3);margin-bottom:9px;padding-left:20px;font-size:14px;line-height:1.55;position:relative}.cs-list li:last-child{margin-bottom:0}.cs-list li:before{content:"";background:rgba(var(--rgb-accent), .6);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:3px}.cs-step{color:var(--color-accent);font-variant-numeric:tabular-nums;flex:none}.cs-section-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);align-items:center;gap:14px;margin:clamp(38px,4.6vw,56px) 0 20px;font-size:12px;display:flex}.cs-section-label:after{content:"";background:var(--border-1);flex:1;height:1px}.cs-main>.cs-section-label:first-child{margin-top:0}.cs-block{margin:0 0 clamp(20px,2.4vw,28px)}.cs-frame{border:1px solid var(--border-1);background:var(--color-bg-deep);border-radius:16px;line-height:0;position:relative;overflow:hidden}.cs-frame video,.cs-frame img{width:100%;height:auto;display:block}.cs-frame video{filter:saturate(.92)brightness(.9);transition:filter .45s}.cs-block:hover .cs-frame video{filter:none}.cs-caption{color:var(--text-4);margin:11px 2px 0;font-size:13.5px;line-height:1.55}.cs-sound{border:1px solid rgba(var(--rgb-ink), .14);backdrop-filter:blur(8px);width:34px;height:34px;color:rgba(var(--rgb-ink), .8);cursor:pointer;opacity:0;background:#070a0ca8;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:opacity .25s,color .25s,border-color .25s,background .25s;display:flex;position:absolute;bottom:10px;right:10px}.cs-block:hover .cs-sound,.cs-sound:focus-visible,.cs-sound.is-on{opacity:1}@media (hover:none){.cs-sound,.cs-zoom-mark{opacity:1}}.cs-sound:hover{border-color:rgba(var(--rgb-accent), .6);color:var(--color-accent-soft)}.cs-sound.is-on{color:var(--color-accent);border-color:rgba(var(--rgb-accent), .5)}.cs-split{grid-template-columns:minmax(0,268px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,34px);display:grid}@media (width<=700px){.cs-split{grid-template-columns:minmax(0,1fr)}.cs-split .cs-frame{max-width:268px}}.cs-split-note{max-width:46ch}.cs-split-note h4{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:700}.cs-split-note p{color:var(--text-3);margin:0;font-size:14.5px;line-height:1.65}.cs-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cs-pair li{aspect-ratio:16/9;border:1px solid var(--border-1);border-radius:14px;line-height:0;overflow:hidden}.cs-pair img{object-fit:cover;width:100%;height:100%;display:block}.cs-pair--2x1 li{aspect-ratio:2}.cs-pair+.cs-source,.cs-caption+.cs-pair{margin-top:14px}.cs-caption+.cs-stage{margin-top:clamp(20px,2.4vw,28px)}@media (width<=620px){.cs-pair{grid-template-columns:minmax(0,1fr)}.cs-pair--2x1{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cs-pair--2x1 li{border-radius:10px}}.cs-split-tall{grid-template-columns:minmax(0,232px) minmax(0,1fr);align-items:start}@media (width<=700px){.cs-split-tall .cs-frame{max-width:232px}}.cs-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cs-thumbs li{border:1px solid var(--border-1);border-radius:10px;line-height:0;position:relative;overflow:hidden}.cs-thumbs img{width:100%;height:auto;transition:transform .6s var(--ease-out);display:block}.cs-thumbs li:hover img{transform:scale(1.04)}@media (width<=560px){.cs-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-zoom{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;line-height:0;text-decoration:none;display:block;position:relative}.cs-zoom img{transition:transform .6s var(--ease-out)}.cs-zoom:hover img{transform:scale(1.02)}.cs-zoom-mark{border:1px solid rgba(var(--rgb-ink), .14);backdrop-filter:blur(8px);width:30px;height:30px;color:rgba(var(--rgb-ink), .82);opacity:0;background:#070a0c9e;border-radius:9px;justify-content:center;align-items:center;font-size:11px;line-height:1;transition:opacity .25s,color .25s,border-color .25s;display:flex;position:absolute;top:10px;right:10px}.cs-zoom:hover .cs-zoom-mark,.cs-zoom:focus-visible .cs-zoom-mark{opacity:1}.cs-zoom:hover .cs-zoom-mark{border-color:rgba(var(--rgb-accent), .55);color:var(--color-accent-soft)}.cs-pair .cs-zoom,.cs-thumbs .cs-zoom{height:100%}.cs-pair .cs-zoom img,.cs-thumbs .cs-zoom img{object-fit:cover;height:100%}.cs-lightbox{z-index:12500;backdrop-filter:blur(18px)saturate(.9);cursor:zoom-out;opacity:0;background:#050709e6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:clamp(16px,3vw,44px);transition:opacity .2s;display:flex;position:fixed;inset:0}.cs-lightbox[hidden]{display:none}.cs-lightbox.is-open{opacity:1}.cs-lightbox-figure{cursor:default;flex-direction:column;align-items:center;gap:14px;min-height:0;margin:0;display:flex}.cs-lightbox-figure img{object-fit:contain;background:var(--color-bg-deep);max-width:100%;min-height:0;max-height:82dvh;transition:transform .26s var(--ease-out), filter .3s ease;border-radius:10px;display:block;transform:scale(.985)}.cs-lightbox-figure img.is-loading{filter:blur(9px)}.cs-lightbox.is-open .cs-lightbox-figure img{transform:none}.cs-lightbox-figure figcaption{text-align:center;max-width:62ch;color:var(--text-3);font-size:13.5px;line-height:1.55}.cs-lightbox-close{border:1px solid rgba(var(--rgb-ink), .14);backdrop-filter:blur(10px);width:42px;height:42px;color:var(--text-2);cursor:pointer;transition:transform .3s var(--ease-out), background .25s ease, color .25s ease, border-color .25s ease;background:#080c0fdb;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:clamp(14px,2.4vw,26px);right:clamp(14px,2.4vw,26px)}.cs-lightbox-close:hover{border-color:rgba(var(--rgb-accent), .6);background:rgba(var(--rgb-accent), .12);color:var(--color-accent-soft);transform:scale(1.06)}.cs-lightbox :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.cs-source{border:1px solid var(--border-1);background:var(--surface-1);color:inherit;transition:transform .4s var(--ease-out), border-color .3s ease, background .3s ease;border-radius:16px;align-items:flex-start;gap:16px;margin:clamp(30px,3.6vw,42px) 0 0;padding:20px 22px;text-decoration:none;display:flex}.cs-source:hover{border-color:var(--border-2);background:var(--surface-2);transform:translateY(-3px)}.cs-source-mark{background:rgba(var(--rgb-accent), .12);width:52px;height:44px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cs-rings{stroke-linecap:round;width:38px;height:auto;display:block}.cs-source-mark--brand{--dream-coral:#fa594b;--dream-navy:#1a3187;color:var(--dream-coral);background:#fff;padding:0 4px}.cs-dream{width:26px;height:auto;display:block}.cs-source-mark--brand .jr-logo-alt{fill:var(--dream-navy);opacity:1}.cs-source-host{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);align-items:center;gap:10px;font-size:11.5px;display:flex}.cs-source-badge{white-space:nowrap;background:var(--color-accent);color:var(--color-bg-deep);letter-spacing:.1em;border-radius:99px;flex:none;padding:3px 8px;font-size:10px;line-height:1.4}.cs-source-badge--lock{align-items:center;gap:5px;display:inline-flex}.cs-source-badge--lock i{font-size:8.5px}.cs-source-host{flex-wrap:wrap;row-gap:6px}.cs-source-title{letter-spacing:-.015em;color:var(--text-1);margin:7px 0 6px;font-size:17px;font-weight:700;display:block}.cs-source-quote{color:var(--text-3);font-size:13.5px;line-height:1.6;display:block}.cs-source-go{color:var(--text-4);transition:transform .35s var(--ease-out), color .25s ease;flex:none;align-self:center;margin-left:auto;padding-left:12px}@media (width<=620px){.cs-source{padding-right:18px;position:relative}.cs-source-go{margin:0;padding:0;position:absolute;top:14px;right:14px}.cs-source>span:not([class]){padding-right:26px}}.cs-source:hover .cs-source-go{color:var(--color-accent);transform:translate(3px,-3px)}.cs-source--art{align-items:center}.cs-source-art{border:1px solid var(--border-1);border-radius:10px;flex-shrink:0;width:132px;line-height:0;overflow:hidden}.cs-source-art img{width:100%;height:auto;display:block}@media (width<=620px){.cs-source--art{align-items:flex-start}.cs-source-art{width:96px}}.cs-foot{border-top:1px solid var(--border-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin:clamp(32px,4vw,46px) 0 0;padding-top:clamp(24px,3vw,32px);display:flex}.cs-skills{flex-wrap:wrap;gap:8px;max-width:520px;display:flex}.cs-skills span{border:1px solid rgba(var(--rgb-ink), .12);color:var(--text-2);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:500}.cs-foot .btn{flex-shrink:0}.work-card-case{position:relative}.work-card-btn{font:inherit;color:var(--color-accent);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin:14px 0 0;padding:0;font-size:14px;font-weight:700;transition:color .25s;display:inline-flex}.work-card-btn:after{content:"";border-radius:20px;position:absolute;inset:0}.work-card-btn i{transition:transform .35s var(--ease-out);font-size:12px}.work-card-case:hover .work-card-btn{color:var(--color-accent-soft)}.work-card-case:hover .work-card-btn i{transform:translate(4px)}.work-card-btn:focus-visible{outline:none}.work-card-btn:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=620px){.cs-foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.cs-scrim,.cs-panel,.cs-rise,.cs-yt img,.cs-yt-play i,.cs-frame video,.cs-thumbs img,.cs-zoom img,.cs-lightbox,.cs-lightbox-figure img,.cs-lightbox-close,.cs-source,.cs-source-go,.cs-close,.work-card-btn i{transition:none!important}.cs-panel{transform:none}.cs-rise{opacity:1;transform:none}.cs-sound,.cs-zoom-mark{opacity:1}.cs-lightbox-figure img{transform:none}}.cs-more{display:none}@media (width<=999px){.cs-head{padding-right:52px}.cs-aside:not(.is-open) .cs-text>p:not(.cs-lede),.cs-aside:not(.is-open) .cs-list{display:none}.cs-more{color:var(--color-accent);font:inherit;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:8px;margin-top:14px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.cs-more i{transition:transform .3s var(--ease-out);font-size:10px}.cs-more[aria-expanded=true] i{transform:rotate(180deg)}.cs-more .cs-more-b,.cs-more[aria-expanded=true] .cs-more-a{display:none}.cs-more[aria-expanded=true] .cs-more-b{display:inline}.cs-skills{display:none}.cs-foot{justify-content:flex-start}.cs-figures>div{padding:8px 0}.cs-figures dd{font-size:13px}.cs-figures dt{font-size:15px}}
/*# sourceMappingURL=repo.c5bcdd33.css.map */