:root{--bg:#f6f5f2;--ink:#0e0e0e;--quiet:#67655f;--rule:#d6d3cc;--band-work:#f3ce68;--accent:var(--band-work);--on-accent:#0e0e0e;color-scheme:light;--font-display:"League Gothic", "Big Shoulders Display", sans-serif;--font-ui:"Instrument Sans", system-ui, sans-serif;--font-serif:"Newsreader", Georgia, serif;--fs-label:11px;--fs-ui:12px;--fs-summary:17px;--fs-body:20px;--fs-lead:22px;--fs-row-title:26px;--tracking-label:.1em;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;--space-12:96px;--page-max:1360px;--page-pad:40px;--measure:680px;--header-h:64px;--header-h-compact:48px;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.24s}@media (width<=719px){:root{--page-pad:24px;--fs-body:18px;--fs-lead:19px;--fs-row-title:22px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;transition:background .2s,color .2s}img,svg{max-width:100%;display:block}a{color:inherit}a:hover{text-decoration-color:var(--accent)}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit}.wrap{max-width:var(--page-max);padding:0 var(--page-pad);margin:0 auto}.label{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase}.quiet{color:var(--quiet)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--header-now:var(--header-h);overflow-anchor:none}:root.is-scrolled{--header-now:var(--header-h-compact)}.header{z-index:30;background:var(--bg);border-bottom:1px solid var(--ink);position:sticky;top:0}.header__inner{height:var(--header-now);transition:height var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.header__left,.header__right{align-items:center;display:flex}.header__left{gap:var(--space-4)}.header__right{gap:var(--space-2)}.monogram{width:32px;height:32px;transition:width var(--dur) var(--ease), height var(--dur) var(--ease);background:var(--ink);color:var(--bg);font-weight:600;font-size:var(--fs-ui);letter-spacing:.04em;justify-content:center;align-items:center;text-decoration:none;display:flex}.is-scrolled .monogram{width:26px;height:26px}.monogram--work{background:var(--band-work);color:var(--on-accent)}.nav{gap:var(--space-3);font-size:var(--fs-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:500;display:flex}.nav a{color:var(--quiet);border-bottom:2px solid #0000;padding:6px 0;text-decoration:none}.nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.icon-link{color:var(--ink);padding:4px;display:flex}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon--solid{fill:currentColor;stroke:none;width:16px;height:16px;margin:1px}.text-link{color:var(--ink);text-underline-offset:4px;text-decoration:underline 1px}.text-link:hover{text-decoration-color:var(--accent);text-decoration-thickness:2px}.ui-link{font-size:var(--fs-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--quiet);border-bottom:1px solid #0000;padding:4px 0;font-weight:500;text-decoration:none}.ui-link:hover{color:var(--ink);border-bottom-color:var(--accent)}.hero{padding-top:var(--space-6)}.hero__type{width:var(--type-w,70%);--name-fs:clamp(120px, 22vw, 300px);--title-fs:clamp(40px, 9vw, 140px);position:relative}.hero__h1{padding-left:var(--type-indent,0);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;margin:0;font-weight:400}.hero__name{font-size:var(--name-fs);white-space:nowrap;line-height:.86;display:block}.hero__title{font-size:var(--title-fs);white-space:nowrap;line-height:.9;display:block}.hero__fig{bottom:0;left:var(--fig-left,60%);width:var(--fig-w,100px);height:var(--fig-h,340px);position:absolute}.hero__fig img{width:156.5%;max-width:none;height:auto;position:absolute;bottom:-1.54%;left:-56.05%}.hero__fig .lean{transform-origin:67.8% 98.5%}.hero__lead{padding-left:var(--lead-indent,var(--type-indent,0));font-size:var(--fs-ui);letter-spacing:.06em;color:var(--quiet);margin:12px 0 0;line-height:1.5}.flip{height:1.5em;display:block;position:relative;overflow:hidden}.flip__item{white-space:nowrap;transition:transform .38s var(--ease), opacity .38s var(--ease);position:absolute;inset:0 auto auto 0}.flip__item.is-in{opacity:0;transition:none;transform:translateY(-100%)}.flip__item.is-out{opacity:0;transform:translateY(100%)}@media (width<=719px){.hero{padding-top:var(--space-5)}}.lean{transform-origin:50% 100%;transform:rotate(var(--lean,-.36deg));transition:transform .42s var(--ease)}.filters{padding-bottom:var(--space-3);top:calc(var(--header-now) + 1px);z-index:20;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);transition:padding var(--dur) var(--ease), top var(--dur) var(--ease);flex-direction:column;gap:12px;display:flex;position:sticky}.filters.is-stuck{padding:8px 0}.filters.is-stuck:after{content:"";background:var(--rule);height:1px;position:absolute;bottom:0;left:-100vmax;right:-100vmax}.filter{align-items:baseline;gap:var(--space-1) 20px;font-size:var(--fs-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-wrap:wrap;font-weight:500;display:flex}.filter__label{width:64px;color:var(--quiet);font-weight:400}.filter__btn{cursor:pointer;letter-spacing:inherit;text-transform:inherit;font-weight:inherit;color:var(--quiet);background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 0}.filter__btn:hover{color:var(--ink);border-bottom-color:var(--accent)}.filter__btn[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.filter__btn:active{transform:translateY(1px)}.index-section{margin-top:52px}.index{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.row[hidden]{display:none}.row__link{gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule);color:var(--ink);grid-template-columns:168px minmax(0,1fr) 200px;text-decoration:none;display:grid}.row__link:focus-visible{outline-offset:4px}.row__meta{gap:var(--space-1) var(--space-2);font-size:var(--fs-ui);letter-spacing:.06em;flex-direction:column;padding-top:6px;display:flex}.row__date{font-variant-numeric:tabular-nums}.row__type{align-items:center;gap:var(--space-1);color:var(--quiet);text-transform:uppercase;letter-spacing:var(--tracking-label);font-size:var(--fs-label);display:flex}.row__type svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.row__main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.row__head{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.row__title{font-family:var(--font-serif);font-weight:500;font-size:var(--fs-row-title);text-wrap:pretty;transition:transform var(--dur) var(--ease);line-height:1.2;display:inline-block;position:relative}.row__title:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform var(--dur) var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.row__link:hover .row__title,.row__link:focus-visible .row__title{transform:translate(8px)}.row__link:hover .row__title:after,.row__link:focus-visible .row__title:after{transform:scaleX(1)}.row__link:active .row__title{transform:translate(10px)}.row__summary{max-width:60ch;font-family:var(--font-serif);font-size:var(--fs-summary);color:var(--quiet);text-wrap:pretty;margin:0;line-height:1.45}.row__tags{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--quiet);padding-top:6px;line-height:1.6}.index-empty{padding:var(--space-4) 0;border-bottom:1px solid var(--rule);font-family:var(--font-serif);color:var(--quiet);margin:0;font-size:18px}.index-empty button{color:var(--ink);text-underline-offset:3px;cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=719px){.index-section{margin-top:36px}.row__link{grid-template-columns:minmax(0,1fr)}.row__meta{flex-direction:row}}.footer{margin-top:var(--space-12)}.footer__inner{border-top:1px solid var(--ink);padding:var(--space-3) 0 var(--space-5);justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.post-top{padding-top:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.post-top .ui-link{align-self:flex-start}.post-title{max-width:12ch;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(72px,9.5vw,152px);font-weight:400;line-height:.88}.post-meta{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--ink);font-size:var(--fs-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-wrap:wrap;display:flex}.post-meta time{font-variant-numeric:tabular-nums}.post-grid{column-gap:var(--space-6);padding-top:var(--space-6);--indent:248px;grid-template-columns:200px minmax(0,1fr);display:grid}.post-dek{padding-top:calc((var(--fs-body) * 1.6 - 15px * 1.45) / 2);max-width:24ch;font-family:var(--font-serif);color:var(--quiet);align-self:start;margin:0;font-size:15px;font-style:italic;line-height:1.45}@media (width<=1039px){.post-grid{--indent:0px;grid-template-columns:minmax(0,1fr)}.post-dek{display:none}}@media (width<=719px){.post-top{padding-top:var(--space-4)}}.prose{min-width:0;font-family:var(--font-serif);font-size:var(--fs-body);line-height:1.6}.prose>*{max-width:var(--measure)}.prose p{margin:0 0 var(--space-3);text-wrap:pretty}.prose h2{margin:var(--space-6) 0 var(--space-2);font-family:var(--font-ui);font-size:var(--fs-ui);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.prose a{text-underline-offset:3px}.prose blockquote{margin:var(--space-7) 0;max-width:var(--measure);padding:var(--space-4) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.003em;text-wrap:balance;font-size:clamp(44px,5vw,80px);line-height:.95}.prose blockquote p{margin:0}.prose hr{width:100%;max-width:var(--measure);height:0;margin:var(--space-7) 0;border:0;border-top:1px solid var(--ink)}.prose img,.prose video{width:100%;height:auto;margin:var(--space-4) 0;display:block}.prose figure{margin:0 0 var(--space-7) calc(-1 * var(--indent));max-width:1040px}.legend{gap:12px var(--space-4);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--rule);font-family:var(--font-ui);grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px;line-height:1.5;display:grid}.legend__title{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;font-weight:600}.legend b{margin-right:6px;font-weight:600}@media (width<=719px){.legend{grid-template-columns:minmax(0,1fr)}}.post-end{border-top:1px solid var(--ink);margin-top:80px}.post-end__sub{padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}.post-end__sub .text-link{font-family:var(--font-serif);text-underline-offset:5px;font-size:22px}.pager{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pager a{gap:var(--space-1);padding:var(--space-3) 0;color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.pager a+a{padding-left:var(--space-4);border-left:1px solid var(--rule)}.pager a:focus-visible{outline-offset:-2px}.pager__title{font-family:var(--font-serif);text-underline-offset:5px;font-size:22px;font-weight:500;text-decoration:underline #0000}.pager a:hover .pager__title{text-decoration-color:var(--accent)}@media (width<=719px){.pager{grid-template-columns:minmax(0,1fr)}.pager a+a{border-left:0;border-top:1px solid var(--rule);padding-left:0}}.band{background:var(--band-work);color:var(--on-accent);border-bottom:1px solid var(--on-accent)}.band__inner{padding-top:var(--band-top,120px)}.band__type{width:var(--work-w,50%);position:relative}.band__h1{font-family:var(--font-display);font-weight:400;font-size:var(--work-fs,340px);letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;margin:0;line-height:.82}.band__fig{width:var(--fig-w,100px);height:var(--fig-h,360px);position:absolute;bottom:0;left:0}.case{gap:var(--space-3) var(--space-6);padding:var(--space-6) 0 var(--space-8);grid-template-columns:120px minmax(0,1fr) minmax(0,1.05fr);display:grid}.case__num{font-family:var(--font-display);font-size:88px;line-height:.85}.case__body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.case__title{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;margin:0;font-size:64px;font-weight:400;line-height:.92}.case__summary{max-width:44ch;font-family:var(--font-serif);text-wrap:pretty;margin:0;font-size:20px;line-height:1.45}.case__changed{gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--rule);flex-direction:column;display:flex}.case__changed-label{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.case__changed-text{max-width:44ch;font-family:var(--font-serif);font-size:20px;font-style:italic;line-height:1.4}.case__foot{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--rule);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);flex-wrap:wrap;display:flex}.case__read{color:var(--ink);border-bottom:1px solid var(--ink);padding:4px 0;font-weight:500;text-decoration:none}.case__read:hover{border-bottom:2px solid var(--accent)}.case__sketch{min-width:0;max-width:640px;margin:0}.case__title a{color:inherit;text-decoration:none}.case__title a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px;text-decoration-thickness:3px}.case__cover{width:100%;height:auto;display:block}.resume__frame{margin-top:var(--space-5);border:1px solid var(--rule);background:#fff}.resume__frame iframe{border:0;width:100%;height:max(80vh,640px);display:block}.resume__fallback{margin:var(--space-2) 0 0;font-family:var(--font-serif);color:var(--quiet);font-size:17px}@media (width<=719px){.resume__frame iframe{height:70vh}}.work-side{align-self:start}.work-changed{margin-top:var(--space-3);max-width:24ch}.work-changed .case__changed-text{font-size:15px}@media (width<=1039px){.work-side{margin-bottom:var(--space-4)}.work-side .post-dek{max-width:none;display:block}.work-changed{max-width:none}}@media (width<=1099px){.case{grid-template-columns:96px minmax(0,1fr)}.case__sketch{grid-column:2}}@media (width<=719px){.case{grid-template-columns:minmax(0,1fr)}.case__sketch{grid-column:auto}.case__num{font-size:56px}.case__title{font-size:44px}}.work-more{padding-top:var(--space-4);border-top:1px solid var(--ink)}.gate{padding-top:var(--space-12)}.gate__title{margin:var(--space-3) 0 0;font-family:var(--font-display);text-transform:uppercase;font-size:clamp(72px,11vw,168px);font-weight:400;line-height:.86}.gate__lead{margin:var(--space-3) 0 var(--space-6);max-width:36ch;font-family:var(--font-serif);font-size:20px;line-height:1.45}.gate__form{gap:var(--space-1);flex-direction:column;max-width:480px;display:flex}.gate__field{border-bottom:1px solid var(--ink);align-items:stretch;display:flex}.gate__form[data-state=error] .gate__field{border-bottom-width:2px}.gate__input{min-width:0;font-family:var(--font-serif);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:22px}.gate__field:focus-within{outline:2px solid var(--accent);outline-offset:4px}.gate__btn{align-items:center;gap:var(--space-1);background:var(--ink);color:var(--bg);padding:0 var(--space-2);cursor:pointer;font-size:var(--fs-ui);letter-spacing:.12em;text-transform:uppercase;border:0;font-weight:600;display:flex}.gate__btn:hover{background:var(--accent);color:var(--on-accent)}.gate__btn:active{transform:translateY(1px)}.gate__msg{margin:var(--space-1) 0 0;font-family:var(--font-serif);font-size:17px;font-style:italic}@media (width<=719px){.gate{padding-top:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.lean{transform:none!important}}