:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2ead8;background:#15201c;font-synthesis:none;--forest: #15201c;--teal: #70b2a1;--gold: #d9ac62;--sage: #aab8aa;--ivory: #f2ead8}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px;border-radius:3px}button{border:0;background:none}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.garden{position:relative;min-height:40rem;height:100svh;height:100dvh;isolation:isolate;overflow:clip}.environment{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}.static-garden{position:absolute;inset:-3%;background:#15201c url(/assets/garden.svg) center/cover;transition:opacity 1.8s}.environment canvas{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1.8s}.webgl-ready canvas{opacity:1}.webgl-ready .static-garden{opacity:.22}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 39% 42%,transparent 10%,#15201c10 52%,#15201c55 100%)}.identity{position:absolute;left:17%;top:38%;width:min(38vw,34rem);text-align:center;transition:top 1s,left 1s,width 1s,opacity 1s;z-index:2}.wordmark{position:relative;line-height:0;width:100%;filter:drop-shadow(0 0 25px #d9ac6215)}.wordmark img{width:100%;height:auto}.core-light{position:absolute;inset:0;background:radial-gradient(ellipse 48% 160% at var(--light-x, 50%) var(--light-y, 50%),#f8dfab99,transparent 80%);mask:url(/assets/tomko-mark.svg) center/100% 100% no-repeat;pointer-events:none;opacity:.65}.company{font-size:clamp(.875rem,1.28vw,1.16rem);font-weight:400;letter-spacing:.49em;margin:1.35rem -.49em 0 0;color:#c7ccba}.email{display:inline-flex;align-items:center;gap:1.05rem;font-size:.875rem;letter-spacing:.065em;color:#c2c9b8;min-height:44px;margin-top:2.2rem}.email span{font-size:1rem;color:var(--gold);transition:transform .3s}.email:hover{color:var(--ivory)}.email:hover span{transform:translate(2px,-2px)}.constellation{position:absolute;inset:0;pointer-events:none}.hub{position:absolute;left:72%;top:52%;pointer-events:auto;z-index:5;transition:left 1s,top 1s}.hub-trigger{display:flex;gap:.75rem;align-items:center;min-height:48px;font-size:.9375rem;letter-spacing:.04em;color:#c7c6ab;white-space:nowrap}.node-orbit{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9ac6230;border-radius:50%;box-shadow:0 0 40px #d9ac620b}.node-orbit:before{content:"";position:absolute;inset:7px;border:1px solid #d9ac6220;border-radius:50%}.node-orbit span{width:6px;height:6px;border-radius:50%;background:#d9ac62;box-shadow:0 0 13px #d9ac6280}.hub-plus{color:#cbb38a;margin-left:.4rem;font-size:1.125rem;font-weight:300}.focus-only{opacity:0;visibility:hidden;transition:opacity .6s}.profile-link{display:block;min-height:44px;padding:13px 0 0 54px;font-size:.6875rem;letter-spacing:.16em;color:var(--sage)}.activity-field{position:absolute;inset:0;pointer-events:none}.activity-field>*{pointer-events:auto}.eyebrow{font-size:.6875rem;letter-spacing:.19em;line-height:1.6;font-weight:400;color:var(--sage)}.return-control{position:absolute;width:48px;height:48px;right:3.5%;top:5%;font-size:1.4rem;pointer-events:auto;border:1px solid #aab8aa30;border-radius:50%;z-index:8}.garden:not([data-state=rest]) .focus-only{opacity:1;visibility:visible}.garden:not([data-state=rest]) .identity{left:6.5%;top:14%;width:24%;opacity:.8}.garden:not([data-state=rest]) .identity .company{font-size:.75rem}.garden:not([data-state=rest]) .email{margin-top:1.3rem}.garden:not([data-state=rest]) .hub{left:52%;top:43%}.field-title{position:absolute;top:11%;left:48%}.calendar-cloud{position:absolute;top:20%;left:46%;width:30%}.events-cloud{position:absolute;top:40%;left:76%;width:20%;max-width:18rem}.repositories{position:absolute;left:28%;right:8%;top:65%}.repository-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:1.1rem}.repositories>h3{margin-left:1.7rem}.repository{position:relative;padding:0 0 0 1.7rem}.repository:before{content:"";position:absolute;left:0;top:20px;width:5px;height:5px;background:var(--teal);border-radius:50%;box-shadow:0 0 15px #70b2a150}.repo-trigger{display:block;text-align:left;padding:12px 0;min-height:44px;font-size:.9375rem;line-height:1.4;overflow-wrap:anywhere}.repo-detail{visibility:hidden;opacity:0;transition:opacity .4s;position:relative;isolation:isolate}.repo-detail:before,.events-cloud:before,.calendar-cloud:before{content:"";position:absolute;inset:-30px;z-index:-1;background:radial-gradient(ellipse,#15201ce8 20%,#15201cbb 55%,transparent 75%);pointer-events:none}.repository[data-active=true] .repo-detail{visibility:visible;opacity:1}.repo-detail p{font-size:.875rem;line-height:1.55;color:#d5d9c9;overflow-wrap:anywhere;max-width:36ch}.repo-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.75rem;line-height:1.5;color:#bdc9b6}.repo-link{display:inline-flex;align-items:center;gap:1rem;min-height:44px;font-size:.6875rem;letter-spacing:.16em;color:var(--gold)}#events{list-style:none;padding:0;margin:1rem 0 0}#events li{margin-bottom:1rem;font-size:.8125rem;line-height:1.5;color:#d0d5c3}#events time{display:block;font-size:.6875rem;color:var(--sage);margin-top:.2rem}.calendar-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;gap:3px;margin:.9rem 0 .7rem;max-width:29rem}.day{aspect-ratio:1;border-radius:1px;background:#294139;min-width:2px}.day[data-level="1"]{background:#497c69}.day[data-level="2"]{background:#70a58b}.day[data-level="3"]{background:#bca35f}.day[data-level="4"]{background:#d9ac62}.calendar-caption{font-size:.6875rem;line-height:1.5;color:var(--sage)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.node-orbit{animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,65%,to{box-shadow:0 0 25px #d9ac6208;border-color:#d9ac6225}80%{box-shadow:0 0 36px #d9ac6225;border-color:#d9ac6250}}}@media(max-width:700px){.garden{min-height:38rem}.identity{left:12%;top:25%;width:76%}.company{font-size:.875rem;letter-spacing:.37em;margin-top:1.05rem}.email{margin-top:1.4rem}.hub{left:44%;top:65%}.hub-trigger{font-size:.875rem}.garden:not([data-state=rest]) .identity{left:8%;top:6%;width:46%;opacity:.75}.garden:not([data-state=rest]) .identity .company{font-size:.5625rem;letter-spacing:.35em;margin-top:.6rem}.garden:not([data-state=rest]) .email{font-size:.75rem;margin-top:.6rem}.garden:not([data-state=rest]) .hub{left:14%;top:34%}.field-title{left:8%;top:25%;font-size:.625rem}.calendar-cloud{left:50%;top:29%;width:42%}.events-cloud{left:8%;top:47%;width:84%;max-width:none}#events{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.6rem}#events li{font-size:.6875rem}#events time{font-size:.625rem}.repositories{left:8%;right:8%;top:66%}.repository-nodes{gap:0;display:flex;flex-direction:column;margin-top:.5rem}.repositories>h3{margin-left:0}.repository{padding-left:1.2rem}.repo-trigger{font-size:.8125rem;padding:10px 0;min-height:44px}.repo-detail{display:none}.repository[data-active=true] .repo-detail{display:block}.garden[data-state=repository] .repository:not([data-active=true]){display:none}.garden[data-state=repository] .events-cloud{opacity:.4}.repo-detail p{font-size:.8125rem;line-height:1.5;max-width:none}.repo-meta{margin-top:.6rem}.return-control{right:7%;top:6%;width:44px;height:44px}.profile-link{font-size:.5625rem}.eyebrow{font-size:.625rem}.calendar-grid{gap:2px;margin-top:.6rem}.calendar-caption{font-size:.625rem}.calendar-cloud .eyebrow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.calendar-compact{grid-auto-columns:7px;width:max-content;gap:3px}.calendar-compact .day{width:7px;height:7px}.empty-day{visibility:hidden}.garden[data-state=repository] .repository[data-active=true]:before{background:var(--gold);box-shadow:0 0 18px #d9ac6270}.events-cloud,.calendar-cloud{isolation:isolate}.events-cloud a{display:block}.events-cloud a:hover,.hub-trigger[aria-expanded=true]{color:var(--gold)}.hub-trigger[aria-expanded=true] .hub-plus{transform:rotate(45deg)}.hub-plus{transition:transform .4s}@media(max-width:700px){.garden[data-state=repository] .repositories{top:51%}.garden[data-state=repository] .events-cloud{display:none}.repo-link{font-size:.625rem}.calendar-compact{grid-auto-columns:7px}.profile-link,.events-cloud a{min-height:44px}}.constellation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .9s;overflow:visible}.constellation-lines path{fill:none;stroke:#70b2a14a;stroke-width:.8;stroke-dasharray:3 0}.garden:not([data-state=rest]) .constellation-lines{opacity:.7}.garden:not([data-state=rest]) .identity{z-index:3}@media(min-width:701px)and (max-width:1100px){.events-cloud{left:75%;width:22%}.repository-nodes{gap:1.5rem}.repositories{left:22%;right:5%}.repo-detail p{font-size:.8125rem}.garden:not([data-state=rest]) .identity .company{font-size:.625rem}.field-title{left:44%}.calendar-cloud{left:43%}.garden:not([data-state=rest]) .hub{left:43%}}@media(max-height:600px)and (min-width:701px){.garden{min-height:0}.identity{top:31%}.hub{top:51%}.garden:not([data-state=rest]) .identity{top:9%;left:5%;width:26%}.field-title{top:7%;left:43%}.calendar-cloud{top:17%;left:44%;width:20%}.garden:not([data-state=rest]) .hub{top:39%;left:44%}.events-cloud{top:17%;left:72%;width:24%}#events{margin-top:.5rem}#events li{font-size:.6875rem;margin-bottom:.5rem}.repositories{top:63%;left:6%;right:6%}.repository-nodes{margin-top:0}.garden[data-state=repository] .repositories{top:45%;left:7%;right:53%}.garden[data-state=repository] .repository-nodes{display:block}.garden[data-state=repository] .repository:not([data-active=true]){display:none}.garden[data-state=repository] .repositories>h3{display:none}.repo-detail p{font-size:.75rem;line-height:1.45}.repo-meta{margin-top:.4rem}.repo-trigger{font-size:.8125rem;padding:6px 0}.repo-link{font-size:.625rem}.garden[data-state=repository] .identity .email{display:none}.return-control{top:7%;right:3%}}@media(min-width:701px)and (min-height:601px){.repo-detail{width:min(29rem,36vw)}.repo-detail p{max-width:none}.repository:last-child .repo-detail{transform:translate(-30%)}}@media(max-height:600px)and (min-width:701px){.garden[data-state=repository] .repositories{top:32%;right:50%}.repo-detail p{max-width:none}}@media(max-width:700px){.calendar-cloud{left:68%;top:29%;width:26%}.calendar-caption{font-size:.6875rem}.garden:not([data-state=rest]) .identity{width:54%}.garden:not([data-state=rest]) .identity .company{font-size:.625rem}.repo-trigger{font-size:.875rem}.profile-link{font-size:.625rem}.eyebrow{font-size:.6875rem}#events li{font-size:.75rem}#events time{font-size:.6875rem}.repository-nodes{margin-top:.5rem}}.atmosphere{background:radial-gradient(ellipse at 37% 44%,#c6ae6520,transparent 48%),radial-gradient(ellipse at 70% 80%,#70b2a109,transparent 50%),radial-gradient(ellipse at 45% 40%,transparent 40%,#15201c44 100%)}@media(max-width:340px),(max-height:340px){.garden{height:auto;min-height:100dvh;padding:3rem 1.5rem;overflow:visible}.environment{position:fixed}.identity,.garden:not([data-state=rest]) .identity{position:relative;left:auto;top:auto;width:100%;max-width:28rem;margin:0 auto 3rem}.constellation{position:relative;pointer-events:auto}.hub,.garden:not([data-state=rest]) .hub{position:relative;left:auto;top:auto;margin:0 0 2rem}.activity-field{position:relative;display:flex;flex-direction:column;gap:2rem}.field-title,.calendar-cloud,.events-cloud,.repositories,.garden[data-state=repository] .repositories{position:relative;inset:auto;width:auto;max-width:none}.repository-nodes{display:flex;flex-direction:column;gap:1rem}.repo-detail p{font-size:.875rem}.return-control{position:relative;inset:auto;margin-top:2rem}.constellation-lines{display:none}#events{display:block}#events li{font-size:.875rem}.eyebrow,.profile-link,.garden:not([data-state=rest]) .identity .company{font-size:.75rem}.garden[data-state=repository] .repository:not([data-active=true]){display:block}.repo-detail{width:auto;transform:none!important}.calendar-cloud{left:auto;top:auto;width:auto}}.garden.flow-layout{height:auto;min-height:100dvh;padding:3rem max(1.5rem,env(safe-area-inset-left));overflow:visible}.flow-layout .environment{position:fixed}.garden.flow-layout .identity{position:relative;inset:auto;width:100%;max-width:28rem;margin:0 auto 3rem}.flow-layout .constellation{position:relative;pointer-events:auto}.garden.flow-layout .hub{position:relative;inset:auto;margin:0 0 2rem}.flow-layout .activity-field{position:relative;display:flex;flex-direction:column;gap:2rem}.garden.flow-layout .field-title,.garden.flow-layout .calendar-cloud,.garden.flow-layout .events-cloud,.garden.flow-layout .repositories{position:relative;inset:auto;width:auto;max-width:none}.flow-layout .repository-nodes{display:flex;flex-direction:column;gap:1rem}.garden.flow-layout .repository:not([data-active=true]){display:block}.flow-layout .repo-detail{width:auto;transform:none!important}.flow-layout .repo-detail p{font-size:.875rem;max-width:none}.flow-layout .return-control{position:relative;inset:auto;margin-top:2rem}.flow-layout .constellation-lines{display:none}.flow-layout #events{display:block}.flow-layout #events li{font-size:.875rem}.flow-layout .eyebrow,.flow-layout .profile-link,.garden.flow-layout .identity .company{font-size:.75rem}.return-control{right:max(3.5%,calc(env(safe-area-inset-right) + 12px));top:max(5%,calc(env(safe-area-inset-top) + 12px))}.flow-layout .return-control{inset:auto}@media(orientation:landscape){.garden:not([data-state=rest]) .identity{left:max(5%,calc(env(safe-area-inset-left) + 12px))}.garden.flow-layout .identity{left:auto}}