.showcase-harbor{--showcase-indigo:#6366f1;--showcase-radius:1.1rem;padding-block:.15rem 2rem}.showcase-harbor__hero{margin-bottom:1.15rem}.showcase-harbor__hero-panel{border:1px solid color-mix(in srgb, var(--showcase-indigo) 20%, #ffffff14);background:color-mix(in srgb, var(--depth-abyss,#030810) 62%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:1.25rem;padding:1.25rem 1.15rem 1.05rem;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 56px -28px #000000b8}.showcase-harbor__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--showcase-indigo);margin:0 0 .35rem;font-size:.62rem;font-weight:800}.showcase-harbor__title{margin:0;font-size:clamp(1.55rem,5vw,2.15rem);font-weight:800;line-height:1.22}.showcase-harbor__hero-lead{max-width:34rem;color:var(--text-muted,#ffffffad);margin:.65rem auto 0;font-size:.82rem;line-height:1.65}.showcase-harbor__stats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.95rem 0 0;padding:0;display:flex}.showcase-harbor__stat{background:color-mix(in srgb, var(--depth-abyss,#030810) 48%, transparent);border:1px solid #ffffff17;border-radius:.85rem;flex-direction:column;align-items:center;gap:.1rem;min-width:4.25rem;padding:.5rem .75rem;display:flex}.showcase-harbor__stat dt{color:var(--text-muted,#ffffff8c);margin:0;font-size:.62rem;font-weight:700}.showcase-harbor__stat dd{font-variant-numeric:tabular-nums;color:var(--showcase-indigo);margin:0;font-size:1rem;font-weight:800}.showcase-harbor__stat--live dd{letter-spacing:.12em;color:#f97316;font-size:.78rem}.showcase-harbor__block{margin-bottom:1.55rem}.showcase-harbor__block--spotlight{margin-bottom:1.35rem}.showcase-harbor__spotstrip{border:1px solid color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 24%, #ffffff14);background:linear-gradient(145deg, color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 9%, transparent) 0%, transparent 42%), color-mix(in srgb, var(--depth-abyss,#030810) 68%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff12, 0 20px 48px -28px color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 28%, #000000bf);border-radius:1.15rem;position:relative;overflow:hidden}.showcase-harbor__spotstrip-progress{inset-inline:0;z-index:4;background:#ffffff0f;height:2px;position:absolute;top:0}.showcase-harbor__spotstrip-progress-fill{background:linear-gradient(90deg, var(--showcase-accent,var(--showcase-indigo)), color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 55%, #a855f7));width:0;height:100%;animation:showcase-spotstrip-progress var(--slide-ms,6s) linear forwards;display:block}.showcase-harbor__spotstrip-progress-fill.is-paused{animation-play-state:paused}@keyframes showcase-spotstrip-progress{0%{width:0}to{width:100%}}.showcase-harbor__spotstrip-slide{color:inherit;animation:showcase-spotstrip-enter .42s var(--ease-out,cubic-bezier(.22, 1, .36, 1)) both;grid-template-columns:1fr;text-decoration:none;display:grid}@keyframes showcase-spotstrip-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.showcase-harbor__spotstrip-media{min-height:11.5rem;padding:.65rem .65rem .5rem;display:block;position:relative;overflow:hidden}.showcase-harbor__spotstrip-glow{pointer-events:none;background:radial-gradient(120% 90% at 88% 12%, color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 32%, transparent), transparent 58%);opacity:.85;position:absolute;inset:0}.showcase-harbor__spotstrip-frame{background:color-mix(in srgb, var(--depth-abyss,#030810) 82%, #0b1220);border:1px solid #ffffff24;border-radius:.85rem;flex-direction:column;height:100%;min-height:9.75rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 12px 32px -18px #000000b8}.showcase-harbor__spotstrip-frame-chrome{background:color-mix(in srgb, var(--depth-abyss,#030810) 55%, transparent);border-bottom:1px solid #ffffff12;align-items:center;gap:.28rem;padding:.38rem .55rem;display:flex}.showcase-harbor__spotstrip-frame-dot{background:#ffffff29;border-radius:999px;width:.38rem;height:.38rem}.showcase-harbor__spotstrip-frame-dot:first-child{background:#f87171}.showcase-harbor__spotstrip-frame-dot:nth-child(2){background:#fbbf24}.showcase-harbor__spotstrip-frame-dot:nth-child(3){background:#34d399}.showcase-harbor__spotstrip-frame-viewport{flex:1;min-height:8.25rem;position:relative;overflow:hidden}.showcase-harbor__spotstrip-img{object-fit:cover;object-position:center 18%;filter:brightness(.94)saturate(1.08)contrast(1.04);transition:transform .55s var(--ease-out,cubic-bezier(.22, 1, .36, 1)), filter .55s;transform:scale(1.02)}.showcase-harbor__spotstrip-slide:hover .showcase-harbor__spotstrip-img{filter:brightness()saturate(1.12)contrast(1.05);transform:scale(1.06)}.showcase-harbor__spotstrip-veil{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--depth-abyss,#030810) 8%, transparent) 0%, transparent 38%, color-mix(in srgb, var(--depth-abyss,#030810) 42%, transparent) 100%);position:absolute;inset:0}.showcase-harbor__spotstrip-vignette{pointer-events:none;background:radial-gradient(95% 88% at 50% 42%,#0000 42%,#03081061 100%);position:absolute;inset:0}.showcase-harbor__spotstrip-live{letter-spacing:.12em;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#0308109e;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.28rem;padding:.22rem .48rem .22rem .42rem;font-size:.56rem;font-weight:900;display:inline-flex;position:absolute;inset-block-start:.95rem;inset-inline-end:.95rem;box-shadow:0 0 18px #ef444459}.showcase-harbor__spotstrip-live-dot{background:#ef4444;border-radius:999px;width:.38rem;height:.38rem;animation:1.8s ease-in-out infinite showcase-spotstrip-pulse;box-shadow:0 0 10px #ef4444}@keyframes showcase-spotstrip-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.showcase-harbor__spotstrip-media-tag{letter-spacing:.06em;color:#fff;border:1px solid color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 42%, #fff3);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 72%, #0308108c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border-radius:999px;max-width:calc(100% - 1.4rem);padding:.2rem .5rem;font-size:.58rem;font-weight:800;position:absolute;inset-block-end:.72rem;inset-inline-start:.72rem}.showcase-harbor__spotstrip-body{background:linear-gradient(165deg, color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 5%, transparent) 0%, transparent 48%), color-mix(in srgb, var(--depth-abyss,#030810) 42%, transparent);border-block-start:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;gap:.55rem;min-width:0;min-height:11.5rem;padding:.7rem .85rem .75rem;display:flex}.showcase-harbor__spotstrip-body-main{flex-direction:column;flex:1;gap:.42rem;min-width:0;display:flex}.showcase-harbor__spotstrip-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;display:flex}.showcase-harbor__spotstrip-kicker{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 76%, #ffffff80);font-size:.58rem;font-weight:800}.showcase-harbor__spotstrip-kicker--fa{letter-spacing:.04em;text-transform:none}.showcase-harbor__spotstrip-chips{flex-wrap:wrap;justify-content:flex-end;gap:.28rem;display:inline-flex}.showcase-harbor__spotstrip-chip{color:var(--text-muted,#ffffffad);background:color-mix(in srgb, var(--depth-abyss,#030810) 35%, transparent);border:1px solid #ffffff1a;border-radius:999px;padding:.14rem .42rem;font-size:.56rem;font-weight:700}.showcase-harbor__spotstrip-title-block{flex-direction:column;gap:.2rem;display:flex}.showcase-harbor__spotstrip-title-row{justify-content:space-between;align-items:baseline;gap:.55rem;display:flex}.showcase-harbor__spotstrip-badge{color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 88%, #fff);border:1px solid color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 32%, transparent);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 10%, transparent);border-radius:999px;align-self:flex-start;padding:.14rem .46rem;font-size:.58rem;font-weight:800}.showcase-harbor__spotstrip-brand{letter-spacing:-.015em;font-size:clamp(1.02rem,2.8vw,1.18rem);font-weight:800;line-height:1.25}.showcase-harbor__spotstrip-latin{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#ffffff73);white-space:nowrap;flex:none;font-size:.6rem;font-weight:700}.showcase-harbor__spotstrip-tagline{color:color-mix(in srgb, var(--text) 88%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.showcase-harbor__spotstrip-summary{color:var(--text-muted,#ffffff9e);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.62;display:-webkit-box;overflow:hidden}.showcase-harbor__spotstrip-tags{flex-wrap:wrap;gap:.28rem;margin-top:.05rem;display:flex}.showcase-harbor__spotstrip-tag{color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 82%, #fff);border:1px solid color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 22%, transparent);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 7%, transparent);border-radius:.38rem;padding:.12rem .4rem;font-size:.58rem;font-weight:700}.showcase-harbor__spotstrip-foot{border-top:1px solid #ffffff12;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.35rem;display:flex}.showcase-harbor__spotstrip-cta{width:100%;color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 92%, #fff);border:1px solid color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 38%, transparent);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 11%, transparent);box-shadow:0 10px 28px -18px color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 55%, transparent);border-radius:.72rem;justify-content:center;align-items:center;gap:.32rem;padding:.5rem .75rem;font-size:.74rem;font-weight:800;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.showcase-harbor__spotstrip-slide:hover .showcase-harbor__spotstrip-cta{border-color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 52%, transparent);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 16%, transparent)}.showcase-harbor__spotstrip-cta-icon{opacity:.88;width:.9rem;height:.9rem;transition:transform .2s}.showcase-harbor__spotstrip-slide:hover .showcase-harbor__spotstrip-cta-icon{transform:translate(-3px)}.showcase-harbor__spotstrip-nav{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.showcase-harbor__spotstrip-btn{background:color-mix(in srgb, var(--depth-abyss,#030810) 55%, transparent);width:1.85rem;height:1.85rem;color:inherit;cursor:pointer;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:inline-flex}.showcase-harbor__spotstrip-btn:hover{border-color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 38%, transparent);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 10%, transparent)}.showcase-harbor__spotstrip-count{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-muted,#ffffff94);flex:1;font-size:.68rem;font-weight:800}.showcase-harbor__section-head{border:1px solid color-mix(in srgb, var(--showcase-indigo) 14%, #ffffff12);background:color-mix(in srgb, var(--depth-abyss,#030810) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1rem;margin-bottom:.85rem;padding:.85rem .95rem .85rem 1rem;position:relative;overflow:hidden;box-shadow:0 14px 36px -22px #0000009e}.showcase-harbor__section-rail{background:linear-gradient(180deg, transparent, var(--showcase-indigo) 40%, #a855f7 60%, transparent);border-radius:0 999px 999px 0;width:3px;position:absolute;inset-block:.65rem;inset-inline-start:0}.showcase-harbor__section-inner{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.showcase-harbor__section-kicker{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--showcase-indigo) 82%, #ffffff8c);margin:0 0 .28rem;font-size:.58rem;font-weight:800}.showcase-harbor__section-title{margin:0;font-size:clamp(1rem,2.9vw,1.12rem);font-weight:800}.showcase-harbor__section-desc{color:var(--text-muted,#ffffff9e);margin:.35rem 0 0;font-size:.76rem;line-height:1.62}.showcase-harbor__section-badge{color:var(--showcase-indigo);border:1px solid color-mix(in srgb, var(--showcase-indigo) 32%, transparent);background:color-mix(in srgb, var(--showcase-indigo) 8%, transparent);border-radius:999px;padding:.35rem .68rem;font-size:.66rem;font-weight:800;display:inline-flex}.showcase-harbor__catalog-panel{border:1px solid color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 14%, transparent);background:color-mix(in srgb, var(--depth-abyss,#030810) 50%, transparent);border-radius:1rem;padding:.85rem .85rem .95rem}.showcase-harbor__channels{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.45rem;margin-bottom:.75rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.showcase-harbor__channel{background:color-mix(in srgb, var(--depth-abyss,#030810) 48%, transparent);min-width:5.25rem;max-width:6.5rem;color:inherit;font:inherit;text-align:center;cursor:pointer;border:1px solid #ffffff14;border-radius:.85rem;flex-direction:column;flex:none;align-items:center;gap:.2rem;padding:.55rem .5rem;transition:border-color .2s,background .2s;display:flex}.showcase-harbor__channel.is-active{border-color:color-mix(in srgb, var(--ch-accent,var(--showcase-indigo)) 42%, transparent);background:color-mix(in srgb, var(--ch-accent,var(--showcase-indigo)) 10%, var(--depth-abyss,#030810))}.showcase-harbor__channel-icon{color:var(--showcase-indigo);display:flex}.showcase-harbor__channel-label{font-size:.68rem;font-weight:800;line-height:1.35}.showcase-harbor__channel-count{font-variant-numeric:tabular-nums;color:var(--ch-accent,var(--showcase-indigo));font-size:.78rem;font-weight:800}.showcase-harbor__filters{flex-wrap:wrap;gap:.38rem;margin-bottom:.85rem;display:flex}.showcase-harbor__filter{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .68rem;font-size:.74rem;font-weight:700;display:inline-flex}.showcase-harbor__filter.is-active{border-color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 45%, transparent);background:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 12%, transparent);color:var(--showcase-accent,var(--showcase-indigo))}.showcase-harbor__filter-n{opacity:.75;font-size:.64rem;font-weight:800}.showcase-harbor__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.65rem;display:grid}.showcase-harbor__card{background:color-mix(in srgb, var(--depth-abyss,#030810) 52%, transparent);color:inherit;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.showcase-harbor__card:hover{border-color:color-mix(in srgb, var(--showcase-accent,var(--showcase-indigo)) 38%, transparent);box-shadow:0 16px 40px -24px color-mix(in srgb, var(--showcase-accent) 35%, transparent);transform:translateY(-2px)}.showcase-harbor__card-media{aspect-ratio:16/10;position:relative;overflow:hidden}.showcase-harbor__card-img{object-fit:cover}.showcase-harbor__card-index{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030810b8;border-radius:.4rem;padding:.2rem .45rem;font-size:.72rem;font-weight:800;position:absolute;inset-block-start:.55rem;inset-inline-start:.55rem}.showcase-harbor__card-live{letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:.35rem;padding:.18rem .42rem;font-size:.58rem;font-weight:900;position:absolute;inset-block-start:.55rem;inset-inline-end:.55rem}.showcase-harbor__card-body{flex-direction:column;gap:.25rem;padding:.7rem .8rem .8rem;display:flex}.showcase-harbor__card-brand{font-size:.88rem;font-weight:800}.showcase-harbor__card-tagline{color:var(--text-muted,#ffffff9e);font-size:.76rem;line-height:1.5}.showcase-harbor__card-meta{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.showcase-harbor__card-badge,.showcase-harbor__card-theme{border:1px solid color-mix(in srgb, var(--showcase-accent) 25%, transparent);border-radius:999px;padding:.12rem .42rem;font-size:.64rem;font-weight:700}.showcase-harbor__empty{text-align:center;color:var(--text-muted,#fff9);margin:0;font-size:.82rem}.showcase-harbor__grid-more{justify-content:center;margin-top:.75rem;display:flex}.showcase-harbor__grid-more-btn{border:1px solid color-mix(in srgb, var(--showcase-indigo) 32%, transparent);background:color-mix(in srgb, var(--showcase-indigo) 8%, transparent);color:var(--showcase-indigo);font:inherit;cursor:pointer;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem .95rem;font-size:.74rem;font-weight:800;display:inline-flex}.showcase-harbor__grid-more-rest{opacity:.72}.showcase-harbor__cta{margin-bottom:.5rem}.showcase-harbor__cta-inner{border:1px solid color-mix(in srgb, var(--showcase-indigo) 28%, #ffffff1a);background:linear-gradient(135deg, color-mix(in srgb, var(--showcase-indigo) 10%, transparent), color-mix(in srgb, var(--depth-abyss,#030810) 78%, transparent));text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.85rem;padding:1rem 1.05rem;display:flex}.showcase-harbor__cta-title{margin:0;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:800}.showcase-harbor__cta-desc{color:var(--text-muted,#ffffff9e);margin:.35rem 0 0;font-size:.76rem;line-height:1.6}.showcase-harbor__cta-btn{color:inherit;white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;padding:.58rem 1rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.showcase-harbor__cta-btn--primary{border-color:color-mix(in srgb, var(--showcase-indigo) 45%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--showcase-indigo) 88%, #fff), color-mix(in srgb, var(--showcase-indigo) 65%, var(--depth-abyss)));color:var(--depth-abyss,#030810)}.depth-shell[data-mode=moored]:has(.showcase-harbor) .depth-main{width:min(100%,62rem)}.depth-shell[data-moored-room=showcase] .depth-scene__read img{object-fit:cover;object-position:55% 42%;filter:brightness(.88)saturate(1.06);transform:scale(1.05)}.depth-shell[data-moored-room=showcase] .depth-scene__read-veil{background:linear-gradient(180deg, color-mix(in srgb, var(--depth-abyss) 28%, transparent) 0%, color-mix(in srgb, var(--depth-abyss) 54%, transparent) 50%, color-mix(in srgb, var(--depth-abyss) 80%, transparent) 100%)}.depth-shell[data-moored-room=showcase] .depth-scene__read-vignette{background:radial-gradient(95% 85% at 50% 38%,#0000 20%,#0308108a 72%,#030810d6)}.depth-shell[data-moored-room=showcase] .depth-scene__bubbles{opacity:.38}@media (min-width:640px){.showcase-harbor__spotstrip-slide{grid-template-columns:minmax(0,44%) 1fr;align-items:stretch}.showcase-harbor__spotstrip-media{height:100%;min-height:0;padding:.75rem .75rem .75rem .85rem}.showcase-harbor__spotstrip-frame{min-height:10.5rem}.showcase-harbor__spotstrip-frame-viewport{min-height:9rem}.showcase-harbor__spotstrip-body{border-block-start:0;border-inline-start:1px solid #ffffff12;justify-content:space-between;height:100%;min-height:0;padding:.8rem .95rem .8rem .55rem}.showcase-harbor__spotstrip-foot{padding-top:.45rem}.showcase-harbor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-harbor__cta-inner{text-align:start;flex-direction:row;justify-content:space-between}.showcase-harbor__cta-copy{flex:1;min-width:0}}@media (min-width:960px){.showcase-harbor__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-harbor__channels{flex-wrap:wrap;overflow-x:visible}.showcase-harbor__channel{flex:calc(16.666% - .4rem);max-width:none}}@media (max-width:639px){.showcase-harbor__hero-panel{padding:1.05rem .9rem}.showcase-harbor__stat{flex:calc(33.333% - .4rem);min-width:0;padding-inline:.45rem}.showcase-harbor__section-inner{flex-direction:column}}@media (prefers-reduced-motion:reduce){.showcase-harbor__card:hover{transform:none}.showcase-harbor__spotstrip-slide{animation:none}.showcase-harbor__spotstrip-slide:hover .showcase-harbor__spotstrip-img{transform:scale(1.02)}.showcase-harbor__spotstrip-live-dot{animation:none}.showcase-harbor__spotstrip-progress-fill{width:100%;animation:none}}