.project-page{background:var(--page)}.project-page .site-header{position:fixed;right:0;left:0}.project-page .desktop-nav a{font-size:20px;font-weight:500}.project-page .header-contact{font-size:17px;font-weight:650}[data-project=signal-workspace] .desktop-nav,.signal-workspace-detail-page .desktop-nav{gap:54px}:is(.signal-gallery-detail-page:has(.signal-gallery-detail img[alt="Still Form \54c1\724c\9879\76ee\5c55\793a\56fe  2"]),.signal-gallery-detail-page:has(.signal-gallery-detail img[alt="Still Form \54c1\724c\9879\76ee\5c55\793a\56fe  3"]),.signal-gallery-detail-page:has(.signal-gallery-detail img[alt="Phase \52a8\6548\9879\76ee\5c55\793a\56fe\4e8c"]),.signal-gallery-detail-page:has(.signal-gallery-detail img[alt="Phase \52a8\6548\9879\76ee\5c55\793a\56fe\4e09"]),.signal-gallery-detail-page:has(.signal-gallery-detail img[alt="Synthetic Organisms \9879\76ee\5c55\793a\56fe  2"]),.signal-gallery-detail-page:has(.signal-gallery-detail img[alt="Synthetic Organisms \9879\76ee\5c55\793a\56fe  3"])) .desktop-nav{gap:54px}:is([data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .desktop-nav{gap:54px}.project-hero{position:relative;display:grid;min-height:100dvh;overflow:hidden;align-items:end}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgb(6 6 6 / 0.96),rgb(6 6 6 / 0.12) 72%),linear-gradient(90deg,rgb(6 6 6 / 0.48),transparent 68%)}.project-hero-inner{position:relative;z-index:1;display:grid;width:min(var(--container),calc(100% - 40px));margin:0 auto;padding:150px 0 clamp(64px,9vh,104px);gap:16px}.project-hero-inner>p{margin:0;color:#d7d6da;font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:13px}.project-hero h1{max-width:13ch;margin:0;font-size:clamp(54px,7.8vw,108px);font-weight:650;letter-spacing:-0.065em;line-height:0.96}.project-hero-inner>span{max-width:620px;color:#cdccd0;font-size:clamp(17px,1.7vw,22px);line-height:1.65}.project-overview,.project-process,.project-pagination{width:min(var(--container),calc(100% - 40px));margin:0 auto}.project-overview{display:grid;padding:clamp(96px,12vw,168px) 0;grid-template-columns:minmax(0,1.2fr) minmax(320px,0.8fr);gap:clamp(54px,9vw,132px)}.project-overview>div>p{max-width:23ch;margin:0;font-size:clamp(28px,3.3vw,48px);font-weight:560;letter-spacing:-0.04em;line-height:1.22}.project-overview>div>span{display:block;max-width:540px;margin-top:22px;color:var(--quiet);font-size:13px;line-height:1.7}.project-overview dl{margin:0;border-top:1px solid var(--border)}.project-overview dl>div{display:grid;padding:18px 0;grid-template-columns:90px 1fr;border-bottom:1px solid var(--border)}.project-overview dt{color:var(--quiet);font-size:13px}.project-overview dd{margin:0;color:#d3d2d6;font-size:14px}.project-process>article{display:grid;padding:clamp(72px,9vw,126px) 0;grid-template-columns:minmax(140px,0.35fr) minmax(0,1.25fr);gap:clamp(36px,6vw,90px);border-top:1px solid var(--border)}.project-process>article>p{margin:0;color:var(--violet);font-size:14px;font-weight:650}.project-process h2{max-width:17ch;margin:0;font-size:clamp(36px,5vw,70px);font-weight:600;letter-spacing:-0.055em;line-height:1.04}.project-process article div>span{display:block;max-width:620px;margin-top:24px;color:var(--muted);font-size:16px;line-height:1.75}.project-process figure{margin:0 0 clamp(100px,14vw,190px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card)}.project-process figure img{width:100%;aspect-ratio:16 / 10;object-fit:cover}:is([data-project=signal-workspace],[data-project=still-form-identity]) .project-hero-inner>p{font-family:"Inter Variable",Arial,sans-serif;font-size:15px;font-weight:600}[data-project=signal-workspace] .project-hero-inner>span,[data-project=signal-workspace] .project-overview dd{font-weight:600}[data-project=signal-workspace] .project-overview>div>p{font-size:clamp(26px,2.45vw,35px);line-height:calc(1.22em + 10px)}:is([data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .project-overview>div>p{font-size:clamp(26px,2.45vw,35px);line-height:calc(1.22em + 10px)}:is([data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .project-overview dd{font-weight:600}:is([data-project=phase-motion],[data-project=synthetic-organisms]) .project-hero-inner>p{font-family:"Inter Variable",Arial,sans-serif;font-size:15px;font-weight:600}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery{width:100%;margin:0 0 clamp(100px,14vw,190px);overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery.is-dragging{cursor:grabbing}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery-track{display:flex;width:max-content;margin-inline:auto;gap:80px;transform:translate3d(0,0,0)}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery.is-dragging .signal-gallery-track{will-change:transform}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery-card{display:block;flex:0 0 380px;width:380px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card)}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery.is-settling-jelly .signal-gallery-card{transform:scaleX(var(--jelly-scale-x, 1)) scaleY(var(--jelly-scale-y, 1)) skewX(var(--jelly-skew, 0deg));transform-origin:center;will-change:transform}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery-card img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;pointer-events:none}:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery{padding-block:clamp(30px,4vw,54px);contain:layout paint style;perspective:1200px}:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery-track{position:relative;display:block;width:100%;height:min(266px,calc((100vw - 32px) * 0.6875));margin-inline:0;transform-style:preserve-3d;will-change:transform}:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery-card{position:absolute;top:50%;left:50%;backface-visibility:hidden;cursor:grab;transform-origin:center;-webkit-user-drag:none;will-change:transform,opacity}:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery-card img{-webkit-user-drag:none}:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery.is-dragging,:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery.is-dragging .signal-gallery-card{cursor:grabbing}@media(prefers-reduced-motion:reduce){:is([data-project=signal-workspace],[data-project=still-form-identity],[data-project=phase-motion],[data-project=synthetic-organisms]) .signal-gallery-card{will-change:auto}}.project-pagination{display:grid;padding-bottom:clamp(90px,12vw,160px);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.project-pagination>a:not(.all-work){display:grid;min-height:104px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:4px}.project-pagination>a:last-child{text-align:right}.project-pagination small{color:var(--quiet);font-size:12px}.project-pagination strong{font-size:16px;font-weight:600}.project-pagination .all-work{display:grid;min-height:44px;padding:0 16px;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);font-size:13px;font-weight:650}.project-missing{display:grid;min-height:100dvh;place-content:center;gap:22px;text-align:center}.project-missing h1{margin:0;font-size:clamp(42px,7vw,80px)}@media(max-width:760px){.project-hero-inner,.project-overview,.project-process,.project-pagination{width:calc(100% - 32px)}.project-hero h1{font-size:clamp(48px,14vw,72px)}.project-overview{grid-template-columns:1fr;gap:54px}.project-process>article{grid-template-columns:1fr;gap:22px}.project-pagination{grid-template-columns:1fr 1fr}.project-pagination .all-work{grid-column:1 / -1;grid-row:1;justify-self:center}.project-pagination strong{font-size:13px}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery-track{gap:24px}:is([data-project=signal-workspace],[data-project=phase-motion],[data-project=still-form-identity],[data-project=synthetic-organisms]) .signal-gallery-card{flex-basis:min(380px,calc(100vw - 32px));width:min(380px,calc(100vw - 32px))}}
