.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){.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;--top: 96px;--sw: calc(12px + env(safe-area-inset-bottom, 0px)) ;--bottom: calc(var(--sw) + 84px);--detail: 100%;--fs: 34px}.home-sentence{font-size:22px;letter-spacing:-.02em}.home-detail{width:100%}.detail-count{font-size:11px;margin-bottom:10px}.detail-shot{margin-bottom:12px;border-radius:6px}.detail-description{font-size:13px;margin-bottom:8px}.home-actions{gap:4px 16px;font-size:13px}.talk-lead{font-size:24px;max-width:18ch;margin-bottom:12px}.home-action--big{font-size:16px}.home-newsletter{margin-top:20px;max-width:none}.is-enhanced .main-nav{padding:20px}.is-enhanced .home-stage{padding:0 var(--pad);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:22px;justify-items:center}.is-enhanced .home-sentence{grid-column:1;grid-row:1;margin:0;justify-self:center}.is-enhanced .home-object{grid-column:1;grid-row:2;position:relative;left:auto;top:auto;bottom:auto;width:100%}.is-enhanced .home-detail{grid-column:1;grid-row:3;justify-self:stretch}.is-enhanced .home-measure,.is-enhanced .home-hint,.is-enhanced .project-drum .home-tag{display:none}.is-enhanced .project-drum .drum-row{text-align:center}.is-enhanced .home-panel{left:0;right:0;width:auto}.is-enhanced[data-mode=write] .home-panel,.is-enhanced[data-mode=write] .post-details{display:none}.is-enhanced[data-mode=write] .home-stage{grid-template-rows:auto minmax(0,1fr);gap:8px}.is-enhanced .post-list{width:auto;right:0;bottom:52px;padding:18px 2px 40px 14px}.post-row{grid-template-columns:56px minmax(0,1fr);padding:9px 0;font-size:13px}.post-row:before{left:-10px;top:17px}.is-enhanced[data-mode=talk] .home-stage{grid-template-rows:auto auto auto;align-content:start;gap:4px}.is-enhanced .talk-object{height:1.6em;justify-content:center}.is-enhanced .talk-detail{margin-top:26px}.is-enhanced .footer-strip{left:0;right:0;bottom:calc(var(--sw) + 56px);text-align:center;font-size:10px}.is-enhanced .home-thumb{position:fixed;left:12px;right:12px;bottom:var(--sw);z-index:6;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:var(--well);border:1px solid var(--rule);border-radius:14px}.thumb-indicator{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / 3);background:var(--accent);border-radius:10px;transform:translate(calc(var(--ti, 0) * 100%));transition:transform var(--dur-base) var(--ease-out)}.home-thumb button{position:relative;z-index:1;padding:13px 0;font:600 14px/1 var(--mono);color:var(--ink-2)}.home-thumb button[aria-pressed=true]{color:var(--on-accent)}.is-enhanced .post-strip{left:20px;right:20px;width:auto;bottom:calc(var(--sw) + 80px)}.strip-year{font-size:11px;padding-left:3px}}@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}}
