.atlas{padding-bottom:var(--section)}.atlas__grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.atlas__head{padding-bottom:clamp(2rem,4vw,3.5rem)}.atlas__globe{place-content:center;justify-items:center;gap:1.2rem;height:100svh;display:grid;position:sticky;top:0}.atlas__globe canvas{aspect-ratio:1;width:min(40vw,78vh,640px)}.atlas__hint{color:var(--muted)}.atlas__list{border-bottom:1px solid var(--line)}.filters{display:grid}.filters__tabs{gap:clamp(1.1rem,2vw,1.8rem);margin-top:.4rem;display:flex}.ftab{min-height:48px;font:inherit;letter-spacing:.005em;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-start;gap:.2rem;padding:.95rem 0 0;font-size:1rem;font-weight:520;transition:color .2s;display:inline-flex;position:relative}.ftab sup{color:var(--copper);font-variant-numeric:tabular-nums;margin-top:.15em;font-size:.6875rem;font-weight:600;line-height:1}.ftab:after{content:"";background:var(--brown);transform-origin:0;height:2px;transition:transform .24s cubic-bezier(.23,1,.32,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.ftab[aria-pressed=true]{color:var(--ink)}.ftab[aria-pressed=true]:after{transform:scaleX(1)}.ftab:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.ftab:hover{color:var(--ink)}}.ftab:focus-visible{outline:2px solid var(--copper);outline-offset:4px;border-radius:4px}.fsearch{border-bottom:1px solid var(--line);max-width:420px;min-height:48px;color:var(--muted);order:-1;align-items:center;gap:.6rem;transition:color .2s,border-color .2s;display:flex}.fsearch:focus-within{color:var(--ink);border-color:var(--brown)}.fsearch svg{flex:none;width:17px;height:17px}.fsearch input{min-width:0;font:inherit;color:var(--ink);caret-color:var(--copper);-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.fsearch input::placeholder{color:var(--muted);opacity:1}.fsearch input::-webkit-search-cancel-button,.fsearch input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.atlas__list li{transition:opacity .22s}@starting-style{.atlas__list li{opacity:0}}@media (width<=700px){.filters__tabs{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);overflow-x:auto}.filters__tabs::-webkit-scrollbar{display:none}.ftab{flex:none}.fsearch{max-width:none}}.atlas__list li[hidden]{display:none}.atlas__empty{color:var(--muted);max-width:32em;padding:2rem 0}.atlas__row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;grid-template-areas:"thumb name go""thumb info go";align-items:center;column-gap:1.4rem;padding-block:clamp(1.2rem,2.2vw,1.8rem);transition:opacity .4s;display:grid}.atlas__thumb{aspect-ratio:1;border-radius:50%;grid-area:thumb;width:clamp(64px,7vw,104px)}.atlas__thumb img{transition:scale .9s var(--ease-out)}.atlas__name{font-family:var(--font-display);letter-spacing:-.025em;font-variation-settings:"SOFT" 60;transition:translate .6s var(--ease-out), color .4s;grid-area:name;align-self:end;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1}.atlas__info{color:var(--muted);flex-wrap:wrap;grid-area:info;align-self:start;gap:.2rem 1.2rem;margin-top:.5rem;font-size:.9375rem;display:flex}.atlas__info b{color:var(--copper);font-weight:600}.atlas__go{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .4s, color .4s, rotate .6s var(--ease-out);border-radius:50%;grid-area:go;place-items:center;display:grid}.atlas__go svg{width:20px;height:20px}.atlas__row.is-active .atlas__name{color:var(--brown);font-style:italic;translate:.8rem}.atlas__row.is-active .atlas__go{background:var(--brown);color:var(--cream);rotate:-45deg}.atlas__row.is-active .atlas__thumb img{scale:1.12}.atlas__list:has(.is-active) .atlas__row:not(.is-active){opacity:.45}@media (width<=900px){.atlas__grid{grid-template-columns:1fr}.atlas__globe{height:auto;padding-top:calc(var(--nav-h) + .5rem);z-index:2;background:linear-gradient(var(--cream) 82%, transparent);margin-inline:calc(var(--gutter) * -1);order:-1;padding-bottom:.8rem;position:sticky;top:0}.atlas__globe canvas{width:min(46vw,30vh)}.atlas__hint{display:none}.atlas__head{padding-top:1.5rem}.atlas__list:has(.is-active) .atlas__row:not(.is-active){opacity:1}}
