[data-spaces].sp-directory{--sp-ink: #202624;--sp-muted: #68716e;--sp-border: rgba(70, 88, 83, .12);--sp-surface: rgba(255, 255, 255, .45);--sp-page: rgba(242, 246, 245, .45);--sp-mint: #e1eeea;--sp-glass: linear-gradient(140deg, rgba(255,255,255,.7), rgba(244,247,246,.28));--sp-wash: radial-gradient(ellipse at 22% 24%, rgba(185,223,253,.19), transparent 48%), radial-gradient(ellipse at 83% 55%, rgba(189,231,215,.2), transparent 48%);--sp-motion: cubic-bezier(.22, 1, .36, 1);position:relative;isolation:isolate;background:transparent;color:var(--sp-ink)}.sp-directory:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--sp-wash);background-size:135% 135%;animation:sp-directory-wash 22s ease-in-out infinite alternate;pointer-events:none}.sp-directory .sp-directory-frame{background:transparent}.sp-directory .sp-directory-main{max-width:1180px;margin-inline:auto}.sp-directory .sp-directory-hero{padding-block:1.5rem 1rem;animation:sp-directory-enter .95s var(--sp-motion) both}.sp-directory .sp-directory-hero>p:first-child{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.sp-directory .sp-directory-hero .sp-h1{max-width:760px;font-size:clamp(2rem,3.9vw,3.25rem);line-height:1.22;font-weight:500;letter-spacing:-.035em;text-wrap:balance}.sp-directory .sp-directory-hero>p{text-wrap:pretty}.sp-directory .sp-directory-search{background:var(--sp-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 4px 22px -18px #1e322d33;transition:border-color .4s,box-shadow .4s}.sp-directory .sp-directory-search:focus-within{border-color:var(--sp-muted);box-shadow:0 8px 30px -20px #1e322d4d}.sp-directory .sp-directory-mosaic{gap:1rem;margin-top:2.75rem}.sp-directory .sp-directory-mosaic>div{gap:1rem}.sp-directory .sp-directory-tile,.sp-directory .sp-directory-build{background:var(--sp-glass)!important;border:1px solid var(--sp-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;transition:transform .65s var(--sp-motion),box-shadow .65s var(--sp-motion),border-color .4s;animation:sp-directory-enter 1s var(--sp-motion) both}.sp-directory .sp-directory-tile:nth-child(2){animation-delay:90ms}.sp-directory .sp-directory-tile:nth-child(3){animation-delay:.18s}.sp-directory .sp-directory-tile:nth-child(4){animation-delay:.27s}.sp-directory .sp-directory-build{animation-delay:.18s}.sp-directory .sp-directory-tile[aria-pressed=true]{border-color:var(--sp-muted)}.sp-directory .sp-directory-tile{height:300px}.sp-directory .sp-directory-build{min-height:340px}.sp-directory .sp-directory-mosaic svg{height:190px;right:6px;bottom:-8px;opacity:1;color:var(--sp-muted);animation:sp-directory-float 4.5s ease-in-out infinite}.sp-directory .sp-directory-tile:nth-child(2n) svg{animation-delay:-2.25s}.sp-directory .sp-directory-build svg{height:260px;right:-12px;bottom:-8px;animation-duration:6s}.sp-directory .sp-directory-tile>span:last-child{max-width:100%}.sp-directory .sp-art-orbit{transform-origin:64px 64px;animation:sp-art-orbit 24s linear infinite}.sp-directory .sp-art-spark{transform-origin:center;animation:sp-art-spark 3s ease-in-out infinite}@media(min-width:1024px){.sp-directory .sp-directory-build svg{height:300px;bottom:16px}}@media(max-width:639px){.sp-directory .sp-directory-tile{height:270px}.sp-directory .sp-directory-build svg{height:220px}}.sp-directory .sp-card,.sp-directory .sp-empty{background:var(--sp-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sp-directory .sp-btn{background:var(--sp-cta);transition:transform .45s var(--sp-motion),box-shadow .45s}.sp-directory .sp-btn-quiet{background:var(--sp-surface)}.sp-directory .sp-directory-plans{max-width:1100px;margin:2rem auto 0;background:transparent}@media(min-width:1024px){.sp-directory .sp-directory-plans>div{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:0 2.5rem;align-items:start}.sp-directory-plans .sp-eyebrow{grid-column:1;grid-row:1}.sp-directory-plans .sp-h2{grid-column:1;grid-row:2}.sp-directory-plans>div>p:nth-child(3){grid-column:1;grid-row:3}.sp-directory-plans [role=radiogroup]{grid-column:2;grid-row:1 / span 4;margin-top:0}.sp-directory-plans>div>div:nth-of-type(2){grid-column:3;grid-row:1 / span 4;margin-top:0;background:var(--sp-glass)}.sp-directory-plans>div>a{grid-column:2;grid-row:5}.sp-directory-plans>div>p:last-child{grid-column:3;grid-row:5}}@media(hover:hover){.sp-directory .sp-directory-tile:hover,.sp-directory .sp-directory-build:hover,.sp-directory .sp-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -28px #23413747;border-color:#46585340}.sp-directory .sp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -12px #141e1980}}@keyframes sp-directory-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-directory-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes sp-art-orbit{to{transform:rotate(360deg)}}@keyframes sp-art-spark{0%,to{opacity:.3;transform:scale(.94)}50%{opacity:.85;transform:scale(1.06)}}@keyframes sp-directory-wash{0%{background-position:0% 0%}to{background-position:100% 80%}}@media(prefers-reduced-motion:reduce){.sp-directory:before,.sp-directory *,.sp-directory *:before{animation:none!important;transition:none!important}.sp-directory .sp-directory-tile:hover,.sp-directory .sp-directory-build:hover,.sp-directory .sp-card:hover,.sp-directory .sp-btn:hover{transform:none}}
