:root{color-scheme:dark;--bg: #000;--ink: #f2f2f2;--soft: #a6a6a6;--mute: #868686;--rule: #262626;--gutter: max(20px, 5vw);--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:400 14px/1.65 var(--mono);letter-spacing:.02em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit}:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.intro{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(48px,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(96px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));text-align:center}.intro__mark{margin:0;line-height:0;width:100%;display:flex;justify-content:center}.intro__mark img{display:block;width:min(56vw,420px);height:auto}.intro__line{margin:28px 0 0;font-weight:300;font-size:12px;letter-spacing:.06em;color:var(--ink)}@media (min-width: 760px){.intro__line{margin-top:36px;font-size:14px}}.intro__next{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--mute)}.intro__next:hover{color:var(--ink)}.index{position:relative;max-width:1200px;margin:0 auto;padding:72px max(var(--gutter),env(safe-area-inset-right)) 120px max(var(--gutter),env(safe-area-inset-left))}.index__head{margin:0 0 24px;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.works{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}.work{border-top:1px solid var(--rule)}.work__row{display:grid;grid-template-columns:5ch minmax(0,1fr);grid-template-areas:"still still" "no    main" ".     media" ".     status";column-gap:12px;row-gap:8px;min-height:44px;padding:24px 0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.work__still{grid-area:still;display:block;width:100%;max-width:420px;margin:0 auto 16px;aspect-ratio:1}.work__still img{display:block;width:100%;height:100%;-webkit-mask-image:radial-gradient(closest-side,#000 92%,transparent 100%);mask-image:radial-gradient(closest-side,#000 92%,transparent 100%);transition:opacity .4s ease}.work__no{grid-area:no;color:var(--mute);font-variant-numeric:tabular-nums}.work__main{grid-area:main;display:flex;flex-direction:column;gap:6px;min-width:0}.work__title{letter-spacing:.1em}.work__desc{color:var(--soft);max-width:56ch}.work__media{grid-area:media;font-size:12px;letter-spacing:.12em;color:var(--mute)}.work__status{grid-area:status;font-size:12px;letter-spacing:.12em;color:var(--soft)}.work__go{display:inline-block;margin-left:4px;transition:transform .4s ease}.work--live .work__title{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1px;transition:text-decoration-color .4s ease}.work--live .work__row:is(:active,:focus-visible) .work__title{text-decoration-color:var(--ink)}.work--live .work__row:is(:active,:focus-visible) .work__go{transform:translate(4px)}.work--live .work__row:active .work__still img{opacity:.8}@media (hover: hover){.work--live .work__row:hover .work__title{text-decoration-color:var(--ink)}.work--live .work__row:hover .work__go{transform:translate(4px)}}.work--pending,.work--pending .work__desc,.work--pending .work__status{color:var(--mute)}@media (min-width: 760px){.work__row{grid-template-columns:6ch 112px minmax(0,1fr) max-content 13ch;grid-template-areas:"no still main media status";column-gap:24px;align-items:baseline;padding:28px 0}.work__still{width:112px;margin:0;align-self:start}.work__media{white-space:nowrap}.work__status{text-align:right}}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 24px;max-width:1200px;margin:0 auto;padding:0 max(var(--gutter),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));font-size:11px;letter-spacing:.08em;color:var(--mute)}.foot p{margin:0}.foot a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.foot a:hover{color:var(--ink)}@keyframes arrive{0%{opacity:0}to{opacity:1}}.intro__mark,.intro__line,.intro__next{animation:arrive 1.6s ease-out both}.intro__line{animation-delay:.7s}.intro__next{animation-delay:1.4s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}