.presence-board__poster{--settle:cubic-bezier(.2, .8, .2, 1);width:min(56vw, calc((100svh - var(--chrome) - 56px) * .8));grid-area:poster;align-self:start;min-width:0}.presence-board__composition{aspect-ratio:4/5;border:2px solid var(--ink);background-color:var(--paper);background-image:linear-gradient(to right, var(--paper-2) 1px, transparent 1px), linear-gradient(to bottom, var(--paper-2) 1px, transparent 1px);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-size:25% 20%;position:relative;overflow:clip;container-type:inline-size}.presence-board__cell{cursor:default;width:25%;height:20%;transition:background-color var(--dur-2) var(--ease);background:0 0;border:0;padding:0;position:absolute}.presence-board__cell:after{content:"";background:linear-gradient(var(--dim), var(--dim)) center / 100% 1px no-repeat, linear-gradient(var(--dim), var(--dim)) center / 1px 100% no-repeat;opacity:.45;width:11px;height:11px;transition:opacity var(--dur-2) var(--ease);position:absolute;top:50%;left:50%;translate:-50% -50%}.presence-board__cell[data-armed]{cursor:pointer}.presence-board__cell[data-armed]:after{opacity:1}.presence-board__cell[data-armed]:hover{background-color:color-mix(in srgb, var(--ink) 6%, transparent)}.presence-board__ghost{z-index:0;border:2px dashed var(--ink);pointer-events:none;position:absolute}.presence-board__piece{z-index:1;color:var(--ink);transition:left .32s var(--settle), top .32s var(--settle), width .32s var(--settle), height .32s var(--settle), opacity var(--dur-2) var(--ease);position:absolute;overflow:hidden}.presence-board__handle{font:inherit;color:inherit;cursor:grab;background:0 0;border:0;padding:0;position:absolute;inset:0}.presence-board__handle:after{content:"";z-index:2;border:2px solid var(--ink);box-shadow:inset 0 0 0 2px var(--paper);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease);position:absolute;inset:0}.presence-board__piece[data-selected]{z-index:2}.presence-board__piece[data-selected] .presence-board__handle:after,.presence-board__handle:focus-visible:after{opacity:1}.presence-board__handle:focus-visible{outline:none}.presence-board__piece[data-dragging]{z-index:3;transition:none}.presence-board__piece[data-dragging] .presence-board__handle{cursor:grabbing}.presence-board__piece[data-blocked]{opacity:.55}.presence-board__art{width:var(--art-w);height:var(--art-h);translate:-50% -50%;rotate:var(--spin);transition:rotate .36s var(--settle), width .32s var(--settle), height .32s var(--settle);position:absolute;top:50%;left:50%}.presence-board__piece--disc .presence-board__art{background:var(--ink);place-items:center;display:grid}.presence-board__disc{aspect-ratio:1;background:var(--yellow);text-align:center;width:90%;animation:14s ease-in-out infinite presence-breathe;animation-play-state:var(--motion-state);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2.4cqw;padding:5cqw;display:flex}.presence-board__disc-eyebrow{font:400 clamp(9px, 1.6cqw, 12px) / 1.4 var(--font-mono)}.presence-board__disc strong{max-width:9ch;font:500 clamp(20px, 5.8cqw, 46px) / 1.02 var(--font-display);letter-spacing:-.045em;text-wrap:balance}.presence-board__stop{color:var(--red)}.presence-board__piece--stripes .presence-board__art{background:linear-gradient(90deg, var(--blue) 50%, var(--paper) 50%) 0 0 / 10cqw 100%;animation:28s linear infinite presence-stripes;animation-play-state:var(--motion-state)}.presence-board__piece--quarter .presence-board__art{background:var(--yellow)}.presence-board__piece--quarter .presence-board__art:before{content:"";background:var(--red);border-radius:0 0 100%;position:absolute;inset:0}.presence-board__piece--arch .presence-board__art{background:var(--blue)}.presence-board__piece--arch .presence-board__art:before{content:"";background:var(--yellow);border-radius:100% 100% 0 0/200% 200% 0 0;position:absolute;inset:0}.presence-board__piece--triangles .presence-board__art{background:linear-gradient(135deg, var(--red) 25%, transparent 25%), linear-gradient(225deg, var(--paper) 25%, transparent 25%), linear-gradient(45deg, var(--ink) 50%, var(--blue) 50%)}.presence-board__piece--count .presence-board__art{background:var(--paper);place-items:center;display:grid;container-type:size}.presence-board__count{aspect-ratio:1;border:2px solid var(--ink);width:min(84cqh,84cqw);color:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4cqh;transition:background-color .48s ease-out,border-color .48s ease-out,color .48s ease-out;display:flex}.presence-board__count[data-live]{border-color:var(--red);background:var(--red);color:var(--paper)}.presence-board__count-label{font:400 clamp(8px, 8.5cqh, 12px) / 1 var(--font-mono);margin-top:-6cqh}.presence-board__digit{font:500 clamp(18px, 30cqh, 64px) / .9 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;animation:.28s ease-out presence-arrive;display:block}.presence-board__plate{z-index:3;font:400 clamp(9px, 1.05cqw, 12px) / 1 var(--font-mono);background:var(--paper);color:var(--ink);transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);padding:.5em .65em .45em;position:absolute;top:0;left:0}.presence-board__handle:hover .presence-board__plate,.presence-board__piece[data-selected] .presence-board__plate,.presence-board__handle:focus-visible .presence-board__plate{background:var(--ink);color:var(--paper)}.presence-board__go{z-index:4;aspect-ratio:1;background:var(--paper);width:clamp(30px,5.4cqw,40px);color:var(--ink);transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);place-items:center;font-size:clamp(12px,2cqw,16px);display:grid;position:absolute;bottom:0;right:0}.presence-board__go:hover,.presence-board__go:focus-visible{background:var(--ink);color:var(--paper);outline:none}.presence-board__piece--experiments .presence-board__go,.presence-board__piece--blog .presence-board__go,.presence-board__piece--library .presence-board__go{top:0;bottom:auto}.presence-board__piece[data-dragging] .presence-board__go{opacity:0}.presence-board__visitor{z-index:4;border:2px solid var(--ink);background:var(--yellow);pointer-events:none;width:14px;height:14px;box-shadow:0 0 0 2px var(--paper);transition:left .1s linear,top .1s linear;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.presence-board__piece--experiments .presence-board__art,.presence-board__piece--blog .presence-board__art,.presence-board__piece--library .presence-board__art{background:var(--paper);grid-template-columns:1fr 1fr;display:grid}.presence-board__glyph{background:var(--ink);position:relative}.presence-board__glyph:before{content:"";position:absolute;inset:18%}.presence-board__piece--experiments .presence-board__glyph{background:var(--red)}.presence-board__piece--experiments .presence-board__glyph:before{inset:auto}.presence-board__piece--blog .presence-board__glyph:before{background:var(--blue);border-radius:50%}.presence-board__piece--library .presence-board__glyph:before{background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%);inset:16% 12% 20%}.presence-board__entry{text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:2cqw 2.2cqw 2.4cqw;display:flex}.presence-board__entry-eyebrow{font:400 clamp(8px, 1.9cqw, 12px) / 1.3 var(--font-mono);color:var(--dim)}.presence-board__entry-title{font:500 clamp(10px, 3.6cqw, 24px) / 1 var(--font-display);letter-spacing:-.03em}@container (max-width:420px){.presence-board__entry-kind{display:none}}.presence-board__label{border-top:2px solid var(--ink);flex-direction:column;grid-area:label;gap:10px;min-width:0;padding-top:16px;display:flex}.presence-board__dock{align-items:center;gap:14px;min-width:0;min-height:44px;display:flex}.presence-board__dock-number{font:400 12px / 1 var(--font-mono);background:var(--ink);color:var(--paper);flex:none;padding:.45em .6em .4em}.presence-board__link{min-width:0;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.presence-board__link-title{font:500 clamp(24px, 2.4vw, 34px) / 1.15 var(--font-display);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.presence-board__link .presence-board__link-title{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.presence-board__link:hover .presence-board__link-title{color:var(--red)}.presence-board__turn{margin-left:auto}.presence-board__line{max-width:44ch;margin:0;font-size:16px;line-height:1.5}.presence-board__meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 20px;display:flex}.presence-board__caption{min-width:0;color:var(--dim);flex:24ch;margin:0;font-size:14px;line-height:1.55}.presence-board__caption a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.presence-board__controls{font:400 12px / 1.5 var(--font-mono);gap:20px;display:flex}.presence-board__controls button,.presence-board__turn{font:400 12px / 1.5 var(--font-mono);color:var(--dim);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.presence-board__controls button:hover:not(:disabled),.presence-board__turn:hover{color:var(--ink)}.presence-board__controls button:disabled{opacity:.4;cursor:default;text-decoration:none}@keyframes presence-breathe{0%,to{transform:scale(.965)}50%{transform:scale(1)}}@keyframes presence-stripes{to{background-position-x:10cqw}}@keyframes presence-arrive{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:760px){.presence-board__poster{width:min(100%, max(240px, calc((100svh - var(--chrome) - 292px) * .8)));justify-self:center;margin-top:12px}.presence-board__label{border-top:0;gap:8px;margin-top:12px;padding-top:0}.presence-board__dock{border-bottom:2px solid var(--ink);padding-bottom:10px}.presence-board__link-title{font-size:22px}.presence-board__line{order:1;font-size:15px}.presence-board__caption{font-size:13px}.presence-board__controls button:last-child{display:none}}@media (min-width:761px) and (max-width:1100px){.presence-board__poster{width:min(48vw, calc((100svh - var(--chrome) - 56px) * .8))}}@media (prefers-reduced-motion:reduce){.presence-board__piece,.presence-board__art,.presence-board__visitor{transition:none}.presence-board__disc,.presence-board__digit,.presence-board__piece--stripes .presence-board__art{animation:none}}@media (max-height:800px) and (min-width:761px){.presence-board__poster{width:min(56vw, calc((100svh - var(--chrome) - 40px) * .8))}}
.home{--chrome:82px}.home__opening{min-height:calc(100svh - var(--chrome));grid-template:"head poster""about poster"".poster"1fr"label poster"/minmax(0,1fr) auto;gap:24px clamp(40px,5vw,88px);padding-block:28px;display:grid}.home__eyebrow{font:400 12px / 1.6 var(--font-mono);color:var(--dim)}.home__bio{grid-area:head;min-width:0}.home__bio>.home__eyebrow{margin:0 0 18px}.home__bio h1{font:600 clamp(56px, min(7vw, 11.5svh), 104px) / .98 var(--font-display);letter-spacing:-.05em;margin:0}.home__period{color:var(--red);animation:dot-in var(--dur-2) var(--ease-out) var(--dur-3) backwards;display:inline-block}.home__about-area{grid-area:about;min-width:0;padding-top:clamp(20px,3.5svh,36px)}.home__intro{max-width:36ch;color:var(--dim);margin:0;font-size:18px;line-height:1.55}.home__about{text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);align-items:center;gap:10px;margin-top:18px;font-size:16px;display:inline-flex}.home__about:hover{color:var(--red)}.home__source{max-width:40ch;color:var(--dim);margin:14px 0 0;font-size:14px;line-height:1.55}.home__source a{color:var(--ink)}@media (max-height:800px) and (min-width:761px){.home__opening{row-gap:12px;padding-block:20px}.home__about-area{padding-top:12px}.home__source{display:none}}@media (min-width:761px) and (max-height:720px),(min-width:761px) and (max-width:1100px){.home__about-area{padding-top:12px}.home__about-area .mobile-details{display:block}.home__about-area .mobile-details__toggle{font:400 15px / 1.4 var(--font-display);color:var(--dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;display:inline-flex}.home__about-area .mobile-details__toggle span{color:var(--ink);font-size:18px}.home__about-area .mobile-details__content{display:none}.home__about-area .mobile-details[data-expanded=true]>.mobile-details__content{padding-top:10px;display:block}}@media (max-width:760px){.home{--chrome:66px;padding-bottom:24px}.home__opening{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""about""poster""label";row-gap:0;min-height:0;padding-block:14px 0}.home__bio>.home__eyebrow{margin-bottom:6px}.home__bio h1{font-size:clamp(34px,9.5vw,48px);line-height:1.02}.home__about-area{padding-top:0;position:relative}.home__about-area .mobile-details__toggle{gap:8px;width:auto;height:19px;min-height:0;padding:0;font-size:13px;position:absolute;bottom:calc(100% + .3em);right:0}.home__about-area .mobile-details__toggle span{font-size:16px}.home__about-area .mobile-details__toggle:before{content:"";position:absolute;inset:-12px -8px}.home__intro{font-size:16px}.home__about{min-height:44px;margin-top:8px}}