.status{display:flex;align-items:center;gap:8px;font-size:var(--t-label);color:var(--ink-2)}.status i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ok)}.headline{position:fixed;z-index:30;top:0;left:0;transform-origin:0 0;will-change:transform;display:grid;margin:0;pointer-events:none;white-space:nowrap;font:var(--hl-weight) clamp(64px,9.6vw,164px)/.98 var(--serif);font-variation-settings:var(--hl-vary);letter-spacing:var(--hl-track)}.headline.is-resting>span{pointer-events:auto;cursor:default}.word{position:relative;isolation:isolate;display:inline-block;min-width:.2em;color:var(--word)}.word:before{content:"";position:absolute;z-index:-1;inset:.14em -.05em .04em;border-radius:.04em;background:var(--mark);transform:scaleX(var(--sel, 0));transform-origin:left}.word:after{content:"";position:absolute;left:-.03em;right:-.03em;top:54%;height:.045em;border-radius:1em;background:var(--accent);transform:scaleX(var(--strike, 0));transform-origin:left}.word.is-leaving{opacity:.35;transition:opacity .16s ease}.caret{display:inline-block;width:.04em;height:.82em;margin:0 .02em 0 .03em;vertical-align:-.16em;border-radius:1em;background:var(--caret);animation:blink 1.05s steps(1) infinite}.caret.is-typing{animation:none}.caret.is-off{width:0;margin:0;opacity:0;animation:none}@keyframes blink{50%{opacity:0}}.side{opacity:0;pointer-events:none}.side.is-docked{pointer-events:auto}.hero{position:relative;height:100svh;min-height:620px;padding:0 40px}.hero-top{position:absolute;z-index:15;top:28px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:baseline;gap:24px}.hero-id{display:flex;align-items:baseline;gap:10px;font-size:var(--t-ui)}.hero-id b{font-weight:500}.hero-id span{color:var(--muted)}.hero-id span:before{content:"·";margin-right:10px;color:var(--line-strong)}.hero-links{display:flex;gap:22px;font-size:var(--t-ui)}.hero-links a{display:inline-block;padding:6px 0;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;transition:text-decoration-color .16s ease}.hero-links a:hover{text-decoration-color:currentColor}.hero-note{position:absolute;right:40px;top:60%;max-width:32ch;color:var(--ink-2);font-size:var(--t-read);line-height:1.55;text-wrap:pretty}.cue{position:absolute;left:40px;bottom:56px;display:block;width:24px;height:52px}.cue i{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}.cue i:after{content:"";position:absolute;left:-2.5px;top:0;width:6px;height:6px;border-radius:50%;background:var(--ink);animation:travel 2.4s cubic-bezier(.77,0,.175,1) infinite}@keyframes travel{0%{transform:translateY(0);opacity:0}15%{opacity:1}75%{opacity:1}to{transform:translateY(46px);opacity:0}}.edge{position:fixed;z-index:10;top:0;left:0;right:0;height:96px;pointer-events:none}.edge i{position:absolute;inset:0}.edge i:nth-child(1){backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);--m: linear-gradient(to top, transparent 0%, #000 12.5%, #000 25%, transparent 37.5%)}.edge i:nth-child(2){backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);--m: linear-gradient(to top, transparent 12.5%, #000 25%, #000 37.5%, transparent 50%)}.edge i:nth-child(3){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);--m: linear-gradient(to top, transparent 25%, #000 37.5%, #000 50%, transparent 62.5%)}.edge i:nth-child(4){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);--m: linear-gradient(to top, transparent 37.5%, #000 50%, #000 62.5%, transparent 75%)}.edge i:nth-child(5){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);--m: linear-gradient(to top, transparent 50%, #000 62.5%, #000 75%, transparent 87.5%)}.edge i:nth-child(6){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);--m: linear-gradient(to top, transparent 62.5%, #000 75%, #000 100%)}.edge i{-webkit-mask-image:var(--m);mask-image:var(--m)}.edge:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg),color-mix(in srgb,var(--bg) 70%,transparent) 30%,color-mix(in srgb,var(--bg) 20%,transparent) 65%,transparent)}.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}.card{position:relative;display:grid;gap:16px;align-content:start;border-radius:14px;outline-offset:6px}.cover{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #0000000a;transition:transform .52s var(--ease-out),box-shadow .3s ease}.cover .mk-stage{transition:transform .7s var(--ease-out)}.card-body{position:relative;display:grid;gap:6px}.card h3{font:400 var(--t-title)/1.12 var(--serif);letter-spacing:-.018em}.card .line{max-width:52ch;color:var(--ink-2);text-wrap:pretty}.card .meta{margin-top:2px;color:var(--muted);font-size:var(--t-label)}.go{position:absolute;right:2px;bottom:0;font-size:var(--t-label);font-weight:500;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .26s var(--ease-out)}.go span{display:inline-block}.card:focus-visible .go{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){a.card:hover .cover{transform:translateY(-3px);box-shadow:0 0 0 1px #0000000a,0 18px 40px -24px #0000004d}a.card:hover .cover .mk-stage{transform:scale(1.015)}a.card:hover .go{opacity:1;transform:none}}@media(pointer:coarse){.go{position:static;opacity:1;transform:none}}.pin{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:99px;background:#fffdf9e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 16px -10px #0006;font-size:var(--t-micro);font-weight:500;transform:translateY(-10px) rotate(-8deg);opacity:0;transition:transform .7s var(--spring) .2s,opacity .3s ease .2s}.card.is-in .pin{transform:none;opacity:1}.pin i{width:6px;height:6px;border-radius:50%;background:var(--mauve)}.folders{display:flex;flex-wrap:wrap;gap:32px}.folder-wrap{display:grid;gap:12px;width:236px}.folder{all:unset;position:relative;display:block;aspect-ratio:4 / 3;cursor:pointer;perspective:900px;--c: #a9bccf;--c2: #cbd8e5}.folder[data-tone=green]{--c: #a7bd9d;--c2: #cddbc5}.folder:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:14px}.f-back{position:absolute;inset:9% 0 0;border-radius:4px 14px 14px;background:var(--c)}.f-back:before{content:"";position:absolute;left:0;top:-8%;width:36%;height:11%;border-radius:12px 12px 0 0;background:inherit}.f-paper{position:absolute;left:9%;right:9%;top:15%;height:64%;border-radius:8px;overflow:hidden;background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffffb3,0 6px 14px -10px #0007;transform-origin:50% 100%;transition:transform .42s var(--ease-out)}.f-paper img{width:100%;height:100%;object-fit:cover;object-position:top}.f-paper:nth-of-type(1){transform:translateY(-3%) rotate(-2deg)}.f-paper:nth-of-type(2){transform:translateY(-7%) rotate(2.5deg)}.f-front{position:absolute;z-index:2;inset:40% 0 0;display:grid;align-content:end;gap:2px;padding:12px 14px;border-radius:12px;color:#14130f;background:linear-gradient(180deg,color-mix(in srgb,var(--c2) 78%,transparent),color-mix(in srgb,var(--c) 90%,transparent));-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);box-shadow:inset 0 1px #ffffff80,0 10px 22px -16px #0009;transform-origin:50% 100%;transition:transform .42s var(--ease-out)}.f-front b{font:400 var(--t-title-s)/1 var(--serif);letter-spacing:-.015em}.f-front span{font-size:var(--t-micro);color:var(--ink-2)}.folder:active .f-front{transform:rotateX(-10deg) scale(.985)}.folder:focus-visible .f-front{transform:rotateX(-16deg)}@media(hover:hover)and (pointer:fine){.folder:hover .f-front{transform:rotateX(-16deg)}.folder:hover .f-paper:nth-of-type(1){transform:translate(-9%,-20%) rotate(-6deg)}.folder:hover .f-paper:nth-of-type(2){transform:translate(9%,-17%) rotate(5deg)}}.folder-note{color:var(--muted);font-size:var(--t-label);line-height:1.45}.pp{position:absolute;inset:0}.pp--dots{background-color:#f6f4ef;background-image:radial-gradient(circle,#191714 1.1px,transparent 1.6px);background-size:11px 11px;background-position:center top}.pp--plus{display:grid;place-items:start center;padding-top:14%;background:#f6f4ef radial-gradient(circle,#19171455 1px,transparent 1.4px) center top / 11px 11px}.pp--plus:before{content:"+";font:300 var(--t-title)/1 var(--sans);color:#191714}.modal{width:min(900px,92vw);max-height:90vh;overflow:auto;overscroll-behavior:contain;padding:28px;border:0;border-radius:18px;background:var(--bg);color:var(--ink);box-shadow:0 40px 80px -30px #0007;opacity:0;transform:scale(.97);transition:opacity .16s ease,transform .16s var(--ease-out),overlay .16s allow-discrete,display .16s allow-discrete}.modal[open]{opacity:1;transform:none;transition-duration:.24s}@starting-style{.modal[open]{opacity:0;transform:scale(.97)}}.modal::backdrop{background:#19171459;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal header{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:22px}.modal h2{margin:0 0 4px;font-size:var(--t-title)}.modal header p{color:var(--muted);font-size:var(--t-ui)}.close-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);font-size:var(--t-title-s);line-height:1;cursor:pointer;transition:background .16s ease,transform .16s var(--ease-out)}.close-x:hover{background:var(--line)}.close-x:active{transform:scale(.94)}.m-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.m-site{display:grid;gap:12px;border-radius:14px;outline-offset:4px}.m-shot{display:block;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #0000000d}.m-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease-out)}.m-text{display:grid;gap:2px}.m-text b{font-weight:500}.m-text span{color:var(--muted);font-size:var(--t-label)}.m-go{font-size:var(--t-label);font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}@media(hover:hover)and (pointer:fine){.m-site:hover .m-shot img{transform:scale(1.025)}.m-site:hover .m-go{text-decoration-color:currentColor}}.m-game{display:grid;gap:8px;align-content:start}.m-game b{font-weight:500}.m-game p{color:var(--muted);font-size:var(--t-label)}.board{position:relative;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px #0000000d}.board canvas:focus-visible{outline-offset:-3px;border-radius:12px}.board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .5s ease}.board.is-done canvas{opacity:.12}.board .hud{position:absolute;z-index:2;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;pointer-events:none;font:500 var(--t-micro)/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);transition:opacity .4s ease}.board .hud.is-quiet{opacity:.4}.board .done{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;pointer-events:none;opacity:0;transition:opacity .4s ease}.board .done.is-on{opacity:1;pointer-events:auto}.board .done p{font:500 var(--t-micro)/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}.board .done b{font:400 var(--t-title)/1.1 var(--serif);letter-spacing:-.01em}.board .again{min-height:40px;padding:0 12px;border:0;background:none;font-size:var(--t-label);font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.articles a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px 0;border-top:1px solid var(--line)}.articles li:last-child a{border-bottom:1px solid var(--line)}.articles b{font:400 var(--t-title-s)/1.25 var(--serif);letter-spacing:-.01em;transition:transform .42s var(--ease-out)}.where-to{color:var(--muted);font-size:var(--t-label);transition:color .16s ease}.thumb{display:none}@media(hover:hover)and (pointer:fine){.articles a:hover b{transform:translate(4px)}.articles a:hover .where-to{color:var(--ink)}}:root[data-writing=thumbs] .articles a{grid-template-columns:72px minmax(0,1fr) auto;padding:12px 0}:root[data-writing=thumbs] .thumb{display:grid;place-items:center;width:72px;aspect-ratio:4 / 3;border-radius:8px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.thumb svg{width:70%;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.thumb .hl{stroke:var(--gold)}.caption{margin-top:14px;color:var(--muted);font-size:var(--t-label)}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.about-text{display:grid;gap:18px;font-size:var(--t-read);line-height:1.65;color:var(--ink-2)}.about-text p{text-wrap:pretty;max-width:52ch}.about-text>div{display:grid;gap:14px}.roles li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:13px 0;border-top:1px solid var(--line)}.roles li:last-child{border-bottom:1px solid var(--line)}.roles .what{font-weight:500}.roles .org{grid-row:2;color:var(--muted);font-size:var(--t-label)}.roles time{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--muted);font-size:var(--t-label);font-variant-numeric:tabular-nums}.close{margin-top:96px;padding-top:48px;border-top:1px solid var(--line)}.close-line{max-width:20ch;margin:18px 0 26px;font:400 var(--t-close)/1.08 var(--serif);font-variation-settings:var(--h2-vary);letter-spacing:-.025em;text-wrap:balance}.close-line a{background:linear-gradient(var(--mark),var(--mark)) 0 88% / 100% .32em no-repeat;color:var(--word);transition:background-size .3s var(--ease-out)}.close-line a:hover{background-size:100% .9em}.close-actions{display:flex;flex-wrap:wrap;gap:10px}.address{display:flex;align-items:center;gap:4px;margin-top:18px;color:var(--ink-2);font-size:var(--t-ui)}.socials{display:flex;gap:22px;margin-top:16px;font-size:var(--t-label)}.socials a{display:inline-block;padding:6px 0;color:var(--muted);transition:color .16s ease}.socials a:hover{color:var(--ink)}.credit{display:flex;align-items:center;gap:6px;margin-top:56px;color:var(--muted);font-size:var(--t-micro)}.heart{fill:var(--muted);opacity:.7}@media(max-width:900px){.headline{position:static;transform:none!important;padding:72px 20px 0;font-size:clamp(46px,13vw,84px);white-space:normal}.side{position:static;opacity:1!important;width:auto;padding:0 20px;pointer-events:auto}.hero{height:auto;min-height:0;padding:18px 20px 0}.hero-top,.cue{display:none}.hero-note{position:static;max-width:none;font-size:var(--t-read)}.edge{display:none}.work-list{grid-template-columns:1fr;gap:40px}.folders{gap:16px}.folder-wrap{width:calc(50% - 8px)}.f-front b{font-size:var(--t-title-s)}.m-items{grid-template-columns:1fr}.modal{padding:20px}.about-grid{grid-template-columns:1fr;gap:32px}.close-line{font-size:var(--t-close-m)}}