/* ///// MASTER ELEMENTS ///// */
ul {margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px;}
input[type=checkbox]{display:none;}
.swipe{width:100vw;min-width:100vw;height:200vh;min-height:200vh;width:100dvw;min-width:100dvw;height:200dvh;min-height:200dvh;-webkit-transform:translateY(50vh);-webkit-transform:translateY(50dvh);transition:1s;}
.swipe:has(#swap:checked){-webkit-transform:translateY(-50vh);-webkit-transform:translateY(-50dvh);}
svg {height:100%;}
/* /////////////////////////// */

/* ///// STANDARD ELEMENTS ///// */
.references{width:58%;height:85%;margin-right:2%;}
.reference{width:50%;height:100%;}
.information{width:40%;height:100%;}
.infotitle{width:100%;height:10%;max-height:10%;}
.infodetails{width:100%;height:auto;max-height:75%;}
.infodetails svg{width:100%;height:100%;}
.infodivider{width:100%;height:.5%;background-color:white;margin-top:3.25%;margin-bottom:3.25%;}
.infolink{width:100%;height:auto;max-height:8%;}
.infolink svg{width:100%;height:100%;}
/* ///////////////////////////// */

/* /////// WIDE ELEMENTS /////// */
.wide .references{height:55%;width:100%;margin-bottom:1%;}
.wide .reference{width:auto;max-width:50%;height:100%;max-height:100%;}
.wide .information{height:44%;width:100%;}
.wide .infodetails{height:100%;width:100%;max-height:100%;}
.wide .infotitle{width:100%;height:10%;max-height:10%;}
.infoleft{width:50%;min-height:82.8125%;height:82.8124%;justify-content:end;}
.wide .infolink{width:50%;min-height:17.1875%;height:17.1874%;justify-content:end;}
.justifyend{justify-content:end;}
.inforight{width:50%;height:100%;justify-content:start;}
.font{font-size:45px;}
.font:hover{font-size:50px;}
/* ///////////////////////////// */

/* /////// WIDER ELEMENTS /////// */
.wider .references{width:100%;height:59%;margin-bottom:1%;}
.wider .reference{width:auto;max-width:100%;height:100%;max-height:100%;}
.wider .infodetails{height:40%;}
.font{font-size:45px;}
.font:hover{font-size:50px;}
/* ////////////////////////////// */

/* ////// GALLERY ELEMENTS ////// */
.galtitle{width:100%;height:8%;}
.gallink{width:100%;height:auto;max-height:6%;}
.galcontent{width:100%;height:86%;}
.galitem{width:auto;box-sizing:border-box;padding:.5%;list-style:none;}
.gal1 .galitem{height:100%;}
.gal2 .galitem{height:50%;}
.gal3 .galitem{height:33.33%;}
.gal4 .galitem{height:25%;}
.gal5 .galitem{height:20%;}
.gal6 .galitem{height:16.66%;}
/* ////////////////////////////// */

/* ///// IMAGE PREVIEW ELEMENTS ///// */
.imageback{position:absolute;top:0;left:0;backdrop-filter:blur(20px);background-color:rgba(0,0,0,.3);}
.imagepopup{height:80vmin;height:80dvmin;width:90vmin;width:90dvmin;background-color:rgba(0,0,0,.3);padding:2%;}
.imagearrow{width:8%;height:100%;}
.imagebox{list-style:none;width:84%;height:100%;}
.slide{position:relative;flex-shrink:0;width:100%;height:100%;max-width:100%;max-height:100%;}
.slide img{height:100%;width:100%;max-height:100%;max-width: 100%;object-fit:contain;}
.slide:nth-child(1){left:0%;width:100%;height:100%;max-width:100%;max-height:100%;}
.slide:nth-child(1) ~ .slide{display:none;}
/* ////////////////////////////////// */

/* ///////// MOBILE ELEMENTS ///////// */
.mobileh{display:flex;}
.mobilev{display:none;}
/* /////////////////////////////////// */

/* ////////// MEDIA QUERIES ////////// */
@media only screen and (min-aspect-ratio: 85/100) 
    {#infosection{width:80vw;width:80dvw;max-width:150vh;max-width:150dvh;height:85vh;height:85dvh;max-height:85vh;max-height:85dvh;}
    #infosection.wide{max-height:60vw;max-height:60dvw;}}
@media only screen and (max-aspect-ratio: 85/100) 
    {#infosection{width:80vw;width:80dvw;max-width:35vh;max-width:35dvh;height:80vh;height:80dvh;max-height:80vh;max-height:80dvh;flex-direction:column;}
    .references{width:100%;height:40%;}
    .information{width:100%;height:60%;}
    .wide .references{width:100%;height:auto;max-height:40%;}
    .wide .reference{width:auto;max-width:100%;height:100%;max-height:100%;}
    #back{display:none;}
    .wide .information{width:100%;height:auto;max-height:60%;}
    .wide .infodetails{flex-wrap:nowrap;}
    .wide .infoleft{width:100%;height:auto;max-height:41.4%;min-height:0%;justify-content:center;}
    .wide .inforight{width:100%;height:auto;max-height:50%;justify-content:center;}
    .wide .infolink{width:auto;height:auto;max-height:8.6%;min-height:0%;justify-content:center;}
    .wide .infolink.mobilev{width:100%;height:auto;max-height:8.6%;min-height:8.6%;justify-content:center;}
    .wide .infolink .justifyend{justify-content:center;}
    .wide .mobileh{display:none;}
    .wide .mobilev{display:flex;}}
@media only screen and (max-aspect-ratio: 160/100) 
    {#gallerysection{width:70vh;width:70dvh;max-width:80vw;max-width:80dvw;height:80vh;height:80dvh;max-height:80vh;max-height:80dvh;}
    .gal1 .galitem{height:50%;}
    .gal2 .galitem{height:33.33%;}
    .gal3 .galitem{height:25%;}
    .gal4 .galitem{height:20%;}
    .gal5 .galitem{height:14.28571429%;}}
    .gal6 .galitem{height:14.28571429%;}}
@media only screen and (max-aspect-ratio: 85/100) 
    {#gallerysection{width:70vh;width:70dvh;max-width:80vw;max-width:80dvw;height:80vh;height:80dvh;max-height:80vh;max-height:80dvh;}
    .gal1 .galitem{height:50%;}
    .gal2 .galitem{height:25%;}
    .gal3 .galitem{height:16.66%;}
    .gal4 .galitem{height:12.5%;}
    .gal5 .galitem{height:12.5%;}}
    .gal6 .galitem{height:12.5%;}}
@media only screen and (max-aspect-ratio: 70/100) 
    {#gallerysection{width:70vh;width:70dvh;max-width:80vw;max-width:80dvw;height:80vh;height:80dvh;max-height:80vh;max-height:80dvh;}
    .gal1 .galitem{height:50%;}
    .gal2 .galitem{height:25%;}
    .gal3 .galitem{height:16.66%;}
    .gal4 .galitem{height:12.5%;}
    .gal5 .galitem{height:10%;}
    .gal6 .galitem{height:10%;}}
/* /////////////////////////////////// */