/* Pointer light is an independent optical layer: it can coexist with the scroll light. */
.pointer-card{transform-origin:center;backface-visibility:hidden}.pointer-card>.pointer-card-light{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:0}.pointer-card-light:before{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;background:radial-gradient(ellipse 250px 200px at var(--pointer-light-x,50%) var(--pointer-light-y,50%),#fff6dd,#ebc989df 22%,#d8b87c66 52%,transparent 82%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:drop-shadow(0 0 7px #eecb8788)}.pointer-card-light:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 280px 220px at var(--pointer-light-x,50%) var(--pointer-light-y,50%),#f5dca540 0%,#fff2d623 35%,transparent 76%);box-shadow:inset 0 0 22px #d8b87c0c}.tone-panel-dark .pointer-card-light:before{background:radial-gradient(ellipse 260px 210px at var(--pointer-light-x,50%) var(--pointer-light-y,50%),#fff6dd,#f4d296e6 24%,#e9c17c77 50%,transparent 83%) border-box;filter:drop-shadow(0 0 9px #efc67ea6)}.tone-panel-dark .pointer-card-light:after{background:radial-gradient(ellipse 280px 220px at var(--pointer-light-x,50%) var(--pointer-light-y,50%),#f5dca54a,#eaf5ff10 40%,transparent 78%)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.scroll-atmosphere .pointer-card.pointer-ready{transform:perspective(1100px) translate3d(0,var(--pointer-lift,0px),0) rotateX(var(--pointer-tilt-x,0deg)) rotateY(var(--pointer-tilt-y,0deg));transition:box-shadow .4s,opacity .7s,background .4s;transform-style:flat}.scroll-atmosphere .pointer-card.pointer-ready.pointer-engaged{will-change:transform;box-shadow:inset 1px 1px 0 #ffffff77,inset -1px -1px 1px #d8b87c55,0 19px 38px #17232b24,0 0 22px #d8b87c12}.tone-panel-dark .pointer-card.pointer-ready.pointer-engaged{box-shadow:inset 1px 1px 0 #e9f5ff66,inset -1px -1px 1px #e5bf7d77,0 20px 42px #0004,0 0 28px #d8b87c24}.scroll-atmosphere .pointer-card.pointer-ready:focus-visible{outline:2px solid #ae8747;outline-offset:5px}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pointer-card-light{display:none!important}.scroll-atmosphere .pointer-card.pointer-ready{rotate:none;transform:none!important;will-change:auto}}
.motion-paused .pointer-card-light{display:none!important}.motion-paused .pointer-card.pointer-ready{transform:none!important;will-change:auto}