/* Decorative, viewport-paused cover effects. No new media or per-frame JavaScript. */
.works-grid .work-card:not(.hardware-card) .work-cover{--cover-rgb:224,186,106;transform-origin:50% 65%;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .45s}
.works-grid .tea-cover{--cover-rgb:249,174,112}
.works-grid .agent-cover{--cover-rgb:128,165,126}
.works-grid .game-cover{--cover-rgb:136,195,169}
.cover-effects,.cover-effects>span{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.cover-effects{z-index:2;overflow:hidden;isolation:isolate}
.cover-effects .cover-edge{inset:0;padding:1.5px;overflow:hidden;background:rgba(var(--cover-rgb),.16);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.cover-edge:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 40deg,transparent 0deg 65deg,rgba(var(--cover-rgb),.65) 92deg,#fff0c9 101deg,transparent 127deg 245deg,rgba(var(--cover-rgb),.7) 272deg,transparent 304deg);animation:cover-orbit 9s linear infinite;animation-play-state:paused}
.cover-effects .cover-sheen{inset:-60%;opacity:0;background:linear-gradient(105deg,transparent 36%,rgba(var(--cover-rgb),.06) 44%,#fff2c42e 49%,#fff8e38c 50%,rgba(var(--cover-rgb),.10) 53%,transparent 62%);transform:translateX(-85%) rotate(-7deg);animation:cover-sweep 7.8s ease-in-out infinite;animation-play-state:paused}
.cover-effects .cover-sparks{opacity:0;background:radial-gradient(circle at 12% 22%,#fff7cd 0 1px,transparent 2px),radial-gradient(circle at 33% 78%,rgba(var(--cover-rgb),.85) 0 1px,transparent 2px),radial-gradient(circle at 67% 15%,#fff0bc 0 1.2px,transparent 2.3px),radial-gradient(circle at 89% 61%,rgba(var(--cover-rgb),.9) 0 1px,transparent 2px);animation:cover-stardust 5.6s ease-in-out infinite;animation-play-state:paused}
html[data-motion="on"] .cover-fx-active .cover-edge:before,html[data-motion="on"] .cover-fx-active .cover-sheen,html[data-motion="on"] .cover-fx-active .cover-sparks{animation-play-state:running}
.works-grid .work-card:nth-child(2) .cover-sheen{animation-delay:1.3s}.works-grid .work-card:nth-child(3) .cover-sheen{animation-delay:2.6s}.works-grid .work-card:nth-child(4) .cover-sheen{animation-delay:3.9s}
.works-grid .work-cover:focus-visible{outline:2px solid #f0ce8f;outline-offset:5px}
.cinema-stage .studio-frame{background:#f7f3eb;border-color:#e0c59855;box-shadow:0 18px 45px #0003,0 0 0 1px #d8b9761a}
@keyframes cover-orbit{to{transform:rotate(360deg)}}
@keyframes cover-sweep{0%,12%{opacity:0;transform:translateX(-85%) rotate(-7deg)}19%{opacity:.9}43%{opacity:.7}58%,100%{opacity:0;transform:translateX(85%) rotate(-7deg)}}
@keyframes cover-stardust{0%,100%{opacity:.14;transform:translateY(3px)}45%{opacity:.7;transform:translateY(-4px)}70%{opacity:.3;transform:translateY(-1px)}}
@media(hover:hover) and (pointer:fine) and (min-width:761px){html[data-motion="on"] .works-grid .work-cover.cover-fx-active:hover{transform:perspective(1100px) translateY(-6px) rotateX(2deg) rotateY(-2deg);border-color:rgba(var(--cover-rgb),.8);box-shadow:0 21px 38px #0005,0 0 24px rgba(var(--cover-rgb),.2)}html[data-motion="on"] .works-grid .work-card:nth-child(even) .work-cover.cover-fx-active:hover{transform:perspective(1100px) translateY(-6px) rotateX(2deg) rotateY(2deg)}}
@media(max-width:760px){html[data-motion="on"] .works-grid .work-card:not(.hardware-card) .work-cover:hover{transform:none}.cover-edge:before{animation-duration:12s}.cover-effects .cover-sparks{display:none}.cover-effects .cover-sheen{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.cover-effects .cover-sheen,.cover-effects .cover-sparks{display:none}.cover-edge:before{animation:none!important;transform:none!important}.works-grid .work-cover{transition:none!important;transform:none!important}}