/* jason-and-the-argonauts: page layout and artwork dimensions. */

:where([data-layout="desktop"]) #masterPage {
    --pinned-layers-in-page: 0;
  }

:where([data-layout="desktop"]) .page-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="desktop"]) .page-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 40px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="desktop"]) .page-grid > [id="comp-m97d5ulx"] {
    position: relative;
    margin: 0px 0px 0px calc(50% - 490px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="desktop"]) .section-1-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-m97d5ulz"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 490px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-m97d5um05"] {
    position: relative;
    margin: 10px 0px 10px calc(50% - 490px);
    left: 670px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) #comp-m97d5ulz {
    width: 652px;
    height: 1028px;
  }

:where([data-layout="desktop"]) #uv3i2 {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 0px;
    width: auto;
    min-height: 40px;
  }

:where([data-layout="desktop"]) #pageBackground_uv3i2 {
    --bg-position: absolute;
    --bg-overlay-color: rgb(255,255,255);
    --bg-gradient: none;
  }

:where([data-layout="desktop"]) #comp-m97d5ulx {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 0px;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    min-width: 980px;
  }

:where([data-layout="desktop"]) #comp-m97d5um05 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 310px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #masterPage {
    --pinned-layers-in-page: 0;
  }

:where([data-layout="mobile"]) .page-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="mobile"]) .page-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 200px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="mobile"]) .page-grid > [id="comp-m97d5ulx"] {
    position: relative;
    margin: 0px 0px 0px calc(50% - 160px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="mobile"]) .section-1-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-m97d5ulz"] {
    position: relative;
    margin: 20px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-m97d5um05"] {
    position: relative;
    margin: 0px 0px 20px calc(50% - 160px);
    left: 20px;
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) #comp-m97d5ulz {
    width: 280px;
    height: 441px;
  }

:where([data-layout="mobile"]) #uv3i2 {
    left: 0px;
    margin-left: 0px;
    width: 320px;
    width: auto;
    min-height: 200px;
  }

:where([data-layout="mobile"]) #pageBackground_uv3i2 {
    --bg-position: absolute;
    --bg-overlay-color: rgb(255,255,255);
    --bg-gradient: none;
  }

:where([data-layout="mobile"]) #comp-m97d5ulx {
    left: 0px;
    margin-left: 0px;
    width: 320px;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    min-width: 320px;
  }

:where([data-layout="mobile"]) #comp-m97d5um05 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }