*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}small{font-size:80%}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(button,[type=button],[type=reset],[type=submit]){appearance:button}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--bg:#0e1014;--bg-2:#14161b;--fg:#d4d2cb;--fg-2:#8a877e;--rule:#d4d2cb1a;--rule-2:#d4d2cb2e;--link:#d4d2cb;--accent:#e89aae;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}html.is-day{--bg:#f8f5ec;--bg-2:#ede8d6;--fg:#1e1b14;--fg-2:#6e6858;--rule:#1e1b1424;--rule-2:#1e1b1438;--link:#1e1b14;--accent:#a65267}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;font-weight:400;line-height:1.55}@view-transition{navigation:auto}#ascii-bg-canvas{view-transition-name:bg}::view-transition-old(bg),::view-transition-new(bg){animation-duration:.6s;animation-timing-function:ease-out}@media (prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}html.transitions-on,html.transitions-on body{transition:background .4s,color .4s}body{min-height:100vh;position:relative;overflow-x:hidden}a{color:var(--link);text-decoration:underline;text-decoration-color:var(--fg-2);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .15s}a:hover{text-decoration-color:var(--link)}::selection{background:var(--fg);color:var(--bg)}:root{--col-max-w:680px}html[data-col=cozy]{--col-max-w:600px}html[data-col=wide]{--col-max-w:780px}main.column{max-width:var(--col-max-w,680px);z-index:2;margin:0 auto;padding:80px 28px 120px;position:relative}@media (max-width:540px){main.column{padding:60px 20px 80px}}.wordmark{letter-spacing:-.012em;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1}.wordmark a{color:inherit;text-decoration:none}.wordmark .last{color:var(--accent);font-weight:400;transition:color .4s}.section-label{color:var(--fg-2);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:11px;font-weight:600;display:flex}.section-label .ico{opacity:.7;flex-shrink:0;width:10px;height:10px}p{color:var(--fg);margin:0 0 14px}p.muted{color:var(--fg-2)}section{margin-top:48px}ul.items{margin:0;padding:0;list-style:none}ul.items li{justify-content:space-between;align-items:baseline;gap:20px;padding:6px 0;display:flex}ul.items li .year{color:var(--fg-2);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}ul.items li .ttl{flex:1;min-width:0}.proj2-chip{border:1px solid var(--rule-2);color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:10.5px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.proj2-chip:hover{color:var(--accent);border-color:var(--accent);background:0 0}.proj2-chip.is-active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.proj2-chip.is-active:hover{color:var(--bg);background:var(--accent)}.proj2-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proj2-chip-count{font-variant-numeric:tabular-nums;opacity:.7;font-size:9.5px}.proj2-chip.is-active .proj2-chip-count{opacity:.85}.proj2-row{border-bottom:1px solid var(--rule)}.proj2-row:last-child{border-bottom:none}.proj2-row-head{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:28px 1fr;align-items:start;gap:12px;padding:12px 0;transition:color .2s;display:grid}.proj2-row-head.is-static{cursor:default}.proj2-row-head:focus-visible{outline:none}.proj2-row-head:focus-visible .proj2-name{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.proj2-toggle{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-2);opacity:.7;white-space:nowrap;padding-top:2px;font-size:11px;transition:color .2s,opacity .2s}.proj2-row-head:not(.is-static):hover .proj2-toggle,.proj2-row.is-expanded .proj2-toggle{color:var(--accent);opacity:1}.proj2-row-body{min-width:0}.proj2-row-line1{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.proj2-name{color:var(--fg);font-weight:500;transition:color .4s}.proj2-row-head:not(.is-static):hover .proj2-name{color:var(--accent)}.proj2-row-meta{flex-shrink:0;align-items:baseline;gap:14px;display:inline-flex}.proj2-site{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap;font-size:10.5px;text-decoration-color:#0000;transition:color .4s,text-decoration-color .2s}.proj2-site:hover{color:var(--accent);text-decoration-color:var(--accent)}.proj2-year{color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:13px;transition:color .4s}.proj2-desc{color:var(--fg-2);margin-top:2px;font-size:14px;transition:color .4s}.proj2-detail-wrap{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.7,.2,1);display:grid}.proj2-row.is-expanded .proj2-detail-wrap{grid-template-rows:1fr}.proj2-detail-inner{opacity:0;min-height:0;transition:opacity .22s 60ms;overflow:hidden}.proj2-row.is-expanded .proj2-detail-inner{opacity:1}.proj2-detail-body{gap:16px;margin-top:0;padding:0 0 14px 40px;display:flex}.proj2-detail-text{flex:1;min-width:0}.proj2-image{object-fit:cover;filter:saturate(.9)contrast(.95);opacity:.92;border-radius:2px;flex:none;width:160px;height:110px;transition:opacity .2s;display:block}.proj2-image:hover{opacity:1}.proj2-detail{color:var(--fg-2);margin:8px 0 4px;font-size:14px;line-height:1.55}.proj2-links{gap:14px;padding:6px 0 0;font-size:13px;display:flex}.proj2-links a{color:var(--fg-2);text-decoration-color:#0000;transition:color .2s,text-decoration-color .2s}.proj2-links a:hover{color:var(--accent);text-decoration-color:var(--accent)}@media (max-width:540px){.proj2-detail-body{flex-direction:column-reverse;gap:12px}.proj2-image{width:100%;height:140px}}@media (prefers-reduced-motion:reduce){.proj2-detail-wrap,.proj2-detail-inner,.proj2-chip,.proj2-name{transition:none}}.proj3{margin:0}.proj3-tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:6px;margin:0 0 14px;padding-bottom:14px;display:flex}@media (max-width:540px){.proj3-tabs{gap:4px}.proj3-tabs .proj2-chip{letter-spacing:.02em;gap:5px;padding:5px 8px}}@media (max-width:359px){.proj3-tabs .proj2-chip-count{display:none}}.proj3-intro{color:var(--fg-2);margin:0 0 10px;padding-left:40px;font-size:13px;transition:color .4s}.proj3-list{flex-direction:column;display:flex}.currently-block{margin:0}.currently-intro{color:var(--fg);margin:0 0 8px;font-size:15px}.currently-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.currently-list li{color:var(--fg);padding-left:16px;font-size:15px;line-height:1.55;position:relative}.currently-list li:before{content:"·";color:var(--fg-2);position:absolute;left:4px}.concrete-flower{z-index:2;text-align:center;max-width:460px;margin:80px auto 0;padding:0 28px;position:relative}.concrete-flower img{aspect-ratio:640/213;width:100%;height:auto;display:block}.photo-strip{contain:layout paint;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.photo{aspect-ratio:4/5;cursor:pointer;background:var(--bg-2);font:inherit;color:inherit;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.photo:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.photo canvas.img-canvas{width:100%;height:100%;image-rendering:pixelated;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:0}.photo:hover canvas.img-canvas{transform:scale(1.02)}.photo .meta{color:#ffffffeb;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 1px 6px #000000b3;opacity:0;z-index:2;pointer-events:none;font-size:10px;transition:opacity .3s;position:absolute;bottom:8px;left:8px}.photo:hover .meta,.photo:focus-visible .meta{opacity:1}@media (max-width:540px){.photo-strip{grid-template-columns:repeat(2,1fr);gap:6px}}body.lightbox-open #ascii-bg-canvas{opacity:0;view-transition-name:none}.lightbox{z-index:100;background:color-mix(in oklab, var(--bg) 78%, black);cursor:default;place-items:center;padding:40px;display:grid;position:fixed;inset:0}html.is-day .lightbox{background:color-mix(in oklab, var(--bg) 70%, black)}.lightbox-stage{cursor:default;flex-direction:column;gap:14px;max-width:min(1400px,100%);max-height:100%;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 130px);display:block;box-shadow:0 24px 80px #00000080}.lightbox-caption{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-2);justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;display:flex}.lightbox-lab{color:var(--fg)}.lightbox-counter{font-variant-numeric:tabular-nums}.lightbox-btn{background:color-mix(in oklab, var(--bg) 65%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--rule-2);color:var(--fg);width:40px;height:40px;font-family:var(--font-mono);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:color .2s,border-color .2s,background .2s;display:inline-flex;position:absolute}.lightbox-btn:hover{color:var(--accent);border-color:var(--accent)}.lightbox-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox-close{top:20px;right:20px}.lightbox-prev{top:50%;left:20px;transform:translateY(-50%)}.lightbox-next{top:50%;right:20px;transform:translateY(-50%)}@media (max-width:540px){.lightbox{padding:16px}.lightbox-img{max-height:calc(100dvh - 90px)}.lightbox-prev{left:12px}.lightbox-next{right:12px}}::view-transition-old(lightbox-img),::view-transition-new(lightbox-img),::view-transition-group(lightbox-img){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){.photo canvas.img-canvas{transition:none}}.site-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.theme-toggle{border:1px solid var(--rule-2);width:28px;height:28px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle .ico-moon,html.is-day .theme-toggle .ico-sun{display:none}html.is-day .theme-toggle .ico-moon{display:block}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(15deg)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-footer{border-top:1px solid var(--rule);color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:80px;padding-top:20px;font-size:13px;display:flex}.site-footer .links{flex-wrap:wrap;gap:16px;display:flex}.site-footer .links a{color:var(--fg-2);background-image:linear-gradient(currentColor,currentColor);background-position:50% 100%;background-repeat:no-repeat;background-size:0 1px;padding-bottom:2px;text-decoration:none;transition:background-size .28s cubic-bezier(.2,.7,.2,1),color .2s}.site-footer .links a:hover{color:var(--accent);background-size:100% 1px}@media (prefers-reduced-motion:reduce){.site-footer .links a{transition:none}}#ascii-bg-canvas{z-index:0;pointer-events:none;opacity:0;contain:strict;--col-hide:360px;--col-fade:60px;--bg-mask:linear-gradient(to right, #000 0, #000 calc(50% - var(--col-hide) - var(--col-fade)), transparent calc(50% - var(--col-hide)), transparent calc(50% + var(--col-hide)), #000 calc(50% + var(--col-hide) + var(--col-fade)), #000 100%);-webkit-mask-image:var(--bg-mask);mask-image:var(--bg-mask);position:fixed;inset:0}#ascii-bg-canvas[data-active]{opacity:.95}html.is-day #ascii-bg-canvas[data-active]{opacity:.92}@media (max-width:900px){#ascii-bg-canvas{display:none}}.settings-root{z-index:90;font-family:var(--font-mono);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.settings-trigger{border:1px solid var(--rule-2);background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--fg-2);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.settings-trigger:hover,.settings-trigger.is-open{color:var(--fg);border-color:var(--fg-2)}.settings-panel{background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--rule-2);width:220px;color:var(--fg);border-radius:6px;padding:14px;font-size:11px;box-shadow:0 12px 32px #00000040}.settings-row{margin-bottom:12px}.settings-row:last-child{margin-bottom:0}.settings-label{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);margin-bottom:6px;font-size:9.5px}.chip-group{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--rule-2);min-width:0;color:var(--fg-2);letter-spacing:.04em;cursor:pointer;text-align:center;background:0 0;border-radius:3px;flex:auto;padding:5px 8px;font-family:inherit;font-size:10.5px}.chip:hover{color:var(--fg);border-color:var(--fg-2)}.chip.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.prose{max-width:640px;margin:0 auto;font-size:16px;line-height:1.7}.prose h1{letter-spacing:-.018em;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.2}.prose .essay-meta{color:var(--fg-2);margin-bottom:40px;font-size:13px}.prose h2{letter-spacing:-.012em;margin:40px 0 12px;font-size:19px;font-weight:600;line-height:1.3}.prose h3{margin:28px 0 10px;font-size:16px;font-weight:600}.prose p{margin:0 0 18px}.prose blockquote{border-left:2px solid var(--rule-2);color:var(--fg-2);margin:20px 0;padding-left:16px;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--bg-2);border-radius:3px;padding:1px 5px;font-size:13px}.prose pre{font-family:var(--font-mono);background:var(--bg-2);border:1px solid var(--rule);border-radius:4px;margin:20px 0;padding:14px 16px;font-size:13px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--rule);margin:40px 0}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin-bottom:6px}.back-link{color:var(--fg-2);align-items:center;gap:6px;margin-bottom:40px;font-size:13px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}