/* Ultimate Composer Set across the white store: plug-ins page collection cards,
   homepage band, catalogue cards and product pages (12 Oct 2026).
   Owner, 12 Oct: marketing surfaces use a dark gradient like the Hulk Set card,
   in the set's own ink / violet / coral / teal colours. */
.ucs-word i,.sf-ucs-item i{font-style:normal;color:color-mix(in srgb,var(--ucs,#6a5ae0) 70%,#fff)}

/* Plug-ins page: intro on top, the two collection cards side by side at equal size. */
.store-plugin-hero.store-plugin-sets{grid-template-columns:1fr;gap:44px}
.store-plugin-sets .store-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;align-items:end}
.store-plugin-sets .store-intro>.eyebrow{grid-column:1;grid-row:1}
.store-plugin-sets .store-intro>h1{grid-column:1;grid-row:2/4}
.store-plugin-sets .store-intro>p:not(.eyebrow){grid-column:2;grid-row:2;margin-top:0}
.store-plugin-sets .store-intro>.button{grid-column:2;grid-row:3;justify-self:start}
.store-plugin-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.store-plugin-stages .store-plugin-stage{height:100%}
.ucs-stage{background:radial-gradient(ellipse at 92% 0,#6a5ae0b3,transparent 70%),radial-gradient(ellipse at 4% 100%,#118a7766,transparent 62%),radial-gradient(ellipse at 70% 96%,#d2552a4d,transparent 60%),#100f1d!important}
.store-plugin-stage.ucs-stage>span{color:#cfc7ff}
.ucs-stage-art{position:relative;width:100%;aspect-ratio:1.6}
.ucs-stage-art img{position:absolute!important;width:74%!important;height:auto;border-radius:9px;box-shadow:0 0 0 1px #ffffff1f,0 22px 46px #0009!important;transition:transform .5s}
.ucs-stage-art img:nth-child(1){left:0;top:0;transform:perspective(1200px) rotateY(-6deg) rotate(-3deg)!important}
.ucs-stage-art img:nth-child(2){left:13%;top:13%;transform:perspective(1200px) rotateY(-6deg) rotate(-.5deg)!important}
.ucs-stage-art img:nth-child(3){left:26%;top:26%;transform:perspective(1200px) rotateY(-6deg) rotate(2deg)!important}
.ucs-stage:hover .ucs-stage-art img:nth-child(3){transform:perspective(1200px) rotateY(0) rotate(1deg) translateY(-4px)!important}

/* Catalogue and related cards: full interface at card width, no mat. */
.product-card .ucs-art{background:none;padding:0;overflow:hidden;border-radius:10px;box-shadow:0 0 0 1px #17161c14}
.product-card .ucs-art img{display:block;width:100%;height:auto;object-fit:contain}

/* Product pages */
.ucs-product-page .detail-media.ucs-media{background:radial-gradient(ellipse 70% 70% at 50% 45%,color-mix(in srgb,var(--ucs) 14%,transparent),transparent 72%),#f3f1ec}
.ucs-product-page .detail-media.ucs-media img{border-radius:10px;box-shadow:0 0 0 1px #17161c14,0 22px 44px #3a2d1f24}
.ucs-product-page .detail-media.ucs-portrait img{width:auto;max-width:72%;max-height:520px;margin-inline:auto;border-radius:18px}
.ucs-product-page .ucs-eyebrow{color:var(--ucs)!important}
.ucs-product-page .ucs-extra{color:#2b2932;margin-top:12px}

/* Homepage band, after the Hulk Set: dark ink with the set's colours. */
.sf-ucs{position:relative;overflow:hidden;background:#0e0d1a;color:#f3f1fb;border-top:1px solid #ffffff12}
.sf-ucs:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 38% 50% at 88% 12%,#6a5ae080,transparent 70%),radial-gradient(ellipse 34% 46% at 8% 92%,#118a7759,transparent 70%),radial-gradient(ellipse 30% 40% at 58% 70%,#d2552a33,transparent 70%)}
.sf-ucs .wrap{position:relative}
.sf-ucs .sf-kicker{color:#cfc7ff}
.sf-ucs h2{color:#f3f1fb}
.sf-ucs .sf-section-head p:not(.sf-kicker){color:#bcb8cc}
.store-front-page .sf-ucs .button:not(.outline):not(.light){color:#14121f;background:#d9d2ff;border-color:#d9d2ff}
.store-front-page .sf-ucs .button:not(.outline):not(.light):hover{background:#fff;border-color:#fff}
.sf-ucs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}
.sf-ucs-item{display:block;text-decoration:none;color:#f3f1fb}
.sf-ucs-item img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 24px 48px #0008;transition:transform .4s}
.sf-ucs-item:hover img{transform:translateY(-4px)}
.sf-ucs-item span{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:14px}
.sf-ucs-item strong{font-size:20px;font-weight:700;letter-spacing:-.04em}
.sf-ucs-item small{font-size:12px;color:#a9a5bb}

@media(max-width:900px){.sf-ucs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:800px){.store-plugin-sets .store-intro{display:block}.store-plugin-sets .store-intro>p:not(.eyebrow){margin-top:25px}.store-plugin-stages{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.sf-ucs-grid{margin-top:30px;gap:14px}.sf-ucs-item strong{font-size:17px}.sf-ucs-item small{font-size:11px}.ucs-product-page .detail-media.ucs-portrait img{max-width:80%}}
@media(prefers-reduced-motion:reduce){.sf-ucs-item img,.ucs-stage-art img{transition:none}}