@charset "UTF-8";
@import url("../webfonts/MaziusDisplay_Bold/stylesheet.css");
@import url("../webfonts/MaziusDisplay_ExtraItalicBold/stylesheet.css");
@import url("../webfonts/MaziusDisplay_Extraitalic/stylesheet.css");
@import url("../webfonts/MaziusDisplay_Regular/stylesheet.css");
@import url("../webfonts/OrticaLinear_Regular/stylesheet.css");
@import url("../webfonts/OrticaLinear_Light/stylesheet.css");
@import url("../webfonts/OrticaAngular_Bold/stylesheet.css");
@import url("../webfonts/OrticaLinear_Bold/stylesheet.css");
@media (min-width : 650px) and (max-width : 929px) {
  .logo {
    width: auto;
    margin-top: 13px;
    margin-bottom: 0px;
  }
  .container header nav {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
    float: none;
    display: none;
  }
  header nav ul {}
  nav ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
  #MAINPIC {
    display: none;
  }
  #LEFTLOGO {
    margin-left: auto;
  }
  .HEADERIMGFRAME {
    width: 100%;
    margin: auto;
    justify-content: center;
  }
  #NAMEMOB {
    display: initial;
    margin: 0px;
    margin-bottom: 2vh;
    font-size: calc(1vw + 1.5em);
    letter-spacing: 1.5vw;
  }
  #NAMEDESK {
    display: none;
  }
  h4 {
    font-family: 'Tenorite', sans-serif;
    font-size: calc(0.75vw + 0.7em);
    letter-spacing: 3.05px;
    height: auto;
    margin: 0px;
  }
  #PROFILE:hover, #SILH:hover, #LAG:hover, #OTHER:hover, #CONT:hover #SVC {
    letter-spacing: 3.05px;
    font-size: calc(0.75vw + 0.7em);
  }
  h1 {
    font-weight: 100;
    font-size: calc(1vw + 1em);
    letter-spacing: 0.75vw;
    text-rendering: optimizeLegibility;
    transition: letter-spacing 2.5s cubic-bezier(0.45, 0, 0.55, 1) 0.25s;
  }
  .INPUTS {
    display: flex;
    flex-direction: row;
    overflow: scroll;
    width: 100%;
    height: 2.5vh;
    gap: 100px;
    flex-shrink: 0;
    padding-top: 2vh;
    -webkit-overflow-scrolling: touch; /* Enables smooth touch scrolling on iOS */
    scrollbar-width: none; /* Hides scrollbar in Firefox */
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    mask-image: linear-gradient(90deg, black 40%, transparent 90%);
  }
  .INPUT {
    width: auto;
    flex-shrink: 0;
    margin: 0px;
    scroll-snap-align: start;
    scoll-snap-stop: always;
  }
  .MIDCONTENT {
    flex-direction: column;
    align-items: flex-end;
    height: 77.5vh;
  }
  .SNAP {}
  #BUFFER {
    width: 80vw;
    display: initial;
  }
  .main-image-wrapper {
    height: 60vh;
    aspect-ratio: 2/3;
  }
  .thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-left: 5vw;
    margin-right: 2.5vw;
    width: auto;
    height: 55vh;
  }
  .gallery {
    align-items: stretch;
    justify-content: flex-end;
    height: 100%;
  }
  .FRAME {
    width: 100%;
    height: 100%;
  }
  .TOPNAME {
    height: 10vh
  }
  .COLLDESK {
    font-size: calc(0.75vw + 0.55em);
    letter-spacing: 3.05px;
  }
  #imageCaption {
    text-align: right;
    width: 100%;
  }
  .DESC {
    position: absolute;
    width: 30vw;
    right: 40vh;
    left: auto;
    top: auto;
    bottom: 0;
    margin-right: 2.5vw;
  }
  #PRFBOTR002 {
    display: none;
  }
  .PRFTOPR002 {
    display: none;
  }
  #PRFMIDWRAPPER002 {
    width: 100%;
  }
  #PRFMIDWRAPPER {
    display: none;
  }
  #PRFMIDSEPARCOVER {
    height: 50vh;
  }
  #COVER {
    margin-left: auto;
    margin-right: 0px;
    height: 100%;
    width: 70%;
  }
  .PRFTOPR001 {
    margin: auto;
    width: 100%;
    height: 30%;
  }
  #PRFTOPRIMG001 {
    width: 100%;
  }
  .PRFTOPR {
    width: 100%;
    height: 30%;
  }
  #PRFTOPRIMG {
    width: 100%;
  }
  .HOMEHEADER {
    height: 7.5vh;
    width: 100%;
    margin: 0px;
    margin-bottom: 0vh;
  }
  #INPUTSHOME {
    margin-top: 2.5vh;
    height: auto;
    z-index: 2;
  }
  .HOMEBOT {
    display: none;
  }
  #MID {
    flex-direction: column;
  }
  #LEFTTEXT {
    display: flex;
    height: 40%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 90%;
    padding: 0px;
    overflow-y: clip;
    overflow-x: clip;
    mask-image: linear-gradient(75deg, black 75%, rgba(0, 0, 0, 0.5) 100%);
  }
  .RIGHTHOME {
    position: relative;
    width: 100%;
    height: 60%;
    display: flex;
    flex-direction: column-reverse;
    transition: background-color 2.5s cubic-bezier(0.45, 0, 0.55, 1) 0.25s;
    align-items: center;
    mask-image: linear-gradient(-90deg, black 90%, rgba(0, 0, 0, 0.85) 100%);
    overflow: clip;
  }
  #MIDCONTENTHOME {
    overflow-x: scroll;
    width: 90%;
    flex-direction: row;
    height: 100%;
    gap: 75px;
    mask-image: linear-gradient(90deg, transparent -15%, black 10%, black 75%, transparent 100%);
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    margin-top: 2.5vh;
    margin-left: 10%;
    margin-bottom: 2.5vh;
  }
  #MIDCONTENTHOME2 {
    overflow-x: scroll;
    width: 90%;
    flex-direction: row;
    height: 100%;
    gap: 75px;
    mask-image: linear-gradient(90deg, transparent -15%, black 10%, black 75%, transparent 100%);
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    margin-top: 2.5vh;
    margin-left: 10%;
    margin-bottom: 2.5vh;
  }
  .COLLECTEXT {
    display: none;
  }
  .BACKGRLEFTHOME {
    position: absolute;
    height: 60vh;
    width: auto;
    top: 0%;
    left: -7.5vw;
    opacity: 0.05;
    mask-image: linear-gradient(180deg, transparent 20%, black 40%, black 50%, transparent 80%);
    z-index: 0;
  }
  #ANCHORIMGDIV004 {
    height: auto;
    width: 70%;
    right: -15vw;
  }
  #LEFTLOGOLINK {
    margin-right: auto;
    margin-left: auto;
    height: auto;
    margin-bottom: auto;
    margin-top: auto;
  }
  #OVERLAYTEXT {
    width: 100%;
    font-family: "OrticaLinear Light";
    font-size: 14px;
    letter-spacing: 7.5px;
    font-weight: 400;
    color: whitesmoke;
    text-align: center;
    margin: 0px;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
  }
  .OVERLAYTEXTDIV {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 100%;
    height: auto;
  }
  #RIGHTHOME {
    display: none;
  }
  #RIGHTHOME2 {
    background-color: black;
    display: initial;
  }
  .CTCRIGHTWRAP {
    display: none;
  }
  .CTCLEFTWRAP {
    width: 100%;
  }
  .CTCTEXTINPUT {
    flex-shrink: 0;
    font-size: 66px;
    width: 100%;
  }
  selectedcontent {
    font-family: "MaziusDisplay Regular";
    font-size: 66px;
    transition: all 0.6s ease;
  }
  option {
    font-family: "MaziusDisplay Regular";
    font-size: 66px;
    height: fit-content;
    padding-left: 0px;
    padding-right: auto;
    opacity: 0.8;
    transition: all 0.6s ease;
    transition: letter-spacing 1s ease 0.1s;
  }
  #CTCSUCCESSDIV {
    flex-direction: column;
    align-items: flex-start;
  }
  .CTCH4SENTSTYLE {
    font-size: 66px;
    letter-spacing: 7.05px;
    opacity: 0;
    height: 0vw;
    transition: height 2s ease 0.1s, opacity 2s ease 1.25s;
  }
  .CTCH4SENTTRANS {
    opacity: 1;
    height: 7.5vh;
  }
  #FRAMESVC {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-right: 10%;
  }
  .NYNHEADER {
    display: none;
  }
  .SILHDIV {
    width: auto;
  }
  .LAGADDIV {
    width: auto;
  }
  .OTHERDIV {
    width: auto;
  }
}
/* Small Desktops */