/* Mini Bottles-inspired interaction layer, adapted to PhotoSpherix. */
@property --pointer-x{syntax:'<length>';inherits:true;initial-value:70vw}
@property --pointer-y{syntax:'<length>';inherits:true;initial-value:40vh}
.pointer-glow-surface{position:relative;isolation:isolate;overflow:hidden}
.pointer-glow-surface>.pointer-glow-layer{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(470px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.105),transparent 72%);opacity:0;transition:opacity .28s ease,--pointer-x .14s linear,--pointer-y .14s linear}
.pointer-glow-surface:hover>.pointer-glow-layer{opacity:1}
.pointer-glow-surface.glow-light>.pointer-glow-layer{background:radial-gradient(470px circle at var(--pointer-x) var(--pointer-y),rgba(242,99,34,.09),transparent 72%)}
.pointer-glow-surface>*:not(.pointer-glow-layer){position:relative;z-index:1}
.example-grid:has(.example-card:hover) .example-card:not(:hover),.related-grid:has(a:hover) a:not(:hover),.cards:has(.card:hover) .card:not(:hover){opacity:.66}
.example-card,.related-grid a,.cards .card{transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.scroll-reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.scroll-reveal.is-visible{opacity:1;transform:none}
.rich-media-spectrum{padding:100px 0;background:#f1f1ef}.rich-media-spectrum .cards{grid-template-columns:repeat(4,1fr)}.rich-media-spectrum .card{background:#fff;border-top:0}.rich-media-spectrum .card b{display:block;margin-bottom:35px;color:var(--orange);font-size:12px}.rich-media-spectrum .card h3{font-size:25px}.rich-media-spectrum .card a{font-weight:800;text-decoration:none}.rich-media-outcomes{padding:105px 0;background:#fff}.rich-media-outcomes .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.rich-media-outcomes h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.045em}.rich-media-outcomes ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:0;background:#ddd;list-style:none}.rich-media-outcomes li{padding:30px;background:#f7f7f5}.rich-media-outcomes li b{display:block;margin-bottom:8px;font-size:19px}.rich-media-outcomes li span{color:#666;font-size:14px}.rich-media-boundary{padding:80px 0;background:#414042;color:#fff}.rich-media-boundary .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px}.rich-media-boundary h2{font-size:clamp(38px,5vw,62px);line-height:1}.rich-media-boundary p{color:#d6d6d6;font-size:18px}
@media(max-width:900px){.rich-media-spectrum .cards{grid-template-columns:1fr 1fr}.rich-media-outcomes .wrap,.rich-media-boundary .wrap{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.rich-media-spectrum .cards,.rich-media-outcomes ul{grid-template-columns:1fr}.pointer-glow-layer{display:none}}
@media(prefers-reduced-motion:reduce){.pointer-glow-layer{display:none}.scroll-reveal{opacity:1;transform:none;transition:none}.example-grid:has(.example-card:hover) .example-card:not(:hover),.related-grid:has(a:hover) a:not(:hover),.cards:has(.card:hover) .card:not(:hover){opacity:1}}