@layer refinement{.map-hub .hub-intro__copy,.map-hub .hub-cover,.map-hub .map-toolbar>div{opacity:1;transition:none;transform:none}.hub-intro{grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(34px,6vw,88px);padding-block:18px 56px;display:grid}.hub-intro__copy,.hub-cover{opacity:0;transition:opacity .7s, transform 1s var(--ease-travel);transform:translateY(28px)}.hub-intro.is-visible .hub-intro__copy,.hub-intro.is-visible .hub-cover{opacity:1;transform:none}.hub-intro.is-visible .hub-cover{transition-delay:90ms}.hub-intro__copy>p:first-child{font-size:.84rem}.hub-intro h1{letter-spacing:-.065em;max-width:11ch;margin:18px 0 22px;font-size:clamp(3rem,5vw,5.2rem);font-weight:540;line-height:.96}.hub-intro__copy>p:nth-of-type(2){max-width:43ch;color:var(--text-muted);font-size:.96rem;line-height:1.75}.hub-intro__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;display:flex}.hub-explore,.hub-group-link{border:1px solid var(--line-strong);min-height:48px;color:inherit;font:inherit;cursor:pointer;transition:background .35s, color .35s, border-color .35s, transform .5s var(--ease-travel);background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:16px;padding:0 19px;font-size:.8rem;display:inline-flex}.hub-explore{color:var(--surface-root);background:var(--text-primary);border-color:var(--text-primary)}.hub-explore svg,.hub-group-link svg{width:17px;transition:transform .6s var(--ease-travel)}.hub-explore svg{rotate:90deg}.hub-explore:hover,.hub-group-link:hover{transform:translateY(-3px)}.hub-group-link:hover{background:var(--surface-raised);border-color:var(--text-primary)}.hub-group-link:hover svg{transform:translate(3px)}.hub-group-link:focus-visible,.hub-explore:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.map-filters button:disabled{cursor:not-allowed;opacity:.58}.hub-cover{aspect-ratio:1.38;background:var(--surface-raised);border-radius:20px;position:relative;overflow:hidden}.hub-cover picture,.hub-cover img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-travel)}.hub-cover:hover img{transform:scale(1.025)}.hub-cover>span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a3;border:1px solid #ffffff47;border-radius:99px;padding:8px 13px;font-size:.7rem;position:absolute;bottom:18px;left:18px}.map-collection{border-top:1px solid var(--line);padding-block:42px 80px;scroll-margin-top:88px}.map-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.map-toolbar>div{opacity:0;transition:opacity .6s, transform .9s var(--ease-travel);transform:translate(-20px)}.map-collection.is-visible .map-toolbar>div{opacity:1;transform:none}.map-toolbar h2{letter-spacing:-.045em;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:540}.map-toolbar p{color:var(--text-muted);margin-top:7px;font-size:.875rem}.map-search{border:1px solid var(--line);background:var(--surface-raised);width:min(100%,350px);transition:width .65s var(--ease-travel), border-color .3s, box-shadow .35s, transform .5s var(--ease-travel);border-radius:99px;align-items:center;gap:12px;padding:13px 17px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #0000}.map-search:after{content:"";background:var(--signal);transform-origin:0;height:1px;transition:transform .6s var(--ease-travel);position:absolute;inset:auto 16px 0;transform:scaleX(0)}.map-search:focus-within{border-color:color-mix(in srgb, var(--signal) 55%, var(--line));width:min(100%,350px);box-shadow:0 14px 45px #0000001f}.map-search:focus-within:after{transform:scaleX(1)}.map-search>svg{z-index:1;width:17px;transition:transform .55s var(--ease-travel), color .3s;flex:none}.map-search:focus-within>svg{color:var(--signal);transform:rotate(-8deg)scale(1.1)}.map-search input{z-index:1;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;font-size:.82rem}.map-search input::-webkit-search-cancel-button{display:none}.map-search button{z-index:1;width:27px;height:27px;color:inherit;background:var(--surface-soft);cursor:pointer;animation:search-clear-in .35s var(--ease-travel) both;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.map-search button svg{width:14px;transition:transform .45s var(--ease-travel)}.map-search button:hover svg{transform:rotate(90deg)}@keyframes search-clear-in{0%{opacity:0;transform:scale(.5)rotate(-60deg)}}.map-filters{flex-wrap:wrap;gap:8px;margin:-6px 0 25px;display:flex}.map-filters button{border:1px solid var(--line);min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;transition:color .3s, background .3s, border-color .3s, transform .45s var(--ease-travel);background:0 0;border-radius:99px;align-items:center;gap:8px;padding:0 16px;font-size:.875rem;display:inline-flex}.map-filters button[aria-pressed=true]{color:var(--surface-root);background:var(--text-primary);border-color:var(--text-primary)}.map-filters .map-filters__random{color:var(--text-primary);border-style:solid;margin-left:auto}.map-filters svg{width:15px}.map-recents{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:25px;font-size:.875rem;display:flex}.map-recents>span{color:var(--text-muted)}.map-recents a{border-bottom:1px solid var(--line);padding:5px 10px;transition:border-color .25s,transform .35s}.map-recents a:hover{border-color:var(--text-primary)}.map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 20px;display:grid}.map-item{min-width:0;position:relative}.map-tile{min-width:0;color:inherit;text-align:left;display:block}.map-tile__image{aspect-ratio:1.58;background:var(--surface-raised);isolation:isolate;border-radius:13px;display:block;position:relative;overflow:hidden}.map-tile__image>img:first-child{object-fit:cover;width:100%;height:100%;transition:transform .85s var(--ease-travel), filter .55s}.map-tile__shade{z-index:1;opacity:.45;background:linear-gradient(135deg,#00000005 25%,#00000094);transition:opacity .45s;position:absolute;inset:0}.map-tile__icon{z-index:2;aspect-ratio:1;object-fit:cover;width:clamp(42px,24%,70px);height:auto;transition:transform .75s var(--ease-travel), opacity .45s;border:1px solid #ffffff52;border-radius:10px;position:absolute;bottom:9px;right:10px;box-shadow:0 10px 25px #00000047}.map-tile__arrow{z-index:3;color:#000;opacity:0;width:34px;height:34px;transition:opacity .3s, transform .55s var(--ease-travel);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:11px;left:11px;transform:translateY(8px)rotate(-35deg)}.map-tile__arrow svg{width:16px}.map-tile__copy{gap:5px;margin-top:13px;display:grid}.map-tile__copy strong{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:1.125rem;font-weight:540}.map-tile__copy small{color:var(--text-muted);font-size:.875rem}.map-tile:hover .map-tile__image>img:first-child,.map-tile:focus-visible .map-tile__image>img:first-child{transform:scale(1.055)}.map-tile:hover .map-tile__shade,.map-tile:focus-visible .map-tile__shade{opacity:.7}.map-tile:hover .map-tile__icon,.map-tile:focus-visible .map-tile__icon{transform:translate(-5px,-5px)rotate(-3deg)scale(1.06)}.map-tile:hover .map-tile__arrow,.map-tile:focus-visible .map-tile__arrow{opacity:1;transform:rotate(-35deg)}.map-empty{text-align:center;padding:55px 0}.map-empty p{color:var(--text-muted);margin:12px 0 23px;font-size:.84rem}.hub-reading{border-top:1px solid var(--line);grid-template-columns:1.15fr .85fr;gap:clamp(32px,8vw,105px);padding-block:58px;display:grid}.hub-reading>*{opacity:0;transition:opacity .65s, transform .9s var(--ease-travel);transform:translateY(26px)}.hub-reading.is-visible>*{opacity:1;transform:none}.hub-reading.is-visible>aside{transition-delay:90ms}.hub-reading h2{letter-spacing:-.038em;font-size:1.65rem;font-weight:520}.hub-reading p{color:var(--text-muted);margin-block:18px;font-size:.9rem;line-height:1.85}.hub-reading aside{background:var(--surface-raised);border-radius:16px;padding:28px}.hub-reading aside>.status-dot{background:var(--signal);margin-bottom:18px;display:block}.hub-reading aside .text-button{margin-top:20px;display:block}.hub-credit{color:var(--text-muted);padding-bottom:56px;font-size:.875rem;line-height:1.75}.hub-credit a{text-underline-offset:4px;text-decoration:underline}@media (max-width:1020px){.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.hub-intro{grid-template-columns:1fr;gap:30px;padding-bottom:48px}.hub-intro h1{max-width:14ch;font-size:clamp(3rem,13vw,4.6rem)}.hub-cover{aspect-ratio:1.65}.map-toolbar{flex-direction:column;align-items:flex-start}.map-search,.map-search:focus-within{width:100%;max-width:none}.map-filters .map-filters__random{margin-left:0}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.hub-reading{grid-template-columns:1fr;gap:30px}}@media (max-width:420px){.hub-intro__actions>*{width:100%}.map-grid{gap:25px 11px}.map-tile__icon{width:42px}.map-tile__copy strong{font-size:.9rem}}:root[data-static] .map-search,:root[data-static] .map-filters__random{display:none}:root[data-motion=reduced] .hub-intro__copy,:root[data-motion=reduced] .hub-cover,:root[data-motion=reduced] .map-toolbar>div,:root[data-motion=reduced] .hub-reading>*{opacity:1;transition:none;transform:none}@media (max-width:380px){.map-grid{grid-template-columns:1fr}}.map-hub .hub-intro{grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:clamp(24px,4vw,52px);padding-block:12px 26px}.map-hub .hub-intro h1{max-width:none;margin:7px 0 10px;font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.02}.map-hub .hub-intro__copy>p:nth-of-type(2){max-width:58ch;line-height:1.45}.map-hub .hub-intro__actions{margin-top:14px}.map-hub .hub-cover{aspect-ratio:auto;height:194px}.map-hub .map-collection{padding-top:24px}.map-hub .map-toolbar{margin-bottom:18px}.map-hub .map-search{border-color:var(--line-strong)}.map-hub .map-search input{font-size:.9rem}@media (max-width:760px){.map-hub .hub-intro{grid-template-columns:1fr;gap:0;padding-block:8px 16px}.map-hub .hub-intro h1{max-width:none;margin:7px 0 9px;font-size:clamp(2.2rem,9vw,3.2rem)}.map-hub .hub-cover,.map-hub .hub-explore{display:none}.map-hub .hub-intro__actions{margin-top:10px}.map-hub .hub-group-link{width:auto;min-height:36px;padding-inline:12px;font-size:.75rem}.map-hub .map-collection{padding-top:18px}.map-hub .map-toolbar{gap:13px;margin-bottom:15px}.map-hub .map-toolbar h2{font-size:1.5rem}.map-hub .map-filters{margin-bottom:17px}}}
