.mobile-index,.mobile-detail,.mobile-project-title,.mobile-talk-title,.home-page .mobile-project-tag,.mobile-neighbour{display:none}.mobile-project-body{display:contents}.home-page{--panel-w: clamp(33.333vw, 69.05vw - 365.7px, 50vw);--detail: min(calc(480 * var(--u)), calc(var(--panel-w) - 48 * var(--u)));--rim: calc((var(--panel-w) - var(--detail)) / 2);--top: calc(96 * var(--u));--bottom: calc(120 * var(--u));--fs: min(calc(34.5 * var(--u)), 2.9vw);--panel: #efbd3f;--p-ink: #0a0a0a;--p-ink-2: #51411b;--p-rule: #b49134;--p-well: #d2a637;--accent: #efbd3f;min-height:100vh}.home-page ul,.home-page ol{list-style:none;padding:0;margin:0}.home-page button{background:none;border:0;color:inherit;cursor:pointer}.home-page a{color:inherit}.home-page :focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:2px}.home-page .home-stage{padding:40px var(--pad)}.home-sentence{display:flex;align-items:center;gap:.28em;font:600 var(--fs)/1.2 var(--grotesk);letter-spacing:-.03em;white-space:nowrap}.home-sentence h1{font:inherit;margin:0;color:var(--ink)}.home-verb .drum-list{display:flex;gap:.5em}.home-verb a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.16em}.home-object{margin:32px 0;font:600 var(--fs)/1.2 var(--grotesk);letter-spacing:-.03em}.drum-row{margin:0}.drum-item{display:inline-flex;gap:.36em;align-items:center;max-width:100%;font:inherit;text-align:left;color:var(--ink)}.drum-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-tag{display:inline-block;flex:none;font:600 calc(10 * var(--u))/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:.4em .6em .3em;border:1px solid currentColor;border-radius:3px;color:var(--accent);vertical-align:1px}.home-tag--beta{border-style:dashed}.home-tag--slop{background:var(--accent);color:var(--on-accent);border-color:var(--accent);margin-left:4px}.home-detail{width:min(100%,768px);font:400 calc(16 * var(--u))/1.55 var(--mono);letter-spacing:0}.home-detail article{margin-bottom:40px}.detail-count{display:flex;justify-content:space-between;font:500 calc(12 * var(--u))/1 var(--mono);letter-spacing:.06em;color:var(--ink-2);margin:0 0 calc(14 * var(--u))}.detail-count b{color:var(--ink);font-weight:600}.detail-shot{position:relative;aspect-ratio:16 / 10;margin:0 0 calc(18 * var(--u));overflow:hidden;border:1px solid var(--rule);border-radius:calc(8 * var(--u));background:var(--well)}.detail-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.detail-description{font-size:calc(16 * var(--u));line-height:1.55;color:var(--ink);margin:0 0 calc(14 * var(--u));max-width:40ch}.detail-title{font:600 calc(26 * var(--u))/1.2 var(--grotesk);letter-spacing:-.015em;color:var(--ink);margin:0 0 calc(12 * var(--u));text-wrap:pretty}.detail-date{font-size:calc(13 * var(--u));color:var(--ink-2);margin:0 0 calc(14 * var(--u))}.home-actions{display:flex;flex-wrap:wrap;gap:calc(8 * var(--u)) calc(22 * var(--u));font:600 calc(14 * var(--u))/1.3 var(--mono);margin:0}.home-page .home-action{display:inline-flex;gap:.43em;align-items:baseline;color:var(--accent);padding:3px 0;text-underline-offset:5px}.home-action span{display:inline-block;transition:transform var(--dur-quick) var(--ease-out)}.home-action:hover span,.home-action:focus-visible span{transform:translate(3px)}.home-page .home-action--soft{color:var(--ink-2);font-weight:500}.home-action--big{font-size:calc(17 * var(--u));text-decoration:underline}.talk-lead{font:500 calc(27 * var(--u))/1.25 var(--grotesk);letter-spacing:-.015em;color:var(--ink);max-width:20ch;margin:0 0 calc(18 * var(--u));text-wrap:pretty}.home-newsletter{margin-top:calc(30 * var(--u));max-width:calc(400 * var(--u))}.newsletter-label{color:var(--ink-2);font-size:calc(12 * var(--u));margin:0 0 calc(6 * var(--u))}.home-newsletter .nl{padding:0;background:transparent;border:0}.home-newsletter .nl__controls{flex-direction:row;flex-wrap:nowrap;gap:0;border-bottom:1px solid var(--ink-2)}.home-newsletter .nl__controls:focus-within{border-color:var(--accent)}.home-newsletter .nl__input{background:transparent;color:var(--ink);border:0;padding:.7em 0;font:400 calc(14 * var(--u))/1.5 var(--mono)}.home-newsletter .nl__input::placeholder{color:var(--ink-2);opacity:1}.home-newsletter .nl__button{background:transparent;color:var(--accent);border:0;padding:.7em 0 .7em .85em;font:600 calc(14 * var(--u))/1.5 var(--mono);text-transform:none}.home-newsletter .nl__note,.home-newsletter .nl__status{color:var(--ink-2);font-size:calc(12 * var(--u))}.home-newsletter .nl__button:disabled,.home-newsletter .nl[data-state=done] .nl__controls{opacity:1}.home-newsletter form.nl.nl[data-state=error] .nl__status.nl__status,.home-newsletter form.nl.nl[data-state=done] .nl__status.nl__status{color:var(--ink)}.post-list{font:400 calc(14 * var(--u))/1.5 var(--mono);letter-spacing:0}.post-year{margin-bottom:calc(22 * var(--u))}.post-year h3{font:600 calc(12 * var(--u))/1 var(--mono);letter-spacing:.06em;color:var(--ink-2);padding:calc(6 * var(--u)) 0 calc(10 * var(--u));border-bottom:1px solid var(--rule);margin:0 0 calc(4 * var(--u))}.post-row{position:relative;display:grid;grid-template-columns:calc(64 * var(--u)) minmax(0,1fr);gap:calc(12 * var(--u));padding:calc(7 * var(--u)) 0;color:var(--ink)}.post-row time{color:var(--ink-2);font-size:calc(12 * var(--u));padding-top:.15em}.post-title{transition:color var(--dur-quick),transform var(--dur-quick) var(--ease-out)}.post-row:hover,.post-row:focus-visible{text-decoration:none}.post-row:hover .post-title,.post-row:focus-visible .post-title{color:var(--accent);transform:translate(4px);text-decoration:underline;text-underline-offset:4px}.post-row:before{content:"";position:absolute;left:calc(-12 * var(--u));top:calc(7 * var(--u) + .6em);width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity var(--dur-quick)}.post-row.is-current:before{opacity:1}.home-panel,.home-measure,.home-hint,.home-thumb,.post-strip,.post-details{display:none}.home-page.is-enhanced{position:fixed;inset:0;overflow:hidden}.is-enhanced .home-panel{display:block;position:fixed;top:0;bottom:0;right:0;width:var(--panel-w);background:var(--panel);pointer-events:none}.is-enhanced .main-nav{position:fixed;inset:0 0 auto;padding:calc(30 * var(--u)) var(--rim) 0 var(--cl, var(--pad))}.is-enhanced .footer-strip{position:fixed;left:var(--cl, var(--pad));bottom:calc(30 * var(--u));padding:0;z-index:5}.is-enhanced .home-hint{display:block;position:fixed;bottom:calc(30 * var(--u));right:var(--rim);margin:0;font-size:calc(11 * var(--u));line-height:1}.is-enhanced .home-stage{position:fixed;left:0;right:0;top:var(--top);bottom:var(--bottom);padding:0;display:grid;grid-template-columns:minmax(0,1fr) var(--panel-w);align-items:center}.is-enhanced .home-sentence{grid-column:1;grid-row:1;justify-self:start;margin-left:var(--cl, var(--pad))}.is-enhanced .home-object{grid-column:1;grid-row:1;position:absolute;left:var(--object-left, 50%);top:0;bottom:0;width:var(--object-w, max-content);height:100%;min-width:0;margin:0}.is-enhanced .home-detail{grid-column:2;grid-row:1;width:var(--detail);justify-self:center}.is-enhanced .home-detail,.is-enhanced .home-hint{--ink: var(--p-ink);--ink-2: var(--p-ink-2);--rule: var(--p-rule);--well: var(--p-well);--accent: var(--p-ink);--on-accent: var(--panel);color:var(--ink)}.is-enhanced .home-detail article{margin:0}.is-enhanced .post-details{display:block}.is-enhanced [data-mode-object],.is-enhanced [data-mode-detail]{display:none}.is-enhanced[data-mode=build] [data-mode-object=build],.is-enhanced[data-mode=build] [data-mode-detail=build],.is-enhanced[data-mode=write] [data-mode-object=write],.is-enhanced[data-mode=write] [data-mode-detail=write],.is-enhanced[data-mode=talk] [data-mode-object=talk],.is-enhanced[data-mode=talk] [data-mode-detail=talk]{display:block}.is-enhanced .home-measure{position:absolute;display:flex;flex-direction:column;align-items:flex-start;height:0;overflow:hidden;visibility:hidden;white-space:nowrap;font:600 var(--fs)/1.2 var(--grotesk);letter-spacing:-.03em}.home-measure>span{display:inline-flex;width:max-content;align-items:center;gap:.36em}.is-enhanced .drum-viewport{position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:grab;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}.is-enhanced .drum-viewport.is-dragging{cursor:grabbing}.is-enhanced .project-drum{height:100%}.is-enhanced .drum-list{display:block;position:relative;will-change:transform}.is-enhanced .drum-row{opacity:var(--o, 1)}.is-enhanced .drum-row.is-current .drum-item{color:var(--accent)}.is-enhanced .drum-row .home-tag{opacity:0;transition:opacity var(--dur-quick)}.is-enhanced .drum-row.is-current .home-tag{opacity:1}.is-enhanced .home-verb .drum-viewport{width:2.55em;height:3.6em}.is-enhanced .home-verb .drum-item{text-decoration:none}.is-enhanced .home-verb .is-current .drum-item{color:var(--ink);text-decoration:underline;text-decoration-thickness:.06em;text-decoration-color:var(--accent)}.is-enhanced .post-list{position:absolute;inset:0 auto 0 0;width:var(--list-w, 100%);overflow-y:auto;overscroll-behavior:contain;padding:calc(26 * var(--u)) calc(18 * var(--u)) calc(64 * var(--u)) calc(16 * var(--u));scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;mask-image:linear-gradient(to bottom,transparent,#000 calc(26 * var(--u)),#000 calc(100% - 56 * var(--u)),transparent)}.is-enhanced .talk-object{display:flex!important;align-items:center}.is-enhanced:not([data-mode=talk]) .talk-object{display:none!important}.is-enhanced .talk-title{white-space:nowrap;color:var(--accent)}.is-enhanced .post-strip{position:fixed;left:var(--cl, var(--pad));bottom:calc(64 * var(--u));width:calc(100vw - var(--panel-w) - 2 * var(--cl, var(--pad)));height:calc(36 * var(--u));cursor:pointer;touch-action:none}.strip-axis{position:absolute;left:0;right:0;top:calc(14 * var(--u));height:1px;background:var(--ink-3)}.strip-year{position:absolute;top:calc(22 * var(--u));padding-left:4px;border-left:1px solid var(--ink-3);font:500 calc(10 * var(--u))/1 var(--mono);color:var(--ink-2)}.strip-tick{position:absolute;top:calc(8 * var(--u));width:1px;height:calc(12 * var(--u));background:var(--ink-2)}.strip-tick.is-slop{height:calc(7 * var(--u));top:calc(13 * var(--u))}.strip-tick.is-current{background:var(--accent);width:2px;height:calc(20 * var(--u));top:calc(4 * var(--u))}.strip-marker{position:absolute;top:0;border:4px solid transparent;border-top-color:var(--accent);margin-left:-4px}@media(min-width:761px){.home-page:not(.is-enhanced) .mobile-index{display:block;padding:40px var(--pad) 0}.home-page:not(.is-enhanced) .mobile-index h1{font:600 var(--fs)/1.2 var(--grotesk);letter-spacing:-.03em;margin:0}.home-page:not(.is-enhanced) .mobile-verbs{display:none}.is-enhanced .nav-right{--ink: var(--p-ink);--ink-2: var(--p-ink-2);--rule: var(--p-rule);--accent: var(--p-ink)}}@media(max-width:760px){.home-page{--u: 1px;--pad: 20px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);min-height:100dvh}.home-page.is-mobile{position:relative;inset:auto;min-height:100dvh;display:flex;flex-direction:column;overflow:visible}.home-page .main-nav{position:relative;inset:auto;flex:none;padding:calc(20px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l))}.mobile-index{display:flex;flex:1;flex-direction:column;padding:18px calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l))}.home-page .nav-brand:after{background:#cf0}.home-heading-tail{display:none}.mobile-index h1{font:600 44px/1.05 var(--grotesk);letter-spacing:-.03em;color:var(--ink);margin:0}.home-page .mobile-verbs{margin-top:auto;padding-top:28px}.mobile-verbs li+li{border-top:1px solid var(--rule)}.mobile-verb{display:block;padding:16px 0 18px;text-decoration:none}.mobile-verb:hover{text-decoration:none}.mobile-verb-word{display:block;font:600 46px/1.05 var(--grotesk);letter-spacing:-.03em;color:var(--ink)}.mobile-verb-arrow{color:#cf0}.mobile-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font:400 13px/1.45 var(--mono);color:var(--ink-2);overflow:hidden}.mobile-swatches{display:flex;gap:4px;margin-top:10px}.mobile-swatches i{width:22px;height:8px;border-radius:2px}.home-page .footer-strip{position:relative;inset:auto;flex:none;padding:22px calc(20px + var(--safe-r)) calc(24px + var(--safe-b)) calc(20px + var(--safe-l));text-align:center}.is-mobile .home-panel,.is-mobile .home-stage,.is-mobile .home-hint,.is-mobile .home-thumb{display:none}.is-mobile .mobile-detail:not([hidden]){position:fixed;inset:0;height:100dvh;z-index:20;display:flex;flex-direction:column;background:var(--page)}.mobile-detail-open{height:100dvh;overflow:hidden!important}.mobile-detail-open>.main-nav,.mobile-detail-open>.mobile-index,.mobile-detail-open>.footer-strip{visibility:hidden}.mobile-pin,.mobile-back-bar,.mobile-scroll .project-detail,.mobile-scroll .talk-detail{--ink: var(--p-ink);--ink-2: var(--p-ink-2);--rule: var(--p-rule);--well: var(--p-well);--accent: var(--p-ink);--on-accent: var(--panel);background:var(--panel);color:var(--ink)}.mobile-detail :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mobile-pin{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(14px + var(--safe-t)) calc(20px + var(--safe-r)) 14px calc(20px + var(--safe-l));border-bottom:1px solid var(--rule)}.mobile-heading{font:600 24px/1.2 var(--grotesk);letter-spacing:-.02em;white-space:nowrap;color:inherit;margin:0}[data-mobile-verb]{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.16em}.mobile-count{font:500 11px/1 var(--mono);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--ink-2) var(--page)}.mobile-scroll[hidden]{display:none}.mobile-scroll[data-mobile-view=build]{scroll-snap-type:y mandatory}.mobile-scroll>.home-detail{display:block!important;width:100%}.mobile-scroll .project-detail{height:var(--section-h);min-height:var(--section-h);margin:0;padding:22px calc(20px + var(--safe-r)) 24px calc(20px + var(--safe-l));display:flex;flex-direction:column;scroll-snap-align:start}.mobile-project-body{display:flex;flex-direction:column;margin:auto 0;padding-top:12px}.mobile-project-title{display:block;font:600 60px/1 var(--grotesk);letter-spacing:-.035em;color:var(--ink);margin:0 0 12px;white-space:nowrap}.home-page .mobile-project-tag{display:inline-block;margin-left:10px;color:var(--ink)}.mobile-scroll .detail-count{font:500 11px/1.4 var(--mono);color:var(--ink-2);margin:0 0 12px}.mobile-scroll .detail-count b{color:var(--ink)}.mobile-scroll .detail-description{order:1;font:400 15px/1.55 var(--mono);margin:0 0 12px;color:var(--ink)}.mobile-scroll .detail-shot{order:2;margin:4px 0 6px;border-radius:8px;max-height:max(120px,calc(var(--section-h, 700px) - 420px))}.mobile-scroll .home-actions{order:3;gap:6px 20px;font-size:14px;align-items:baseline}.mobile-scroll .home-action{padding:10px 0;min-height:44px;overflow-wrap:anywhere;color:var(--ink)}.mobile-scroll .project-detail .home-action:not(.home-action--soft){font-size:17px;text-decoration:underline;display:inline;line-height:1.4}.mobile-scroll .home-action--soft{color:var(--ink-2)}.is-mobile .mobile-neighbour{display:block;align-self:flex-start;margin-top:14px;padding:10px 0;min-height:44px;font:600 22px/1.1 var(--grotesk);letter-spacing:-.02em;color:var(--ink-2)!important;text-align:left}.mobile-write-count{display:flex;justify-content:space-between;margin:0;padding:22px calc(20px + var(--safe-r)) 12px calc(20px + var(--safe-l));font:500 11px/1.4 var(--mono);color:var(--ink-2)}.mobile-write-count b{color:var(--ink)}.mobile-scroll>.post-list{position:static;inset:auto;width:auto;padding:0 calc(20px + var(--safe-r)) 30px calc(20px + var(--safe-l));overflow:visible;mask-image:none}.mobile-scroll[data-mobile-view=write]{background:#141414;--accent: #ccff00}.mobile-scroll .post-row{grid-template-columns:56px minmax(0,1fr);padding:10px 0;min-height:44px;font-size:14px}.mobile-scroll .post-row:before{display:none}.mobile-scroll .post-row.is-current .post-title{color:var(--ink)}.mobile-scroll .talk-detail{padding:22px calc(20px + var(--safe-r)) 24px calc(20px + var(--safe-l));min-height:100%}.mobile-scroll .mobile-talk-title{display:block;font:600 64px/1.1 var(--grotesk);letter-spacing:-.035em;color:var(--ink);text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.12em;margin:8px 0 28px}.mobile-scroll .talk-lead{font-size:24px;max-width:18ch;margin-bottom:10px}.mobile-scroll .home-newsletter{margin-top:22px;max-width:none}.mobile-scroll .nl__input{font-size:16px;padding:.8em 0}.mobile-scroll .nl__button{color:var(--ink)}.mobile-scroll .nl__button:hover:not(:disabled):not([aria-disabled]){color:var(--ink)}.mobile-scroll .nl__controls:focus-within{border-color:var(--ink)}.mobile-back-bar{flex:none;display:flex;align-items:center;gap:12px;padding:12px calc(20px + var(--safe-r)) calc(12px + var(--safe-b)) calc(20px + var(--safe-l));border-top:1px solid var(--rule)}.mobile-back-bar button{min-height:44px;padding:12px 14px;border:1px solid var(--ink);border-radius:12px;font:600 13px/1 var(--mono)}.mobile-back-bar .mobile-next{width:44px;padding:0;background:var(--ink);color:var(--panel);font-size:20px}.mobile-back-bar [hidden]{display:none}.home-page:not(.is-enhanced) .home-sentence{display:none}.home-page:not(.is-enhanced) .mobile-project-title{display:block;font:600 32px/1.2 var(--grotesk);margin:0 0 12px}}@media(max-width:760px)and (prefers-reduced-motion:reduce){.home-page *,.home-page *:before,.home-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-motion:reduce){.home-page *,.home-page *:before,.home-page *:after{transition-property:color,background-color,border-color,opacity,text-decoration-color!important}.home-action:hover span,.home-action:focus-visible span,.post-row:hover .post-title,.post-row:focus-visible .post-title{transform:none}.thumb-indicator{transition:none}}
