/* Matterio supply categories. Icons: Lucide; license in assets/icons/LICENSE. */
.supply-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:60px;align-items:center}
.supply-hero h1{font-size:clamp(44px,4.8vw,70px)}
.supply-hero .lead{font-size:18px;max-width:620px}
.icon-cloud{min-width:0;max-width:540px;width:100%;justify-self:end}
.cloud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #13325424}
.cloud-toolbar .eyebrow{margin:0;font-size:12px;letter-spacing:.1em}
.cloud-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:1px solid #13325430;background:transparent;color:var(--navy);padding:9px 12px;font-size:12px;cursor:pointer}
.cloud-toggle[hidden]{display:none}
.cloud-toggle:hover{background:white}.cloud-toggle svg{width:16px;height:16px;display:block;stroke-width:1.8}
.cloud-play-icon{display:none}.cloud-toggle[aria-pressed="true"] .cloud-play-icon{display:inline}.cloud-toggle[aria-pressed="true"] .cloud-pause-icon{display:none}
.cloud-stage{position:relative;width:100%;isolation:isolate;touch-action:pan-y}
.cloud-list{margin:0;padding:26px 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}
.cloud-list li{min-width:0;display:flex;align-items:center;justify-content:center}
.cloud-item{width:76px;min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--cream);border:1px solid #13325430;border-radius:50%;color:var(--navy);text-align:center;cursor:pointer;user-select:none;-webkit-user-drag:none}
.cloud-item svg{width:32px;height:32px;stroke-width:1.5;flex-shrink:0;pointer-events:none}
.cloud-label{font-size:12px;line-height:1.3;margin-top:8px}
.cloud-hint{margin:0;text-align:center;font-size:13px;line-height:1.5;color:#4d606e}
.cloud-core,.cloud-orbit{display:none}
.icon-cloud.is-ready .cloud-stage{aspect-ratio:1;cursor:grab}
.icon-cloud.is-ready .cloud-list{display:block;padding:0;position:absolute;inset:0}
.icon-cloud.is-ready .cloud-list li{position:absolute;top:50%;left:50%;width:0;height:0;will-change:transform}
.icon-cloud.is-ready .cloud-item{position:absolute;left:-38px;top:-38px;width:76px;height:76px;min-height:76px;box-shadow:0 8px 22px #13325409}
.icon-cloud.is-ready .cloud-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:130px;padding:5px 9px;background:var(--navy);color:var(--cream);border-radius:3px;opacity:0;pointer-events:none;margin:0}
.icon-cloud.is-ready .cloud-item:is(:hover,:focus-visible){background:var(--orange);border-color:var(--orange)}
.icon-cloud.is-ready .cloud-item:is(:hover,:focus-visible) .cloud-label{opacity:1}
.icon-cloud.is-ready .cloud-core{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;text-align:center;font-size:12px;letter-spacing:.21em;line-height:1.7;color:var(--navy);opacity:.55;pointer-events:none}
.icon-cloud.is-ready .cloud-orbit{display:block;position:absolute;inset:15%;border:1px solid #13325410;border-radius:50%;pointer-events:none}
.icon-cloud.is-ready .cloud-orbit:before{content:"";position:absolute;inset:-12%;border:1px solid #13325408;border-radius:50%}
.icon-cloud.is-dragging .cloud-stage,.icon-cloud.is-dragging .cloud-item{cursor:grabbing}
.category:target{border-color:var(--orange);box-shadow:inset 0 4px 0 var(--orange)}
.category:focus{outline:none}.category:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1100px){.supply-hero{gap:30px}.cloud-control-label{display:none}.supply-hero h1{font-size:52px}}
@media(max-width:760px){.supply-hero{grid-template-columns:1fr;gap:38px}.supply-hero h1{font-size:49px}.icon-cloud{max-width:440px;justify-self:center}.cloud-control-label{display:inline}.cloud-toolbar{padding-bottom:9px}}
@media(max-width:380px){.supply-hero h1{font-size:43px}.cloud-toolbar .eyebrow{font-size:11px}.cloud-control-label{display:none}}
@media(prefers-reduced-motion:reduce){.category{scroll-behavior:auto}}