.cloud-works{--cloud-works-accent:var(--primary);--cloud-works-accent-strong:color-mix(in oklch, var(--primary) 88%, var(--background));--cloud-works-ink:var(--ui-color-text-0);--cloud-works-muted:var(--ui-color-text-2);--cloud-works-surface:var(--ui-color-bg-0);--cloud-works-border:var(--ui-color-border);min-height:100vh;padding:calc(var(--galaxy-fixed-header-offset) + 3.5rem) 1rem 5rem;background:radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--ui-color-info) 12%, transparent), transparent 26rem), radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--cloud-works-accent) 15%, transparent), transparent 30rem), var(--ui-color-bg-0);color:var(--cloud-works-ink);position:relative;overflow:hidden}.cloud-works__ambient{opacity:.42;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--ui-color-text-2) 22%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 42%);mask-image:linear-gradient(#000,#0000 42%)}.cloud-works__inner{width:min(100%, var(--site-content-max-width));margin:0 auto;position:relative}.cloud-works__hero{border:1px solid color-mix(in srgb, var(--cloud-works-accent) 22%, var(--cloud-works-border));background:linear-gradient(120deg, color-mix(in srgb, var(--cloud-works-accent) 12%, var(--cloud-works-surface)), var(--cloud-works-surface) 58%), var(--cloud-works-surface);min-height:18rem;box-shadow:var(--ui-shadow-elevated);border-radius:2rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:clamp(1.5rem,4vw,3.25rem);display:grid;position:relative;overflow:hidden}.cloud-works__hero-copy{z-index:1;max-width:46rem;position:relative}.cloud-works__eyebrow,.cloud-works__section-heading>div>span{color:var(--cloud-works-accent-strong);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;display:inline-flex}.cloud-works__hero h1{letter-spacing:-.055em;max-width:12ch;margin:.85rem 0 1rem;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.96}.cloud-works__hero p{max-width:39rem;color:var(--cloud-works-muted);margin:0;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.7}.cloud-works__create.ui-button{z-index:2;background:var(--cloud-works-accent);min-height:3rem;padding-inline:1.4rem;position:relative}.cloud-works__orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--cloud-works-accent) 26%, transparent);border-radius:50%;width:21rem;position:absolute;top:-6.5rem;right:4rem}.cloud-works__orbit:before,.cloud-works__orbit:after{content:"";border:1px dashed color-mix(in srgb, var(--ui-color-info) 34%, transparent);border-radius:50%;position:absolute;inset:17%}.cloud-works__orbit:after{inset:34%}.cloud-works__orbit>svg{color:var(--cloud-works-accent);font-size:2rem;position:absolute;bottom:24%;right:12%}.cloud-works__orbit>span{aspect-ratio:1;background:var(--ui-color-info);border-radius:50%;width:.72rem;position:absolute}.cloud-works__orbit>span:first-child{bottom:28%;left:8%}.cloud-works__orbit>span:nth-child(2){background:var(--ui-color-warning);width:.48rem;bottom:3%;right:27%}.cloud-works__summary{border:1px solid var(--cloud-works-border);background:var(--cloud-works-border);width:min(100% - 3rem,58rem);box-shadow:var(--ui-shadow-elevated);border-radius:1rem;grid-template-columns:auto auto 1fr;gap:1px;margin:-1.5rem 0 0 auto;display:grid;overflow:hidden;transform:translate(-2rem)}.cloud-works__summary>*{background:var(--cloud-works-surface)}.cloud-works__summary>div{min-width:7.5rem;padding:1rem 1.25rem;display:grid}.cloud-works__summary strong{font-size:1.45rem;line-height:1}.cloud-works__summary span{color:var(--cloud-works-muted);margin-top:.35rem;font-size:.78rem}.cloud-works__summary p{color:var(--cloud-works-muted);align-items:center;margin:0;padding:1rem 1.25rem;line-height:1.5;display:flex}.cloud-works__shelf{margin-top:4rem}.cloud-works__section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.cloud-works__section-heading h2{letter-spacing:-.035em;margin:.25rem 0 0;font-size:clamp(1.7rem,3vw,2.4rem)}.cloud-works__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.cloud-work-card{border:1px solid var(--cloud-works-border);background:var(--cloud-works-surface);min-width:0;box-shadow:0 8px 30px color-mix(in srgb, var(--galaxy-void) 8%, transparent);transition:transform .22s var(--ease-standard), border-color .22s ease, box-shadow .22s ease;border-radius:1.25rem;grid-column:span 4;overflow:hidden}.cloud-work-card:hover{border-color:color-mix(in srgb, var(--cloud-works-accent) 48%, var(--cloud-works-border));box-shadow:0 14px 36px color-mix(in srgb, var(--cloud-works-accent) 13%, transparent);transform:translateY(-4px)}.cloud-work-card__preview{background:var(--ui-color-fill-0);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cloud-work-card__preview:focus-visible{outline:3px solid var(--ui-color-focus-border);outline-offset:-3px}.cloud-work-card__cover{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .32s var(--ease-standard), filter .22s ease;display:block}.cloud-work-card__cover--empty{color:var(--cloud-works-accent);background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--cloud-works-accent) 20%, transparent), transparent 8rem), linear-gradient(145deg, var(--ui-color-fill-0), color-mix(in srgb, var(--ui-color-info) 10%, var(--ui-color-fill-0)));place-items:center;font-size:2rem;display:grid;position:relative}.cloud-work-card__planet{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--cloud-works-accent) 30%, transparent);width:7rem;box-shadow:0 0 0 1.5rem color-mix(in srgb, var(--cloud-works-accent) 5%, transparent);border-radius:50%;position:absolute}.cloud-work-card__preview-action{background:color-mix(in srgb, var(--galaxy-void) 82%, transparent);color:#fff;opacity:0;transition:opacity .2s ease, transform .2s var(--ease-standard);border-radius:.7rem;align-items:center;gap:.35rem;padding:.55rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute;bottom:.85rem;right:.85rem;transform:translateY(.45rem)}.cloud-work-card__preview:hover .cloud-work-card__cover{filter:brightness(.82);transform:scale(1.025)}.cloud-work-card__preview:hover .cloud-work-card__preview-action,.cloud-work-card__preview:focus-visible .cloud-work-card__preview-action{opacity:1;transform:none}.cloud-work-card__body{padding:1rem}.cloud-work-card__heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.cloud-work-card__heading h2{color:var(--cloud-works-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.06rem;line-height:1.35;overflow:hidden}.cloud-work-card__heading p{color:var(--cloud-works-muted);margin:.38rem 0 0;font-size:.8rem}.cloud-work-card__footer{border-top:1px solid var(--cloud-works-border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.cloud-work-card__footer>span{color:var(--ui-color-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.cloud-work-card__footer .ui-button{min-width:5.4rem;min-height:2.5rem}.cloud-work-card--loading:hover{transform:none}.cloud-works__state{border:1px dashed var(--cloud-works-border);background:color-mix(in srgb, var(--cloud-works-surface) 82%, transparent);border-radius:1.25rem;place-items:center;min-height:24rem;display:grid}.cloud-works__pagination{justify-content:center;margin-top:2rem;display:flex}@media (max-width:1023px){.cloud-work-card{grid-column:span 6}.cloud-works__orbit{opacity:.7;right:-3rem}}@media (max-width:767px){.cloud-works{padding:calc(var(--galaxy-fixed-header-offset) + 2rem) .75rem 3rem}.cloud-works__hero{border-radius:1.4rem;grid-template-columns:1fr;align-items:start;gap:1.5rem;min-height:22rem;padding:1.5rem}.cloud-works__hero h1{max-width:9ch;font-size:clamp(2.6rem,15vw,4.4rem)}.cloud-works__create.ui-button{justify-self:start}.cloud-works__orbit{top:auto;bottom:-9rem;right:-7rem}.cloud-works__summary{grid-template-columns:1fr 1fr;width:calc(100% - 1rem);margin-top:-1rem;transform:none}.cloud-works__summary p{grid-column:1/-1}.cloud-works__shelf{margin-top:3rem}.cloud-work-card{grid-column:1/-1}.cloud-work-card__preview-action{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cloud-work-card,.cloud-work-card__cover,.cloud-work-card__preview-action{transition:none}.cloud-work-card:hover{transform:none}}