/* link */

a {
    font-family: Ortica-Light;
    text-decoration: none;
}

a:link {
    color: white;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: white;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: #fff;
}




/* effect-shine */
a.effect-shine:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


/* OUR CUSTOM LINK COLORS */

a.menu-link:link {  
    color: white;
    text-decoration: none;
}

a.menu-link:visited {  
    color: white;
}

a.menu-link:active {  
    color: #fff; 
}

a.menu-link:hover { 
    color: red;
}


::-moz-selection { /* Code for Firefox */
  color: red;
  background: black;
}

::selection {
    background: black;
    color: black;
}

.letters {
    font-size: 19vw !important;
    font-weight: bold;
    line-height: 115% !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
        transform: translateY(20px); /* Start with the link slightly moved down */
    animation: slideIn 0.5s ease-in-out forwards;
}


/* Define the slideIn animation */
@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply a delay to each .dossier-link element */
.letters:nth-child(2) {
    animation-delay: 0.1s;
}
.letters:nth-child(7) {
    animation-delay: 0.3s;
}
.letters:nth-child(12) {
    animation-delay: 0.5s;
}
.letters:nth-child(17) {
    animation-delay: 0.7s;
}





.letter {
    font-size: 34vw !important;
}


.intro-huge {
    font-family: 'Sporting Grotesque_Regular';
    font-size: 14vw;
    font-weight: bold;
    line-height: 115%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
    display: flex;
    grid-gap: 60px;
    width: min-content;
}

.intro-huge a {
        font-family: 'Sporting Grotesque_Regular' !important;
        display: none;
}

h1 {
    font-family: 'Sporting Grotesque_Regular';
    font-size: 4.6vw;
    font-weight: bold;
    line-height: 115%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}


h1 {
    font-variation-settings: 'wght' 1000, 'wdth' 85;
}


h1 .char {
    --delay: calc((var(--char-index) + 1) * 400ms);
    animation: breathe 4000ms infinite both;
    animation-delay: var(--delay);
}

h1:hover span {
    animation-play-state: running;
}

@keyframes breathe {
    0% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
        font-size: 5vw;
    }
    60% {
        font-variation-settings: 'wght' 700, 'wdth' 100;
        font-size: 5.4vw;
    }
    
    100% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
        font-size: 5vw;
    }
}




h2{
    font-family: 'Sporting Grotesque_Regular';
    font-size: 3.6vw;
    font-weight: normal;
    line-height: 135%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0vh;
}

h3 {
    font-family: 'Sporting Grotesque_Regular';
    font-size: 2.2vw;
    font-weight: normal;
    line-height: 130%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: -0.7rem;
}

h4 {
    font-family: 'Sporting Grotesque_Regular';
    font-size: 2vw;
    font-weight: normal;
    line-height: 130%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0rem;
}


p {
    font-family: Ortica-Light;
    font-size: 1.2vw;
    font-weight: normal;
    line-height: 130%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0vh;
}


small {
    font-family: Ortica-Light;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 0 0;
}


.wp-block-column ul {
    list-style-image: url('sqpurple.gif');
    margin-top: 40px;
    margin-bottom: 40px;
}


.wp-block-column li {
    font-family: Ortica-Light;
    font-size: 1.8vw;
    font-weight: normal;
    line-height: 130%;

}




cite {
        font-family: Ortica-Light;
    font-size: 1.3vw;
    font-weight: normal;
    line-height: 130%;
    margin: 0 0 0 0;
}


figcaption {   
    font-family: Ortica-Light;
    font-size: 1.3vw;
    font-weight: normal;
    line-height: 130%;
    margin: 0 0 0 0;
    text-align: center;
    opacity: 0.7;
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}


@media screen and (max-width: 600px) {


.intro-huge {
    font-family: 'Sporting Grotesque_Regular';
    font-size: 14vw;
    line-height: 16vw;
    display: flex;
    flex-direction: column;
}

h1{
    font-family: 'Sporting Grotesque_Regular';
    font-size: 3vh;
    font-weight: bold;
    line-height: 125%;
    margin: 0 0 0 0;
}

h2{
    font-family: 'Sporting Grotesque_Regular';
    font-size: 5vw;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 0 0;
}

h3{
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: -2vh;

}

h4 {
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0vh;
}


p {
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0 0 0 0
}

small {
    font-size: 0.8em;
}

.wp-block-column ul {
    padding-left: 20px;
}

.wp-block-column li {
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0 0 0 0;
}

.menu-items li {
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0 0 0 0
}

.button-color {
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0 0 0 0;
}


figcaption {
    font-size: 0.9em;

}

cite {
    font-size: 0.9em;
}

.projectYear {
    font-family: 'Sporting Grotesque_Regular';
    font-size: 4.6vw;
    line-height: 150%;
    font-weight: normal;
    margin: 0 0 0 0
}


.wp-block-quote {
    padding-left: 1rem;
}


.wp-block-quote p {
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 0.5rem;
}