@layer components{html[data-theme=spectrum] .cover{isolation:isolate;background:var(--oc-sky-100);position:relative;overflow:hidden}html[data-theme=spectrum] .cover>img{object-fit:cover;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;transition:transform var(--dur-cinematic) var(--ease-out-expo);display:block}html[data-theme=spectrum] .cover:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#0ea5e924,#14b8a61f);position:absolute;inset:0}html[data-theme=spectrum] .cover-hover:hover>img,html[data-theme=spectrum] .cover-hover:focus-within>img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){html[data-theme=spectrum]:not([data-reduce-motion=false]) .cover>img{transition:none}}html[data-theme=spectrum][data-reduce-motion=true] .cover>img{transition:none}