.template__artwork {
  overflow-y: hidden; }

.primary-nav-container, .lower-nav__text-and-icon {
  display: none;
  pointer-events: none; }

.template__artwork {
  height: 100dvh;
  background-color: white; }
  .template__artwork .inner {
    background-color: var(--grey2);
    height: 100%;
    position: relative;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    top: 103%; }
  .template__artwork .work-details {
    position: fixed;
    left: 0;
    bottom: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
    max-width: 300px; }
  .template__artwork .single-img-wrap {
    height: 95svh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    scroll-snap-align: center;
    padding: 25px 0; }
    .template__artwork .single-img-wrap .aspectholder {
      height: 100%;
      overflow: hidden; }
      .template__artwork .single-img-wrap .aspectholder img {
        height: 100%;
        object-fit: contain; }
  .template__artwork .back-btn {
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    padding-top: 10px; }
    .template__artwork .back-btn button {
      transition: all .3s ease-in-out; }
      .template__artwork .back-btn button:hover {
        opacity: 40%; }