/* A recessed paper aperture around the authentic bitmap, not new logo artwork. */
:root {
  --sd-x: 0;
  --sd-y: 0;
  --sd-scroll: 0;
  --sd-perspective: 85rem;
  --sd-recess: -5rem;
  --sd-pointer-turn: 1.6deg;
  --sd-scroll-turn: 2deg;
  --sd-pointer-pan: .55rem;
  --sd-light-pan-x: 13%;
  --sd-light-pan-y: 9%;
  --sd-light-center-y: 34%;
  --sd-light-stop: 72%;
  --sd-light-color: rgb(255 255 255 / .78);
  --sd-light-clear: rgb(255 255 255 / 0);
  --sd-upper-tone: #d5dde8;
  --sd-lower-tone: #e1e7ee;
  --sd-ground-start: 29%;
  --sd-ground-end: 72%;
  --sd-rim-shadow: inset 0 .11rem .24rem rgb(32 47 68 / .15), inset 0 1.45rem 2.5rem -1.7rem rgb(32 47 68 / .33), inset 0 -1.8rem 2.7rem -2.1rem rgb(32 47 68 / .2);
  --sd-rim-line: inset 0 -.07rem 0 rgb(255 255 255 / .8);
  --sd-cast-x: .3rem;
  --sd-cast-y: .65rem;
  --sd-cast-pan: .28rem;
  --sd-cast-softness: .65rem;
  --sd-cast-color: rgb(39 52 71 / .12);
  --sd-response: 420ms;
  --sd-ease: cubic-bezier(.22, 1, .36, 1);
  --sd-frame-fallback: 100ms;
  --sd-pointer-weight: .68;
  --sd-scroll-weight: .32;
  --sd-recess-layer: 0;
  --sd-rim-layer: 1;
  --sd-caption-layer: 2;
}
@media(max-width:720px) {
  :root {
    --sd-perspective: 65rem;
    --sd-recess: -3rem;
    --sd-pointer-turn: .75deg;
    --sd-scroll-turn: 1.35deg;
    --sd-pointer-pan: .3rem;
    --sd-cast-y: .4rem;
    --sd-cast-softness: .45rem;
  }
}
@media(prefers-reduced-motion:reduce) {
  :root { --sd-response: 0ms; --sd-pointer-turn: 0deg; --sd-scroll-turn: 0deg; --sd-pointer-pan: 0rem; }
}