.green-text[data-astro-cid-ge62btut]{color:var(--color-green)}.blue-text[data-astro-cid-ge62btut]{color:var(--color-blue)}.creative-coding[data-astro-cid-ge62btut]{--gap: 24px;display:grid;gap:48px}.title[data-astro-cid-ge62btut]{padding:0 32px;margin:0;font-size:clamp(4rem,16vw,12rem);line-height:.82;letter-spacing:-.06em;display:flex;justify-content:flex-end}.marquee[data-astro-cid-ge62btut]{overflow:hidden}.track[data-astro-cid-ge62btut]{display:flex;gap:var(--gap);width:max-content;animation:marquee 28s linear infinite}.item[data-astro-cid-ge62btut]{flex:none;width:min(480px,72vw);aspect-ratio:3 / 2;overflow:hidden;img{width:100%;height:100%;object-fit:cover;display:block}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--gap) / 2))}}@media(max-width:768px){.creative-coding[data-astro-cid-ge62btut]{--gap: 16px;gap:32px}.title[data-astro-cid-ge62btut]{padding:0 16px}.item[data-astro-cid-ge62btut]{width:min(360px,80vw)}}@media(max-width:560px){.creative-coding[data-astro-cid-ge62btut]{--gap: 12px;gap:20px}.title[data-astro-cid-ge62btut]{padding:0 12px;justify-content:flex-start;font-size:clamp(3rem,18vw,4.75rem)}.track[data-astro-cid-ge62btut]{animation-duration:34s}.item[data-astro-cid-ge62btut]{width:min(320px,88vw)}}.main-visual[data-astro-cid-ndqbrlb2]{position:relative;padding:32px;display:grid;min-height:100vh;.name{display:flex;flex-direction:column;gap:16px;.hiroki{font-size:clamp(8rem,18vw,13.75rem);font-weight:500;color:var(--color-green);text-box:trim-both cap alphabetic;letter-spacing:-.02em}.oka{font-size:clamp(4rem,8vw,6.25rem);color:var(--color-blue);font-weight:500;text-box:trim-both cap alphabetic;letter-spacing:-.02em;margin-bottom:16px}}.dev-wrapper{position:absolute;bottom:96px;right:32px;.red-rect{position:absolute;left:-64px;bottom:0;background:var(--color-red);width:64px;height:64px}.dev{font-size:clamp(12rem,36vw,27.5rem);font-weight:500;text-box:trim-both cap alphabetic;letter-spacing:-.01em}}.green-rect{position:absolute;top:32px;right:32px;width:128px;height:128px;background:var(--color-green);&:after{content:"";position:absolute;top:64px;right:64px;width:64px;height:64px;background:var(--color-blue)}}.blue-rect{position:absolute;bottom:96px;left:32px;width:128px;height:128px;background:var(--color-blue);&:after{content:"";position:absolute;top:0;right:32px;width:64px;height:64px;background:var(--color-green)}}}@media(max-width:560px){.main-visual[data-astro-cid-ndqbrlb2]{padding:16px;height:100vh;.name{gap:8px;.hiroki{font-size:96px}.oka{font-size:82px}}.dev-wrapper{bottom:132px;left:64px;.red-rect{left:-48px;width:32px;height:32px}.dev{font-size:clamp(32px,36vw,256px)}}.green-rect{top:16px;right:16px;width:32px;height:32px;&:after{top:32px;right:32px;width:32px;height:32px}}.blue-rect{display:none;bottom:132px;left:32px;width:32px;height:32px;&:after{left:16px;width:16px;height:16px}}}}.profile[data-astro-cid-b3uuc2c6]{display:grid;place-items:center;.title{padding:0;margin:0;font-size:clamp(4rem,16vw,12rem);line-height:.92;letter-spacing:-.04em;.text-green{color:var(--color-green)}.text-blue{color:var(--color-blue)}}.content{display:grid;place-items:center;width:min(100%,480px);p{font-size:18px;line-height:1.7}}.image{width:320px;height:320px;img{width:100%;height:auto;display:block}}}@media(max-width:560px){.profile[data-astro-cid-b3uuc2c6]{padding:0 16px;.content{gap:20px;p{font-size:16px}}.image{width:min(100%,260px);height:auto}}}.work-fall-overlay[data-astro-cid-c2kldsfd]{--work-fall-tile-size: 180px;position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;cursor:grab;.work-fall-tile{position:absolute;width:var(--work-fall-tile-size);height:var(--work-fall-tile-size);box-sizing:border-box;pointer-events:auto;touch-action:none;user-select:none;will-change:left,top}.work-fall-tile-body{width:100%;height:100%;overflow:hidden;border:1px solid #111;background:#fff;box-sizing:border-box;box-shadow:10px 10px 24px #0000002e;will-change:transform}.work-fall-tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}}@media(max-width:560px){.work-fall-overlay[data-astro-cid-c2kldsfd]{--work-fall-tile-size: 128px;display:none}}::view-transition-group(work-preview-window),::view-transition-old(work-preview-window),::view-transition-new(work-preview-window){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.floating-preview[data-astro-cid-v74gaaay]{position:fixed;right:4px;bottom:4px;z-index:30;width:min(360px,calc(100vw - 32px));transition:bottom .2s ease,transform .2s ease;&:not(.is-open){bottom:0}.preview-window{position:relative;display:grid;width:100%;background:#c5c5c5;border-top:2px solid #fafafa;border-left:2px solid #fafafa;border-right:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;box-sizing:border-box;overflow:hidden;pointer-events:auto;&.is-transition-target{view-transition-name:work-preview-window}}.preview-link{position:absolute;inset:0;z-index:1;display:block}.preview-header{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:4px 6px;background:linear-gradient(90deg,#0d2f91,#1980e6);color:#fff;pointer-events:none;.preview-label{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preview-button{position:relative;z-index:3;display:grid;place-items:center;margin-left:auto;width:14px;height:14px;padding:0;font:inherit;background:#c5c5c5;border-top:1px solid #fafafa;border-left:1px solid #fafafa;border-right:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;color:#111;appearance:none;cursor:pointer;box-sizing:border-box;pointer-events:auto}}.preview-content{position:relative;z-index:2;display:grid;gap:10px;padding:12px;min-width:0;box-sizing:border-box;pointer-events:none}.preview-status{display:grid;gap:4px;min-width:0}.preview-heading{font-family:Times New Roman,serif;margin:0;font-size:24px;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}.preview-viewport{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#fff;border-top:2px solid #7f7f7f;border-left:2px solid #7f7f7f;border-right:2px solid #fafafa;border-bottom:2px solid #fafafa;img{display:block;width:100%;height:100%;object-fit:cover}}&.is-open .preview-viewport[data-astro-cid-v74gaaay]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-38%,-50%);width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:34px solid rgba(255,255,255,.92);filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));pointer-events:none}&:not(.is-open) .preview-content[data-astro-cid-v74gaaay]{display:none}&:not(.is-open) .preview-window[data-astro-cid-v74gaaay]{box-shadow:4px 0 #00000026}@media(max-width:560px){right:12px;bottom:12px;width:fit-content;.preview-content{padding:4px;gap:8px}.preview-heading{font-size:16px}.preview-viewport{width:120px;height:120px;img{width:100%;height:100%}}}}.card[data-astro-cid-ejclughi]{display:block;position:relative;text-decoration:none;width:min(100%,320px)}.visual[data-astro-cid-ejclughi]{position:relative;width:min(100%,320px);height:auto;.header{position:absolute;inset:0;pointer-events:none}}.title[data-astro-cid-ejclughi]{margin:0;font-size:var(--title-size, clamp(1.1rem, 2vw, 1.8rem));font-weight:500;letter-spacing:-.03em;white-space:nowrap;&.top{position:absolute;top:calc(-1 * (var(--title-size, 1.8rem) + var(--title-gap, 16px)));left:0}&.right{position:absolute;top:0;left:calc(100% + var(--title-gap, 16px));transform:rotate(90deg) translateY(-100%);transform-origin:top left}&.left{position:absolute;right:calc(100% + var(--title-gap, 16px));bottom:0;transform:rotate(-90deg) translate(100%);transform-origin:bottom right}}.layer[data-astro-cid-ejclughi]{width:100%;height:100%;position:relative;overflow:visible;border:1px solid #111;background:#fff;box-sizing:border-box;transition:box-shadow .2s ease,transform .2s ease;img{display:block;width:100%;height:auto;object-fit:cover;transition:opacity .24s ease}.ghost{position:absolute;z-index:20;inset:0;opacity:0;transition-property:opacity,transform;transition-delay:calc((sibling-index() - 1)*50ms);transition-duration:.2s;transition-timing-function:steps(1,start);img{display:block;width:100%;height:auto;object-fit:cover;border:1px solid #111;box-sizing:border-box}}&:hover{box-shadow:10px 10px 24px #0000002e;.ghost{opacity:1;transform:translate(var(--offset),var(--offset))}}}@media(max-width:560px){.card[data-astro-cid-ejclughi],.visual[data-astro-cid-ejclughi]{width:100%}.visual[data-astro-cid-ejclughi]{display:grid;width:100%;height:auto;aspect-ratio:1 / 1;gap:4px;.header{position:static;inset:auto;display:block;margin:0;padding:0}}.title[data-astro-cid-ejclughi]{position:static;width:100%;font-size:clamp(1rem,5.4vw,1.35rem);line-height:1.2;&.right,&.left{display:none}&.top{display:block;transform:none;margin-bottom:0}}.layer[data-astro-cid-ejclughi]{overflow:hidden;&:hover{box-shadow:none;.ghost{opacity:0;transform:none}}}}.card[data-astro-cid-iksryde2]{display:block;position:relative;color:inherit;text-decoration:none;height:800px;&:hover .layer[data-astro-cid-iksryde2],&:focus-visible .layer[data-astro-cid-iksryde2]{box-shadow:10px 10px 24px #0000002e}}.visual[data-astro-cid-iksryde2]{position:relative;.frame{position:relative;width:min(100%,320px);height:320px}.header{position:absolute;inset:0;pointer-events:none;z-index:5;.title{margin:0;font-size:var(--title-size, clamp(1.1rem, 2vw, 1.8rem));font-weight:500;letter-spacing:-.03em;&.top{position:absolute;top:calc(-1 * (var(--title-size, 1.8rem) + var(--title-gap, 16px)));left:0}}}}.layer[data-astro-cid-iksryde2]{position:relative;overflow:hidden;border:1px solid #111;background:#fff;box-sizing:border-box;transition:box-shadow .2s ease;img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .24s ease}&.base{width:100%;height:100%}&.offset{position:absolute;img{height:auto;aspect-ratio:1 / 1}}}@media(max-width:560px){.card[data-astro-cid-iksryde2]{height:auto}.visual[data-astro-cid-iksryde2]{padding-bottom:120px}.visual[data-astro-cid-iksryde2] .frame[data-astro-cid-iksryde2]{width:100%;height:auto;aspect-ratio:1 / 1}.visual[data-astro-cid-iksryde2] .header[data-astro-cid-iksryde2] .title[data-astro-cid-iksryde2]{font-size:clamp(1rem,5.4vw,1.35rem)}.layer[data-astro-cid-iksryde2].offset:nth-of-type(2){top:28px!important;left:14px!important;width:calc(100% - 14px)!important}.layer[data-astro-cid-iksryde2].offset:nth-of-type(3){top:56px!important;left:28px!important;width:calc(100% - 28px)!important}}.card[data-astro-cid-2lziyln5]{display:block;position:relative;color:inherit;text-decoration:none;min-height:448px;&:hover .layer[data-astro-cid-2lziyln5],&:focus-visible .layer[data-astro-cid-2lziyln5]{box-shadow:10px 10px 24px #0000002e}.visual{position:relative;min-height:320px}.frame{position:relative;width:min(100%,320px);height:320px;.header{position:absolute;inset:0;pointer-events:none;z-index:5;.title{margin:0;width:max-content;font-size:var(--title-size, clamp(1.1rem, 2vw, 1.8rem));font-weight:500;letter-spacing:-.03em;white-space:nowrap;&.top{position:absolute;top:calc(-1 * (var(--title-size, 1.8rem) + var(--title-gap, 16px)));left:0}}}}}.layer[data-astro-cid-2lziyln5]{position:relative;overflow:hidden;border:1px solid #111;background:#fff;box-sizing:border-box;transition:box-shadow .2s ease;img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .24s ease}&.base{width:100%;height:100%}&.offset{position:absolute;img{height:auto;aspect-ratio:1 / 1}}}@media(max-width:560px){.card[data-astro-cid-2lziyln5]{min-height:0}.card[data-astro-cid-2lziyln5] .visual[data-astro-cid-2lziyln5]{min-height:0;padding-bottom:60px}.card[data-astro-cid-2lziyln5] .frame[data-astro-cid-2lziyln5]{width:100%;height:auto;aspect-ratio:1 / 1}.card[data-astro-cid-2lziyln5] .frame[data-astro-cid-2lziyln5] .header[data-astro-cid-2lziyln5] .title[data-astro-cid-2lziyln5]{font-size:clamp(1rem,5.4vw,1.35rem);white-space:normal;max-width:calc(100% - 8px)}.layer[data-astro-cid-2lziyln5].offset{top:32px!important;left:32px!important;width:calc(100% - 32px)!important}}.red-text[data-astro-cid-jyl76ovl]{color:var(--color-red)}.works-page[data-astro-cid-jyl76ovl]{position:relative;padding:32px 32px 128px}.works-header[data-astro-cid-jyl76ovl]{display:grid;gap:12px;margin-bottom:48px}.title[data-astro-cid-jyl76ovl]{padding:0;margin:0;font-size:clamp(4rem,16vw,12rem);line-height:.92;letter-spacing:-.06em}.works-grid[data-astro-cid-jyl76ovl]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 32px;align-items:start;.desktop-card,.mobile-card{width:100%}.mobile-card{display:none}.slot{grid-column:span 4;&.book-projection{grid-column:span 5}&.flower-flow-spiral{margin-top:96px}&.hmd-show{grid-column:7 / span 6}&.progtouch{margin-top:48px}&.screens-contextualized{grid-column:4 / span 5}&.vapor-advertisement{grid-column:span 5}}}.works-page[data-astro-cid-jyl76ovl].is-transitioning .card{pointer-events:none}.works-page[data-astro-cid-jyl76ovl].is-transitioning .layer{background:transparent}.works-page[data-astro-cid-jyl76ovl].is-transitioning .card:not(.is-transition-selected) .layer img{opacity:0}.works-page[data-astro-cid-jyl76ovl].is-transitioning .card.is-transition-selected .layer img{opacity:1;transition-delay:0ms}@media(max-width:1100px){.works-grid[data-astro-cid-jyl76ovl]{grid-template-columns:repeat(6,minmax(0,1fr));.slot{grid-column:span 3;&.book-projection,&.hmd-show,&.screens-contextualized,&.vapor-advertisement{grid-column:span 3}}}}@media(max-width:560px){.title[data-astro-cid-jyl76ovl]{margin-bottom:64px}.works-page[data-astro-cid-jyl76ovl]{padding:16px 12px 48px}.works-header[data-astro-cid-jyl76ovl]{margin-bottom:24px}.works-grid[data-astro-cid-jyl76ovl]{display:flex;flex-direction:column;column-gap:32px;.slot{&.flower-flow-spiral{margin:0}}.desktop-card{display:none}.mobile-card{display:block}}}.home-page[data-astro-cid-j7pv25f6]{position:relative}.hero-section[data-astro-cid-j7pv25f6]{position:relative;width:100%;margin-bottom:512px}.work-section[data-astro-cid-j7pv25f6],.creative-coding-section[data-astro-cid-j7pv25f6],.profile-section[data-astro-cid-j7pv25f6]{margin-bottom:512px}@media(max-width:560px){.hero-section[data-astro-cid-j7pv25f6]{margin-bottom:144px}.work-section[data-astro-cid-j7pv25f6],.creative-coding-section[data-astro-cid-j7pv25f6],.profile-section[data-astro-cid-j7pv25f6]{margin-bottom:128px}}