@font-face{font-family:Inter;src:url(/assets/a2068655809b7c7a.woff2)}:root{--ease:cubic-bezier(.22, .61, .36, 1);--pad:12px}*{box-sizing:border-box}html,body{color:#fff;overscroll-behavior:none;background:#000;margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.2}html{scrollbar-width:none}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:6px;outline:1px solid #fff}header{z-index:30;mix-blend-mode:difference;justify-content:space-between;align-items:flex-start;width:100%;height:55px;padding:12px clamp(24px,3vw,48px);transition:opacity .45s,transform .45s;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-1.5px;font-size:27px;font-weight:900;line-height:1}header{pointer-events:none}header a,header button{pointer-events:auto}.nav{gap:32px;font-size:16px;line-height:24px;display:flex}.nav a{padding:0 5px}.nav a.active:before{content:"●";vertical-align:2px;margin-right:7px;font-size:10px}.menu{width:28px;height:24px;display:none}.menu span{background:#fff;height:1px;margin:7px 0;display:block}.nav{z-index:1;letter-spacing:-.055em;visibility:hidden;pointer-events:none;background:#101010;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:min(480px,90vw);padding:96px 40px;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1.08;transition:transform .82s cubic-bezier(.76,0,.24,1),visibility 0s linear .82s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(101%)}.nav a{position:relative}.nav a.active:before{vertical-align:initial;margin:0;position:absolute;top:50%;left:-19px;transform:translateY(-50%)}.menu{z-index:2;display:block;position:relative}.menu span{width:100%;transition:top .3s var(--ease), transform .35s var(--ease);margin:0;position:absolute;top:7px;left:0}.menu span:last-child{top:16px}.menu[aria-expanded=true] span{top:12px;transform:rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.nav.open{visibility:visible;pointer-events:auto;transition:transform .82s cubic-bezier(.76,0,.24,1);transform:translate(0)}.menu-backdrop{opacity:0;visibility:hidden;pointer-events:none;background:#0006;transition:opacity .55s,visibility 0s .82s;position:fixed;inset:0}.menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s}header .logo{z-index:2;position:relative}header{mix-blend-mode:normal}header[data-page=\/works]{background:var(--surface,#0b0c0b)}.page{position:fixed;inset:0}.page[hidden]{opacity:0;visibility:hidden;pointer-events:none;display:block}.stage,.bg-layer{position:absolute;inset:0;overflow:hidden}.bg-layer img,.bg-layer video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bg-layer video{opacity:0;transition:opacity .5s}.bg-layer video.ready{opacity:1}.overlay{pointer-events:none;transition:opacity .45s, transform .6s var(--ease);flex-direction:column;padding:48px 12px 12px;display:flex;position:absolute;inset:0}.overlay button,.overlay a{pointer-events:auto}.blend{mix-blend-mode:difference}.social{margin:0 auto 8px;line-height:24px}.social a{padding:0 18px}.about{text-indent:8em;max-width:1048px;margin:0}.number-block{transition:padding-top .35s var(--ease);flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:50vw}.counter{z-index:1;white-space:nowrap;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:42px;position:relative}.counter-current,.counter-total{vertical-align:middle;align-items:center;gap:.05em;display:inline-flex}.counter img{width:auto;height:.75em}.zone{scrollbar-width:none;width:210px;height:105px;transition:height .35s var(--ease), margin-top .35s var(--ease);background:#000;margin-left:78px;overflow:hidden}.zone::-webkit-scrollbar{display:none}.zone-item{flex-shrink:0;width:100%;height:105px;padding:24px 60px;display:block}.zone-item img,.zone-item video{object-fit:contain;width:100%;height:100%}.zone-media{width:100%;height:100%;display:block;position:relative}.zone-media img,.zone-media video{position:absolute;inset:0}.zone-media video{opacity:0}.zone-media video.ready{opacity:1}.number-block:has(.zone.open){padding-top:calc(min(66dvh,620px)/2 - 52.5px)}.zone.open{height:min(66dvh,620px);margin-top:calc(52.5px - min(66dvh,620px)/2);overflow-y:auto}.zone.open .zone-item{opacity:.4;transition:opacity .25s}.zone.open .zone-item:hover,.zone.open .zone-item.active{opacity:1}.selected{margin-top:auto}.selected p{max-width:22em;margin:0}.selected p:nth-child(2){margin-left:8em}.selected p:nth-child(3){max-width:30em;margin-left:18em}.selected strong{font-weight:600}.description{min-height:0}.play{align-items:center;gap:24px;margin-top:16px;padding:8px 18px;font-size:16px;line-height:24px;display:flex;position:absolute;top:50%;right:20px}.play-icon{filter:invert();width:14px;height:10px}.unused-triangle{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:14px solid #fff;width:0;height:0;display:inline-block}.view-toggle{z-index:35;gap:20px;font-size:16px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.view-toggle button{opacity:.4}.view-toggle button.active{opacity:1}#works{scrollbar-width:none;padding:107px 12px 30px;overflow-y:auto}.gallery{grid-template-columns:repeat(6,4.6875vw);justify-content:space-between;row-gap:calc(33.3333dvh - 55.3333px - 2.6042vw);display:grid}.cell{aspect-ratio:9/5;text-align:left;width:4.6875vw;position:relative}.thumb{transform-origin:50%;width:100%;height:100%;transition:transform .45s var(--ease), opacity .4s;background:#191919;display:block;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb video{opacity:0;transition:opacity .4s}.thumb video.ready{opacity:1}.cell-detail{opacity:0;pointer-events:none;width:280px;line-height:1.4;transition:opacity .3s;position:absolute;top:calc(50% + 70px);left:50%}.cell-detail span{opacity:.5;margin-top:8px;display:block}.cell:hover{z-index:3}.cell:hover .cell-detail{opacity:1}.cell:nth-child(6n) .cell-detail{text-align:right;left:auto;right:0}.cell:nth-child(6n) .thumb{transform-origin:100%}.cell:nth-child(6n+1) .thumb{transform-origin:0}.gallery:has(.cell:hover) .cell:not(:hover) .thumb{opacity:.5;transform:scale(.6)}.strip,.index,.title,.sub{display:none}.gallery.list{flex-direction:column;gap:0;display:flex}.gallery.list .cell{aspect-ratio:auto;grid-template-columns:50% 56px .5fr .5fr;align-items:center;gap:24px;width:100%;min-height:88px;padding-bottom:40px;display:grid}.gallery.list .thumb,.gallery.list .cell-detail{display:none}.gallery.list .index,.gallery.list .title,.gallery.list .sub{display:block}.gallery.list .strip{display:flex}.sub{text-align:right;color:#fff6}.strip{height:48px;width:max(24px, var(--ratio) * 100%);display:none;overflow:hidden}.strip img{object-fit:cover;flex:1;width:1px;min-width:0;transition:filter .3s}.cell:hover .strip img{filter:brightness(1.2)}#contact{padding:87px 20px 40px;overflow:auto}.contact-intro{text-indent:8em;max-width:1048px;margin:0}.contact-social{justify-content:center;gap:36px;margin:0;display:flex;position:absolute;top:59px;left:50%;transform:translate(-50%)}.contact-details{width:40%;line-height:1.5;position:absolute;top:50%;left:50%}.contact-details h2{font-size:14px;font-weight:400}.contact-foot{position:absolute;bottom:12px;left:12px}.contact-image{aspect-ratio:2.085;width:22.03vw;position:absolute;bottom:40px;left:20px;overflow:hidden}.contact-image img,.contact-image video{object-fit:cover;width:100%;height:100%;display:block}.viewer{z-index:60;opacity:0;pointer-events:none;background:#000;transition:opacity .5s;position:fixed;inset:0}.viewer.open{opacity:1;pointer-events:auto}.viewer-media{position:absolute;inset:0}.viewer-media img,.viewer-media video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.viewer-bar{mix-blend-mode:difference;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.viewer-bar button{font-size:16px}.viewer-bottom{mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:12px;right:12px}.viewer-bottom button{padding:12px}.viewer-progress{background:#ffffff20;width:100%;height:2px;position:absolute;bottom:0;left:0}.viewer-progress span{background:#fff;width:0;height:100%;display:block}.viewing header{opacity:0;transform:translateY(-15px)}.viewing .overlay{opacity:0;transform:translateY(7dvh)}.preloader{z-index:100;background:#000;justify-content:center;align-items:center;transition:opacity .65s;display:flex;position:fixed;inset:0}.preloader span{letter-spacing:-1px;animation:appear .7s var(--ease) both;font-size:27px;font-weight:900}.preloader.done{opacity:0;pointer-events:none}@keyframes appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-content{width:min(680px,55vw);margin:0;position:absolute;top:50%;left:max(5vw,50vw - 656px);transform:translateY(-50%)}.contact-block{grid-template-columns:205px minmax(0,1fr);align-items:baseline;column-gap:32px;margin-bottom:60px;display:grid}.contact-block:last-child{margin-bottom:0}.contact-block h2{white-space:nowrap;margin:0;font-size:15px;font-weight:400;line-height:1.28}.contact-block p{letter-spacing:-.045em;margin:0 0 24px;font-size:23px;line-height:1.28}.contact-field{color:#a0a0a0;letter-spacing:.02em;font-size:13px}.contact-block a{font-size:17px}.contact-links a{letter-spacing:-.04em;font-size:23px}.contact-links{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.contact-links a:hover{text-underline-offset:4px;text-decoration:underline}.contact-still{aspect-ratio:4/5;object-fit:cover;object-position:center 52%;width:min(31vw,384px);height:auto;position:absolute;top:50%;right:max(5vw,50vw - 656px);transform:translateY(-50%)}@media (max-width:1100px){.contact-block{grid-template-columns:175px minmax(0,1fr);column-gap:24px}.contact-block p,.contact-links a{font-size:20px}.contact-still{width:min(31vw,340px)}}@media (max-width:820px){header{mix-blend-mode:normal}header .logo,header .menu{z-index:2;position:relative}.contact-still,.social{display:none}.overlay{padding-top:48px}.about{text-indent:0}.view-toggle{top:62px}.contact-intro{text-indent:0}.contact-details{width:90%;top:45%;left:12px}}@media (max-width:768px){#contact{flex-direction:column;display:flex}.number-block{width:calc(100% - 40px);left:20px}.zone{margin-left:auto;margin-right:auto}.selected{grid-template-columns:1fr auto;align-items:center;gap:20px 32px;display:grid}.selected p:first-child{grid-column:1/-1}.selected p:nth-child(2){grid-column:1;margin:0}.selected p:nth-child(3){grid-column:1/-1;max-width:none;margin:0}.description{min-height:0}.play{white-space:nowrap;grid-area:2/2;gap:12px;margin:0;padding:0;font-size:14px;position:static}.gallery{grid-template-columns:repeat(3,18vw);row-gap:90px}.cell{width:18vw}.cell:hover .thumb{transform:scale(1.8)}.cell-detail{width:160px;font-size:12px;top:calc(50% + 48px)}.cell:nth-child(3n) .cell-detail{text-align:right;left:auto;right:0}.cell:nth-child(3n) .thumb{transform-origin:100%}.gallery.list .cell{grid-template-columns:auto 1fr;grid-template-areas:"idx ttl"".sub""strp strp";gap:0 18px;padding:20px 0}.gallery.list .index{grid-area:idx}.gallery.list .title{grid-area:ttl}.gallery.list .sub{text-align:left;grid-area:sub}.gallery.list .strip{grid-area:strp;width:100%;height:38px;margin-top:16px}.contact-social{display:none}.contact-content{width:100%;margin:auto 0;position:static;transform:none}.contact-block{grid-template-columns:205px minmax(0,1fr);column-gap:24px;margin-bottom:48px}.contact-block h2{font-size:12px}.contact-block p,.contact-links a{font-size:18px}#contact{padding-top:60px}.contact-image{width:60vw;margin-top:30px;position:relative;bottom:auto;left:0}}@media (max-width:600px){#contact{flex-direction:column;padding:64px 24px;display:flex}.contact-content{flex-shrink:0;margin:auto 0}.contact-block{margin-bottom:46px;display:block}.contact-block h2{margin-bottom:18px;font-size:13px}.contact-block p{margin-bottom:20px}.contact-block p,.contact-links a{font-size:clamp(20px,5.6vw,24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.bg-layer img{filter:blur(28px);opacity:.5;transform:scale(1.1)}.bg-layer video,.thumb img,.thumb video{object-fit:contain}.cell{aspect-ratio:9/16}.contact-image img,.contact-image video{object-fit:contain}.music-dock{pointer-events:auto;color:#fff;z-index:4;align-items:center;gap:15px;display:flex;position:absolute;top:calc(50% + 14px);right:32px}.music-disc{background:#101010;border-radius:50%;flex-shrink:0;width:64px;height:64px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff30}.music-disc:before{content:"";z-index:2;background:repeating-radial-gradient(circle,#0000 0 2px,#0003 3px 4px);border-radius:50%;position:absolute;inset:0}.disc-art{object-fit:cover;filter:brightness(.85);border-radius:50%;width:100%;height:100%;animation:18s linear infinite paused record-turn;display:block}.music-disc:after{content:"";z-index:3;background:#151515;border:3px solid #c5c5c5;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-dock.playing .disc-art,.music-panel.playing .disc-art{animation-play-state:running}.dock-info{text-align:left;text-shadow:0 1px 10px #0008;max-width:140px;font-size:12px;line-height:1.5}.dock-info span{opacity:.6;letter-spacing:.06em;font-size:10px;display:block}.dock-toggle{text-shadow:0 1px 10px #0008;width:36px;height:40px;font-size:15px}.music-panel{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:8;pointer-events:auto;opacity:0;visibility:hidden;width:300px;transition:opacity .45s var(--ease), transform .55s var(--ease), visibility .45s;background:#080808ed;padding:22px;position:absolute;top:calc(50% - 132px);right:32px;transform:translateY(20px)}.music-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.music-panel-head{letter-spacing:.1em;color:#ffffff80;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px;display:flex}.music-panel-close{color:#fff;padding:2px 0 2px 12px;font-size:16px}.music-panel-record{align-items:center;gap:20px;margin-bottom:20px;display:flex}.music-panel .music-disc{pointer-events:none;width:94px;height:94px}.track-title{overflow-wrap:anywhere;margin:0 0 7px;font-size:14px;line-height:1.3}.track-meta{letter-spacing:.05em;color:#fff7;margin:0;font-size:10px}.wave-wrap{height:30px;margin-bottom:6px;position:relative}.wave-wrap svg{color:#ffffff35;width:100%;height:30px;position:absolute;inset:0}.wave-wrap .wave-progress{color:#fff;clip-path:inset(0 100% 0 0)}.audio-seek{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.wave-wrap:focus-within{outline-offset:3px;outline:1px solid #fff}.audio-clock{color:#fff8;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.audio-controls{justify-content:center;align-items:center;gap:30px;margin:12px 0 20px;display:flex}.audio-controls button{padding:6px;font-size:13px}.panel-toggle{width:36px;font-size:20px!important}.audio-footer{border-top:1px solid #fff2;justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;display:flex}.music-panel .play{gap:0;margin:0;padding:0;font-size:11px;line-height:1.2;position:static}.music-panel .play-icon{display:none}.audio-upload{color:#fff8;cursor:pointer;font-size:11px}.audio-status{color:#fff8;min-height:12px;margin:10px 0 0;font-size:10px}.music-dock.panel-open{opacity:0;pointer-events:none;transition:opacity .2s}.music-panel[hidden]{display:none}@keyframes record-turn{to{transform:rotate(360deg)}}@media (max-width:768px){.music-dock{grid-area:2/2;gap:10px;position:static}.dock-info{display:none}.music-disc{width:48px;height:48px}.dock-info{font-size:11px}.dock-info span{font-size:9px}.music-panel{width:min(300px,100% - 24px);padding:20px;top:auto;bottom:12px;right:12px}.music-panel .music-disc{width:82px;height:82px}.music-dock.panel-open{opacity:0}}@media (prefers-reduced-motion:reduce){.disc-art{animation:none!important}}.record-zone{background:0 0;overflow:hidden}.record-zone .music-disc{width:80px;height:80px;transition:box-shadow .35s var(--ease), opacity .35s var(--ease);box-shadow:0 0 0 1px #ffffff30,0 4px 24px #0003}.record-zone .zone-item img{object-fit:cover;width:100%;height:100%}.record-zone.open .zone-item{opacity:.35}.record-zone.open .zone-item.active,.record-zone.open .zone-item:hover,.record-zone.open .zone-item:focus-visible{opacity:1}.record-zone .zone-item.active .music-disc{box-shadow:0 0 0 1px #ffffff80,0 4px 24px #0003}.record-zone.playing .zone-item.active .disc-art{animation-play-state:running}@media (hover:hover){.record-zone:hover .zone-item.active .disc-art,.record-zone .zone-item:hover .disc-art{animation-play-state:running}}@media (max-width:768px){.music-dock .dock-info{font-size:11px;display:block}.record-zone .music-disc{width:80px;height:80px}.record-zone.open{height:min(52dvh,440px);margin-top:calc(52.5px - min(52dvh,440px)/2)}.number-block:has(.record-zone.open){padding-top:calc(min(52dvh,440px)/2 - 52.5px)}}.record-zone.open{-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.number-block{z-index:5;pointer-events:none;width:80px;left:auto;right:208px}.number-block .counter{line-height:42px;position:fixed;top:calc(50% - 63px);left:50vw}.record-zone{pointer-events:auto;width:80px;margin-left:0}.record-zone .zone-item{padding:12.5px 0}.music-dock{height:40px;top:calc(50% + 1.5px);right:32px}@media (max-width:768px){.number-block{width:80px;left:auto;right:188px}.number-block .counter{left:20px}.record-zone{margin-left:0;margin-right:0}.music-dock{grid-area:auto;height:40px;position:absolute;top:calc(50% + 1.5px);right:20px}.music-dock .dock-info{max-width:120px}}.number-block{padding-top:42px}.number-block .counter{top:calc(50% - 73.5px)}.number-block:has(.record-zone.open){padding-top:calc(min(66dvh,620px)/2 - 10.5px)}@media (max-width:768px){.number-block:has(.record-zone.open){padding-top:calc(min(52dvh,440px)/2 - 10.5px)}}.cell:hover .thumb{transform:scale(2)}.cell-detail{top:calc(50% + 120px)}@media (max-width:768px){.cell:hover .thumb{transform:scale(1.8)}}@media (min-width:769px){.number-block{right:84px}:is(.number-block,.number-block:has(.record-zone.open)){justify-content:flex-end;height:105px;padding-top:0;top:auto;bottom:17.5px}.record-zone.open{flex-shrink:0;margin-top:0}.music-dock{top:auto;bottom:50px}.music-panel{top:auto;bottom:120px}.stage .bg-layer video{object-fit:contain;object-position:center}.stage:after{content:"";pointer-events:none;background:linear-gradient(#0004,#0000 25% 65%,#0008);position:absolute;inset:0}.overlay{padding:48px 24px 24px}.about{text-indent:0;text-shadow:0 1px 12px #0005;mix-blend-mode:normal;max-width:390px;margin-top:26px;line-height:1.7}.number-block .counter{font-size:22px;line-height:40px;inset:auto 196px 50px auto}.selected p:nth-child(2),.selected p:nth-child(3){margin-left:0}.selected p:first-child{opacity:.6;margin-bottom:12px}.selected .project-caption{font-size:14px;line-height:1.5}.selected .project-caption strong{letter-spacing:-.04em;font-size:24px;line-height:1.35}.selected .description{opacity:.7;margin-top:8px}}@media (max-width:768px){.stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0009);position:absolute;inset:0}.overlay{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.selected{padding-bottom:105px;display:block}.selected p:nth-child(2),.selected p:nth-child(3){margin-left:0}.selected p:first-child{opacity:.6;margin-bottom:8px;font-size:11px}.selected .project-caption{line-height:1.5}.selected .description{opacity:.7;margin-top:6px;font-size:12px}:is(.number-block,.number-block:has(.record-zone.open)){top:auto;bottom:calc(8px + env(safe-area-inset-bottom));justify-content:flex-end;width:56px;padding-top:0;right:74px}.number-block .counter{top:auto;bottom:calc(39.5px + env(safe-area-inset-bottom));font-size:22px;line-height:42px;left:16px}.record-zone{width:56px}.record-zone .zone-item{padding:24.5px 0}.record-zone .music-disc{width:56px;height:56px}.record-zone.open{height:min(45dvh,315px);margin-top:0;-webkit-mask-image:linear-gradient(#0000,#000 15%,#000);mask-image:linear-gradient(#0000,#000 15%,#000)}.music-dock{top:auto;right:16px;bottom:calc(40.5px + env(safe-area-inset-bottom));gap:10px}.music-dock .dock-info{max-width:130px}.music-panel{bottom:calc(12px + env(safe-area-inset-bottom))}.overlay:has(.music-panel.open) .record-zone{visibility:hidden}}@media (max-width:360px){:is(.number-block,.number-block:has(.record-zone.open)){right:70px}.music-dock .dock-info span{letter-spacing:0;font-size:8px}.number-block .counter{font-size:19px}}.selected .description:empty{display:none}.sound-toggle{z-index:6;text-shadow:0 1px 10px #0008;place-items:center;width:32px;height:40px;font-size:20px;line-height:1;display:grid;position:absolute;bottom:50px;right:24px}@media (max-width:768px){.sound-toggle{right:16px;bottom:calc(40px + env(safe-area-inset-bottom))}}