@layer components{.hub-intro{gap:20px;padding-block:clamp(32px,5vw,72px) clamp(28px,4vw,48px);display:grid}.hub-intro__title{max-width:16ch;font-size:var(--text-display-2);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.02}.hub-intro .lead{max-width:40rem}.hub-intro .breadcrumbs ol{margin-bottom:0}.hub-intro__jump{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hub-intro__jump a{border:1px solid var(--color-gray-200);min-height:44px;font-size:var(--text-body-s);color:var(--color-ink);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.hub-intro__jump-index{color:var(--color-gray-600);font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.hub-intro__jump a:hover{border-color:var(--color-ink)}}.hub-families{padding-block:clamp(28px, 4vw, 56px) var(--section-y);gap:clamp(20px,3vw,40px);display:grid}.hub-panel{border-radius:var(--radius-xl);background:var(--color-gray-50);min-width:0;scroll-margin-top:calc(var(--header-h) + 24px);display:grid;overflow:hidden}.hub-panel:target{box-shadow:inset 0 0 0 2px var(--color-ink)}@media (min-width:1024px){.hub-panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:560px}.hub-panel:nth-child(2n){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.hub-panel:nth-child(2n) .hub-panel__media{order:2}}.hub-panel__media{aspect-ratio:4/3;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:relative;overflow:hidden}@media (min-width:1024px){.hub-panel__media{aspect-ratio:auto;min-height:100%}}.hub-panel[data-variant=studio] .hub-panel__media{background:radial-gradient(58% 52% at 50% 40%, var(--color-paper) 0%, #fff0 72%), linear-gradient(180deg, #f4f4f2 0%, #e8e8e4 100%);padding:clamp(48px,5vw,72px) clamp(20px,4vw,56px) clamp(28px,4vw,48px)}.hub-panel[data-variant=studio] .hub-panel__media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.hub-panel[data-variant=photo] .hub-panel__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hub-panel__media .staged-badge{z-index:1}.hub-panel__body{align-content:center;justify-items:start;gap:16px;padding:clamp(28px,4vw,56px) clamp(24px,4vw,56px) clamp(32px,4vw,56px);display:grid}.hub-panel__place{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-600);align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.hub-panel__index{background:var(--color-ink);width:30px;height:30px;color:var(--color-paper);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.hub-panel__title{font-size:var(--text-h2);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}.hub-panel__text{max-width:30rem;font-size:var(--text-body-l);color:var(--color-gray-600);margin:0;line-height:1.5}.hub-panel__models{gap:10px;margin-top:4px;display:grid}.hub-panel__models-label{font-size:var(--text-label);color:var(--color-gray-600);margin:0;font-weight:700}.hub-panel__models ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hub-chip{background:var(--color-paper);min-height:44px;box-shadow:inset 0 0 0 1px var(--color-gray-200);font-size:var(--text-body-s);color:var(--color-ink);transition:box-shadow var(--dur-fast) var(--ease-standard);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-weight:700;text-decoration:none;display:inline-flex}.hub-chip:not(:has(.hub-chip__media)){padding-left:14px}.hub-chip__media{background:var(--color-gray-50);border-radius:50%;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.hub-chip__media img{object-fit:contain;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.hub-chip__media .media-fallback{min-height:0}.hub-chip__media .media-fallback svg{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.hub-chip:hover{box-shadow:inset 0 0 0 1.5px var(--color-ink)}}.hub-panel__status{font-size:var(--text-body-s);color:var(--color-gray-600);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;display:flex}.hub-panel__link{background:var(--color-ink);min-height:48px;color:var(--color-paper);transition:background-color var(--dur-fast) var(--ease-standard);border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.hub-panel__link svg{transition:transform var(--dur-base) var(--ease-emphasized)}@media (hover:hover) and (pointer:fine){.hub-panel__link:hover{background:#2b2b2b}.hub-panel__link:hover svg{transform:translate(3px)}}.hub-acc{padding-block:var(--section-y);border-top:1px solid var(--color-gray-200);scroll-margin-top:calc(var(--header-h) - var(--section-y) + 32px)}.hub-acc:target .hub-acc__drawer{box-shadow:inset 0 0 0 2px var(--color-ink)}.hub-acc__grid{margin-top:var(--section-head-gap);gap:clamp(20px,3vw,40px);display:grid}@media (min-width:1024px){.hub-acc__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}.hub-acc__drawer{border-radius:var(--radius-xl);background:var(--color-gray-50);min-width:0;display:grid;overflow:hidden}.hub-acc__stage{aspect-ratio:16/10;background:radial-gradient(58% 52% at 50% 44%, var(--color-paper) 0%, #fff0 72%), linear-gradient(180deg, #f4f4f2 0%, #e8e8e4 100%);place-items:center;padding:clamp(28px,4vw,56px);display:grid;position:relative}.hub-acc__stage>picture img,.hub-acc__stage>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.hub-acc__stage .staged-badge{z-index:1}.hub-acc__detail{border-radius:var(--radius-md);background:var(--color-paper);gap:6px;width:min(36%,220px);margin:0;padding:10px;display:grid;position:absolute;bottom:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);box-shadow:0 10px 30px #00000014}.hub-acc__detail img{width:100%;height:auto}.hub-acc__detail figcaption{font-size:var(--text-label);color:var(--color-gray-600)}.hub-acc__body,.hub-acc__printers{align-content:start;gap:14px;display:grid}.hub-acc__body{padding:clamp(24px,3vw,40px)}.hub-acc__title{font-size:var(--text-h3);margin:0;font-weight:700;line-height:1.2}.hub-acc__text{font-size:var(--text-body-l);color:var(--color-gray-600);margin:0;line-height:1.5}.hub-acc__ports{border-left:2px solid var(--color-ink);margin:0;padding-left:14px}.hub-acc__pending{font-size:var(--text-body-s);color:var(--color-gray-600);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.hub-acc__printers{padding-top:4px}.hub-acc__list{gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.hub-acc__item{border-radius:var(--radius-lg);background:var(--color-gray-50);min-height:72px;color:var(--color-ink);transition:background-color var(--dur-fast) var(--ease-standard);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 16px 8px 8px;text-decoration:none;display:grid}.hub-acc__thumb{border-radius:var(--radius-md);background:var(--color-paper);place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.hub-acc__thumb img{object-fit:contain;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px}.hub-acc__thumb .media-fallback{min-height:0}.hub-acc__thumb .media-fallback svg{width:16px;height:16px}.hub-acc__item-text{gap:2px;display:grid}.hub-acc__item-text span{font-size:var(--text-body-s);color:var(--color-gray-600)}@media (hover:hover) and (pointer:fine){.hub-acc__item:hover{background:var(--color-gray-100)}}}@media (prefers-reduced-motion:reduce){.hub-intro__jump a,.hub-chip,.hub-panel__link,.hub-panel__link svg,.hub-acc__item{transition-duration:.01ms!important}.hub-panel__link:hover svg{transform:none!important}}