[data-work-detail-source-hidden]{visibility:hidden}.work-detail-dialog{--detail-paper:#f5f5f1;--detail-ink:#202320;--detail-muted:#616660;--detail-rule:#d4d8d0;--detail-accent:#265d4b;width:min(1080px,100% - 32px);max-width:none;height:min(820px,100svh - 64px);max-height:calc(100svh - 32px);color:var(--detail-ink);isolation:isolate;background:0 0;border:0;border-radius:8px;margin:auto;padding:0;overflow:visible}.work-detail-dialog[open]{flex-direction:column;display:flex}.work-detail-dialog::backdrop{background:#0c100e8f}.work-detail-dialog[data-project=stories]{--detail-paper:#fff4f0;--detail-accent:#913d46;--detail-rule:#e9ceca}.work-detail-dialog[data-project=digital-life]{--detail-paper:#eff2f7;--detail-accent:#315bcb;--detail-rule:#cdd4e0}.work-detail-dialog[data-project=diary]{--detail-paper:#fffced;--detail-accent:#766018;--detail-rule:#e1dabe}.work-detail-paper{z-index:-1;background:var(--detail-paper);border:1px solid var(--detail-rule);border-radius:inherit;transform-origin:0 0;pointer-events:none;position:absolute;inset:0;box-shadow:0 24px 90px #0003}.work-detail-header{border-bottom:1px solid var(--detail-rule);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 32px 18px;display:flex}.work-detail-header span{color:var(--detail-muted);font:10px/1.5 var(--font-geist-mono,monospace);letter-spacing:0;display:block}.work-detail-header h2{overflow-wrap:anywhere;margin:4px 0 0;font-size:24px;font-weight:500;line-height:1.3}.work-detail-close{border:1px solid var(--detail-rule);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.work-detail-close:hover{background:var(--detail-rule)}.work-detail-close:focus-visible,.work-detail-links a:focus-visible{outline:2px solid var(--detail-accent);outline-offset:4px}.work-detail-scroll{overscroll-behavior:contain;border-radius:0 0 8px 8px;flex:1;min-height:0;padding:28px 32px 40px;overflow:hidden auto}.work-detail-project{max-width:900px;margin:auto}.work-detail-description{text-wrap:pretty;max-width:760px;margin:0 0 28px;font-size:19px;line-height:1.8}.work-detail-prose{max-width:760px;margin:24px 0;font-size:16px;line-height:1.9}.work-detail-home-image{margin:0;position:relative}.work-detail-home-image img{object-fit:contain;background:#e8eee8;border-radius:4px;width:100%;height:300px;display:block}.work-detail-home-image figcaption{color:var(--detail-muted);margin-top:8px;font-size:12px}.work-detail-links{flex-wrap:wrap;gap:16px 28px;margin-top:28px;display:flex}.work-detail-links a{min-height:44px;color:var(--detail-accent);text-underline-offset:5px;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:underline;display:inline-flex}.work-detail-links a svg{flex:none}.work-detail-note{color:var(--detail-muted);margin:16px 0 24px;font-size:13px;line-height:1.8}.work-detail-beta{border-bottom:2px solid var(--detail-accent);margin:0 0 24px;padding-bottom:6px;font-size:13px;display:inline-block}.work-detail-story-heading{margin:32px 0 24px}.work-detail-story-heading span{color:var(--detail-accent);font-size:11px}.work-detail-story-heading h3{margin:8px 0;font-size:30px;font-weight:500}.work-detail-excerpt{border-left:2px solid var(--detail-accent);max-width:720px;font-family:var(--font-serif,Georgia,serif);margin:0;padding-left:28px;font-size:18px;line-height:2.05}.work-detail-excerpt p{margin:0 0 24px}.dark .work-detail-dialog{--detail-paper:#242826;--detail-ink:#f1f2ed;--detail-muted:#b2bbb4;--detail-rule:#49514b;--detail-accent:#a1d5b9}.dark .work-detail-dialog[data-project=stories]{--detail-paper:#302527;--detail-accent:#edacb0;--detail-rule:#5a4145}.dark .work-detail-dialog[data-project=digital-life]{--detail-paper:#242831;--detail-accent:#adc0ff;--detail-rule:#434d64}.dark .work-detail-dialog[data-project=diary]{--detail-paper:#2b2921;--detail-accent:#dfd08e;--detail-rule:#56513a}@media (max-width:600px){.work-detail-dialog{height:calc(100svh - 48px)}.work-detail-header{gap:12px;padding:16px}.work-detail-header h2{font-size:20px}.work-detail-scroll{padding:22px 16px 28px}.work-detail-description{margin-bottom:22px;font-size:16px}.work-detail-home-image img{height:220px}.work-detail-excerpt{padding-left:16px;font-size:16px;line-height:1.95}.work-detail-story-heading h3{font-size:26px}}
.work-document-deck{touch-action:pan-y;outline:none;width:100%;position:relative}.work-document-deck:focus-visible{outline-offset:8px;outline:2px solid}.work-document-deck__grab,.work-card__bookmark,.work-card__expand{display:none}.work-document-deck__pile{gap:28px;display:grid}.selected-work--r004 .work-document-deck .selected-project{touch-action:pan-y;border:0;min-width:0;display:block;position:relative;box-shadow:0 1px #00000026}.work-card__secondary{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);height:100%;min-height:440px;display:grid}.selected-work--r004 .work-document-deck .selected-project__visual{height:auto;min-height:420px}.selected-work--r004 .work-document-deck .selected-project__body{padding:38px 28px 32px;position:relative}.selected-work--r004 .work-document-deck .selected-project__body h3{padding-right:30px;font-size:30px}.selected-work--r004 .work-document-deck .selected-project--2 .selected-project__link{margin-bottom:0}.selected-work--r004 .work-document-deck .selected-project--3{color:#343d2c;background:#f0e4a7}.selected-work--r004 .work-document-deck .selected-project--3 .selected-project__visual{overflow:visible}.work-card__story-art{color:#682b33;background:#e9aaa9;flex-direction:column;height:100%;min-height:420px;padding:24px;display:flex}.work-card__story-art>span{font:10px/1.5 var(--font-mono)}.work-card__story-art>div{background:#ffeae4;border-left:7px solid #8f3a44;flex:1;margin:22px 8px 22px 0;padding:28px 24px;position:relative;box-shadow:7px 5px #c4757b}.work-card__story-art>div>svg{position:absolute;top:24px;right:22px}.work-card__story-art strong{font:34px/1.2 var(--font-serif);padding-right:22px;display:block}.work-card__story-art hr{border:0;border-top:1px solid #d7a4a4;margin:24px 0 18px}.work-card__story-art p{font:15px/1.8 var(--font-serif);margin:0}.work-document-deck[data-deck-ready] .work-document-deck__grab{border-block:1px solid var(--border-color);width:fit-content;min-width:192px;min-height:56px;color:var(--foreground);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font:11px/1.5 var(--font-mono);align-items:center;gap:14px;margin-bottom:28px;padding:10px 20px;display:flex}.work-document-deck[data-deck-dragging=true] .work-document-deck__grab{cursor:grabbing}.work-document-deck__grab [data-work-count]{margin-left:10px;font-size:13px}.work-document-deck__grab:focus-visible{outline-offset:5px;outline:2px solid}.work-document-deck[data-deck-ready] .work-document-deck__pile{display:block;position:relative}.selected-work--r004 .work-document-deck[data-deck-ready] .selected-project{border-left:6px solid color-mix(in srgb,currentColor 35%,transparent);width:calc(100% - 269px);box-shadow:4px 7px 0 color-mix(in srgb,currentColor 20%,transparent),0 20px 38px #0000001f;transition:transform .3s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0}.work-document-deck[data-deck-ready] [data-deck-selected=false] .work-card__secondary{visibility:hidden;pointer-events:none}.work-document-deck[data-deck-ready] .work-card__bookmark{right:-148px;top:calc(20px + var(--bookmark-index)*96px);border:0;border-left:1px solid color-mix(in srgb,currentColor 20%,transparent);background:inherit;width:148px;min-height:88px;color:inherit;text-align:left;cursor:pointer;font:14px/1.4 var(--font-sans);border-radius:0 4px 4px 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:14px 15px;display:flex;position:absolute;box-shadow:3px 4px #0000001f}.work-card__bookmark>span{overflow-wrap:anywhere;font-weight:600}.work-card__bookmark small{font:10px/1.45 var(--font-mono)}.work-document-deck[data-deck-ready] [data-deck-selected=false] .work-card__bookmark{filter:brightness(.82)}.work-document-deck[data-deck-ready] [data-deck-selected=true] .work-card__bookmark{border-left:4px solid}.work-document-deck[data-deck-ready] .work-card__expand{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:20px;right:18px}.work-card__bookmark:focus-visible,.work-card__expand:focus-visible{outline-offset:4px;outline:2px solid}.selected-project--0{--bookmark-index:0}.selected-project--1{--bookmark-index:1}.selected-project--2{--bookmark-index:2}.selected-project--3{--bookmark-index:3}.selected-work--r004 .work-document-deck[data-deck-dragging=true] .selected-project,.selected-work--r004 .work-document-deck[data-deck-reduced=true] .selected-project{transition:none}.selected-work--r004 .work-document-deck[data-deck-axis=vertical] .selected-project{width:calc(100% - 61px)}.work-document-deck[data-deck-axis=vertical] .work-card__secondary{grid-template-rows:auto 1fr;grid-template-columns:1fr}.work-document-deck[data-deck-axis=vertical] .work-card__bookmark{width:52px;min-height:92px;right:-52px;top:calc(20px + var(--bookmark-index)*132px);text-align:center;align-items:center;padding:10px 5px;font-size:11px}.work-document-deck[data-deck-axis=vertical] .work-card__bookmark small{display:none}.selected-work--r004 .work-document-deck[data-deck-axis=vertical] .selected-project__body{padding:28px 22px 30px}.selected-work--r004 .work-document-deck[data-deck-axis=vertical] .selected-project__body h3{padding-right:20px;font-size:26px}.selected-work--r004 .work-document-deck[data-deck-axis=vertical] .work-card__expand{top:13px;right:9px}.selected-work--r004 .work-document-deck[data-deck-axis=vertical] .selected-project--0 .selected-project__visual,.selected-work--r004 .work-document-deck[data-deck-axis=vertical] .selected-project--1 .selected-project__visual{height:420px}@media (max-width:760px){.selected-work.selected-work--r004{padding-inline:12px}.work-card__secondary{grid-template-rows:auto 1fr;grid-template-columns:1fr}.selected-work--r004 .work-document-deck .selected-project--0 .selected-project__visual,.selected-work--r004 .work-document-deck .selected-project--1 .selected-project__visual{height:420px}.work-card__story-art{padding:20px 16px}.work-card__story-art>div{padding-inline:18px}.work-card__story-art strong{font-size:28px}.work-card__story-art>div>svg{width:20px;right:14px}}@media (prefers-reduced-motion:reduce){.selected-work--r004 .work-document-deck[data-deck-ready] .selected-project{transition:none}}