.hub-path{position:relative}.hub-path__steps{display:grid;gap:var(--space-6)}.hub-path__step{padding-inline-start:54px;position:relative}.hub-path__node{background:var(--color-surface);block-size:36px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);display:grid;font-family:var(--font-mono);font-size:var(--text-sm);inline-size:36px;inset-block-start:0;inset-inline-start:0;place-items:center;position:absolute;z-index:1}.hub-path__line{background:var(--color-border);inline-size:2px;inset-block:18px;inset-inline-start:18px;position:absolute;transform-origin:top}.hub-path__step>p{color:var(--color-text);font-family:var(--font-heading);font-size:var(--text-lg);margin-block:var(--space-1) 0}.hub-path__ramps{display:grid;gap:var(--space-3);grid-template-columns:repeat(5,1fr);margin-block-start:var(--space-4)}.hub-path__ramp{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:grid;gap:var(--space-3);padding:var(--space-3);text-decoration:none;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hub-path__ramp:focus-visible,.hub-path__ramp:hover{background:color-mix(in oklab,var(--accent) 7%,var(--color-surface));border-color:var(--accent);box-shadow:0 10px 24px color-mix(in oklab,var(--accent) 16%,transparent);outline:none;transform:translateY(-3px)}.hub-path__rbody{display:grid;gap:1px}.hub-path__rname{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.hub-path__ramp small{color:var(--color-text-tertiary);font-size:11px}.hub-path__thumb{aspect-ratio:16/9;background:linear-gradient(160deg,var(--color-surface-raised),var(--color-bg));border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden;position:relative}.hub-path__svg{block-size:100%;display:block;inline-size:100%;inset:0;position:absolute}.hub-path__svg .pv-chrome{fill:color-mix(in oklab,var(--color-bg) 55%,var(--color-surface-raised))}.hub-path__svg .pv-tab{fill:var(--color-surface);stroke:var(--color-border-subtle);stroke-width:.8}.hub-path__svg .pv-fav-tile{fill:#0d0d1a}.hub-path__svg .pv-fav-ring{fill:none;opacity:.22;stroke:var(--accent);stroke-width:3.2}.hub-path__svg .pv-fav-spin{animation:pv-fav-rot 1.6s linear infinite;animation-play-state:paused;fill:none;stroke:var(--accent);stroke-dasharray:20 40;stroke-linecap:round;stroke-width:3.2;transform-box:fill-box;transform-origin:center}.hub-path__svg .pv-fav-l{fill:#e2e8f0}@keyframes pv-fav-rot{to{transform:rotate(1turn)}}.hub-path__svg .pv-tabtitle{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:5px;letter-spacing:.01em}.hub-path__svg .pv-ctrl{fill:none;stroke:var(--color-text-tertiary);stroke-linecap:round;stroke-width:1}.hub-path__svg .pv-sep{stroke:var(--color-border-subtle);stroke-width:1}.hub-path__svg .pv-mut{fill:var(--color-text-tertiary);opacity:.5}.hub-path__svg .pv-h,.hub-path__svg .pv-strong{fill:var(--color-text-secondary)}.hub-path__svg .pv-acc{fill:var(--accent-light)}.hub-path__svg .pv-card{fill:color-mix(in oklab,var(--color-text-tertiary) 6%,transparent);stroke:var(--color-border);stroke-width:1}.hub-path__svg .pv-thumb{fill:color-mix(in oklab,var(--accent) 16%,var(--color-surface-raised))}.hub-path__svg .pv-live{fill:var(--color-success,#22c55e)}.hub-path__svg .pv-chip,.hub-path__svg .pv-chip2,.hub-path__svg .pv-pill{fill:none;stroke:var(--color-border);stroke-width:1}.hub-path__svg .pv-pill--on{fill:var(--accent-faint);stroke:var(--accent)}.hub-path__svg .pv-ghost{fill:color-mix(in oklab,var(--color-text-tertiary) 16%,transparent)}.hub-path__svg .pv-ico{fill:color-mix(in oklab,var(--accent) 18%,var(--color-surface-raised));stroke:var(--color-border);stroke-width:.8}.hub-path__svg .pv-val{fill:var(--accent-light);opacity:.85}.hub-path__svg .pv-dot-php{fill:#8892bf}.hub-path__svg .pv-dot-rust{fill:#dea584}.hub-path__svg .pv-star{fill:var(--accent-light)}.hub-path__svg .pv-txt-name{fill:var(--accent-light);font-family:var(--font-heading);font-size:7px;font-weight:700}.hub-path__svg .pv-txt{fill:var(--color-text-tertiary);font-family:var(--font-body);font-size:4.4px}.hub-path__svg .pv-txt2{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:4.6px}.hub-path__svg .pv-txt-ver{fill:var(--color-text-tertiary)}.hub-path__svg .pv-badge{fill:none;stroke:var(--color-border);stroke-width:.8}.hub-path__svg .pv-txt-badge{fill:var(--color-text-tertiary);font-family:var(--font-mono);font-size:4px}.hub-path__svg .pv-chip,.hub-path__svg .pv-fav-spin,.hub-path__svg .pv-live,.hub-path__svg .pv-scard,.hub-path__svg .pv-star,.hub-path__svg .pv-val{animation-play-state:paused}.hub-path__ramp:hover .hub-path__svg .pv-chip,.hub-path__ramp:hover .hub-path__svg .pv-fav-spin,.hub-path__ramp:hover .hub-path__svg .pv-live,.hub-path__ramp:hover .hub-path__svg .pv-scard,.hub-path__ramp:hover .hub-path__svg .pv-star,.hub-path__ramp:hover .hub-path__svg .pv-val{animation-play-state:running}.hub-path__svg .pv-live{animation:pv-pulse 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.66)}}.hub-path__svg .pv-scard{animation:pv-scard 6s ease-in-out infinite}.hub-path__svg .s2{animation-delay:1.5s}.hub-path__svg .s3{animation-delay:3s}.hub-path__svg .s4{animation-delay:4.5s}@keyframes pv-scard{0%,21%{fill:color-mix(in oklab,var(--accent) 14%,transparent);stroke:var(--accent)}28%,to{fill:color-mix(in oklab,var(--color-text-tertiary) 6%,transparent);stroke:var(--color-border)}}.hub-path__svg .pv-chip{animation:pv-fade 5s ease-in-out infinite}.hub-path__svg .ch2{animation-delay:.5s}.hub-path__svg .ch3{animation-delay:1s}.hub-path__svg .ch4{animation-delay:1.5s}@keyframes pv-fade{0%,72%,to{opacity:1}14%{opacity:.25}}.hub-path__svg .pv-star{animation:pv-pulse 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.hub-path__svg .pv-val{animation:pv-type 4.4s ease-in-out infinite;transform-box:fill-box;transform-origin:left}@keyframes pv-type{0%{transform:scaleX(.04)}40%,to{transform:scaleX(1)}}.hub-path__skip{align-items:center;color:var(--color-link);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-sm);gap:var(--space-2);margin-block-start:var(--space-3);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.hub-path__skip,.hub-path__skip-label{position:relative}.hub-path__skip-label:after{background:currentColor;block-size:1px;content:"";inset-block-end:-2px;inset-inline:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease-out)}.hub-path__skip:hover{color:#fff}[data-theme=light] .hub-path__skip:hover{color:var(--color-text-tertiary)}.hub-path__skip:hover .hub-path__skip-label:after{transform:scaleX(1)}.hub-path__skip:hover .hub__arrow{transform:translateX(4px)}.hub-path__step--end{align-items:center;display:flex;gap:18px;padding-inline-start:0}.hub-path__node--end{background:var(--accent);border-color:var(--accent);color:#fff;flex:none;position:static}.hub-path[data-anim] .hub-path__step{opacity:0;transform:translateY(16px)}.hub-path[data-anim].is-in .hub-path__step{opacity:1;transform:none;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.hub-path[data-anim].is-in .hub-path__steps>.hub-path__step:nth-child(2){transition-delay:.12s}.hub-path[data-anim].is-in .hub-path__steps>.hub-path__step:nth-child(3){transition-delay:.24s}.hub-path[data-anim] .hub-path__ramp{opacity:0}.hub-path[data-anim].is-in .hub-path__ramp{animation:hub-ramp-in .5s var(--ease-out) backwards;opacity:1}.hub-path[data-anim].is-in .hub-path__ramp:first-child{animation-delay:.28s}.hub-path[data-anim].is-in .hub-path__ramp:nth-child(2){animation-delay:.36s}.hub-path[data-anim].is-in .hub-path__ramp:nth-child(3){animation-delay:.44s}.hub-path[data-anim].is-in .hub-path__ramp:nth-child(4){animation-delay:.52s}.hub-path[data-anim].is-in .hub-path__ramp:nth-child(5){animation-delay:.6s}@keyframes hub-ramp-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:640px){.hub-path__ramps{grid-template-columns:repeat(2,1fr)}}.hub-path__cta{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 60%,#000));border:1px solid color-mix(in oklab,var(--accent) 60%,transparent);border-radius:var(--radius-lg);color:#fff;display:inline-flex;gap:var(--space-3);isolation:isolate;overflow:hidden;padding:var(--space-4) var(--space-5);position:relative;text-decoration:none;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hub-path__cta,.hub-path__cta:hover{color:#fff}.hub-path__cta b,.hub-path__cta>.hub__arrow,.hub-path__cta>span:not(.hub-path__cta-glow):not(.hub-path__cta-grid):not(.hub-path__cta-sweep){position:relative;z-index:2}.hub-path__cta b{color:#fff;font-family:var(--font-heading);font-size:var(--text-lg)}.hub-path__cta>span:not(.hub__arrow):not(.hub-path__cta-glow):not(.hub-path__cta-grid):not(.hub-path__cta-sweep){color:color-mix(in oklab,#fff 80%,transparent);font-size:var(--text-sm)}.hub-path__cta-grid{background-image:linear-gradient(color-mix(in oklab,#fff 20%,transparent) 1px,transparent 0),linear-gradient(90deg,color-mix(in oklab,#fff 20%,transparent) 1px,transparent 0);background-size:13px 13px;inset:0;opacity:0;position:absolute;transition:opacity .35s var(--ease-out);z-index:0}.hub-path__cta-glow{background:radial-gradient(140px circle at var(--gx,50%) var(--gy,50%),color-mix(in oklab,#fff 42%,transparent),transparent 60%);inset:0;opacity:0;position:absolute;transition:opacity .3s var(--ease-out);z-index:1}.hub-path__cta:hover{box-shadow:0 14px 34px color-mix(in oklab,var(--accent) 45%,transparent)}.hub-path__cta:hover .hub-path__cta-grid{animation:cta-grid-pan 2.4s linear infinite;opacity:1}.hub-path__cta:hover .hub-path__cta-glow{opacity:1}.hub-path__cta:hover .hub__arrow{transform:translateX(5px)}@keyframes cta-grid-pan{to{background-position:13px 13px,13px 13px}}[data-section=photography] .hub-path__cta-grid{background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 10px,color-mix(in oklab,#fff 24%,transparent) 10px 11px);background-size:auto}[data-section=photography] .hub-path__cta:hover .hub-path__cta-grid{animation:cta-ripple 2.6s var(--ease-out) infinite;opacity:1}@keyframes cta-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}[data-section=explore] .hub-path__cta-grid{background-image:repeating-radial-gradient(ellipse 64% 80% at 38% 42%,transparent 0 9px,color-mix(in oklab,#fff 22%,transparent) 9px 10px),repeating-radial-gradient(ellipse 82% 60% at 72% 66%,transparent 0 11px,color-mix(in oklab,#fff 16%,transparent) 11px 12px);background-size:auto}[data-section=explore] .hub-path__cta:hover .hub-path__cta-grid{animation:cta-topo-drift 6.5s linear infinite;opacity:1}@keyframes cta-topo-drift{to{background-position:16px -11px,-13px 9px}}.hub__arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}@media (prefers-reduced-motion:reduce){.hub__arrow{transition:none}.hub-path__ramp:hover .hub-path__svg *{animation-play-state:paused!important}.hub-path__cta-grid,.hub-path__cta:hover .hub-path__cta-grid,[data-section=explore] .hub-path__cta:hover .hub-path__cta-grid,[data-section=photography] .hub-path__cta:hover .hub-path__cta-grid{animation:none}}