.hero{aspect-ratio:1;background:#ddd;border-radius:8px;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.hero__slide{visibility:hidden;position:absolute;inset:0}.hero__slide.is-prev{visibility:visible;z-index:1}.hero__slide.is-active{visibility:visible;z-index:2;animation:1.2s cubic-bezier(.77,0,.18,1) both hero-wipe}.hero__image{color:#00000026;place-items:center;height:100%;font:700 clamp(3rem,15vw,7rem)/1 system-ui,sans-serif;display:grid}.hero__slide.is-active .hero__image{animation:1.6s cubic-bezier(.22,1,.36,1) both hero-zoom}.hero__counter{z-index:3;font-variant-numeric:tabular-nums;color:#0009;margin:0;font:.875rem system-ui,sans-serif;position:absolute;bottom:16px;right:20px}.hero__indicators{z-index:3;gap:6px;display:flex;position:absolute;bottom:8px;left:50%;translate:-50%}.hero__indicator{box-sizing:content-box;cursor:pointer;background:#00000040 padding-box content-box;border:0;border-radius:999px;width:12px;height:12px;padding:10px 6px;transition:width .4s cubic-bezier(.22,1,.36,1),background-color .4s}.hero__indicator[aria-current=true]{background-color:#0009;width:36px}.hero__indicator:focus-visible{outline-offset:-2px;outline:2px solid #333}@keyframes hero-wipe{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}@keyframes hero-zoom{0%{transform:translate(6%)scale(1.15)}to{transform:none}}@media (prefers-reduced-motion:reduce){.hero__slide.is-active,.hero__slide.is-active .hero__image{animation:none}.hero__indicator{transition:none}}.hero-grid-scroll{height:200vh}.hero-grid-scroll__sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0}.hero-grid{--gap:16px;--duration:.7s;--easing:cubic-bezier(.65, 0, .35, 1);gap:var(--gap);grid-template-columns:1fr 1fr;width:100%;max-width:976px;margin:0 auto;display:grid}.hero-grid .hero{max-width:none;transform:translateX(calc(50% + var(--gap) / 2)) scale(1.2);transition:transform var(--duration) var(--easing);margin:0}.hero-grid.is-open .hero{transform:none}.hero-grid__cards{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.hero-grid__card{aspect-ratio:1;opacity:0;background:#fff;border:1px solid #ddd;border-radius:8px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)scale(.92)}.hero-grid.is-open .hero-grid__card{opacity:1;transform:none}.hero-grid.is-open .hero-grid__card:first-child{transition-delay:.35s}.hero-grid.is-open .hero-grid__card:nth-child(2){transition-delay:.45s}.hero-grid.is-open .hero-grid__card:nth-child(3){transition-delay:.55s}.hero-grid.is-open .hero-grid__card:nth-child(4){transition-delay:.65s}@media (width<=640px){.hero-grid-scroll__sticky{overflow:hidden}.hero-grid{grid-template-columns:100% 100%}.hero-grid .hero,.hero-grid__cards{transition:transform var(--duration) var(--easing);align-self:center;transform:none}.hero-grid.is-open .hero,.hero-grid.is-open .hero-grid__cards{transform:translateX(calc(-100% - var(--gap)))}}@media (prefers-reduced-motion:reduce){.hero-grid .hero,.hero-grid__card{transition:none}}.halftone{width:min(100%, var(--halftone-size,320px));aspect-ratio:1;background:#fff;border-radius:22%;display:block}.halftone__live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.swarm{width:100%;height:100%;fill:var(--color-text);transition:opacity .2s;display:block}.swarm__triangle--study{fill:none;stroke:var(--color-text);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}a:hover .swarm{opacity:.55}.is-swarm-open .swarm{visibility:hidden}.swarm-view{z-index:10;box-sizing:border-box;overscroll-behavior:contain;background-color:#0d101400;padding:48px 16px;transition:background-color .4s;position:fixed;inset:0;overflow-y:auto}.swarm-view.is-shown{background-color:var(--color-bg)}.swarm-view .back-nav{z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;position:sticky;top:0}.swarm-view .back{pointer-events:auto;cursor:pointer}.swarm-view.is-shown .back-nav{opacity:1}@media (prefers-reduced-motion:reduce){.swarm,.swarm-view,.swarm-view .back-nav{transition:none}}.profile-view{--easing:cubic-bezier(.65, 0, .35, 1);z-index:10;box-sizing:border-box;overscroll-behavior:contain;background-color:#0d101400;padding:48px 16px;transition:background-color .4s;position:fixed;inset:0;overflow-y:auto}.profile-view.is-shown{background-color:var(--color-bg)}.profile-view .back-nav{z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;position:sticky;top:0}.profile-view .back{pointer-events:auto;cursor:pointer}.profile-view.is-shown .back-nav{opacity:1}.profile-view .profile__avatar{transform-origin:0 0;transition:transform .6s var(--easing)}.profile-view .profile>:not(.profile__avatar){opacity:0;transition:opacity .2s}.profile-view.is-shown .profile>:not(.profile__avatar){opacity:1;transition:opacity .4s .35s}.profile-view.is-instant .profile__avatar{transition:none}.is-profile-open [data-profile-source]{visibility:hidden}@media (prefers-reduced-motion:reduce){.profile-view,.profile-view .back-nav,.profile-view .profile__avatar,.profile-view .profile>:not(.profile__avatar),.profile-view.is-shown .profile>:not(.profile__avatar){transition:none}}.hero{background:var(--color-surface)}.hero__photo{object-fit:cover;width:100%;height:100%}.hero__counter{color:var(--color-text-muted)}.hero__indicator{background-color:#ffffff40}.hero__indicator[aria-current=true]{background-color:#fffc}.hero__indicator:focus-visible{outline-color:var(--color-text)}.hero-grid__card{color:inherit;background:0 0;border:0;text-decoration:none;display:block}.hero-grid__card:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;border-radius:8px}.tile{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-direction:column;justify-content:flex-end;height:100%;padding:20px;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}a.hero-grid__card:hover .tile{border-color:var(--color-border-strong);background-color:var(--color-surface-hover)}.tile--center{justify-content:center;align-items:center}.tile__place{aspect-ratio:1000/943;width:min(100cqw,106.045cqh);height:auto;margin:auto;position:absolute;inset:0}.tile__map{width:100%;height:100%;fill:var(--color-text);display:block}.tile__land{opacity:.2}.tile__avatar{left:var(--x);top:var(--y);aspect-ratio:1;object-fit:cover;opacity:.8;border-radius:50%;width:13%;height:auto;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%)}.hero-grid__card:hover .tile__avatar{opacity:1}.tile--bare{background:0 0;border-color:#0000;position:relative;container-type:size}.hero-grid__card:hover .tile--bare{background:0 0;border-color:#0000}.tile--bare>.swarm{position:absolute;top:0;left:0}.tile--bleed{padding:0;position:relative}.tile__halftone{position:absolute;inset:0}.tile__halftone .halftone{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.links{gap:var(--gap);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.links__item{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-text-muted);border-radius:8px;place-items:center;transition:border-color .2s,background-color .2s,color .2s;display:grid}.links__item:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-hover);color:var(--color-text)}.links__item:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.links__icon{aspect-ratio:1;object-fit:contain;fill:currentColor;width:36%;height:auto}@media (width<=640px){.tile{padding:14px 16px}.links{gap:8px}}@media (prefers-reduced-motion:reduce){.tile,.links__item{transition:none}}
