.home{padding-bottom:64px}.home__opening{grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(40px,5vw,72px);padding-block:56px 64px;display:grid}.home__eyebrow{font:400 12px / 1.6 var(--font-mono);color:var(--dim)}.home__bio h1{font:600 clamp(64px, 7vw, 100px) / .98 var(--font-display);letter-spacing:-.05em;margin:28px 0 32px}.home__period{color:var(--red);animation:dot-in var(--dur-2) var(--ease-out) var(--dur-3) backwards;display:inline-block}.home__intro{max-width:34ch;color:var(--dim);font-size:19px;line-height:1.6}.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:24px;font-size:16px;display:inline-flex}.home__about:hover{color:var(--red)}.home__source{max-width:38ch;color:var(--dim);margin-top:24px;font-size:15px;line-height:1.6}.home__source a{color:var(--ink)}.presence-board{min-width:0;margin:0}.presence-board__top{font:400 12px / 1.5 var(--font-mono);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.presence-board__top h2{font:inherit;margin:0}.presence-board__top>span{color:var(--dim)}.presence-board__composition{aspect-ratio:1.15;background:var(--paper);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.presence-board__stage{background:var(--ink);grid-area:1/1/4/4;place-items:center;padding:14px;display:grid;position:relative;container-type:size}.presence-board__disc{aspect-ratio:1;background:var(--red);border-radius:50%;place-items:center;width:min(100cqw,100cqh);display:grid}.presence-board__count{font:500 clamp(64px, 14vw, 180px) / 1 var(--font-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:clamp(48px,44cqw,180px)}.presence-board__stripes{background:repeating-linear-gradient(90deg, var(--blue) 0 10%, var(--paper) 10% 20%);grid-area:1/4/3/5}.presence-board__quarter{background:var(--yellow);grid-area:3/4/4/5;position:relative}.presence-board__quarter:before{content:"";background:var(--red);border-radius:0 0 100%;position:absolute;inset:0}.presence-board__arch{background:var(--blue);grid-area:4/1/5/3;position:relative}.presence-board__arch:before{content:"";background:var(--yellow);border-radius:100% 100% 0 0/200% 200% 0 0;position:absolute;inset:0}.presence-board__triangles{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%);grid-area:4/3/5/5}.presence-board__caption{max-width:52ch;color:var(--dim);margin:16px 0 0;font-size:15px;line-height:1.55}.presence-board__caption a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.home__directory{border:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home__destination{padding:28px;text-decoration:none;position:relative;overflow:hidden}.home__destination+.home__destination{border-left:2px solid var(--ink)}.home__destination:first-child{--tile-color:var(--red)}.home__destination:nth-child(2){--tile-color:var(--blue)}.home__destination:last-child{--tile-color:var(--yellow)}.home__destination:before{content:"";background:var(--tile-color);width:100%;height:6px;transition:height var(--dur-2) var(--ease);position:absolute;top:0;left:0}.home__destination:hover:before{height:16px}.home__destination h2{font:500 32px / 1.15 var(--font-display);letter-spacing:-.03em;justify-content:space-between;gap:16px;margin:24px 0 12px;display:flex}.home__destination h2 span{font-size:24px}.home__destination p{max-width:30ch;color:var(--dim);font-size:16px;line-height:1.5}.home__destination:hover{background:color-mix(in srgb, var(--tile-color) 9%, var(--paper))}@media (min-width:1600px){.home__opening{padding-block:80px}}@media (max-width:900px){.home__opening{gap:32px;padding-block:48px}.home__bio h1{font-size:72px}.home__intro{font-size:17px}.home__destination{padding:24px 20px}.home__destination h2{font-size:26px}}@media (max-width:640px){.home{padding-bottom:40px}.home__opening{grid-template-columns:1fr;gap:40px;padding-block:36px 40px}.home__bio h1{margin-block:28px;font-size:clamp(54px,13vw,84px)}.home__intro{max-width:36ch;font-size:18px}.home__about{margin-top:20px}.home__directory{grid-template-columns:1fr}.home__destination,.home__destination+.home__destination{border-left:0;padding:28px 24px}.home__destination+.home__destination{border-top:2px solid var(--ink)}.home__destination h2{margin-top:16px;font-size:32px}.home__destination p{max-width:none}}.presence-board__composition{--pointer-x:0;--pointer-y:0;position:relative}.presence-board__top button{font:inherit;color:var(--dim);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.presence-board__disc{translate:calc(var(--pointer-x) * 7px) calc(var(--pointer-y) * 7px);animation:14s ease-in-out infinite presence-breathe;animation-play-state:var(--motion-state);transition:translate .65s cubic-bezier(.2,.8,.2,1)}.presence-board__quarter:before{transform-origin:0 0;animation:20s ease-in-out infinite alternate presence-quarter;animation-play-state:var(--motion-state)}.presence-board__stripes{animation:28s linear infinite presence-stripes;animation-play-state:var(--motion-state);background-size:200% 100%}.presence-board__arch:before{translate:calc(var(--pointer-x) * -12px) 0;transition:translate .9s ease-out}.presence-board__triangles{animation:24s ease-in-out infinite alternate presence-triangles;animation-play-state:var(--motion-state)}.presence-board__digit{animation:.28s ease-out presence-arrive;display:inline-block}.presence-board__visitor{z-index:2;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)}@keyframes presence-breathe{0%,to{transform:scale(.965)}50%{transform:scale(1)}}@keyframes presence-quarter{0%,30%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@keyframes presence-stripes{to{background-position:200% 0}}@keyframes presence-triangles{0%,35%{filter:none}65%,to{filter:saturate(.85)}}@keyframes presence-arrive{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.presence-board__disc,.presence-board__arch:before{translate:none}.presence-board__visitor{transition:none}}