@import url('/brand/folio-v1/folio.css');
/* The pedestal and die share one scene rectangle at every viewport width. */
.folio-home main>.first-move {background:radial-gradient(ellipse at 5% 0,#dde8d2,transparent 65%),#edf0e1}
.folio-home .first-move:before {display:none}
.folio-home .move-dice {padding:0;background:none}
.folio-home .move-dice .overline {background:none;margin-bottom:18px}
.pedestal-scene {position:relative;width:100%;aspect-ratio:1.5/1;isolation:isolate;margin:0 0 20px;border-radius:4px;overflow:hidden;box-shadow:0 12px 35px #344c3714}
.pedestal-scene>img {display:block;width:100%;height:100%;object-fit:cover}
.folio-home .pedestal-scene #brand-die.lgr-dice-surface {position:absolute;left:17%;top:-1%;width:66%;height:87%;min-height:0;max-width:none;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;margin:0;overflow:visible}
.pedestal-scene .lgr-dice-fallback {background:none}
.pedestal-scene .lgr-css-cube {width:70px;height:70px}
.pedestal-scene .lgr-css-face {border-radius:9px;border-width:1px;box-shadow:inset 0 0 0 5px #e7d8b4,inset 0 0 0 6px #bba475}
.pedestal-scene .lgr-css-face-0 {transform:translateZ(35px)}
.pedestal-scene .lgr-css-face-1 {transform:rotateY(90deg) translateZ(35px)}
.pedestal-scene .lgr-css-face-2 {transform:rotateY(180deg) translateZ(35px)}
.pedestal-scene .lgr-css-face-3 {transform:rotateY(-90deg) translateZ(35px)}
.pedestal-scene .lgr-css-face-4 {transform:rotateX(90deg) translateZ(35px)}
.pedestal-scene .lgr-css-face-5 {transform:rotateX(-90deg) translateZ(35px)}
.pedestal-scene .lgr-css-face img {width:44px;height:44px}
.pedestal-scene .lgr-css-pips {grid-template-columns:repeat(3,10px);gap:5px}
.pedestal-scene .lgr-css-pips i {width:10px;height:10px}
.pedestal-scene .lgr-css-shadow {width:100px;height:22px;top:calc(50% + 40px);background:#2f341a65;filter:blur(8px)}
.folio-home .move-dice #dice-caption {background:none;border:0;margin:0 0 16px;padding:0;max-width:380px}
.folio-home .demo-note {background:none;padding:0;margin-top:18px}
.folio-home .move-card {min-height:400px}
.folio-home #snyato .game-picture img {object-position:center 48%}
.folio-home #imperatritsa {--game:#2e5949}
.folio-home #imperatritsa .game-picture img {object-position:center 48%}
@media(max-width:760px) {
 .folio-home .move-dice {margin:0;padding:0;background:none}
 .pedestal-scene {margin-bottom:23px}
 .folio-home .move-card {min-height:340px}
 .pedestal-scene .lgr-css-cube {scale:.7}
}