.sound-toggle{border:0;padding:7px 0 0;background:none;color:rgba(255,255,255,.38);font:inherit;letter-spacing:inherit;cursor:pointer}.sound-toggle:hover,.sound-toggle:focus-visible{color:rgba(255,255,255,.78)}
.works{position:relative;min-height:190vh;padding:18vh 0 22vh;overflow:hidden;background:#050607}.works:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 24%,rgba(72,58,120,.08),transparent 36%);pointer-events:none}.signal-bridge{position:absolute;z-index:2;top:-21vh;left:67%;height:48vh;width:1px;background:linear-gradient(transparent,rgba(231,235,242,.55),rgba(231,235,242,.15))}.signal-bridge i{position:absolute;left:-3px;bottom:0;width:7px;height:7px;border:1px solid rgba(142,122,255,.55);border-radius:50%;box-shadow:0 0 15px rgba(142,122,255,.25)}.works-ghost{position:absolute;top:1.5vh;left:3.8vw;color:rgba(255,255,255,.018);font-size:clamp(7rem,19vw,21rem);font-weight:520;letter-spacing:-.075em;line-height:1;white-space:nowrap;pointer-events:none}.works-shell{position:relative;z-index:3}.works-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;margin-bottom:clamp(80px,14vh,140px)}.works-head h2{margin:0;font-size:clamp(4.2rem,9.4vw,10rem);line-height:.79;letter-spacing:-.067em;font-weight:510}.works-index{align-self:end;padding-bottom:.65rem;color:rgba(255,255,255,.48);font-size:.85rem;line-height:1.55}.works-index>span{display:block;margin-bottom:28px;font:500 .64rem/1 var(--font-standard);letter-spacing:.1em;color:rgba(255,255,255,.35)}.works-index p{margin:0}.works-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(50px,8vw,130px);align-items:start}.project-list{border-top:1px solid rgba(255,255,255,.14)}.project-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 170px;gap:18px;align-items:center;min-height:96px;border-bottom:1px solid rgba(255,255,255,.14);transition:color .4s,opacity .4s}.project-list:hover .project-row:not(:hover){opacity:.34}.project-no,.project-type{font:500 .6rem/1.4 var(--font-standard);letter-spacing:.09em;color:rgba(255,255,255,.35)}.project-row h3{margin:0;font-size:clamp(1.3rem,2.35vw,2.5rem);font-weight:460;letter-spacing:-.035em}.project-type{text-align:right}.project-node{position:absolute;right:-5px;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:#050607;border:1px solid rgba(255,255,255,.45)}.project-row:hover .project-node,.project-row:focus-visible .project-node{background:currentColor;border-color:currentColor;animation:resonance .8s cubic-bezier(.16,1,.3,1)}@keyframes resonance{0%{box-shadow:0 0 0 0 currentColor}38%{box-shadow:0 0 0 12px transparent}70%{box-shadow:0 0 0 4px rgba(255,255,255,.12)}100%{box-shadow:0 0 0 0 transparent}}.project-preview{position:sticky;top:13vh;min-height:480px;border-top:1px solid rgba(255,255,255,.14);padding-top:14px}.preview-field{position:relative;height:330px;overflow:hidden;background:linear-gradient(145deg,#080a0c,#0c0d12 55%,#070708)}.preview-field:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.03),transparent 68%)}.preview-wave{position:absolute;left:-8%;top:50%;width:116%;height:1px;background:var(--preview-color,#00e5ff);box-shadow:0 0 9px color-mix(in srgb,var(--preview-color,#00e5ff) 60%,transparent);transform:rotate(-15deg)}.preview-wave:before,.preview-wave:after{content:"";position:absolute;inset:-38px 0 auto;height:74px;background:repeating-radial-gradient(ellipse at center,transparent 0 12px,color-mix(in srgb,var(--preview-color,#00e5ff) 35%,transparent) 13px 13.5px,transparent 14px 30px);opacity:.3;clip-path:polygon(0 48%,100% 0,100% 55%,0 100%)}.preview-field i{position:absolute;width:2px;height:2px;background:#fff;opacity:.22}.preview-field i:nth-of-type(1){left:20%;top:28%}.preview-field i:nth-of-type(2){left:64%;top:67%}.preview-field i:nth-of-type(3){left:81%;top:21%}.project-preview.changed .preview-wave{animation:preview-pulse .65s ease}@keyframes preview-pulse{0%{transform:rotate(-15deg) scaleY(1)}35%{transform:rotate(-15deg) scaleY(18)}100%{transform:rotate(-15deg) scaleY(1)}}.preview-meta{display:flex;justify-content:space-between;margin-top:15px;color:rgba(255,255,255,.34);font:500 .6rem/1 var(--font-standard);letter-spacing:.1em}.project-preview h3{margin:48px 0 4px;font-size:clamp(2rem,3.2vw,4rem);font-weight:470;letter-spacing:-.045em}.project-preview>p{margin:0;color:rgba(255,255,255,.44);font-size:.82rem}.about{min-height:88vh;padding-top:16vh;padding-bottom:38px;background:radial-gradient(circle at 20% 35%,rgba(0,229,255,.035),transparent 38%),#050607;display:flex;flex-direction:column}.about-label{margin:0 0 8vh;color:rgba(255,255,255,.38);font:500 .62rem/1 var(--font-standard);letter-spacing:.1em}.about-statement{width:min(1100px,90%);margin:0;font-size:clamp(2.6rem,5.5vw,6rem);line-height:.99;letter-spacing:-.052em;color:rgba(232,234,237,.9)}.contact-link{align-self:flex-start;margin-top:8vh;font:500 .69rem/1 var(--font-standard);letter-spacing:.1em}.contact-link span{padding-left:8px}.about footer{margin-top:auto;display:flex;justify-content:space-between;color:rgba(255,255,255,.28);font:500 .58rem/1 var(--font-standard);letter-spacing:.1em}.cursor{position:fixed;inset:0;z-index:100;pointer-events:none}.cursor-dot,.cursor-ring{position:absolute;left:0;top:0;border-radius:50%;will-change:transform}.cursor-dot{width:4px;height:4px;background:#fff;margin:-2px 0 0 -2px}.cursor-ring{display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border:1px solid rgba(255,255,255,.25);transition:width .25s,height .25s,margin .25s,background .25s}.cursor-ring b{font:500 .48rem/1 var(--font-standard);letter-spacing:.08em;opacity:0}.cursor.is-link .cursor-ring{width:42px;height:42px;margin:-21px 0 0 -21px;background:rgba(255,255,255,.04)}.cursor.is-link .cursor-ring b{opacity:.8}.cursor-trail{position:fixed;inset:0;z-index:99;pointer-events:none}.cursor-trail i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.12;will-change:transform}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}
@media(max-width:900px){.works-grid{grid-template-columns:1fr}.project-preview{position:relative;top:auto;min-height:0}.preview-field{height:48vw;min-height:280px}.works-head{grid-template-columns:1fr auto}.signal-bridge{left:77%}}
@media(max-width:760px){.works{padding-top:14vh}.works-head{grid-template-columns:1fr;gap:36px}.works-head h2{font-size:17vw}.works-index{display:flex;justify-content:space-between;align-items:end}.works-index>span{margin:0}.works-index p{font-size:.76rem}.project-row{grid-template-columns:30px minmax(0,1fr);min-height:84px}.project-type{display:none}.project-row h3{font-size:1.3rem}.project-node{right:0}.project-preview h3{margin-top:30px}.about-statement{width:100%;font-size:11vw}.cursor,.cursor-trail{display:none!important}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:auto}}
@media(pointer:coarse){.cursor,.cursor-trail{display:none!important}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:auto}}